/*  
Theme Name: DynaBlue
Theme URI: http://www.webdesignlessons.com/dynablue-wordpress-theme/
Description: Custom theme by http://www.webdesignlessons.com/
Version: 1.5
Author: WebDesignLessons.com
Author URI: http://www.webdesignlessons.com/
*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
a{
	color:#0000EE;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}
body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background:#FDFDEB url(images/bg.jpg) repeat-x top;
	color:#000000;
}
#page{
	width:1040px;
	margin:0px auto;
}

#container{
        width:1040px;
        margin:0px auto;
}

#welcome {
     background:url(images/bgr_welcome.jpg) no-repeat;
     width:1000px;
     margin-left:auto;
     margin-right:auto;
}


/*board*/

#board{
	width:1000px;
	height:215px;
	overflow:hidden;
	background:url(images/bgr_board.jpg) no-repeat;
        margin-right: auto;
        margin-left: auto;
        background-color:#FFFFFF;
}

#board_left{
	float:left;
	padding:16px 0 0 50px;
}
#board_links{
	float:right;
	width:305px;
	padding:50px 0 0 30px;
}
#board_links a{
	float:left;
	margin:0 20px 0 0;
}
#board_items{
	width:582px;
}
#board_body{
	width:100%;
}
#board_carusel{
	width:582px;
	height:120px;
	position:relative;
}
#board_carusel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.board_item{
	width:582px;
	height:120px;
	overflow:hidden;
}
#board_body h2{
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:23px;
	font-weight:normal;
	margin:0 0 15px 0;
}
#board_body strong{
	font-size:12px;
	color:#000;
	line-height:18px;
	display:block;
}
#board_body p{
	font-size:12px;
	color:#000;
	line-height:18px;
	padding:0 0 10px 0;
}
#board_body p img{
	float:left;
	border:1px solid #83b2c4;
	margin:0 10px 0 0;
	width:161px;
	height:107px;
}
#board_body p a{
	color:#000;
}
#board_body p.more a{
	text-decoration:underline;
}
#board_body p.more a:hover{
	text-decoration:none;
}
#board_carusel_nav{
	width:100%;
	overflow:hidden;
}
#board_carusel_nav li{
	float:left;
	padding:0 5px 0 0;
}
#board_carusel_nav li a{
	outline:none;
}
/* BODY */

#body{
	width:1000px;
        margin-left:auto;
        margin-right:auto;
	background:url(images/wrapper-shadow.gif) repeat-y right;
	overflow:hidden;
}

#body_wide {
	width:1000px;
        margin-left:auto;
        margin-right:auto;
	background:url(images/wrapper-shadow_wide.gif) repeat-y right;
	overflow:hidden;
}

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

#body_top_wide {
	width:100%;
	background:url(images/bgr_body_top_wide.gif) no-repeat;
}

#body_end_wide{
	width:100%;
	background:url(images/bgr_body_end_wide.gif) no-repeat left bottom;
	overflow:hidden;
	padding:0 0 105px 0;
}

#body_end{
	width:100%;
	background:url(images/bgr_body_end.gif) no-repeat left bottom;
	overflow:hidden;
	padding:0 0 105px 0;
}

#body_left {
	width:660px;
	float:left;
}

#body_right{
	width:300px;
	float:left;
        padding:0 0 0 40px;
}

/* left contact */

#body_left_content{
	width:633px;
	margin:20px 0 0 31px;
}

#body_wide_content{
	width:960px;
	margin:20px 0 0 31px;
}

.post{
	width:100%;
	margin:0 0 40px 0;
}

.post-top{
	width:100%;
	padding:0 0 15px 0;
	border-bottom:1px solid #b6c1c2;
	overflow:hidden;
}

.post-title{
	width:510px;
	float:left;
	margin:10px 0 10px 0;
}

.post-title h1{
     color:#000000;
     font-family:Georgia,"Times New Roman",Times,serif;
     font-size:29px;
     font-weight:normal;
     margin:0 0 5px;
}

.post-title h1 a{
	color:#000000;
}

.post-top h4{
	width:84px;
	height:49px;
	padding:14px 0 0 0;
	color:#cdcdcd;
	text-align:center;
	font-weight:normal;
	font-size:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:right;
	background:url(images/bgr_post_comment.png) no-repeat;
}

.post-top h3{
	font-weight:normal;
	color:#7b7b7b;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0 0 0 2px;
}

.post-top h3 a, .post-top h3 span{
	color:#f7941d;
	font-weight:bold;
	text-transform:capitalize;
}
.post-top h3 .post_cats a, .post-top h3 .post_cats{
	color:#000;
	font-weight:normal;
}
.entry{
	line-height:20px;
	font-size:13px;
	margin:10px 0 0 0;
}
.entry .banner{
	text-align:center;
	padding:0 0 10px 0;
}
.entry .banner img{
	border:0;
}

