/* 
Theme Name: TOA Technologies Blog
Theme URL: http://www.toatech.com/blog  
Description: A custom theme for the TOA Technologies blog.
Author: Matt Thompson - Fathom SEO
Author URI: http://www.fathomseo.com
Version: 1.0
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

body {
	background-color: #11B5E9;
	color: #7D3520;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

#box {
	background: url('images/background.jpg') repeat-y #11B5E9;
	background-position: center;
	margin: 0 auto;
}


#pagecontainer {
	margin: 0 auto;
	width: 900px;
	height: 100%;	
}

h1 {
	font-size: 20px;
	font-weight: bold;
}

h2 {
	color: #7D3520;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

a {
	color: #11B5E9;
	text-decoration: none;
}
a:hover {
	color: #11B5E9;
	text-decoration: underline;
}

h2 a {
	color: #7D3520;
	text-decoration: none;
}

h2 a:hover {
	color: #7D3520;
	text-decoration: underline;
}

/* -------------- Header -------------- */

#clock {
	text-align: right;	
}

#blogtitle {
    color: #11B5E9;
	font-weight: bold;
	font-size: 65px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#headerhr {
	background-color: #7D3520;
	border: 0px;
	color: #7D3520;
	height: 2px;
	margin-top: 0px;
}

#tagline {
	color: #7D3520;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	text-transform: uppercase;	
}

/* -------------- End Header -------------- */


/* -------------- Left Column -------------- */

#content {
	float: left;
    width: 590px;	
}
#content UL LI {
margin: 2px 0 2px 15px;	
}

#content OL LI {
margin: 2px 0 2px 19px;	
}


hr {
	background-color: #7D3520;
	border: 0px;
	color: #7D3520;
	height: 1px;
	margin-top: 3px;
}

/* -------------- End Left Column -------------- */


/* -------------- Sidebar -------------- */

#sidebar-container {
	background: #C1D82F url('images/sidebar-bottom.gif') no-repeat fixed bottom;
	margin-left: 620px;
	width: 280px;
	padding: 0px;
	margin-top: 0px;
}

* html #sidebar-container {
	margin-right: -7px;
}

#sidebar {
    padding: 20px;	
}

#sidebar ul {
	color: #F05C22;
	list-style-type: none;
	margin-left: 22px;
}

#sidebar ul li {
	list-style-image: url('images/bullet.gif');	
}

#sidebar a {
	color: #F05C22;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar h2 {
	font-size: 13px;
}

#sidebar-about-txt {
	font-size: 11px;
	line-height: 13px;
}


/* -------------- End Sidebar -------------- */


/* -------------- Footer -------------- */

#footer {
	background-color: #C1D82F;
	padding: 5px;
}
#pagefooter {
	background-color: #11B5E9;
	color: #BBB0A3;
	font-size: 11px;
	margin: 0 auto;
	width: 975px;
}

html* #pagefooter {
	margin-left: -2px;
}

*+html #pagefooter {
	margin-right: -1px;
}

#footer-left {
	background-color: #C1D82F;
	float: left;
	padding-left: 3px;
}
#footer-right {
	background-color: #C1D82F;
	margin-left: 33px;
}
#footer-right a {
	color:#7D3520;
	font-size: 10px;
	text-decoration: none;
}
#footer-right a:hover {
	text-decoration: underline;
}

/* -------------- End Footer -------------- */

/* -------------- Misc -------------- */

p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#searchbox {
	margin-bottom: 2px;
}
.date {
	color: #F05C22;
	font-size: 13px;
	font-weight: bold;
}
.postmeta {
	margin-top: 15px;
}
.postmeta hr {
	background-color: #deccc7;
	border: 0px;
	color: #deccc7;
	height: 2px;
	margin-bottom: 15px;
	margin-top: 5px;
}
#commentlist {
	margin-left: 0px;
}
html>body #commentlist {
	margin-left: 20px;
}
#commentlist li {
	margin-bottom: 10px;
}
p {
	margin-bottom: 15px;
} 

.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.alignleft {
        float: left;
}
        
.alignright {
        float: right;
}