/* layout */


body {
margin:0 auto;
padding:0;
min-width: 972px;
text-align: center;
font-family: arial, verdana, sans-serif;
background: #000000 url(images/serano/serano_bg_lg.gif) repeat-y center;
	color: #464646;
	
}

#wrapper {
margin: 0 auto;
width: 972px;
/*background: url(images/serano/serano_bg.jpg) repeat-y;*/
}

#blog-header {
padding-right: 20px;
margin:0 00px;
background: url(images/serano/serano_header_bg2.jpg) ;
height:93px;
text-align: right;
}


#content-wrapper {
width: 940px;
padding-left:00px;
padding-right:00px;
margin-left:34px;
text-align: left;
}

#content {
float:left;
width:700px;
padding:15px;
padding-top:10px;
padding-bottom:50px;
background: url(images/serano/serano_shadow.gif) repeat-x;
}

#sidebar {
float:right;
width:155px;
margin-left:10px;
margin-right:10px;
test-align: center;
}

#sidebar-content {
padding:5px;
}

#sidebar-top {
width:139px;
float:right;
height:20px;
margin-top:72px;
border-left:1px solid #94B1B7;
border-top:1px solid #94B1B7;
background: url(images/serano/serano_top_bg.jpg) repeat-x bottom right;
}


#blog-footer {
padding:5px 5px 8px 20px;
background: url(images/serano/serano_header_bg2.jpg) repeat-x;
border-top:1px solid #666;
border-bottom:1px solid #ccc;
text-size:10px;
margin:0 0px;
text-align:center;
color:#fff;
}



/* text */

body {
font: 13px/1.5em arial, verdana, sans-serif;
	color: #464646;
}

a:link, a:active, a:visited {
font-weight:bold;
color:#333;
}

a:hover {
font-weight:bold;
text-decoration:none;
color:#000;
}

#blog-header-title h1 {
margin:0;
padding:12px 0px 0px 0px;
color:#fff;
font: bold 44px arial, MS Trebuchet, sans-serif;
letter-spacing:-0.07em;
}

#blog-header-tagline h4 {
margin:0;
padding:0px 0px 0px 0px;
color:#fff;
font: bold 18px arial, MS Trebuchet, sans-serif;
letter-spacing:-0.05 em;
text-align: right;
}

#blog-header-text h1 a, #blog-header-text h1 a:link, #blog-header-text h1 a:visited, #blog-header-text h1 a:hover {
color:#fff;
font: bold 44px arial, MS Trebuchet, sans-serif;
letter-spacing:-0.07em;
text-decoration:none;
}

#sidebar-top #nav {
font:bold 11px arial, verdana, sans-serif;
padding:3px 2px 0 7px;
color: #333;
}

#sidebar-top a {}

#sidebar {color: #333;}

#sidebar-top #nav a, #sidebar-top #nav a:link, #sidebar-top #nav a:visited, #sidebar-top #nav a:hover {
color:#333;
}

#sidebar ul {
padding:0;
margin:0;
list-style-type:none;
}

#sidebar h3.sidebar-header, #sidebar li.sidebar-header {
font:bold 16px arial, verdana, sans-serif;
color: #333;
margin:0;
background: url(/images/serano/ball.gif) 0px 2px no-repeat;
padding-left:15px;
margin-bottom:5px;
}

#sidebar-content a, #sidebar-content a:link, #sidebar-content a:visited, #sidebar-content a:hover {
font-weight:normal;
color: #361b63;
}

#sidebar-content ul {margin-bottom:15px;}
#sidebar-content ul li {padding-left:14px;margin-bottom:9px;
	line-height: 16px;
}

#sidebar-content h3.sidebar-header {margin-top:15px;}
#sidebar-content h3.first {margin-top:5px;}
#sidebar-content p {margin:0;margin-bottom:10px;}

/* search */
#sidebar-content form {margin:0;padding:0;margin-bottom:15px;}
#sidebar-content input.input {border:1px solid #ccc;padding:3px;font-size:11px;color:#808080;}
#sidebar-content input.button {border:1px solid #ccc;background-color:#eee;padding:1px;padding-bottom:2px;font-size:11px;color:#808080;}

/* post */

.post h1 {
font:bold 22px arial, verdana, sans-serif;
color:#779BA4;
margin:0;
margin-top:20px;
padding-bottom:8px;
}

.post h2 {
color: black;
margin:0;
margin-top:44px;
padding-bottom:8px;
font: bold 18px "Lucida Bright", arial, verdana, sans-serif;
}

.post h3 {
font:bold 14px arial, verdana, sans-serif;
color: black;
margin:0;
margin-top:20px;
padding-bottom:8px;
}