.banner_left{
	float:left;
	padding:0 20px 10px 0;
}
.entry .banner_left img{
	border:0;
}
.entry img{
	
}

.entry p{
	padding-bottom:15px;
}

.entry p a{
	font-weight:bold;
	text-decoration:underline;
}

.entry p a:hover{
	text-decoration:none;
}

.postmetadata{
	width:604px;
	height:48px;
	border-top:1px solid #d3d3d3;
	overflow:hidden;
	background:#ddedf1 url(images/bgr_postmetadata.png) no-repeat;
	border:1px solid #b4cfd2;
}
.postmetadata p{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding:15px 14px 0 0;
}
.postmetadata p a{
	background:url(images/ico_postmeta.gif) no-repeat left center;
	padding:0 0 0 18px;
}

.narrowcolumn .post-page {
	width:600px;
	margin:0 0 0 13px;
}

.widecolumn .post-page {
	width:900px;
	margin:0 0 0 13px;
}


h2.page_title{
	font-size:29px;
	margin:0 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-weight:normal;
	border-bottom:1px solid #aababe;
	padding:0 0 10px 5px;
	font-style:italic;
}

.post-page .entry{
}

.post-page .entry a{
	text-decoration:underline;
	font-weight:bold;
}

.post-page .entry a:hover{
	text-decoration:none;
}

.entry strong{
}

.post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6{
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	display:block;
	font-weight:normal;
}
.post-page .entry h1{
	font-size:26px;
	padding:0 0 14px 0;
}

.post-page .entry h2{
	font-size:24px;
	padding:0 0 14px 0;
}

.post-page .entry h3{
	font-size:22px;
	padding:0 0 12px 0;
}

.post-page .entry h4{
	font-size:20px;
	padding:0 0 10px 0;
}

.post-page .entry h5{
	font-size:18px;
	padding:0 0 8px 0;
}

.post-page .entry h6{
	font-size:16px;
	padding:0 0 6px 0;
} 
/* ADS */
#sidebar_ads{
	width:100%; overflow:hidden; margin:22px 0 0 0;
}
#sidebar_ads div{
	float:left;
	padding:0 1px 7px 6px;
}
#sidebar_ads div img{
	float:left;
}
.adv_here{
	text-align:center;
	font-weight:bold;
	font-size:13px;
	width:268px;
	padding:5px 0 0 1px;
}
.adv_here a{
	text-decoration:underline;
	color:#000;
}
.adv_here a:hover{
	text-decoration:none;
}

/* SIDE BAR */

#sidebar{
	width:268px;
	margin:10px 0 0 1px;
	color:#303030;
}

.sidebars h2{
	font-size:23px;
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	background:#f1f7f9;
	border-bottom:1px solid #d3dadc;
	border-top:1px solid #d3dadc;
	margin:0 0 10px 0;
	padding:10px 0 10px 20px;
}

.sidebars ul{
}

.sidebars ul li{
}

.sidebars ul li ul li{
	margin-bottom:0;
	width:auto;
}

.sidebars ul li ul li ul li{
	margin-left:0;
}

.sidebars li ul{
	padding:0 15px 30px 15px;
}

.sidebars li ul li ul{
	padding:0 0 0 10px;
	width:auto;
}

.sidebars li ul li ul li ul{
}

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

.sidebars li li{
	border-bottom:1px solid #d8e0e1;
	padding:8px 0 8px 8px;
	font-size:13px;
}

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

.sidebars li a{
	color:#303030;
}

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

.sidebars li.widget_categories ul li a{
	background:url(images/ico_cat.gif) no-repeat left 2px;
	padding:0 0 0 16px;
	font-weight:normal;
}

.sidebars li.widget_categories ul li ul li a{
}

.sidebars li.widget_archives ul li a{
	background:url(images/ico_cat.gif) no-repeat left 2px;
	padding:0 0 0 16px;
}

.sidebars li.linkcat ul li a{
	background:url(images/ico_cat.gif) no-repeat left 2px;
	padding:0 0 0 16px;
}

.sidebars .widget_tags p{
	padding:0px 10px 10px 15px;
}

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

.sidebars .textwidget{
	padding:10px;
}

/* FOOTER */

#footer{
	width:100%;
	height:129px;
	background:url(images/bgr_footer.jpg) no-repeat;
}
#footer_text{
	padding:40px 0 0 0;
	text-align:center;
}

#footer_text p{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 8px 0;
	font-size:13px;
}
#footer_text a{
	color:#000;
}



