/*

Theme Name: 	Websmartcentral

Description: 	An accessible 2 column WordPress template

Version: 		1.0.1

Author: 		Allan Celedonio

Author URI: 	http://codinglogic.com

Tags:			Fluid, 2 columns, valid XHTML, valid CSS



Credits:		Thanks To Wordpress



License:		The CSS, XHTML and design is released under GPL:

				http://www.opensource.org/licenses/gpl-license.php

*/


/* RESET */

*{

padding:0;

margin:0;

}



img{

border:none;

}



a:focus{

outline:0;

}



/* BASIC BLOCKS */



body{

width:100%;

font-family: Arial, Helvetica, sans-serif;

background: #074970;

color:#fff;

min-width:720px;

font-size: 16px;

line-height:1.6em;

}



/* needed for invisible skip navigation link */



#skip{

width:100%;

text-align:center;

background:#fff;

color:#000;

padding:1em 0 0 0;

display:none;

}



#header{

width:100%;

text-align: left;

text-indent: 10%;

background: #074970;

color:#fff;

margin-top: 5px;

padding-top: 12px;

line-height:1em;

}



#menu{

float:left;

background: #074970;

color:#fff;

padding: 20px 15px 0 130px;

}



.container{

width:100%;	

overflow:hidden;

background: #FFFFFF;

color:#000;

}

.subcontainer {
	clear: both;
	width: 80%;
	margin: 0px auto;
}



#content{

position:relative;

margin: 0px auto;

width: 70%;

padding:1.5em;

}



#sidebar{

float: left;

width: 21%;     

padding:1em 1.5em;

/*background: #f9f9f1 url(images/gradient.jpg) left top repeat-x;*/

background-color: #EBECED;

color:#000;

}

#footer{

float:left;

width:100%;

background: #063857 right bottom no-repeat;

color:#fff;

padding:1em 0;

text-align:center;

}



/* FONTS */

#header h1{

background: #074970;

color: #074970;

margin:0;

padding-bottom: 13px;

}

#content h1 {

font-size:1.4em;
padding-bottom: 13px;

}

#header p{

background: #074970;

color:#f9f9f1;

margin:0;

padding:0;

}

p{

margin-top:1em;

}

.bookmark p{

margin-top:0;

}

h1{

font-size:2em;

}

h2{

font-size:1.2em;

}

h3{

font-size: 1.1em;

font-style: italic;

color: #FF0000;

}

h4{

font-size:1.1em;

}

h5{

font-size:1em;

}

h6{

font-size:1em;

}



/* LINKS */

#header a, #header a:link, #header a:visited, #header a:hover, #header a:focus, #header a:active{

background: #074970;

color: #f9f9f1;

text-decoration:none;

}

a{

}

a:link{

}

a:visited{

}

a:hover, a:focus{

color: #2288aa;

}

a:active{

}



#menu1{

	float: left;

	height: 1%;

	overflow: hidden;	

	padding: 23px 15px 0 10%;

}

#menu1 ul{

	margin: 0;

	padding: 0;

}

#menu1 ul li{

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

}

#menu1 ul li a{

	padding: 4px 20px;

	display: block;

	text-decoration: none;

}

#menu1 ul li a:link, #menu1 ul li a:visited{

	background: #276d96 url(images/menu.png) top left repeat-x;

	color: #ddd;

	border-left: 1px solid #276d96;

	border-top: 1px solid #276d96;

	font-weight: bold;

}

#menu1 ul li a:hover, #menu1 ul li a:active{

	background: #0C7BBD url(images/menu.png) 0 -100px repeat-x;

	color: #fff;

	text-decoration: none;

	border-left: 1px solid #0C7BBD;

	border-top: 1px solid #0C7BBD;

	font-weight: bold;

}

#menu1 ul li.current_page_item a:link, #menu1 ul li.current_page_item a:visited{

	background: #FFFFFF url(images/menu_in.png) top left repeat-x;

	color: #003366;

	border-left: 1px solid #FFFFFF;

	border-top: 1px solid #FFFFFF;

	font-weight: bold;

}

#sidebar a{
	line-height:1.2em;
	font-size:0.9em;
	text-decoration:none;
}

#footer a{

color:#fff;

text-decoration:underline;

}

#footer a:link, #footer a:visited{

color:#fff;

text-decoration:underline;

}

#footer a:hover, #footer a:focus{

color:#fff;

text-decoration:none;

}

#footer a:active{

color:#fff;

text-decoration:underline;

}