.post-summary h1 {
font:bold 22px arial, verdana, sans-serif;
color: black;
margin:0;
}

.post-summary h2 {
color: black;
margin:0;
font: bold 18px "Lucida Bright", arial, verdana, sans-serif;
}

h3.post-summary  {
	margin:0;
	font: italic bold 14px arial, verdana, sans-serif;
	padding: 0;
}

#content div.post h3.post-summary p {
	padding: 0;
	margin: 0 0 20px;
}

#content div.post div.post-summary p {
	color: #464646;
}



h2.date-header {
font:bold 12px arial, verdana, sans-serif;
color:#779BA4;
margin:0;
margin-top:20px;
padding-bottom:4px;
/*background: url(http://www.seranogroup.org/images/serano/serano_grey_sq.gif) 0px 2px no-repeat;*/
}




h2.post-header {
letter-spacing:-0.07em;
color:#000;
margin:0;
margin-bottom:4px;
margin-top:5px;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

h3.post-header {
font:bold 28px Times, serif;
letter-spacing:-0.04em;
color:#000;
margin:0;
margin-top:5px;
}

h4.post-header {
font:bold 14px arial, verdana, sans-serif;
letter-spacing:-0.07em;
color:#000;
margin:0;
margin-bottom:4px;
margin-top:5px;
}

.post-body, .post-body p {
color: #464646;
font: 13px/1.5em arial, verdana, sans-serif;
}

post-body p {
margin-top:100;
margin-bottom:10px;
}


.post-details {margin-top:-5px;margin-bottom:5px;}

.post-details, .post-details a, .post-details a:visited, .post-details a:hover {
font:12px/18px arial, verdana, sans-serif;
color:#bbb;
padding-top:3px;
}


/* comments */

#comments-wrapper {
border-top: 1px solid #ccc;
padding-top:10px;
margin-top:20px;
}

#comments-wrapper h4, #comments-wrapper h4 a, #comments-wrapper h4 a:visited, #comments-wrapper h4 a:hover {
font: bold 14px  arial, verdana, sans-serif;
letter-spacing:-0.05em;
color:#779BA4;
}

.comment {
color:#666;
padding:10px;
}

.comment p {margin:10px 0;}

.one {background-color:#CCCCFF;}
.two {} /* alternate colour/styling if nec. */

.comment-details {
color:#333333;
}

#post-comment {
color:#666;
border-top: 1px solid #ccc;
padding-top:10px;
margin-top:10px;
}

#post-comment h4 {
}


/* misc */

.clear {
clear: both;
}

img {
border:0;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}

#text-img-left {
float:left;
margin-right: 10px;
} 

#text-img-right {
float:right;
}

#copyright-line {
text-align:center;
}

blockquote {color:#567880;margin:0 35px 10px 18px;padding-left:8px;border-left:8px solid #CFDCDF;}

#sidebar .powered-by {
padding-top:15px;
padding-left:15px;
}

#sidebar .powered-by img {border:0;padding:0;margin:0;}

#sidebar-content .about img {
float:left;
margin-right:10px;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}
						


/* Ok, this is a bit nasty. Everything else on the sheet is used to control the tab menu under the header. See how you go with this, and be sure to back it up before you tinker */

#nav_wrapper {
	padding: 15px 0 0;
	border-left: 1px solid #336;
	border-right: 1px solid #336;
	border-top: 1px solid #336;
	background: url(images/serano/lb_menuback_lg.gif);
	font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#nav_header {
	position: relative;
	top: 0;
	left: 0;
	width: 972px;
	height: 18px;
}
#nav_header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	left: 60px;
}
#nav_header ul#primary li {
	display: inline;
	list-style: none;
}
#nav_header ul#primary a, #nav_header ul#primary span, #nav_header ul#primary a.current {
	width: 90px;
	display: block;
	float: left;
	padding: 4px;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: 0;
	text-align: center;
	text-decoration: none;
	color: #333;
	font: 100% verdana, sans-serif;
}
#nav_header ul#primary span, #nav_header ul#primary a.current, #nav_header ul#primary a.current:hover {
	border: 1px solid #FFF;
	border-bottom: none;
	background: url(images/serano/lb_selected.gif);
	padding-bottom: 6px;
	margin-top: 0;
	font-weight: bold;
	color: #336;
}
#nav_header ul#primary a {
	background: url(images/serano/lb_tab.gif);
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 0 solid #336;
	font-weight: bold;
	color: #336;
}
#nav_header ul#primary a:hover {
	margin-top: 0;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 0 solid #336;
	background: url(images/serano/lb_tabover.gif);
	font-weight: bold;
	padding-bottom: 5px;
	color: #336;
}