/* 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: 98%;
	}

#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: 24px;
	padding-bottom:7px;
	background:url(images/blockquote_bg.gif) repeat-y;
	}

blockquote p {
        padding-left: 24px;
}

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

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

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	text-align: right;
	margin:10px auto 0 auto;
	width:95%;
	background:#e6f2f4;
	border:1px solid #c6d2d4;
	padding:10px;
	overflow:hidden;
	font-size:13px;
	color:#000;
	}

#content_single .navigation {
	text-align: center;
	width:96%;
	padding:10px 0 10px 0;
	margin:30px 0 0 25px;
	}

.navigation a{
	color:#000;
	font-size:13px;
	}

.wp-pagenavi{
	line-height:1.8em;
	padding:0 15px 0 15px;
}

.wp-pagenavi a {
	padding: 4px; 
	margin: 2px;
}
.wp-pagenavi span.pages {
	padding: 4px; 
	margin: 2px;
	background:#646464;
	color:#fff;
}
.wp-pagenavi span.current {
	padding: 4px; 
	margin: 2px;
	background:#646464;
	color:#fff;
}
.wp-pagenavi span.extend {
	padding: 4px; 
	margin: 2px;
	background:#646464;
	color:#fff;
}
/* End Various Tags & Classes*/

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul {
	margin: 0 10px 15px 30px;
	list-style: none;
	padding:15px 15px 15px 20px;
	background:#e8f0f2;
	border:1px solid #d4dcdd;
	} 

.entry ul li {
	border-bottom:1px solid #d4dcdd;
	background:url(images/ico_entry.gif) no-repeat left 13px;
	padding:7px 0 7px 15px;
	}

.entry ol {
	margin: 0 10px 15px 30px;
	padding:15px 15px 15px 40px;
	background:#e8f0f2;
	border:1px solid #d4dcdd;
	}

.entry ol li {
	margin: 0;
	padding:7px 0 7px 0;
	border-bottom:1px solid #d4dcdd;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
ol li{
	list-style: decimal outside;
	}
/* 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: 5px 0 0 0;
	padding:0;
	width:85px;
	height:35px;
	}
/* End Form Elements */



/* Begin Comments*/

h2#comments{
	font-size:29px;
	margin:0 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-weight:normal;
	border-bottom:1px solid #aababe;
	font-style:italic;
	padding:0 0 10px 5px;
	margin:0 0 10px 25px;
}

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

.commentlist {
	padding: 0;
	text-align: justify;
	margin:0 0 0 25px;
	}

.commentlist .comment {
	margin: 15px 0 0 0;
	padding: 10px 15px 20px 15px;
	list-style: none;
	background:#e8f0f2;
	border:1px solid #d4dcdd;
	}

.commentlist .alt {
	background:#ffffff;
	}

.commentlist .comment .comment {
	margin: 15px 15px 15px 15px;
	padding: 10px 15px 20px 15px;
	width:auto;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	line-height:18px;
	}
.commentmet_data{
	width:100%;
	overflow:hidden;
}
.commentmet_data td{
	vertical-align:top;
	text-align:left;
}
.commentmet_avatar{
	width:102px;
	padding:15px 0 0 0;
}
.commentmet_text{
}
.commentmet_avatar img{
	border:1px solid #2c0202;
}

#commentform p {
	margin: 5px 0;
	}

.commentmet_replay{
	width:100%;
	overflow:hidden;
}
.commentmet_replay a{
	float:right;
	display:block;
	text-indent:-9999px;
	text-transform:capitalize;
	background:url(images/button_replay.gif) no-repeat;
	width:79px;
	height:20px;
}

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

.commentmetadata {
	margin: 0;
	display: block;
	padding:0 0 5px 0;
	color:#636363;
	font-size:15px;
	font-family:Tahoma, Geneva, sans-serif;
	text-transform:capitalize;
	font-weight:bold;
	}
.commentmetadata a{
	color:#0076a3;
}
.commentmetadata span{
	color:#0076a3;
}

.commentmet_text{
	font-size:12px;
	color:#000;
}

#respond{
	margin:40px 0 0 25px;
}

h3#respond_title{
	font-size:29px;
	margin:0 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-weight:normal;
	border-bottom:1px solid #aababe;
	font-style:italic;
	padding:0 0 10px 5px;
	margin:0 0 20px 0;
}

#commentform{
	margin-left:25px;
	color:#000;
	font-size:12px;
	width:90%;
}

#commentform small{
	position:relative;
	top:-1px;
	font-size:12px;
}
#cancel-comment-reply-link{
	font-size:12px;
	color:#000;
}

#commentform a, #commentform small{
	color:#000;
}

#commentform input{
	background:#f2f8fa;
	border:2px solid #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px;
	color:#000000;
}