#footerfriends a, #footerfriends a:link, #footerfriends a:visited, #footerfriends a:hover, #footerfriends a:focus, #footerfriends a:active{
background: #063857;
color: #063856;
text-decoration:none;
}

/* LISTS */

.inline ul{

margin:0;

padding:0;

}

.inline li{

display:inline;

list-style-type:none;

padding:1em;

margin:0;

}

ul{

list-style:outside square;

}

ol{

list-style:decimal;

}

li{

margin-left:1em;

padding:0;

}

.meta-search li{

margin-right:1em;

padding:0;

}


#sidebar ul{

list-style:none;

}

#sidebar li{

margin:0;

padding:0;

}

#css-menu ul{

list-style-type:none;

width:100%;

position:relative;

height:30px;

font-size:1em;

font-weight:bold;

margin:0;

padding:11px 0 0 0;

}

#css-menu li{

display:block;

float:left;

margin:0 0 0 4px;

height:30px;

}



/* FORMS */

#searchbar{

/* padding:10px 0 10px; */

background-color:transparent;

text-align:left;

}



#searchbar input{

width: 90%;

background: #EBECED url(images/search-sidebar.png) left top no-repeat;

font-size:11px;

border-style: none;

color:#666;

vertical-align: middle;

height: 18px;

padding-left: 25px;

padding-top: 6px;

padding-right: 0px;

}

#search-sidebar{

padding: 0px;

margin-bottom:1em;

text-align:left;

background-color: #EBECED;

}

#search-sidebar input{

width: 90%;

background: #EBECED url(images/search-sidebar.png) left top no-repeat;

font-size:11px;

border-style:none;

color: #666;

vertical-align: middle;

height:18px;

padding-left: 25px;

padding-top: 6px;

padding-right: 0px;

}



/* MISCELLANEOUS */

.aligncenter{

margin-bottom:1em;

display:block;

margin-left:auto;

margin-right:auto;

}

.alignleft{

float:left;

margin-right:1em;

}

.alignright{

float:right;

margin-left:1em;

}

.wp-caption{

border:1px solid #000;

text-align:center;

background:#fff;

color:#000;

padding-top:.4em;

margin:1em;

}

.wp-caption img{

margin:0;

padding:0;

border:0 none;

}

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

font-size:1em;

line-height:1.7em;

padding:0 .4em .5em;

margin:0;

}

/* Needed for backwards compatibility with own older themes */

.pic-left{

float:left;

margin-right:1em;

}

.pic-right{

float:right;

margin-left:1em;

}

.author{

font-style:italic;

margin:1em 0;

}

.signature{

margin:1em 0;

}

.bookmark{

margin:0 0 1em 0;

padding:0 1em;

border-top:1px solid #6c0808;

border-bottom:1px solid #6c0808;

}

.metadata{

text-align:right;

margin:1em 0;

}

.metapage{

text-align:left;

margin:1em 0;

}

.meta-search{

text-align:left;

margin:1em 0;

}

.navigation-right{

text-align:right;

}

.navigation-left{

text-align:left;

}

.em-above{

margin-top:1em;

}

.em-below{

margin-bottom:1em;

}

.hidden{

display:none;

}

.comments{

margin:2em 0 1em 0;

}

.commentlist li .avatar{ 

float:right;

border:1px solid #eee;

padding:2px;

margin:2px 0;

background:#fff;

color:#000;

}

.commentlist{

list-style:none;

margin:0;

padding:0;

}

.commentlist .alt{

background:#d9caab;

color:#000;

}

.commentlist ol li{

margin:1.6em 0;

padding:0 1em;

background:#ffeec9;

color:#000;

}

.commentlist a{

color:#000;

background:#ffeec9;

}

.commentlist .alt a{

color:#000;

background:#d9caab;

}

form textarea{

width:80%;

padding:0;

margin-right:1em;

color:#000;

}

/*

form input{

border:1px solid #6c0808;

padding:.3em;

margin:.2em 0;

color:#000;

background:#d9caab;

}

form input submit{

margin:1em 0;

}

form input:focus, form textarea:focus{

color:#000;

background:#fff;

}

form p{

margin:0;

}

*/

.post-info{

background:#d9caab;

color:#000;

padding:1em;

text-align:justify;

margin-top:0;

}

.double-ad{

position:relative;

margin-top:1em;

}

.double-ad img{

margin:1em 1em 0 0;

}

blockquote{

padding-left:1.8em;

border-left:2px solid #d9caab;

}

