/*  

	Theme Name: 	WordPress Theme 776

	Theme URI: 		http://template-help.com/

	Description:	A theme from Template-Help.com Collection

	Version: 		2.7

	Author: 		Template_Help.com 

	Author URL: 	http://www.Template-Help.com/ 

*/



/*** Main style ***/

* { padding:0; margin:0;}

	html { font-size:100.01%;}

	body { font-size:62.5%; font-family: Arial, Helvetica, sans-serif; background:#fff; color:#282828;}

	

.clear { clear: both; font-size:0; line-height:0; height:0;}



	table, td, div, img { border:0; border-collapse:collapse;}

	td {vertical-align:top;}

	ul, li { list-style: none;}

	p { padding:0px 0px 11px 0px;}

	img { border:0;}

	

a {text-decoration: underline; color:#282828;}

a:hover {text-decoration: none;}



	form { margin:0; padding:0;}

	input, select, textarea { vertical-align:middle; color:#000; font-size:1.1em;}

	input.text, textarea { border:1px solid #5082bf; padding:2px 0px 2px 6px;}

	

	.clear { clear:both;}



/*=============================*/

	

	.page {  width:980px; margin:0 auto;/*width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980)? "980px" : "100%"); min-width:980px;*/}

	

	.hed { height:426px; background:url(images/header.jpg) no-repeat right 0; }

	.hed .pd { padding:0px 24px 0px 24px;}

	

	.hed .menu { float:left; width:100%; background:url(images/menu-bg.gif) repeat-x 0 0;}

	.hed .menu .bgr01 { background:url(images/menu-left.gif) no-repeat 0 0;width:100%; }

	.hed .menu .bgr02 { background:url(images/menu-right.gif) no-repeat right 0; padding:0px 23px 0px 9px;}

	

	.hed .menu ul { /*width:100%;*/ /*overflow:hidden;*/ float:left; height:76px; background:url(images/menu-bg-02.gif) repeat-x 0 0;}

	.hed .menu li {  line-height:normal; float:left; display:block; overflow:hidden; background:url(images/menu-line.gif) no-repeat right 0;}

	.hed .menu a {  text-decoration:none; color:#313131; font-size:1.3em; padding:29px 36px 22px; display:block; float:left; overflow:hidden;}

	.hed .menu a:hover { text-decoration:underline;}

	

	



/******* Logo **********/

	.logo {  height:112px; background:url(images/logo-bg.gif) repeat-x 0 0; float:left; }

	.logo .pd { padding:0px 30px 0px 18px;}


	.logo h1 { width:487px; height:104px; background:url(images/logo.gif) no-repeat 0 0; font-size:3.4em; text-align:center; font-weight: normal; color:#62adff; cursor:pointer; text-indent:-1000em; overflow:hidden;}

	.logo h1:hover {text-decoration:none;}

	.descriptions { color:#000; text-align:center; font-size:1.29em; text-transform:uppercase; text-indent:-1000em; }

		

/******* Slogo **********/		

	.slogan {  height:210px; padding:0px 0px 0px 65px;}

	.slogan h1 { padding:44px 0px 7px 0px;}

/******* Search **********/



	.search { float:right; padding:24px 0px 0px 0px;}

	.search .text { width:173px; margin:0px 6px 0px 0px; height:17px;}

	.search .but { cursor: pointer;}

	

	.search_page { float:left; padding:0px 0px 0px 20px;}

	.search_page .text { width:250px;}



/******* Column **********/

	.cont { padding:0px 24px 20px 24px;}

	

	

	.column-left { width:218px; float:left; margin:0px 10px 0px 0px; _margin:0px 7px 0px 0px;}

	.column-right { width:218px; float:right; margin:0px 0px 0px 11px; _margin:0px 0px 0px 8px;}

	

	.column-center { overflow:hidden; height:100%;}

	

/******* Widgets  **********/

	.box { float:left; width:100%; margin:0px 0px 9px 0px; color:#595959; font-size:1.3em;}

	

	.box h2 { font-size:1em; color:#5082bf; text-transform:uppercase; overflow:hidden;}

			

	.box li { padding:0px 0px 4px 0px;}

	.box li a { color:#595959; background:url(images/box-cont-img.gif) no-repeat 0 6px; padding:0px 0px 0px 12px;}

	

	.widget_recent_comments li a { background: none;}

	

	.box { background:url(images/px.gif) repeat-x 0 0;}

	.box .bgr01 { background:url(images/px.gif) repeat-x 0 bottom; width:100%;}

	.box .bgr02 { background:url(images/px.gif) repeat-y 0 0; width:100%;}

	.box .bgr03 { background:url(images/px.gif) repeat-y right 0; width:100%;}

	

	.box .bgr-top01 { background:url(images/box-left-top.gif) no-repeat 0 0;}

	.box .bgr-top02	{ background:url(images/box-right-top.gif) no-repeat right 0; padding:26px 0px 12px 20px;}

	

	.box .bgr-cont { background:url(images/box-left-bot.gif) no-repeat 0 bottom;}

	.box .pd { background:url(images/box-right-bot.gif) no-repeat right bottom; padding:0px 10px 40px 20px; overflow:hidden;}

	

	.widget_categories .bgr-top01  { background:url(images/box-title-left-top.gif) no-repeat 0 0 #334976;}

	.widget_categories .bgr-top02 { background:url(images/box-title-right-top.gif) no-repeat right 0;}

	.widget_categories .bgr-top02 h2 { color:#fff;}

	

	.widget_categories .bgr-cont, .widget_links .bgr-cont { background:url(images/box-cont-left-bot.gif) no-repeat 0 bottom #e5ebf3;}

	.widget_categories .pd, .widget_links .pd { background:url(images/box-cont-right-bot.gif) no-repeat right bottom; padding:10px 0px 16px 0px; overflow:hidden;}

	

	.widget_categories li, .widget_links li { border-bottom:1px solid #dadee6; padding:7px 10px 6px 21px;} 

	.widget_categories li a, .widget_links li a { text-decoration:none;}

	.widget_categories li a:hover, .widget_links li a:hover { text-decoration: underline;}

	

	.widget_links li { padding-left:26px;}

	.widget_links .bgr-top01  { background:url(images/cont-left-top.gif) no-repeat 0 0 #e6ecf3;}

	.widget_links .bgr-top02 { background:url(images/cont-right-top.gif) no-repeat right 0;}

	.widget_links .pd { padding-top:0;}

	

/******* Content  **********/

	.content-box { background:url(images/cont-left-top.gif) no-repeat 0 0 #e5ebf3; float:left; width:100%; margin:0px 0px 10px 0px;}

	.content-box .bgr01 { background:url(images/cont-right-top.gif) no-repeat right 0;}

	.content-box .bgr02 { background:url(images/box-cont-left-bot.gif) no-repeat 0 bottom;}

	.content-box .bgr03 { background:url(images/box-cont-right-bot.gif) no-repeat right bottom; padding:20px 30px 22px 29px;}

	

	.title {  font-size:1.1em;  padding:0px 0px 18px 0px;}

	

	

	.title h2 { font: 1.7em Verdana, Arial, Helvetica, sans-serif; color:#282828; padding:0px 0px 13px 0px;}

	.title h3 { font: 1.6em Verdana, Arial, Helvetica, sans-serif; color:#282828; padding:0px 0px 13px 0px;}

	

	.title h2 a, .title h3 a  { text-decoration:none; color:#282828;}

	.title h2 a:hover, .title h3 a:hover { text-decoration: underline;}

	

	.title .date_all { color:#187bb1; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 6px 8px;}

	.title .post { color:#187bb1; font-size:1em; padding:0px 0px 0px 8px;}

	.title .post a { color:#0054a6;}

	

	.content_box { font-size:1.3em; line-height:1.3em; background:url(images/cont-line.gif) repeat-x bottom;}

	

	

	.content_box .imgalignleft { float:left; padding:5px 16px 10px 0px;}

	

	.comments, .link-edit {text-align:right;}

	.comments a, .link-edit a {color:#5082bf; font-weight: bold; font-size:1.1em;}

	



.content_box ul { padding-bottom:10px; margin-left: 15px;}

.content_box ul li {list-style:disc inside;}

.content_box ol {padding-bottom:10px; margin-left: 15px;}

.content_box ol li {list-style:decimal; list-style-position:inside;}



/****** Footer ***********/

	.foot { font-size:1.2em; color:#595959;  padding:24px 0px 60px 24px; background: #fafbfd; border-top:1px solid #e2eaed;}

	.foot a { color:#595959;}





/* -----------------------------------------------------------------

---------------------------- WP ------------------------------------

----------------------------------------------------------------- */



.info-sidebar { padding:10px 0px 5px 0px; border:0; width: auto; overflow: hidden; margin:0px 0px 5px 0px; color:#000; font-size:1.2em; line-height:1.4em; /*background-color:#CCC;*/}

.info-sidebar a { color:#000;}





.link-edit { font-size:1em;}

.pagetitle { font-size:2.1em; font-weight: normal; color:#000; text-align:center;}



/*--- Navigations ---*/

.navigation { padding:0px 0px 0px 0px; font-size:1.2em;}

.navigation .alignleft { float: left; width:45%; padding:0px 0px 10px 0px; text-align:left;}

.navigation .alignright { float: right; width:45%; padding:0px 0px 10px 0px; text-align:right}

.marg { margin-bottom:10px;}



/*--- Begin Images ---*/

p img {

	padding: 0;

	max-width: 100%;}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;}



img.alignright { float: right;display:inline;

	padding: 0;

	margin: 3px 0px 10px 20px;}



img.alignleft {	padding: 0;	margin: 3px 25px 5px 0; float:left; display:inline;}

	

/*------*/

.postmetadata {font-size:1.1em; padding:0px 0px 5px 0px;}

.postmetadata a {color:#3B7ECC;}

.postmetadata a:hover {text-decoration:none;}



/*------*/

#tag_cloud .widget-bottom-left {padding-bottom:15px;}

#tag_cloud .widget-heading {margin-bottom:15px;}

#tag_cloud a {padding-left:3px;}



/*--- Popup styles ---*/

#commentspopup {}

#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}

#commentspopup .page-padding {padding:0 5px;}

#commentspopup .page-width {width:538px; margin:0 auto;}

#commentspopup .header-top {background:url(images/popup_header_bg_top.jpg) top repeat-x;}

#commentspopup .header-top-right {background:url(images/popup_header_bg_top_right.jpg) top right no-repeat;}

#commentspopup .header-top-left {background:url(images/popup_header_bg_top_left.jpg) top left no-repeat; width:100%; height:160px;}

#commentspopup .header-padding {padding:39px 0 0 89px;}

#commentspopup h1 {font-size:1em; margin:0; padding:0; color:#E1E7EC; text-indent:-10000em; width:141px; height:27px;}

#commentspopup h1:hover {text-decoration: none; cursor:pointer;}

#commentspopup .description {width:141px; height:9px; text-indent:-10000em; margin-top:2px;}

#commentspopup .description2 {width:249px; height:27px; text-indent:-10000em; margin-top:19px;}

#commentspopup .border-bottom-left {padding:17px 37px 10px;}

#commentspopup p {font-size:1.1em;}





/*--- Begin Typography & Colors ---*/

small {	font-size: 0.9em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

small * {font-size: 0.9em;}

small p {font-size: 0.9em;}



select { width: 130px;}

	

#commentform {font-size:1.2em;}



#commentform input {

	margin: 5px 5px 1px 0;}



#commentform {

	margin: 5px 10px 0 0;}

	

#commentform textarea {

	width: 100%;

	padding: 2px;}

	

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;}

	

#commentform #submit {

	margin: 0 0 10px auto;

	float: right;}





/*--- Begin Calendar ---*/

#wp-calendar { empty-cells:show; width: 155px; font-size:1.1em;}



#wp-calendar th { padding:3px 0; text-align:center; color:#246e98;}

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



#wp-calendar a { display: block; font-weight:bold; color:#5b7d13;}

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

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



#wp-calendar caption { text-align: center; color:#fff; font-weight:bold; font-size:1.3em; padding:0px 0px 6px 0px;}





/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom:1px dashed #999;

	}



blockquote {

	border:1px solid #071f29;

	background:#162a3f; padding:15px 10px 10px 20px; margin:5px 0; color:#fff;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}





/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;}





/* Begin Comments*/

.alt { padding: 10px; font-size:1.1em;}



.commentlist { color:#000; font-size:1.2em;

	/*padding:0px 18px 0px 20px;*/

	text-align: justify;

	}



ol.commentlist  li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	/*list-style: none;*/

	background:#fff;

	border:1px solid #5082bf;

	}

	

.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff; /*margin:0px 20px 15px 0px;*/

	}



.commentlist p { font-size:1.2em;

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	padding-left:15px;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

	

#archives { line-height:1.5em;}



.join-us { margin-left:12px;}