#commentform textarea{
	background:#f2f8fa;
	border:2px solid #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px;
	margin:5px 0 0 0;
	color:#000000;
}

#commentform input#submit{
	background:none;
	border:0px;
}

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

.page_archives_div h2{
	font-size:29px;
	margin:0 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-weight:normal;
	border-bottom:1px solid #aababe;
	padding:0 0 10px 5px;
	font-style:italic;
}

.page_archives_div ul h2{
}

.page_archives_div ul{
	margin:10px 0 40px 0;
}

.page_archives_div ul li{
	margin:0px;
	padding:8px 0 8px 5px;
	list-style:none;
	background:url(images/ico_line.gif) no-repeat left bottom;
}

.page_archives_div ul li ul li{
	border:0px;
	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:#333;
	font-size:13px;
	background:url(images/ico_ar.gif) no-repeat left 3px;
	padding:0 0 0 14px;
}

	
/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP FIXED width
    ACCESSITES.CSS made by Mike Cherim - http://green-beast.com 
   Designed and built to work with the Accessites WordPress theme
================================================================== */

#gb_form_div { 
  text-align : left;
  width : 100%;
  margin:-40px 0 0 0;
}

#gb_form_div p {
  margin-left : 12px;
}

#gb_form {
  text-align : left;
  background : transparent;
}

#gb_form_div a {
  color : #4c4c4c;
  text-decoration : underline;
}

#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active {
  color : #4c4c4c;
  text-decoration : none;
}

fieldset { 
  border : 0;
  margin-top : 10px;
}

#gb_form legend, legend, #gb_form dt { 
  font-weight : bold; 
  color : #4c4c4c;
}

#gb_form legend {
  margin-left : -10px;
  padding-top : 5px;
}

* html #gb_form legend {
  margin-left : -5px;
  padding:0 0 10px 0;
}

#gb_form legend#mainlegend { 
  font-size : 1.2em;
  color : #4c4c4c;
  margin-left : -10px;
  padding-top : 5px;
  padding-bottom : 10px;
  background:url(images/dotted_grey.gif) repeat-x bottom;
  width:100%;
}

* html #gb_form legend#mainlegend {
  margin-left : -5px;
}

#gb_form legend#mainlegend small { 
  font-size : .7em;
  text-transform : uppercase;
}

#gb_form_div .formhead small a {
  font-size : .7em;
  background-image : none;
  display : inline;
  padding : 0;
  margin : 0;
}

#gb_form_div .main_formhead, #gb_form_div .formhead {
  font-size : 1.2em;
  color : #4c4c4c;
  width : 97%;
}

#gb_form_div .main_formhead {
  margin-left : -35px;
  text-indent: -9999px;
}

#gb_form_div label { 
  color : #000000; 
  margin-top : 5px;
  margin-left : 20px;
  font-size:11px;
}

#gb_form_div input.short, #gb_form_div input.med, #gb_form_div select.med, #gb_form_div textarea.textbox, #gb_form_div textarea { 
  color : #4c4c4c; 
  padding : 3px; 
  border : 1px solid #c5dadf;
  background-color : #f4f9fb;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
  width : 60%;
  height : auto;
  margin:0 0 5px 20px;
}

#gb_form_div input.short {
  width : 7%;
}

#gb_form_div textarea.textbox, #gb_form_div textarea { 
  width : 80%;
  height : 220px;
  line-height : 1.5em;
}

#gb_form_div select.med {
  width : 60%;
}

#gb_form_div input.checkbox {
  cursor : default;
  background : transparent;
  color : #bcbab7;
  border : 0;
  padding : 0; 
  margin : 0;
  width : 14px;
  height : 14px;
}

#gb_form_div input.button {
  cursor : pointer;
  border : 0;
  background:url(images/button_submit.gif) no-repeat;
  width:85px;
  height:35px;
  display:block;
  text-indent:-9999px;
  text-transform:capitalize;
  clear:both;
}

#content #gb_form input.button {
  margin : 15px 5px 25px 20px;
  padding : 2px 15px 2px 15px;
}

* html #content #gb_form input.button {
  margin-left : -5px;
}

#gb_form_div span.error, #gb_form_div span.success, #gb_form_div dt { 
  color : #cc0000;  
  font-weight : bold; 
}

#gb_form_div dt small, #gb_form_div .formhead span.success, span.success, dl#result_dl_blockq dt {
  color : #bcbab7;
}

#gb_form_div small.whythis a { 
  font-size : 11px; 
  text-decoration : none;
  color : #000;
}
#gb_form_div small.whythis a span{ 
  text-decoration : none;
  color : #d5e9ed;
}
#gb_form_div small.whythis a:hover span{ 
  color : #fff;
  background:#000;
  border:1px solid #fff;
}

