/*  
Theme Name: 3Grey
Theme URI: http://www.skinpress.com/3grey-wordpress-theme/
Description: Download more free wordpress themes from <a href="http://www.skinpress.com/category/wordpress/">Skinpress.com</a>.
Version: 1.0
Author: Skinpress
Author URI: http://www.skinpress.com/


License Information :

All templates are free to use as long as you leave the credits unchanged.
You cannot claim these templates or modifications of these templates as yours.

You cannot redistribute these templates on your website.

You cannot modify these templates and distribute them.


*/



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
a{
	color:#7a7a7a;
	text-decoration:none;
}
a:hover{
	color:#000;
	text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#ffffff url(images/bg.gif) repeat-x top center;
	color:#797979;
}

#body_page{
	background:none;
}

#page{
	width:1003px;
	margin:0px auto;
}

/* HEADER */

#header{
	width:100%;
	height:84px;
	background:none;
}

#header h1{
	color:#fff;
	font-size:49px;
	padding-top:0px;
	padding-left:30px;
	font-weight:normal;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align:center;
}

#header h1 a{
	color:#fff;
	text-transform:capitalize;
}

.description{
	font-size:17px;
	color:#7c7c7c;
	font-style:italic;
}

/* MENU */

#menu{
	width:100%;
	height:58px;
	background:url(images/menu_bg.gif) no-repeat left top;
}

#menu_items{
	padding-top:18px;
	padding-left:40px;
	float:left;
	width:70%;
	text-transform:uppercase;
	font-size:13px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#fff;
}

#menu_items div{
	float:left;
	background:url(images/menu_sep.gif) no-repeat center right;
	padding-left:10px;
	padding-right:15px;
}

#menu_items a{
	color:#d1d1d1;
}

#menu_search{
	float:right;
	width:24%;
}

#searchform_top{
	position:relative;
	top:7px;
}

#searchform_top_text{
	width:170px;
	border:0px;
	background:none;
	color:#fff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#gosearch{
	position:relative;
	top:9px;
}

/* BODY */

#body{
	width:100%;
	float:left;
	background:url(images/body_bg.gif) repeat-y top left;
}

#body_top{
	width:100%;
	float:left;
	background:url(images/body_top_bg.gif) no-repeat top left;
}

.body_top_index{
	background:url(images/body_top_bg2.gif) no-repeat top left !important;
}

#body_left{
	width:584px;
	float:left;
	padding-bottom:40px;
}

#body_right{
	width:419px;
	float:right;
}

#index_ads{
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	background:url(images/body_bg2.gif) repeat-y top left;
}

/* left contact */

#body_left_content{
	width:521px;
	padding-top:15px;
	margin-left:50px;
}

.post{
	background:url(images/post-top_bg.gif) no-repeat top left;
	width:100%;
}

.post-top{
}

.post-date{
	float:left;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:55px;
	text-align:center;
	color:#ccd3da;
	padding-top:7px;
	text-transform:uppercase;
}

.post-title{
	float:right;
	color:#4b4b4b;
	width:460px;
}

.post-date p{
	font-size:15px;
	font-weight:bold;
	color:#fff;
	padding-top:7px;
}

.post-title h2{
	font-size:21px;
	color:#000;
	margin-left:10px;
	font-style:italic;
	font-weight:normal;
	padding-bottom:2px;
}

.post-title h3{
	font-weight:normal;
	margin-left:10px;
	background:url(images/dotted_line.gif) repeat-x bottom left;
	padding-bottom:5px;
	margin-bottom:2px;
	color:#595959;
	font-size:10px;
}

.post-title h2 a{
	color:#000;
}

.post-title h3 a{
	color:#2d3091;
	font-weight:bold
}

.post-title h3.tags{
	color:#00315e;
	font-weight:bold;
	background:none;
	padding-top:5px;
	padding-left:5px;
	background:#e6e6e6;
}

.post-title h3.tags span{
	color:#000;
	font-weight:normal;
}

.post-title h3.tags a{
	color:#000;
	font-weight:normal;
}

.entry{
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-left:6px;
	padding-right:5px;
	padding-bottom:20px;
}

.postmetadata{
	margin-bottom:30px;
	height:27px;
	background:#ececec;
}

.postmetadata a{
	font-size:10px;
	font-weight:bold;
	color:#2d2f90;
}

.postmetadata a span{
	color:#2d2f90;
}

a.readmore{
	background:url(images/post_readmore_a.gif) no-repeat left 3px;
	color:#000;
	padding-left:10px;
}

.postmetadata .alignleft{
	padding-top:6px;
	padding-left:10px;
}

.postmetadata .alignright{
	text-align:center;
	padding-top:8px;
	padding-right:10px;
}

a.readmore:hover{
	color:#000;
}

.post-page{
	background:url(images/post-page_bg.gif) repeat-x top left;
	padding-right:10px;
}

.post-page h2{
	font-size:19px;
	color:#003360;
	font-weight:normal;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top:2px;
}

.post-page .entry{
}

strong{
	color:#00305d;
}

/* right content */

#body_right_content{
	margin-left:6px;
}

#sidebar{
	width:164px;
	float:left;
}

#sidebar_right{
	width:188px;
	float:left;
	margin-left:13px;
	padding-top:10px;
}

#ads_sidebar{
	padding-top:20px;
	text-align:center;
	padding-right:3px;
}

