/*

Theme Name: Jackson County Life
Theme URI: http://www.jacksoncountylife.com
Version: 1.0
Description: Theme for Jackson County Life website, by SayShea Web Studio
Author: SayShea Web Studio
Author URI: http://www.sayshea.com


*/
/* =-=-=-=-=-=-=-[General]-=-=-=-=-=-=-=- */
html{height:100%;margin-bottom:1px;min-height:100%;}
body{background-color:#EDEDE8;color:#1B2222;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;height:100%;margin:0;padding:0;text-align:center;}
body,td,th,p,ul,ol,dl{color:#1B2222;font-family:Verdana, Arial, Helvetica, sans-serif;}
p{background:inherit;line-height:1.5em;margin:0 0 5px;padding:0;}

/*--------------------------------------------------------------------------------------
		Page Layout
----------------------------------------------------------------------------------------*/
#container{height:auto!important;margin:0 auto;min-height:100%;padding:0;position:relative;text-align:center;voice-family:inherit;width:100%;}
html>body #container{height:auto;}
/* =-=-=-=-=-=-=-[Header]-=-=-=-=-=-=-=- */
#header{background:url('images/interface-jcl_2.jpg') repeat-x top center;height:172px;margin:0;overflow:hidden;padding:0;}
#topnav{background:url('images/bkg-nav-blue.gif') repeat-x top center;height:32px;margin:0 auto;max-height:32px;overflow:hidden;width:750px;}
#header .menubox{float:left;width:540px;}
#header .searchbox{float:right;vertical-align:middle;width:190px;}
#headerContent{height:139px;margin:0 auto;max-height:139px;width:750px;}
#logo{float:left;padding:0;}
#headerSlideshow{float:right;}
/* =-=-=-=-=-=-=-[Content]-=-=-=-=-=-=-=- */			
#content{background-color:#EDEDE8;margin:0 auto;padding:0 0 90px;width:750px;}
#contentMain{margin:0 auto;width:750px;}
#contentSub{margin:1em auto 0;width:750px;}
/* =-=-=-=-=-=-=-[Footer]-=-=-=-=-=-=-=- */		
#footer{background-image:url('images/bkg-footer.gif');background-repeat:repeat-x;bottom:0;clear:both;color:#EDEDE8;height:90px;margin-top:-90px;padding:0;position:relative;}
#footerContent{margin-left:auto;margin-right:auto;padding:1em;width:750px;}
#footer a:link,#footer a:visited{color:#FFF;text-decoration:none;}
#footer p{color:#EDEDE8;font:11px Arial, Helvetica, sans-serif;margin:0;padding-top:10px;}
#footer .byline{float:right;left:-9000px;padding-right:16px;position:absolute;text-align:right;}
#footer .copyright{float:left;padding-left:16px;text-align:left;}
#footer hr{display:none;}
#footer a:hover,#footer a:active,#footer .byline a:hover,#footer .copyright a:hover{color:#C93;}
#footer .byline a:link,#footer .copyright a:link{color:#FFF;}
	/* =-=-=-=-=-=-=-[Clearer]-=-=-=-=-=-=-=- */
.clearer{clear:both;display:block;font-size:1px;height:1px;line-height:1px;margin-bottom:-1px;}

/*--------------------------------------------------------------------------------------
		Text Formatting
----------------------------------------------------------------------------------------*/
a img{border:none;text-decoration:none;}
a{background:inherit;outline:none;}
a:link{color:#F63;text-decoration:none;}
a:visited{color:#DE8C50;text-decoration:none;}
hr{color:#F0F0F0;height:1px;width:95%;}
h1{background:inherit;color:#0F365F;font-family:'Trebuchet MS', Verdana, Sans-Serif;font-size:1.6em;font-weight:700;letter-spacing:-1px;margin:0;padding:0;text-transform:uppercase;}
h1 a:hover{background:inherit;color:#0F365F;text-decoration:none;}
h2{color:#4A809F;font-family:'Trebuchet MS', Verdana, Sans-Serif;font-size:1.4em;font-weight:700;letter-spacing:-1px;margin:5px 0;padding:0;text-align:left;}
h2 a:hover{background:inherit;color:#68ADD5;text-decoration:none;}
.right_side h2{background:url('images/bullet1.gif') no-repeat left;margin:5px 0;padding:0 0 0 26px;}
.post h2{font-family:Arial, Helvetica, sans-serif;font-size:1.3em;margin:0;padding:.3em 0 0;text-transform:uppercase;}
.home h2{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;margin:0;padding:0;text-transform:uppercase;}
.home p{font-size:96%;line-height:1.2em;}
.plain,.plain a,.plain a:link,.plain a:hover,.plain a:visited{color:#1B2222;}
h3{color:#3C1C10;display:block;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:700;letter-spacing:-1px;margin:0 0 .15em;padding:.3em 0 .1em;text-transform:uppercase;}
h4{color:#3C1C10;display:block;font-family:'Trebuchet MS', Verdana, Sans-Serif;font-size:1.3em;font-weight:400;letter-spacing:-1px;margin:0 0 .15em;padding:.3em 0 .1em;}
h5{color:#3C1C10;font-family:'Trebuchet MS', Verdana, Sans-Serif;font-size:.82em;font-weight:700;}
h6{color:#3C1C10;font-family:'Trebuchet MS', Verdana, Sans-Serif;font-size:.8em;}
a:hover,a:active{color:#369;text-decoration:underline;}
h1 a:visited,h1 a:link{background:inherit;color:#0F365F;}
h2 a:visited,h2 a:link{background:inherit;color:#4A809F;}
	
/*--------------------------------------------------------------------------------------
		MAIN content area
----------------------------------------------------------------------------------------*/
#main .right_side{float:right;margin:0;padding:0 0 0 10px;width:200px;}
#main .right_side .hitems{margin:0;padding:0;}
#main .right_side .hitems ul{color:#a90000;list-style-image:url('images/arrow.gif');margin:5px 0;padding:0;}
#main .right_side .hitems li{color:#555;margin:0 0 2px 20px;padding:0;}
#main .right_side ul{border-bottom:0 solid #eee;color:#a90000;list-style:none;list-style-type:square;margin:5px 0;padding:0;}
#main .right_side li{color:#555;margin:0 0 2px 15px;padding:0;}
#main .right_side .padding{color:#555;margin:0 0 20px 15px;padding:0;}
#main .left_side{float:left;margin:0;padding:15px 15px 0 20px;text-align:left;width:500px;}
#main .time{background:inherit;border-top:1px solid #4A809F;color:#5f5f5f;font:85% Arial, Sans-Serif;margin:0 0 10px;padding:0;}
#main .box{background:#efefef;border:1px solid #ccc;padding:5px;}



/*--------------------------------------------------------------------------------------
		Horizontal Top Menu
----------------------------------------------------------------------------------------*/
/*code based on Stu Nicholls "ultimate dropdown menu"
http://www.cssplay.co.uk*/

.menu{background:url('images/bkg-nav-blue.gif') repeat-x;float:left;font-family:"Trebuchet MS",arial,verdana,sans-serif;font-size:11px;font-weight:700;position:relative;width:100%;}
.menu ul{float:left;list-style-type:none;margin:0;padding:0;position:relative;}
.menu ul li{background:url('images/bkg-nav-divider.gif') no-repeat bottom right;display:inline;float:left;position:relative;}
.menu ul li a,.menu ul li a:visited{color:#3C1C10;display:block;float:left;height:32px;line-height:32px;padding:0 1em;text-decoration:none;width:auto;}
* html .menu ul li a,.menu ul li a:visited{width:auto;}
.menu ul li ul{display:none;}
table{border-collapse:collapse;font-size:11px;margin:-1px;}
.menu ul li:hover a{background:transparent url('images/bkg-nav-brown.gif') top left repeat-x;color:#fff;text-decoration:none;}
.menu ul li:hover ul{border-top:1px solid #fff;display:block;left:0;margin-top:1px;position:absolute;top:32px;width:100%;}
.menu ul li:hover ul li a{background:#E5F6FF;color:#075181;display:block;height:auto;line-height:16px;padding:2px 16px;width:120px;}
.menu ul li:hover ul li a:hover{background:#BCB18F;color:#fff;}

/*--------------------------------------------------------------------------------------
		Vertical Side Menu
----------------------------------------------------------------------------------------*/
.nav{color:#7D8085;padding:20px 0 0;text-align:left;width:200px;}
.nav li{border-bottom:1px dotted #ccc;list-style:none;margin:5px 0;padding:0;}
.nav li a{color:#546078;display:block;margin-bottom:2px;padding:5px 0 0;text-decoration:none;}
.nav li a:hover{background:#E5F6FF;color:#075181;display:block;margin-bottom:2px;text-decoration:none;}

/*--------------------------------------------------------------------------------------
		Form Styling
----------------------------------------------------------------------------------------*/

input.search{border:1px solid #4A809F;color:#666;width:150px;}
input.submit{background:none;border:0 none;color:#4A809F;font-family:Arial, Verdana, Helvetica, sans-serif;font-size:1.1em;font-style:normal;font-variant:normal;font-weight:700;}
input.search:hover{background:#FFFFF4;}
textarea.text{background:#FFF;border:1px solid #A90000;color:#354D5F;height:150px;width:90%;}
textarea.text:hover{background:#FFFFF4;border:1px solid #A70000;color:#000;}
input.field{background-color:#FFF;border:1px solid #4A809F;color:#000;width:283px;}
input.field:hover{background:#FFFFF4;border:1px solid #68ADD5;color:#000;}
input.text{background:inherit;border:1px solid #A70000;color:#000;margin:0;padding:4px;width:150px;}
input.text:hover{border:0 solid #68ADD5;}
	
/*--------------------------------------------------------------------------------------
		Form Styling
----------------------------------------------------------------------------------------*/
input,textarea,select{color:#668000;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:1px;}
input.button{background-color:#FFF;background-image:url('images/bkg-button.gif');border-bottom:solid 1px #666;border-left:0;border-right:solid 1px #666;border-top:0;color:#46471C;font-size:12px;font-style:normal;font-weight:700;padding:2px;text-align:center;text-decoration:none;}
input.button:hover{background-color:#FFF;color:#C93;}

/*--------------------------------------------------------------------------------------
		List Formatting
----------------------------------------------------------------------------------------*/

ul{list-style:square;margin-left:0;padding-left:5px;}
li{color:#555;margin:0 0 2px 15px;padding:0;}
ol{list-style:decimal;margin-left:15px;margin-right:15px;padding-left:15px;padding-right:15px;}
ul.bullet{list-style-image:url();}

/*--------------------------------------------------------------------------------------
		Misc Classes
----------------------------------------------------------------------------------------*/
small,.small{font-size:11px;}
x-small,.xsmall{font-size:10px;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.leftFloat{float:left;}
.rightFloat{float:right;}
.top{vertical-align:top;}
.page_item{margin:0;padding:0;text-decoration:none;}
.img{float:left;padding:0 8px 8px 0;}
.img2{float:right;padding:0 0 3px 3px;}
.sub{color:#888;margin:0 0 2px 30px;padding:0;}
fieldset{border:1px solid #4A809F;}
.date{background:#FFF;border-top:1px solid #eee;color:gray;margin:4px 0 5px;padding:.4em 0 0;text-align:right;}
.error{background-color:#FFF0F0;border:1px dashed #900;color:#900;margin-bottom:10px;margin-top:5px;padding:7px;}
.error h2{background:inherit;color:#900;}
.success{background:#F5FBE1;border:1px dashed #7BA813;color:#000;margin-bottom:5px;margin-top:5px;padding:7px;}
.success h2{background:inherit;color:#7BA813;}
.post{margin:0 0 2em;}
.post .info{background-color:#f5f5f5;border:1px solid #e3e4e4;color:#505050;font-size:.9em;margin:1em 0;padding:2px 3px 3px 8px;vertical-align:middle;}

/*--------------------------------------------------------------------------------------
		Comments Styling
----------------------------------------------------------------------------------------*/
.comments{background:#f8f8f8;color:#000;margin:0 0 7px;padding:10px 10px 8px;}
.commentsbox{background:#f4f4f4;color:#000;margin:0 0 10px;padding:8px 0 10px 10px;}
#commentlist li{border-bottom:1px solid #700000;margin-bottom:1.5em;padding-bottom:1em;}
#commentform{margin:1em 0;width:95%;}
#commentform textarea{background:#f8f7f6;border:1px solid #d6d3d3;width:280px;}
#commentform textarea:hover{background:#FFF;border:1px solid #d6d3d3;}
#commentform textarea:focus{background:#fff;border:1px solid #939793;}
#commentform #email,#commentform #author,#commentform #url{background:#f8f7f6;border:1px solid #d6d3d3;font-size:1.1em;width:280px;}
#commentform #email:hover,#commentform #author:hover,#commentform #url:hover{background:#fff;border:1px solid #d6d3d3;font-size:1.1em;width:280px;}
#commentform #email:focus,#commentform #author:focus,#commentform #url:focus{background:#fff;border:1px solid #939793;font-size:1.1em;width:280px;}
#commentform input{margin-bottom:3px;}