#gb_form_div p.creditline small {
  clear : both; 
  display : block;
  text-align : right;
  margin : 0;
  padding : 25px 0 15px 0;
  font-size : 0.75em;
  letter-spacing : .0001em;
  color : #666;
}

dl#result_dl_blockq blockquote {
  margin-left : 0;
}

dl#result_dl_blockq blockquote p cite {
  display : block;
  text-align : right;
}

#gb_form_div span.items {
  font-weight : bold;
  color : #339999;
}

#gb_form_div ul {
  margin : 10px 10px 20px 10px;
}

#gb_form_div ul li {
  list-style-type : none;
  margin : 0 10px 0 20px;
}


/* End ACCESSITES CSS */

fieldset, img {
border:0 none;
}

.copy { 
color:#003366; 
font-size: 0.7em; 
text-align: right;
} 

/* Sidebar Optin */

.secondary {
	float:left;
	display:inline;
	font-size:1.4em;
}
#alpha {
	width:300px;
	margin:0 0 0 -10px;
}
.secondary a {
	color:#002d58;
}
.secondary a:visited {
	color:#204d78;
}
.secondary a:hover,
.secondary a:focus {
	text-decoration:underline;
}
.traffic-report {
	width:100%;
	margin:0 0 17px;
}
.traffic-report:after {
	content:".";
	display:block;
	height:0;
	font:0/0 serif;
	clear:both;
	visibility:hidden;
}
.traffic-report h3 {
	width:300px;
	margin:-40px -3px 0 -1px;
	position:relative;
	font:1.2em/1.44 georgia,serif;
	color:#00274d;
	text-align:center;
	background:url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/side-top-head1.jpg) no-repeat;
}
.traffic-report h3 span {
color:#000000;
}
.traffic-report .inner {
	height:1%;
	border:1px solid #d3e4f3;
	border-top:none;
	padding:0 0 5px;
	background:#d8edfe url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/side-top-bg.png) repeat-x;
}
.traffic-report h4 {
	font:700 italic 1.29em/1.5 georgia,serif;
	color:#FD0000;
	text-align:center;
	margin:0 0 .25em;
}
.traffic-report h4 span {
	color:#000;
}
.traffic-report .brief {
	margin:0 12px 10px 0;
	padding:5px 5px 0 21px;
	height:1%;
	overflow:hidden;
}
.traffic-report .brief .cover {
	margin:0 0 0 30px;
}
.traffic-report .brief ul {
	font-style:italic;
	font-size:.93em;
	line-height:1.25;
}
.traffic-report .brief ul li {
	margin:0 0 1em;
	padding:0 0 0 22px;
	background:url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/side-top-bullet.jpg) no-repeat 0 3px;
	font-weight: bold;
}
.traffic-report .brief ul li a:hover,
.traffic-report .brief ul li a:focus {
	color:#3088ed;
	text-decoration:none;
}
.traffic-report .report {
	padding:0 12px 0 8px;
}
.traffic-report .report .form-input {
	width:170px;
	w\idth:158px;
	height:24px;
	he\ight:18px;
	padding:4px 5px 0;
	margin:0 0 4px;
	float:left;
	border:1px solid #ecf1f4;
	background:url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/report-input.jpg) no-repeat;
	text-align:left;
	font:1em arial,sans-serif;
	color:#676464;
}
.traffic-report .report .form-submit {
	width:129px;
	height:41px;
	background:url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/report-submit.alpha.png) no-repeat;
	float:right;
	border:none;
	cursor:pointer;
	font:italic 1em/1 georgia,serif;
	color:#fff;
	text-transform:uppercase;
	margin:-22px 0 0;
}
#forma1 {
        margin: -40px 0 0 0;
}

/************************************************
*	Navbar      								*
************************************************/

#navigation {
margin: 0px;
padding: 0px;
background: #A8D2E8;
width: 100%;
height: 50px;
color: #FFFFFF;
}
	
#nav {
margin: 0 auto;
padding: 0px;
width: 1000px;
}
	
#nav ul {
margin: 0px;
padding: 0px;
float: left;
list-style: none;
}
	
#nav li {
margin: 0px;
padding: 0px;
float: left;
list-style: none;
}
	
#nav li a, #nav li a:link, #nav li a:visited {
margin: 0px 5px 0px 0px;
padding: 18px 13px 19px 13px;
display: block;
border-left: 1px solid #A8D2E8;
border-right: 1px solid #A8D2E8;
color: #1D507D;
font-size: 8pt;
font-weight: bold;
text-transform: uppercase;
}