pre{
	font-size: 0.9em; 
	line-height:1em;
 	color: blue; 
	margin: 10px; 
	padding:10px; 
	background: #FFFFB3;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


code{

font-size:0.9em;
line-height:1em;

}

ol, ul{

list-style:none;

}

ul{

list-style:outside square;

margin:1em;

padding-left:1.8em;

}

ol{

margin:1em;

padding-left:1.8em;

list-style:decimal;

}

li{

margin:0;

padding:0;

}

#sidebar ol, #sidebar ul{

list-style:none;

}

#sidebar ul{

list-style:none;

margin:0;

padding-left:0;

}

#sidebar ol{

margin:0;

padding:0;

list-style:none;

}

#sidebar li{

margin:0;

padding:0;

}

dt{

padding-left:1.8em;

}

dd{

padding-left:3.6em;

}

.underline{

text-decoration:underline;

}

.strike{

text-decoration:line-through;

}

#header img{

margin:1em 0;

}



#triallog {

	position: absolute;

	top: 10px;

	left: 1130px;

	width: 125px;

	height: 123px;

	background: url('images/trial-logo.png') no-repeat;

	background-color: transparent;

}



.trialbut {

	border: 0px;

	width: 218px;

	height: 60px;

	font-size: 18px;

	font-weight: bold;

	color: #FFFFFF;	

	background: url('images/trial-button.gif') no-repeat;

	background-color: transparent;

	cursor: pointer;

}



.box  { margin: 0 0 0.75em; position: relative; }



b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url("http://websmartcentral.com/wp-content/themes/websmartcentral/images/white.gif") no-repeat; line-height: 1px; font-size: 1px; } 



b.tl {top: -1px; left: -1px; background-position: top left; }



b.tr {top: -1px; right: -1px; background-position: top right; }



b.bl {bottom: -1px; left: -1px; background-position: bottom left; }



b.br {bottom: -1px; right: -1px; background-position: bottom right; }



.pbox  { margin: 0 0 0.75em; position: relative; clear: both; }



b.cnp { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; line-height: 1px; font-size: 1px; } 



b.tlp {top: -1px; left: -1px; background-position: top left; background: url("http://websmartcentral.com/wp-content/themes/websmartcentral/images/cp_tl.jpg") no-repeat; height: 20px; width: 20px; }



b.trp {top: -1px; right: -1px; background-position: top right; background: url("http://websmartcentral.com/wp-content/themes/websmartcentral/images/cp_tr.jpg") no-repeat; height: 20px; width: 20px; }



b.blp {bottom: -1px; left: -1px; background-position: bottom left; background: url("http://websmartcentral.com/wp-content/themes/websmartcentral/images/cp_bl.jpg") no-repeat; height: 20px; width: 20px; }



b.brp {bottom: -1px; right: -1px; background-position: bottom right; background: url("http://websmartcentral.com/wp-content/themes/websmartcentral/images/cp_br.jpg") no-repeat; height: 20px; width: 20px; }



.justificate {

	text-align: left;

}



.blogborder {

	margin-bottom: 10px; 

	border: 1px solid #CCCCCC;

	text-shadow: Gray;

}



.innerblogtitlediv {

	height: auto; 

	background-color: #EBECED; 

	border-bottom: 1px solid #CCCCCC; 

	overflow: hidden; 

	padding-left: 20px; 

	margin-bottom: 3px;

}



.blogtitle {

	margin: 0px; 

	text-align: left; 

	font-size: 16px; 

	padding-top: 6px; 

	font-weight: bold; 

	overflow: hidden;

}



.blogspacingdiv {

	padding: 15px; 

	padding-top: 0px;

}



.setleft {

	float: left;

	display: inline;

}



.setright {

	float: right;

	display: inline;

}



.commentimgtop {

	background-image: url('http://websmartcentral.com/wp-content/themes/websmartcentral/images/comment_top.gif'); 

	background-repeat: no-repeat; 

	width: 555px;

	height: 33px;

}



.commentimgbottom {

	background-image: url('http://websmartcentral.com/wp-content/themes/websmartcentral/images/comment_bottom.gif'); 

	background-repeat: no-repeat; 

	width: 555px;

	height: 14px;

}



.commententry {

	background-color: #dfdfdf; 

	width: 550px; 

	overflow: hidden; 

	padding-left: 3px; 

	padding-right: 3px;

}

.entry-date .meta-sep .comments-link .cat-links .vcard {
	font-size: 10px; 
}

.widgettitle {
	padding-top: 10px;
}

.postdetails {
	clear: both; 
	display: inline; 
	padding-bottom: 0px; 
	margin-bottom: 0px;
	font-size: 0.8em; 
}