/*   
Theme Name: ccw
Theme URI: http://www.ccwinsurance.org/test/wp/
Description: A search engine optimized website framework for WordPress.
Author: Leora Wenger
Author URI: http://www.leoraw.com/
Version: 1.0
Tags: insurance
.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/*
LAYOUT: Two-Column
DESCRIPTION: Made especially for CCW Insurance
*/

body{text-align:center;
margin:0;padding:0;
font-family:tahoma,arial,sans-serif;
font-size:0.8em;color:#000000;
background-color:#142e55;}

div#wrapper{background:url(images/back.gif);
margin-left:auto;margin-right:auto;display:block;width:950px;
background-color:#142e55; }

div#container{padding:0;
padding-left:53px;padding-right:53px;
width:auto;margin-left:auto;
margin-right:auto;text-align:left;
display:block}

a:link,a:visited,a:active{color:#666666;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}

h1 {font-size:16px;font-weight:bold;color:#3e567c;border-bottom:1px solid #25416d;margin:10px 0px 0px 0px;padding:10px 0px 4px 0px;text-align:center}
h2{font-family:verdana;color:#142e55;font-size:14px}
h3{font-family:verdana;color:#142e55}
h4{font-weight: bold; font-family: verdana; margin-bottom: none}
h5{font-size:1.2em}
h6{font-size:1em}


div.titleoverlay{z-index:4;position:relative;float:left;width:auto;height:50px;width:321px;background:url(images/bg_tagline.jpg) no-repeat;position:relative;top:235px;left:20px;opacity:.85;filter:alpha(opacity=85)}

table#layout{width:100%;}

#right{ vertical-align:top;
background-color:#FFFFFF;
border-right:#CCCCCC solid 5px; 
width: 240px; /*was 240px*/
padding-left: 2px;
padding-top: 10px;
}
td#middle{border-right:#CCCCCC solid 3px; padding-left: 10px; vertical-align:top; padding-right: 10px; }
#left {width: 580px} /*was 580px*/
tr#bodyrow {background-color:#FFFFFF}
td#header{width:auto;padding:0; margin: 0;}

#footer {text-align: center; color: #fff;}
.smaller {font-size: smaller}

/*LOGO AREA
=====================*/
/*table#logoarea,table#logoarea tr,table#logoarea td{margin:0;padding:0;background:none;border:0}
table#logoarea{width:100%;border-spacing:0px;background:(images/back.gif);}


*/

#logoarea {margin:0;padding:0;background:(images/back.gif);border:0; width: 844px; border-spacing:0px; }

#logo{float: left; width: 350px;}
#logo a img {display:block;margin:0 0 0 0; border: none; }

#contact_tab {float:right; width: 200px;  margin-top: 30px;}

/*end logo area*/

/*HEADLINES
=====================*/

div.post-headline h1,div.post-headline h2, h2.entry-title h1.entry-title{font-size:16px;font-weight:bold;color:#3e567c;border-bottom:1px solid #25416d;margin:10px 0px 0px 0px;padding:10px 0px 4px 0px;text-align:center}

.thumbnail{float:right;padding-left:8px;padding-bottom:8px}

/*HEADER IMAGE AREA
===============================*/
div#imagecontainer, #imagecontain{position:relative;height:300px;clear:both;}


.byline{background:url(images/bg_tagline.jpg);background-repeat:no;width:321px;height:43px;position:absolute;top:240px;left:20px;opacity:.85;filter:alpha(opacity=85);z-index:1}
/*end HEADER IMAGE area*/

div.cat_posts ul li,ul#links li{border-bottom:1px solid #cccccc}
ul#links{list-style-type:none;margin:0;padding:0}
ul#links li {padding-left: 5px;}
ul#links li a{color:#142E55;font-weight:normal}
ul#links li a:hover{color:#0000cc;font-weight:normal;text-decoration:none}

div.listoflinks ul li, div.listoflinks ul  {margin:0; padding: 0;}


/*widgets
========================*/
div.widget{display:block;width:auto;margin:0 0 15px 0}
div.widget-title{display:block;width:auto}
div.widget-title h3,td#left h3.tw-widgettitle,td#right h3.tw-widgettitle,td#left ul.tw-nav-list,td#right ul.tw-nav-list
{padding:0;margin:0;font-size:1em;font-weight:bold}
div.widget-content{display:block;width:auto}
/*div.widget select{width:98%;margin-top:5px;}*/
div.widget ul{list-style-type:none;margin:0;padding:0;width:auto}
div.widget ul li{display:block;margin:2px 0 2px 0px;padding:0 0 0 5px;border-left:solid 0px #CCCCCC}
div.widget ul li:hover,div.widget ul li.sfhover{display:block;width:auto;border-left:solid 0px #000000;}
div.widget ul li ul li{margin:2px 0 2px 5px;padding:0 0 0 5px;border-left:solid 7px #CCCCCC;}


div.widget_pages h3 {display: none}
/*width:222px;*/
div.widget_pages ul li{background:url(images/button_right.png) no-repeat top left;display:block;height:30px;
padding: 10px 0px 0px 0px;text-align:center;color:#122445;font-family:Verdana,Arial,sans-serif;font-weight:bold;font-size:12px;text-decoration:none;cursor:pointer}
div.widget_pages ul li a:link,div.widget_pages ul li a:visited,div.widget_pages ul li a:active{padding:3px 0px 0px 0px;
color: #142e55;}
div.widget_pages ul li a:hover {
	color:#000099;
}

#blog_widget_area .widget_categoryposts ul, #blog_widget_area .widget_categoryposts ul li{margin:0; padding: 0;}

.widget_categoryposts .widget-title a{color:#142E55;font-weight:bold}
.widget_categoryposts ul, .widget_categoryposts ul li{margin:0; padding: 0;}
.widget_categoryposts ul li, .catlist ul li{border-bottom:1px solid #cccccc}
.widget_categoryposts ul li a, .catlist ul li a{color:#142E55;font-weight:normal}
.widget_categoryposts ul li a:hover, .catlist ul li a:hover {color:#0000cc;font-weight:normal;text-decoration:none}


/*search
-========================*/
/*table.searchform{width:100%}
table.searchform td.searchfield{padding:0;width:100%}*/
table.searchform td.searchbutton{padding:0 0 0 5px}
table.searchform td.searchbutton input{padding:0 0 0 5px}

/*menu*/
#navcontainer
{
margin: 0 0;
padding: 0 0 0 0;
border: none;

}


ul#navlist
{
list-style: none;
background:#FFFFFF;
margin: 0 0;
padding: 0 0 0 0;
}

ul#navlist li
{
float: left;
margin: 0;
padding: 0;
}

ul#navlist li a
{
color: #aaa;
font-size: smaller;
text-transform:uppercase;
text-decoration: none;
background-color: #fff;
text-align:center;
padding:4px 17px;
float: left;
border:solid 1px #cccccc;
font-weight: 400;
}

ul#navlist li.leftmost a
{
color: #aaa;
font-size: smaller;
text-transform:uppercase;
text-decoration: none;
background-color: #fff;
text-align:center;
padding:4px 37px;
float: left;
border:solid 1px #cccccc;
font-weight: 400;
}

/*background: #7AA860; greenish olive*/
ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #ffffff;
background: #4A4A74;

}

.borderless {border: none}

.alignleft,div.alignleft{float:left;margin:10px 10px 5px 0}
.alignright,div.alignright{float:right;margin:10px 0 5px 10px}

/*buttoned buttons
==========================*/
.buttoned {
	width: 450px; padding: 5px; background-color: #eee; margin-left: auto; margin-right: auto;text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 120px; margin-bottom: 10px; 
	border-radius: 10px;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;
}

.buttoned div.button1
	{
	width: 110px;
	float:left;
	margin-right: 20px;
	margin-left: 20px;
	border-radius: 10px;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;

	box-shadow: 3px 3px 1px #ccc;  
	-moz-box-shadow: 5px 5px 2px #ccc;  
	-webkit-box-shadow: 5px 5px 2px #ccc;  
}

.buttoned div.button1 a:link, .buttoned div.button1 a:visited {
	color: #142e55;
	}
	
.buttoned div.button1 a:hover {
	color: #0000cc;
	}

/*more buttons
======================*/
.button {
	padding: 5px 10px;
	display: inline;
	background: #777 url(images/button.png) repeat-x bottom;
	border: none;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px #666;
	font-family:Arial, Helvetica, sans-serif;
	}
.button:hover {
	background-position: 0 -48px;
	}
.button:active {
	background-position: 0 top;
	position: relative;
	top: 1px;
	padding: 6px 10px 4px;
	}
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #142E55; color: #fff;}
.button.blue:hover {background-color:#2c6da0;}
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }


/*home page
====================*/
#home_main {border-bottom: 1px solid #ccc;}
.home_block {width: 260px; float: left; margin-right: 20px; height: 210px; }
.home_thumb {float: left; width: 100px; margin-right: 10px;}
.home_block p {line-height:16px; margin-top: 0;}

/*special colors
=================================*/
a.brighten {color:#CC0000}

/*home slideshow
==========================*/
#myGallery
{
	width: 844px !important;
	height: 302px !important;
	z-index:0;
	border: none;

} 

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	display:none;
}