#nav li a:hover, #nav li a:active {
margin: 0px 5px 0px 0px;
padding: 18px 13px 19px 13px;
display: block;
background: #ffffff;
border-left: 1px solid #1D507D;
border-right: 1px solid #1D507D;
color: #333333;
text-decoration: none;
}

#nav li ul {
border-left: 1px solid #444;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
margin: 0px;
padding: 10px;
float: none;
background: #ffffff;
border-left: none;
border-right: none;
border-bottom: 1px solid #ddd;
width: 200px;
color: #333333;
text-transform: none;
}
	
#nav li li a:hover, #nav li li a:active {
margin: 0px;
padding: 10px;
background: #eeeeee;
text-decoration: none;
}
	
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 220px;
margin: 0px;
padding: 0px;
}

#nav li li {
}

#nav li ul a {
width: 200px;
}

#nav li ul a:hover, #subnav li ul a:active {
}

#nav li ul ul {
margin: -35px 0 0 220px;
border-top: 1px solid #444444;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover1 ul ul, #nav li.sfhover1 ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover1 ul, #nav li li.sfhover1 ul, #nav li li li.sfhover1 ul {
left: auto;
}

#nav li:hover, #nav li.sfhover {
position: static;
}

	
/************************************************
*	SubNavbar      								*
************************************************/

#subnavbar {
	background: #666666;
	width: 960px;
	height: 24px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
#subnav {
	margin: 0px;
	padding: 0px;
	}
	
#subnav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#subnav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#subnav li a, #subnav li a:link, #subnav li a:visited {
	color: #FFFFFF;
	display: block;
	font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}

#subnav li a:hover, #subnav li a:active {
	background: #85ACAC;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	background: #666666;
	width: 150px;
	float: none;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
	
#subnav li li a:hover, #subnav li li a:active {
	background: #85ACAC;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	}
	
#subnav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0px;
	padding: 0px;
	}

#subnav li li { 
	}

#subnav li ul a { 
	width: 150px;
	}

#subnav li ul a:hover, #subnav li ul a:active { 
	}

#subnav li ul ul {
	margin: -25px 0 0 171px;
	}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {
	left: -999em;
	}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover1 ul {
	left: auto;
	}

#subnav li:hover, #subnav li.sfhover { 
	position: static;
	}
	
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	}

/************************************************
*	Header  									*
************************************************/

#header {
    background:url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/panel_center1.jpg) 0px 0px;
    position:relative;
    height:413px;  
}

#header.ic_member {
    background:none;
    height:105px;    
    border-bottom:3px solid #6A0004;
}

#headerMain {
    position:absolute;
    height:367px;
    overflow-y:hidden;
    top:105px;
}

#header #headerLeft {
    background:url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/panel_left1.png);
    position:absolute;
    left:-112px;
    width:112px;
    height:413px;
}

#header #headerRight {
    background:url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/panel_right1.png);
    position:absolute;
    left:1040px;
    width:112px;
    height:413px;
}

#header #title {
    width:359px;
    height:116px;
    background:url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/top-logo.png);
    position:absolute; 
    left: 100px;
    top: 7px;
}

#header #title a {
    position:absolute;
    width:359px;
    height:116px;
    text-indent:-999em;    
}

#header #mainPanel {
    position:absolute;    
}

#header #emailPanel {
    z-index:100;
    position:absolute;
    top:184px;
    left:668px;
    width:290px;
    color:#3A2659;
    font-size:13px;
    font-family: Arial, Helvetica;
    line-height:19px;
}

#header #emailPanel .imageButton {
    z-index:50000;
    cursor:pointer;
    position:relative;
    top:12px;
    left:18px;
    width:247px;
    height:49px;
    border:0;
    overflow:hidden;
}

#header2 {
    background:url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/panel_center2.jpg) 0px 0px;
    position:relative;
    height:109px;  
}

#header2.ic_member {
    background:none;
    height:105px;    
    border-bottom:3px solid #6A0004;
}

#header2 #title {
    width:359px;
    height:116px;
    background:url(http://www.alexochart.com/wp-content/themes/DynaBlue/images/top-logo.png);
    position:absolute; 
    left: 100px;
    top: 7px;
}

#header2 #title a {
    position:absolute;
    width:359px;
    height:116px;
    text-indent:-999em;    
}

.inputHolder {
    position:relative;
    width:317px;
    height:37px;
    margin-bottom:8px;
}

.inputHolder .loginFields {
    padding:6px;
    margin:5px;
    position:relative;
    width:255px; 
}

.inputHolder label {
    position:absolute;
    left:-999em;    
}

.loginFields {
	width:260px;
	font-size:16px;
        font-weight: bold;
	color:#666;
	border:none;
	background:none;
}

/* hide the texts */


