body{

background:#fff;
text-align:center;
margin:0;
padding:0;
font-family:Helvetica, Arial, Verdana, Sans-serif;


}

#wrapper{

width:300px;
margin:0 10px 0 10px;
height:auto;
text-align:left;
}



#mastHead{

position:relative;
float:left;
width:300px;
height:60px;

}

#logo{
position:relative;
float:left;
width:auto;
height:60px;
margin:20px 0 0 0;
}

#logo h1{

font-size:28px;
letter-spacing:-2px;
color:#333;
margin:0;
padding:0;
}

#logo a{

color:#333;
text-decoration:none;

}

#logo a:hover{

color:#999;


}

.grey{

color:#5EA2EE;

}


 a:link{


color:#5EA2EE;


}

a:hover{


color:#000;


}

.section a:link{

color:#333;
text-decoration:none;


}



#logo p{

font-size:12px;
margin:0;

}

#topNav{

position:relative;
float:right;
margin:0;

}

.section{

position:relative;
float:left;
width:300px;
height:auto;
margin:0;
display:inline;

}

#content{

position:relative;
float:left;
width:320px;
height:auto;

}

h3{

color:#999;
font-size:14px;
text-transform:uppercase;


}

h3 a{

margin:0 0 0 5px;

}


.small{

font-size:11px;

}



/* -- form styles -- */

.formLong{

width:300px;


}

.formShort{

width:40px;

}

#formHolder{
width:300px
position:relative;
float:left;
margin:0 0 0 0;


}

#bookm{

display:none;

}




/***********************************************************
General styles
***********************************************************/
ul, ol {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	list-style:none;
}

ul li, ol li {
	margin:0;
	padding:7px 0;
	border-bottom:1px solid #eee;
	font-size:0.75em;
	line-height:1.2em;
}


ul li:hover{
background:#eee;
border-bottom:1px solid #ccc;

}



p.more {
	
	text-align:right;
	padding-right:10px;
	font-size:11px;
}

div.hr{

width:95%;
height:10px;
border-top:1px solid #ddd;
margin:15px 5% 0 0;
clear:both;
}

div.hr hr{display:none;}


#message{

position:relative;
float:left;
width:320px;
height:auto;
padding:10px 0 10px 0;
color:#999;
margin:0;
}

#message p{

color:#999;

}


#pagination{

position:relative;
float:left;
width:300px;
height:auto;
font-size:14px;

margin:0 10px 20px 10px;
}

#pagination a{

margin:0 5px 0 5px;


}



#welcome{

position:relative;
float:left;
width:310px;
height:auto;
padding:0 0 0 0;
margin:0 20px 0 0;
}

#welcome p{

padding:0;
margin:0;
}

#mem{

position:relative;
float:left;
width:300px;
height:auto;
padding:0;
margin:15px 0 15px 0;
}

div#mem a:link{


color:#5EA2EE;


}

div#mem a:visited{


color:#5EA2EE;


}

div#mem a:hover{


color:#000;


}

/***********************************************************
Listing styles
***********************************************************/
div.nb-list ul.primary {
	margin-bottom:0;
	padding-bottom:0;
}

div.nb-list ul.secondary {
	margin-top:0;
	padding-top:0;
}

div.nb-list li.enclosure {
	padding-left:20px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left 6px;
}

div.nb-list li.video {
	background-image:url(../images/video.png);
}

div.nb-list li.audio {
	background-image:url(../images/audio.png);
}

div.nb-list li.image {
	background-image:url(../images/images.png);
}



/* -- top nav styles -- */

ul#navlist{

list-style-type: none;
margin:27px 0 0 0;;
}

ul#navlist li
{
float: left;
height: 14px;
color: #5EA2EE; background-color: #eee; font-size: 12px; font-weight: bold; text-align: center;
border:0;
margin: 0 2px 0 2px;
padding:4px 2px 4px 2px;
}

ul#navlist li a:link{

color:#333;
text-decoration:none;
padding:5px;
}

ul#navlist li a:visited{

color:#333;
text-decoration:none;
padding:5px;
}

ul#navlist li:hover
{
background:#5EA2EE;

}

ul#navlist li.customize{

display:none;

}


/* -- re-order list styles -- */

.editHolder{

padding:20px;
color:#333;


}

.editHolder a{

position:relative;
float:right;


}

.alert{

color:red;

}

#login{

position:relative;
float:left;
width:300px;
height:auto;
margin:0 0 5px 0;;
}

#myForm{

position:relative;
float:left;
margin:0;
padding:0;
}

#myForm input
{
	position: relative;
	top: -1.4em;
	left: 13em;
	display: block;
	margin:-5px 0 0 0;
}

#myForm input.submit
{
	clear: both;
	top: 0;
}



#myForm label{

	clear: both;
	float: left;
	display: block;
	width: auto;
	margin: 8px 0 5px 0;
	


}

#feature{

display:none;


}

/***********************************************************
Tooltip styles
***********************************************************/
.tool-tip {
	color:#fff;
	width:300px;
	z-index:13000;
	text-align:left;
	display:none;
}

.tool-title {
	font-weight:bold;
	font:13px/1.3em Verdana, sans-serif;
	margin:0;
	color:#9FD4FF;
	padding:8px 8px 4px;
	background:url(../images/bg_tooltip.png) top left;
}

.tool-text {
	font:12px/1.3em Verdana, sans-serif;
	padding:4px 8px 8px;
	background:url(../images/bg_tooltip.png) bottom right;
}

.tool-text span span {
	display:block;
	font:11px/1.3em Verdana, sans-serif;
	color:#aaa;
	padding:5px 0 0 0;
}

/*********************************************
Footer styles
*********************************************/
div#footer {
position:relative;
float:left;
width:300px;
	padding:5px 5px;
	margin:0 0;
	border:0 solid #ddd;
	border-width:1px 0;
	text-align:center;
	font-size:11px;
}

div#footer p {
	line-height:1.6em !important;
}

div#footer a:link{


color:#5EA2EE;


}

div#footer a:hover{


color:#000;


}