/*
CSS for Somerset County Republican Organization
Author: Villagewerx LLC
Revised Sept 2007
/*
 
Foundation
----------------------------- */
* html #doc-3 {width: 750px;}
* html #yui-main {width: 100%;}
* html #sidebar {position: absolute; top: 120px; right: 90px; width: 200px; margin-right: 0px; padding: 0;}
html, body {height: 100%;}
#doc-3 {min-height: 100%;}
body {background-color: #172017/*#4C4532*/; margin: 0 auto;}
#bd {background-color: #C8BCAA;width: 100%;padding: 0px;}
div .yui-b {padding: 0;}
div .yui-g {padding: 0; width: 100%;}
#yui-main {min-height: 100%; z-index: 1; margin: 0; padding: 0;}
#bannerabovefold {position: relative; top: 0; left: 0; display: block; width: 166%; height: 200px; background-color: #fff; background-image: url(./images/layouts/bannerfiller.jpg); background-repeat: repeat-x; z-index:0; margin: 0; padding: 0;}
* html #bannerabovefold {width: 166%;}
*:first-child+html #bannerabovefold {width: 166.5%;}
#yui-main .yui-b {background-color: #febe2c;}
.yui-b .yui-g	{padding: 0px; background-color: #C8BCAA; height: 100%; min-height: 450px;}
.yui-u, *:first-child+html .yui-u, * html .yui-u  {padding: 0px;}
.yui-gb .first #featured {margin-left: 10px; margin-top: 0px;}
#featured {text-align: center; width: 230px; height: 100%; padding-left: 10px;}

img {background-color: transparent;}

/*
Common Entry Styles
---------------------------------------------- */
div .entry {margin-left: 2em;}
.entry {height: 100%; margin: 10px 0 30px 0;clear:both;}
* html .single .yui-g .entry {padding-bottom: 10em;}
h3 .date {color: #400000;}


/*
HOME PAGE Layout Grid Elements
--------------------------------- */
.yui-gb	{padding-top: 15px;height: 170px;width: 100%;background-image: url(./images/layouts/bg-filter.png);background-repeat: repeat-y;background-color: #051605;	}
* html .yui-gb {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/layouts/bg-filter.png", sizingMethod="crop");}
.yui-gb div.first {position: relative; width: 38%;height: 100%; margin-top: -30px; padding-left: 0px;z-index: 10;}
.yui-gb .yui-u {width: 27%;}
.shaded {background-image: url(./images/layouts/darken.png);background-color: #333;padding: 0px 0px 20px;height: 150px;}
* html .shaded {background-image: url(); background-color: #333; position: relative; z-index: 1000;}
.yui-gb .yui-u ul.leftlist{width: 90%;color: #80FFFF;font-family: "lucida sans";font-size: 1em;padding-left: 0em;font-weight: 600; z-index: 1000;}
.yui-gb .yui-u ul.rightlist{width: 90%;color: #feb808;font-family: "lucida sans";font-size: 1em;padding-left: 0em;font-weight: 600; z-index: 1000;}
.yui-gb .yui-u ul li {list-style-type: none; padding: .2em .4em 0 1.25em;}
.yui-gd {background-color: #121b12;}
.yui-gd .yui-u {height: 50px; color: #fff; text-align: center; width: 60%;}
.yui-gd .yui-u .first {width: 40%;}
#splash_bg {height: 230px;position: relative;top: 0;background-color: #ccc;background-image: url(./images/layouts/woodedpasture.jpg);background-position: center center;z-index: 1;}
#isolated {position: absolute;top: -10px;left: 400px;z-index: 10;}
.headline {position: relative;top: 110px;height: 110px;width: 80%;padding-left: 30px;padding-top: 20px;font-size:1.6em;font-family: arial, san-serif;background-image: url(./images/layouts/darken.png);background-position: -45px 0px;z-index: 2;}
* html .headline {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/layouts/darken.png", sizingMethod="crop");}
#screen {width: 100%;height: 220px;background-image: url(./images/layouts/screen.png);background-repeat: no-repeat;padding: 0;}
* html #screen {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/layouts/screen.png", sizingMethod="crop");}
embed	{width: 100%;height: 220px;}
#abs	{float: right;text-align: center;margin: 0 5px;}

/*
Common Header Layout
----------------------------- */
#hd {background-color: #1e1e1e; background-image: url(./images/layouts/banner.gif); height: 107px; color: #fff;}


/*
Common Footer Layout
-------------------------- */
#footerbg {/*background-image: url(./images/layouts/darken4.png) repeat-x;*/ background-color: #331004; border-top: 2px solid #8B881B; text-align: center;}
#footer {background-color: #331004; width: 100%; min-height: 260px; /* background-image: url(./images/layouts/darken4.png);*/ color: #FFFFFF; margin: 0px auto 0px; text-align: left; position: relative; line-height: 14px; clear: both;}
* html #footer {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/layouts/darken4.png", sizingMethod="crop");}
#footer p {color: #FFFFFF;list-style-type: none;margin: 0px;	}	
#footer h2 {color: #FFFFFF;font-size: 12px;font-family: Arial, Helvetica, Sans-Serif;font-weight: bold;border-bottom: 0px solid #999999;padding: 0px 0px 2px 0px;margin: 15px 0px 0px 0px;text-transform: uppercase;}
#footer h3 {color: #FFFFFF;font-size: 12px;font-family: Arial, Helvetica, Sans-Serif;font-weight: bold;border-bottom: 0px solid #999999;padding: 0px 0px 2px 0px;margin: 15px 0px 3px 0px;text-transform: uppercase;}
#footer ul {list-style: none;margin: 0px 0px 0px 0px;padding: 0px;}
#footer ul li {display: inline;padding: 0px;margin: 0px;}
#footer ul li a {display: block;color: #FFFFFF;text-decoration: none;margin: 0px;padding: 3px 0px 3px 0px;border-bottom: 0px solid #fff;}
#footerleft {/*background: url(./images/layouts/darken4.png) repeat-x;*/ float: left; width: 30%;/*height: 140px;*/ margin: 0px 20px 0px 20px; padding: 0px 0px;}   
* html #footerleft {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/layouts/darken4.png", sizingMethod="crop");}
.datestyle {width: 3em;font-weight: bold;display: inline; text-align: right;color: #0B80FF;}
.moveover {position: relative;padding-left: 10px;}
#footermiddle1 {/*background: url(./images/layouts/darken4.png) repeat-x; */float: left; width: 26%;/*height: 140px;*/margin: 0px 20px 0px 0px; padding: 0px 10px;}
* html #footermiddle1 {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/layouts/darken4.png", sizingMethod="crop");}
#footerright {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/layouts/darken4.png", sizingMethod="crop");float: right; width: 28%; margin: 0px 10px 0px 0px; padding: 0px;}
#ft	{background-color: #331004; position: relative; bottom: 0; /*background-image: url(./images/layouts/ft_bg.png); background-repeat: no-repeat;background-position: center bottom;*/ color: #fff;height: 20px;text-align: center;padding: 20px;/*margin-bottom: 30px;*/font-size: .8em;}
* html #ft {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/layouts/ft_bg.png", sizingMethod="crop");}

/*
Sidebar Styles
------------------------------ */
#sidebar {margin-top: 1em;}
#container_outer {position: relative; z-index: 100; background-image: url(./images/layouts/sidepanel_top_1.png);background-repeat: no-repeat; background-position: -5px 3px; float: right; width: 270px; height: 100%; min-height: 475px; padding: 0px;}
.container_inner {width: 270px; height: 100%; padding: 88px 0;}  
.content {min-height: 400px; background-image: url(./images/layouts/sidepanel_bottom.png); background-repeat: no-repeat; background-position: -2px bottom; margin: 0 auto; padding: 0px 15px 0 30px;}
.content h2 {font-size: 1.4em; color: red;}

#static-nav {width: 32%;margin: 0px 0px 0px 0px;padding: 0px;height: 100%;min-height: 400px;position: relative;top: 0;right: 20px;z-index: 100;}
.content p, .content ul li, .content h2, .content a, .content .small {width: 200px;}
/* div .small {font-size: .85em; color: #444; font-weight: normal; margin-bottom: 10px;}*/
.extra {width: 200px; padding: 0px 0px;}
.extra h2 {color: #b20000; padding: 0px 0px 10px 0px; line-height: 1.1em;}
div .yui-b #right {padding: 0; margin: 0;}

.sb_ul	{margin-top: 0px; width: 220px; color: #333;}
.sb_ul li {margin-bottom: 8px;}
ul.sb_ul li:last.sider {padding-bottom: 6em;}
.sider {display: block; padding-left: 0px;}

.blue {color: #0B80FF;line-height: 1em;}
.date {margin-top: 10px;line-height: 1.5em;color: #0B80FF;}
div span.date {color: #666;font-size: 90%;}
.muni_special {width: 75%;padding-top: 30px;color: #800000;}

/*
------- Sidebar Variant 1 "Elephant"---------- */
#sidenavstyle1 {width: 255px;margin: 0px;padding: 20px;height: 100%;min-height: 300px;z-index: 100;background-image: url(./images/layouts/SidePanel_03.png);background-repeat: no-repeat;background-position: 0px 0px;}
* html #sidenavstyle1 {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/layouts/SidePanel_03.png", sizingMethod="crop");}
#sidenavstyle1 li {padding: 0 30px;margin-bottom: 8px;}
#sidenavstyle1 h2 {padding-top: 89px;padding-left: 10px;color: #000;background: transparent;}
#sidenav1fill {position: relative;top: 3px;margin-left: -20px;height: 260px;background-image: url(./images/layouts/SidePanel_05.png);background-repeat: repeat-y;background-color: transparent;width: 270px;display: block;}
* html #sidenav1fill {background-image: url(./images/layouts/SidePanel_05.gif);}
#sidenav1bot {background-image: url(./images/layouts/SidePanel_07.png);background-repeat: no-repeat;background-color: transparent;height: 100%;min-height: 40px;width: 100%;margin-top: 0;position: relative;bottom: -3px;left: -20px;padding: 10px 0px 30px 30px;}
* html #sidenav1bot {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/layouts/SidePanel_07.png", sizingMethod="crop");}

/*
Typography
----------------------------- */
h1	{color: #fff;}
#hd h1 {font-size:2em; position:relative; left:-2000px;}
h2	{color: #fff; font-weight: bold; font-size: 1.2em; font-family: "trebuchet ms";}
.yui-b .yui-g h2 {font-size:1.3em; font-family:"tahoma"; font-weight:bold; color:#000;}
.yui-gb .yui-u h2 {padding: .3em 0 0 1em;}
h3	{color: #800000; font-size: 1.15em; font-weight: bold;}
p	{margin-bottom: 8px;}
#right h3 {color:#800000; font-size: 1.2em; font-weight: bold;}
#right h4 {color:#800000; margin-top: 25px; width: 80%;}
#right h6 {color:#444; font-size: .9em; font-weight: bold;}
.small {color:#000; font-size: .9em; font-weight:bold; line-height: 1em; width: 80%; padding:0 0 20px 30px;}

/*
Calendar & Events Styles
--------------------------------------------------------------- */

#cal-top {
	background-image: url(./images/layouts/calbg_03.gif);
	background-repeat: no-repeat;
        width: 100%;
	height: 45px;
	padding: 25px 20px 0px 20px;
	margin-bottom: 0px;
}

* html div .entry #cal-top { background-image: url(./images/layouts/calbg_03.gif);}


#cal-details {
	background-image: url(./images/layouts/calbg_06.gif);
	background-repeat: repeat-y;
        width: 100%;
	height: 100%;
	min-height: 280px;
	padding: 10px 20px;
	margin-top: 0px;
}

#cal-details p {margin-top: 2em;}

* html #cal-details {background-image: url(./images/layouts/calbg_06.gif); }

#cal-bottom {
	background-image: url(./images/layouts/calbg_08.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
        width: 100%;
	height: 70px;
	padding: 0 20px;
	}
* html #cal-bottom {background-image: url(./images/layouts/calbg_08.gif); }


#event { list-style-type: disc; padding-left: 30px;color: #800000;}
.event-descr {max-width: 28em; color: #000;}
.event-loc {color: #000;}
.event-contact {font-weight: bold; color: #000;}
.event-phone {color: #000;  }
h4 {font-weight: bold;color: #800000;}
#countdown {position: relative; top: 50px; left: 25px; width: 12em; font-size: 10px; color: #fff; text-align: center; margin: 0;}
.days {font-size: 20px;color: #0B80FF;font-weight: bold;}
p .countdown {width: 100px;}
.fdydate {font-weight: bold;color: #fff;}
.red {color: #800000;font-size: 1.2em;}



/*
Link Styles
--------------------------- */
a:link {color: #1188EE; text-decoration: none; font-weight: bold;}
a:visited {color: #808080;}                 
a:hover {color: #FF8040; text-decoration: underline;}                   
a:active {color: #ff0000;}     

.paginate {margin: 0 auto 3em; float: right;}
#mainnav a:link {color: #fff; text-decoration: none;}
#mainnav a:visited {color: #808080;}
#mainnav a:hover {color: #febe2c;}
#mainnav a:active {color: #ff0000;}

#home .shaded li {margin-bottom: .5em;}
#home a.leftlink:link {color: #1D91F1; text-decoration: none; font-weight: 600;}
#home a.leftlink:visited {color: #0055BB; text-decoration: none; font-weight: 600;}                 
#home a.leftlink:hover {color: #ff8000; text-decoration: none; font-weight: 600;}                   
#home a:active {color: #ff0000;} 
                    
#home a.rightlink:link {color: #FF8800; text-decoration: none; font-weight: 600;}
#home a.rightlink:visited {color: #CE6C00; text-decoration: none; font-weight: 600;}                 
#home a.rightlink:hover {color: #0080FF; text-decoration: none; font-weight: 600;}                   
#home a:active {color: #ff0000;} 
                                       
#footer a {color: #ffffff;text-decoration: none;}
/*#footer a:visited {color:#999966;text-decoration: none;}*/
#footer a:hover {color: #7E9407;text-decoration: none;}
#footer ul li a:hover {color: #FF8040;}
	                                            
/*
Lists
------------------------------ */
#footermiddle1 .leftlist {list-style-type: disc;color: #fff;}
	
#doc-3 a .list1 {text-decoration: none;color: #80FFFF;font-family: "lucida sans";font-size: 2em;padding-left: 2em;font-weight: 600;}

/*
Images
--------------------------- */
img.border_thin {border: 7px solid #fff; background-color: transparent;}

img.post-left-sm {
	float: left;
	border: 7px solid #fff;
	margin: 5px 10px 5px 0px;
	padding: 0px;
	width: 120px;
	height: auto;
}
img.post-right-sm {
	float: right;
	border: 7px solid #fff;
	margin: 5px 0px 5px 10px;
	padding: 0px;
	width: 120px;
	height: auto;
}
img.post-left-med {
	float: left;
	border: 7px solid #fff;
	margin: 5px 10px 5px 0px;
	padding: 0px;
	width: 250px;
	height: auto;
}
img.post-right-med {
	float: right;
	border: 7px solid #fff;
	margin: 5px 0px 5px 10px;
	padding: 0px;
	width: 250px;
	height: auto;
}
img.post-full-width {
	border: 1px solid #666;
	background-color: #E3DBD3;
	margin: 10px 0 10px 0;
	padding: 5px;
	width: 430px;
	height: auto;
}
.headshot img {
	width: 130px;
	height: auto;
	float: left;
	margin: 5px 7px 5px 0px;
}

/*
Forms
------------------------------ */
.entry iframe {background-color: none;}

/*
Main & Secondary Navigation
------------------------------ */

#mainnav {
	top: -.1em;
	left: 0em;
	z-index: 100;
	width: 100%;
	height: 2em;
	margin: 0em;
	padding: 0em;
	background-color: #262822;
	line-height: 2.4em;
}

#mainnav ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1em;
	font-family: verdana,arial,helvetica,sans-serif;
}	

#mainnav li {
	float: left;
	white-space: nowrap;
}

#mainnav li a {
	display: block;
	margin: 0em;
	padding: 0em 1em 0em 1em;
	line-height: 2em;
	background-color: inherit;
	color: rgb(255,255,255);
	text-decoration: none;
}

#mainnav a:hover, #mainnav .current a {
	margin: 0em;
	padding: 0em 1em 0em 1em;
	line-height: 2em;
	background-color: #404C41;
	color: #D9CF98;
	text-decoration: none;
	z-index:1000 !important;
}
#contact, #blog {
	z-index:200 !important;
	position: relative;
}

#topnav {
	float: right;
	color: #fff;
	width: 120px;
	position: relative;
	top:-25px;
	left:-25px;
	font-size: .8em;
}
#topnav a:link {
	color: #fff;
	text-decoration: none;
}

#topnav a:visited {
	color: #7E9407;
	text-decoration: none;
	}
#topnav a:hover {
	color:#BBE664;
	text-decoration: none;
}

#topnav ul li {
	display: inline;
	list-style-type: none;
	width: 120px;
	font-size: .95em;
	color: #ccc;
	border-left: 0px solid #ccc;
	padding-left: 10px;
}
#topnav ul li:first-child {
	border-left: 0px solid #ccc;
}
#headnav {
	width: 200px;
	font-size: .85em;
	text-align: right;
	float:right;
	color: #fff;
	margin-top: 0px;
	margin-left: 450px;
	margin-right: 50px;
}
#headnav ul li {
	padding-bottom: 2px;
}
#up {
	margin: 30px 0px;
}



/*
Map Page Layout
------------------- */

#map #yui-main .yui-b {width: 40%;padding: 0;}
#countymap {float: left;background-image: url(./images/layouts/map_bg.png);background-repeat: no-repeat;background-color: transparent;padding: 70px 0 0 40px;height: 500px;width: 390px;}
* html #countymap {background-image: url(./images/layouts/map_bg.gif);}

#map #right .yui-b {width: 360px;margin: 20px 10px 0px;height: 100%;min-height: 400px;}	
#right h2 {font-size: 1.5em;padding: 0;margin: 20px 0px 10px;color: #000;background: transparent;}
#right h4 {margin: 0;padding: 0;font-size: 110%;}
#right p {margin-top: 0px;width: 90%;}
#right ul {list-style-type: disc;margin-left: 20px;}