#header #title h1,
#header #title h2,
#header #emailPanel h3,
#header #mainPanel h3,
#header #mainPanel ul { 
        display:none; 
}

#header2 #title h1,
#header2 #title h2,
#header2 #emailPanel h3,
#header2 #mainPanel h3,
#header2 #mainPanel ul { 
        display:none; 
}

#welcome h1 {
        color:#666666;
        font-family:Georgia,Times New Roman;
        font-size:16pt;
        font-weight:normal;
        margin:0;
        padding:15px 0;
        text-align:center;
        text-decoration:none;
}

/* Three Steps */

.three-steps h2 span {
	display:none;
}
#sidebar .three-steps h2 {
	font-size: 12px;
	background: #9F9F9F;
	color: #fff;
	padding: 0px;
	float: none;
	margin: 0 0 10px 0px;
	background:#f7f6f6 url(images/3pasos.png) no-repeat;
	display:block;
	width:259px;
	height:32px;
}

.three-steps a {
	display:block;
	width:262px;
	height:103px;
	background-position:top;
	background-repeat:none;
	margin-bottom:10px;
}
.three-steps a span {
	display:none;
}
.three-steps a:hover {
	background-position:bottom;
}
.three-steps a.domain {
	background-image:url(images/dominio.png);
}
.three-steps a.hosting {
	background-image:url(images/alojamiento.png);
}
.three-steps a.design {
	background-image:url(images/elementosgraficos.png);
}

/*The Create a Profitable Blog Page */
#buildyoursite h2 span {
	display:none;
}
#buildyoursite h2 {
	display:block;
	height:100px;
	background:url(images/profitable-blog.png) no-repeat;
	padding:0px;
}
#buildyoursite .step {
	border-style:solid;
	border-width:1px;
	margin-bottom:30px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
#buildyoursite .domain {
	border-color:#222222;
}
#buildyoursite .hosting {
	border-color:#1079a2;
}
#buildyoursite .design {
	border-color:#d97125;
}
#buildyoursite p {
	margin:20px 0px;
	padding:0px;
}
#buildyoursite .step p {
	margin:20px 20px 0px 20px;
	line-height:1.7em;
	padding:0px;
}
#buildyoursite .step h3 {
	padding:0px;
	margin:0px;
	display:block;
	height:60px;
}
#buildyoursite .step h3 span {
	display:none;
}
#buildyoursite .domain h3 {
	background:url(images/dominio1.png) no-repeat;
}
#buildyoursite .hosting h3 {
	background:url(images/alojamiento1.png) no-repeat;
}
#buildyoursite .design h3 {
	background:url(images/elementos1.png) no-repeat;
}
#buildyoursite .step .buy a {
	background-position:top center;
	display:block;
	height:80px;
	background-repeat:no-repeat;
	margin-bottom:20px;
	margin-top:10px;
}
#buildyoursite .step .buy a span {
	display:none;
}
#buildyoursite .step .buy a:hover {
	background-position:bottom center;
}
#buildyoursite .design .buy a {
	background-image:url(images/elementos2.png);
}
#buildyoursite .domain .buy a {
	background-image:url(images/dominio2.png);
}
#buildyoursite .hosting .buy a {
	background-image:url(images/alojamiento2.png);
}
p.coupon strong {
	color:#900;
}
p.coupon {
	font-size:1.3em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
}
p.coupon em {
	color:#777;
}
.free-ecourse {
	background:#283409 url(images/free-ecourse-bg.png) top left no-repeat;
	color:#fff;
	padding-top:80px;
	padding-bottom:1px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
.free-ecourse h3 {
	display:none;
}
.free-ecourse p {
	padding:0px;
	margin:10px 20px 20px 20px;
}

#ecourse {
	margin:0px
	background:#354212;
	padding-top:20px;
	text-align:center;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
}
.signupform {
	margin:0 auto;
	width:420px;
	text-align:left;
}
#ecourse {
	clear:both;
}
#ecourse form span {
	width:70px;
	display:block;
	float:left;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	font-size:1.5em;
	color:#fff;
	font-style:italic;
	line-height:1.3em;
	clear:both;
}
#ecourse .input {
	margin-bottom:15px;
	font-size:1.5em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:320px;
	padding:3px;
	color:#222;
	border:1px solid #1e2609;
}
#ecourse button {
	background:url(images/signup.png) top center no-repeat;
	display:block;
	height:61px;
	margin-bottom:20px;
	font-size:1.1em;
	border:none;
	width:400px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
}
#ecourse button:hover {
	background-position:bottom center;
}
.product {
	background:url(images/ebook.jpg) no-repeat;
	display:block;
	width:221px;
	height:180px;
	float:right;
}
.product span {
	display:none;
}