.sidebars h2{
	background:url(images/sidebars_h2.gif) no-repeat bottom left;
	font-size:16px;
	color:#000;
	padding-left:30px;
	padding-top:7px;
	padding-bottom:5px;
	margin-bottom:5px;
	text-transform:capitalize;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

.sidebars ul{
	color:#595959;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:5px;
}

.sidebars li ul{
	background:none;
	padding-bottom:8px;
	margin-left:10px;
}

.sidebars li ul li ul{
	padding-left:10px;
	background:none;
	padding-bottom:0px;
	margin-left:0px;
}

.sidebars li ul li ul li ul{
	padding-left:0px;
}

.sidebars li{
	margin-bottom:0px;
	background:none;
}

.sidebars li li{
	margin-bottom:0px;
	padding-bottom:0px;
	background:url(images/dotted_line.gif) repeat-x bottom left;
	padding-top:4px;
	padding-bottom:8px;
	padding-right:3px;
	padding-left:0px;
}

.sidebars li li li{
	background:none;
	border:0px;
	padding-bottom:3px;
}

.sidebars li a{
	color:#454545;
}

.sidebars li.widget_categories ul li{
	font-weight:bold;
}

.sidebars li.widget_categories ul li a{
	background:url(images/sidebar_li_cat.gif) no-repeat left 4px;
	font-weight:normal;
	padding-left:10px;
}

.sidebars li.widget_categories ul li ul li a{
	background:url(images/sidebar_li_subcat.gif) no-repeat left 4px;
	font-weight:normal;
	padding-left:10px;
}

.sidebars li.widget_archives ul li a{
	background:url(images/sidebar_li_ar.gif) no-repeat left 4px;
	font-weight:normal;
	padding-left:10px;
}

.sidebars li.linkcat ul li a{
	background:url(images/sidebar_li_br.gif) no-repeat left 2px;
	font-weight:normal;
	padding-left:10px;
}

.sidebars li.widget_meta ul li a{
	background:url(images/sidebar_li_meta.gif) no-repeat left 2px;
	font-weight:normal;
	padding-left:12px;
}

.sidebars .widget_tags a{
	color:#000;
}

/* FOOTER */

#footer{
	width:100%;
	height:120px;
	background:url(images/footer_bg.gif) no-repeat top left;
	clear:both;
	margin:0px auto;
}

#footer_text{
	color:#8095ac;
	padding-left:40px;
	padding-top:55px;
	float:left;
	width:50%;
}

#footer_copyrights{
	text-align:right;
	padding-right:40px;
	padding-top:35px;
	float:right;
	width:40%;
}

#footer_text a{
	color:#8095ac;
}




/* Begin Typography & Colors */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 10px 10px;
	padding-left: 30px;
	padding-bottom:5px;
	background:url(images/blockquote_bg.gif) no-repeat left top;
	}

blockquote blockquote{
	background:url(images/blockquote_bg2.gif) no-repeat left top;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-weight:bold;
	clear:both;
	}
/* End Various Tags & Classes*/


/* Begin Lists

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform{
	width:400px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 350px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	width:65px;
	height:25px;
	}
/* End Form Elements */



/* Begin Comments*/

h2#comment_title{
	font-size:18px;
	color:#000;
	margin-bottom:10px;
	margin-left:20px;
}

h3#comments{
	font-size:13px;
	color:#000000;
	margin-left:20px;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	margin-left:30px;
	color:#333;
	margin-left:20px;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 0px 3px;
	list-style: none;
	border-bottom:1px solid #333366;
	}

.commentlist li li {
	margin: 0px;
	padding: 5px 10px 5px;
	border-bottom:0px;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	color:#000000;
	background:#efefef;
	padding:6px 0px 6px 10px;
	}

.commentmetadata a{
	color:#333366;
	font-weight:bold;
	}

#respond_box{
	background:url(images/respond_box.gif) no-repeat top left;
	margin-top:40px;
	margin-left:20px;
	padding-bottom:60px;
}

h3#respond{
	font-size:20px;
	color:#000;
	margin-left:10px;
	padding-top:18px;
	padding-bottom:25px;
	font-weight:normal;
}

#commentform{
	margin-left:35px;
	color:#000000;
}

#commentform a{
	color:#000000;
}

/* End Comments */

/* Archives page */
.page_archives_div{
	padding-bottom:60px;
}

.ar_panel{
	width:520px;
	background:url(images/post-page_bg.gif) repeat-x top left;
}

.ar_panel3{
	background:url(images/post-page_bg.gif) repeat-x top left;
}

.page_archives_div h2{
	font-size:19px;
	color:#003360;
	font-weight:normal;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top:2px;
	margin-bottom:10px;
}

.ar_panel3 h2{
	padding-top:0px !important;
	margin-left:10px !important;
	padding-left:0px !important;
}

.ar_panel3 ul{
	margin-left:0px !important;
}

.page_archives_div ul h2{
	border:0px;
}

.page_archives_div ul{
	margin:0px;
	padding:0px;
	margin-bottom:40px;
	margin-left:10px;
}

.page_archives_div ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	background:none;
}

.page_archives_div ul li ul{
	margin:0px;
	padding:0px;
	padding-left:10px;
}

.page_archives_div ul li a{
	font-weight:normal;
	color:#000000;
	font-size:13px;
	padding-left:10px;
	background:url(images/page_archives_div_a.gif) no-repeat left center;
}

.page_archives_div ul li a:hover{
	color:#000;
}

.page_archives_div ul li{
	padding-top:5px;
	padding-bottom:5px;
	background:url(images/dotted_line.gif) repeat-x bottom left;
}

.page_archives_div ul li ul li{
	background:none;
}


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */



/* Tab Styling */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
        margin-bottom:30px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #EBEBEB;
}
ul.tabs li a {
	text-decoration: none;
	color: #1F58A8;
	display: block;
	font-size: 1.05em;
	padding: 0 19.2px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #E1E1E1;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}