/*

Theme Name: 	Backup-Smart

Description: 	An accessible 2 column WordPress template

Version: 		1.0.1

Author: 		Allan Celedonio

Author URI: 	http://websmartcentral.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: #40002A url('images/headerbg.jpg');

background-repeat: repeat-x;

color:#fff;

min-width:720px;

font-size: 14px;

line-height:1.8;

}



/* needed for invisible skip navigation link */



#skip{

width:100%;

text-align:center;

background:#fff;

color:#000;

padding:1em 0 0 0;

display:none;

}



#header{

margin: 0px auto;

width:  960px;

text-align: left;

color:#fff;

margin-top: 5px;

padding-top: 12px;

line-height:1;


}



#menu{

float:left;

background: #40002A;

color:#fff;

padding: 20px 15px 0 130px;

}



.container{
	width:100%;	
	overflow:hidden;
	background: #FFFFFF;
	color:#000;	
}

.subcontainer {
	clear: both;
	width:  960px;
	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: #4D0032 right bottom no-repeat;

color:#fff;

padding:1em 0;

text-align:center;

}


/* FONTS */

p{

margin-top:1em;

}

.bookmark p{

margin-top:0;

}

#header h1{
	color:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
	font-size:30px;	
}

#header h2{
	color:#ffffff;
	margin-top:8px;
	margin-bottom:0px;
	font-size:17px;
}

#content h1{
	margin:0px 0px 10px 0px;
	font-size:30px;
/*	color: #FF0000;*/
	text-align:center;
	line-height:1.2em;
}

#content h2{
	margin:0px;
	font-size:20px;
/*	color: #FF0000;*/
	text-align:center;
	line-height:1.2em
	
	;
}

h3{
	font-size: 16px;
	font-style: italic;
	color: #FF0000;
}

h4{
	font-size:1.5em;
}

h5{

font-size:1.2em;

}

h6{

font-size:1em;

}



/* LINKS */

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

color: #f9f9f1;

text-decoration:none;

}

a{

/*background:transparent;

text-decoration: none;
*/
}

a:link{

/*background:transparent;

text-decoration: none;
*/
}

a:visited{
/*
background:transparent;

text-decoration: none;
*/
}

a:hover, a:focus{
/*
background:transparent;

text-decoration: underline;
*/
color: #4D0032;
}
/*
a:active{

background:transparent;

text-decoration: none;

}
*/


#menu1{

	margin: 0px auto;
	
	width: 960px;
	
	height: 1%;

	overflow: hidden;	

	padding: 0px;
	
	padding-top: 23px;		

}

#menu1 ul{

	margin: 0;

	padding: 0;

}

#menu1 ul li{

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

}

#menu1 ul li a{

	padding: 4px 17px;

	display: block;

	text-decoration: none;

}

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

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

	color: #ddd;

	border-left: 1px solid #5e0640;

	border-top: 1px solid #5e0640;

	font-weight: bold;

}

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

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

	color: #fff;

	text-decoration: none;

	border-left: 1px solid #5e0640;

	border-top: 1px solid #5e0640;

	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: #5e0640;

	border-left: 1px solid #FFFFFF;

	border-top: 1px solid #FFFFFF;

	font-weight: bold;

}



#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: #f9f9f1;
/*
text-decoration:none;
*/
}

#footer a:active{

color:#fff;

text-decoration:underline;

}

/* 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;

}

code{

font-size:1.2em;

}

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;

}

#BoxArt {

	position: absolute;
	
	top: 12px;	
	
	float: right;
	
	margin-left: 90px;
		
/*
	position: absolute;

	top: 10px;

	left: 895px;

	width: 125px;

	height: 123px;

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

	background-color: transparent;
*/
}

.trialbut {

	border: 0px;

	width: 271px;

	height: 56px;

	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: 8px; 

	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: 12px;

}

.download-now-button {
	background:url(/images/DownloadButton.gif) no-repeat;
	width:268px;
	height:53px;
	border:0;
	cursor:pointer;
	margin:5px 0 0 5px;
/*	text-indent:-9999px;*/
	display:block;
}