.signup-small a {
	display:block;
	width:250px;
	height:225px;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:20px;
	background:url(images/ready-to-signup.png) no-repeat;
}

.signup-small span {
	display:none;
}

h1 span {
	display:none;
}

.colorbox_blue {
	border-top: 2px #0fbbff solid;
	border-bottom: 2px #0fbbff solid;
	background-color: #E8F9FF;  //#bfedff
	padding: 5px 0px 5px 0px;
	margin: 3px 0px 5px 0px;
}

.padtb-30 {
	padding-top:   30px;
	padding-bottom:   30px;
}
.padrl-30 {
	padding-right:   30px;
	padding-left:   30px;
}

div.center { text-align: center; }
div.center-setup { width: 100%; margin: 0 auto; }

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

		SHOWCASE ELEMENTS

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

.span-who {
	float: left;
	width: 99%;
	margin: 10px 10px 0 0;
}

.span-who div.image {
	float: left;
	width: 30%;
	text-align:right;
	margin-right: 10px;
}

.span-who div.description {
	width: 65%;
	float: right;
}

.span-who div.description-top {
	width: 100%;
	float: left;
}

.span-who div.suppdesc {
	margin-top: 0px; margin-bottom: 0px;
	padding-top: 0px; padding-bottom: 0px;
}

.span-who div.title, .span-who div.name {
	font-family: "Trebuchet MS", Tahoma;
	font-size: 12pt;
	float: left;
	text-align:left;
	margin-top: 0px;
	padding-top: 0px;
}

.span-who div.name {
	font-size: 16pt;
}

.span-who img {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}


.span-privacy h2 , .span-disclaimer h2 , .span-terms h2 {
	margin-top: 25px;
	margin-bottom: 5px;
}

.span-privacy p , .span-disclaimer p , .span-terms p {
	font-family: Georgia, Arial;
	font-size: 12pt;
	text-align:left;
	margin-top: 10px;
	padding-top: 0px;
	margin-bottom: 30px;
}

.span-privacy ul {}

.span-privacy li , .span-disclaimer li , .span-terms li {
	font-family: Georgia, Arial;
	font-size: 10pt;
	text-align:left;
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 25px;
	font-style: italic
}

.span-who div.name {
font-size:16pt;
}

.span-who div.title, .span-who div.name {
float:left;
font-family:"Trebuchet MS",Tahoma;
font-size:12pt;
margin-top:0;
padding-top:0;
text-align:left;
}

.b {
font-weight:bold;
}

.span-who div.suppdesc {
margin-bottom:0;
margin-top:0;
padding-bottom:0;
padding-top:0;
}

.small {
font-size:90%;
}

.clearfix {
clear:both;
}

#header #topbanner {
float:right;
margin-top:25px;
margin-right:10px;
}

.main .main-col .choice-table {
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width:600px;
}

.main .main-col .choice-table .left {
float:left;
width:225px;
}

.main .main-col .choice-table .left .top {
background-image:url("../images/left-top.png");
background-position:left top;
background-repeat:no-repeat;
height:15px;
margin-top:123px;
}

.main .main-col .choice-table .left .content {
background-image:url("../images/left-middle.png");
}

.main .main-col .choice-table .left .bottom {
background-image:url("../images/left-bottomxx.png");
background-position:left bottom;
background-repeat:no-repeat;
}

.main .main-col .choice-table .left .bottom, .main .main-col .choice-table .middle .bottom, .main .main-col .choice-table .right .bottom {
min-height:200px;


.main .main-col .choice-table .left .content p {
margin-left:10px;
text-align:left;
}

.main .main-col .choice-table p {
font-weight:bold;
line-height:49px;
margin:0;
text-align:center;
}

p {
color:#434343;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:12px;
line-height:20px;
margin-bottom:15px;
margin-top:10px;
}

.main .main-col .choice-table .value70 {
background-image:url("../images/value-70.png");
background-position:158px center;
background-repeat:no-repeat;
}

.main .main-col .choice-table .middle {
float:left;
width:250px;
}

.main .main-col .choice-table .middle .popular {
background-image:url("../images/make-money-popular.jpg");
background-position:left bottom;
background-repeat:no-repeat;
height:123px;
}

.main .main-col .choice-table .middle .top {
background-image:url("../images/middle-top.png");
background-position:left top;
background-repeat:no-repeat;
height:15px;
}

.main .main-col .choice-table .right {
float::left;
width225px;
}

.main .main-col .choice-table .right .basics {
background-image:url("../images/basics.jpg");
background-position:right bottom;
background-repeat:no-repeat;
height:123px;
}

.main .main-col .choice-table .choice-bottom {
background-image:url("../images/bottom.jpg");
background-position:left bottom;
background-repeat:no-repeat;
height:183px;
}