/*  
Theme Name: A Simple Business Theme
Theme URI: http://www.borellidesigns.com
Description: This theme is a clean design with a left sidebar of 160px wide. It was designed to be a simple and effective theme for business websites only. This theme features an additional 'Portfolio' page template that can be used as an alternative to the standard page template. This is great for people who need a portfolio on their website, or if you want to showcase different images and information on one page.  
Version: 1.0
Original Author: Shawn Borelli Designs
Original Author URI: http://borellidesigns.com
Designer: Shawn Borelli
Designer URL: http://borellidesigns.com
Tags: two-columns, white, silver, light, fixed-width, left-sidebar, custom-header 
/*This theme is released under the General GPL license.*/

@charset "UTF-8";
/* CSS Document */

/*Standard Web Element CSS*/
*{ margin:0px; padding:0px;}
html, body{ margin-top:0px; margin-bottom:0px; padding:0px; background:#FFF; font:90% Arial; color:#000; text-align:center; cursor:pointer;}
a img{ border:0px;}
img{padding:0px 10px 5px 0px;}
a:link, a:visited{ color:#00468C; text-decoration:none;}
a:hover, a:active{ color:#1B6CCD; text-decoration:underline;}
blockquote{ margin:20px; padding:10px; background:#eee; border: 1px solid #ddd;}
code{font: 1.0em 'Courier New', Courier, Fixed; background:#ececec;}	
p{ margin:15px;}
select{ width:130px;}

/*Top Links, Header, and Navigation Bar*/
#top-nav{ width:960px; height:30px; background:#FFF; text-align:right; color:#333; margin-left:auto; margin-right:auto; padding:0px; margin-top:0px; margin-bottom:0px;}
#top-nav ul{ list-style:none;}
#top-nav li{ display:block; list-style:none; float:right; padding:5px 5px 5px 10px;}
#top-nav li a, #top-nav a:link, #top-nav a:visited{ color:#666;}
#top-nav li a:hover{color:#1B6CCD; text-decoration:none;}
#searchform{ width:170px; float:right; padding:2px;}
#header{ width:960px; min-height:60px; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; background:#FFF; text-align:left;}
#header a, #header a:link, #header a:visited{color:#333;}
#header a:hover{text-decoration:none;}
.name{ margin-top:5px; margin-left:10px; color:#333;}
.description{margin-top:5px; margin-left:30px; color:#999;}
#nav{ width:960px; margin-left:auto; margin-right:auto; height:30px; background:url(images/navbar.jpg); text-align:left; border:thin solid #999; margin-bottom:0px; margin-top:0px;}
#page-links{ width:960px; height:30px; color:#000; text-transform:uppercase; font-weight:bold;}
#page-links ul{ list-style:none; padding-left:10px;}
#page-links li{ display:block; list-style:none; float:left; padding:7px 20px 5px 10px;}
#page-links li a, #page-links a:link, #page-links a:visited{ color:#333;}
#page-links li a:hover{color:#1B6CCD; text-decoration:none;}
#page-links li li{ float:left; padding:0px; margin:0px; width:120px;}
#page-links li li a, #page-links li li a:link, #page-links li li a:visited {float: none; margin: 0px; padding: 2px 10px 2px 18px;}
#page-links li li a:hover, #page-links li li a:active {text-decoration:underline; padding: 5px 10px 5px 18px;}
#page-bar li ul {position: absolute; width: 10em; left: -999em;}
#page-bar li:hover ul {left: auto; display: block;}
#page-bar li:hover ul, #page-bar li.sfhover ul {left: auto;}

/*Page div holds all content on page located below the navigation bar */
#page{ width: 960px; margin-left:auto; margin-right:auto; background:#FFF; margin-bottom:0px; margin-top:0px;}

/*Sidebar Left Styles*/
#sidebarleft *{ font-size:100%; line-height:1.0em; margin-top:0px; margin-bottom:0px;}
#sidebarleft a:link, sidebarleft a:visited{text-decoration:none; color:#00468C}
#sidebarleft a:hover{color:#1B6CCD; text-decoration:underline;}
#sidebarleft{ width:160px; padding-right:10px; float:left; text-align:left; background:#FFF; min-height:400px; margin-top:0px;}
#sidebarleft ul{padding:5px 0px 0px 5px; background:#FFF;}
#sidebarleft li {list-style:none; display:block; padding:5px 0px 5px 10px;}
#sidebarleft h3{ font:1.5em; line-height:1.5384615em; margin-top:1.5384615em; padding:0px 10px 0px 5px; font-weight:bold; color:#333; border-bottom:solid thin #999;}

/* Page content and post holder */
#content{ background:#fff; padding:10px 10px 10px 10px; width:760px; min-height:400px; float:right; text-align:left;}
#post-holder{ width:760px; border-bottom:solid thin #999;}
#post-holder{ width:760px;}
#post-holder ul{ margin-left:40px;}
#post-holder ol{ margin-left:40px;}
#post-holder .spoiler{display:block; margin-top:3px;}
#s {padding:1px; font-size:1.0em; width:150px;}
.breadcrumbs{font:0.9em Arial}
#stats{font:0.9em Arial}

/* Standard Page Headings */
h1{ font:2.0em; line-height:1em; font-weight:bold; color:#00468C;}
h2{ font:1.5em; line-height:1em; margin-top:1em; font-weight:bold; color:#00468C;}
h3{ font:1.3em; line-height:1em; margin-top:1em; font-weight:bold; color:#00468C;}
h4{ font:1.0em Arial; font-weight:bold; color:#00468C;}

/* Standard classes used through the theme */
.alignright{ float:right;}
.left, .alignleft{ float:left;}
.center{ text-align:center;}
.navigation{ font:0.75em Arial;}
.postmetadata{ font:0.75em Arial; padding-left:10px; padding-bottom:10px;}
.meta{font:0.75em Arial; padding-left:10px; padding-bottom:10px;}
.postnav{font:1.0em Arial;}
.top-nav{ font:0.8em Arial; color:#666;}
.title{font:#333;}
.page-links{ font:0.9em Arial; color:#333;}
.pagetitle{ float:left; color:#333;}

/* Footer div tag holds all information below the page content */
#footer{ width:960px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; padding-bottom:10px; text-align:left; background:#FFF;}

/* 3 Block on the bottom used as content holders. These should register in your Admin Panel for easy editting */
#content-holder{ width:960px; margin-left:10px; padding-top:10px;}
#content-block{ width:295px; border-right:thin solid #999; padding:10px 10px 10px 5px; float:left; margin-bottom:10px;}
#content-block h4{color:#333; margin-left:10px;}
#content-block img{ border:0px; width:100px; height:100px; padding-left:0px; padding-right:10px;}
#content-block1 img{ border:0px; width:100px; height:100px; padding-left:0px; padding-right:10px;}
#content-block1{ width:295px; padding:10px 10px 10px 5px; float:left; margin-bottom:10px;}
#content-block1 h4{color:#333; margin-left:10px;}

/* This is for the 'Portfolio Page' which is an additional page template you can use in this theme. */
#portfolio-block{ width:160px; padding:5px; float:left; margin-left:10px; margin-bottom:5px; margin-top:5px; border:thin solid #999; background:#F5F5F5;}
#portfolio-block img{ border:0px; padding:5px 5px 5px 5px;}
#portfolio-block h4{ font:1.25em Arial; line-height:0px; margin-top:10px; margin-bottom:10px; font-weight:bold; color:#000;}
#portfolio-block h4 a:link, #portfolio-block h4 a:visited, #portfolio-block h4 {color:#00468C;}
#portfolio-block h4 a:hover{color:#1B6CCD; text-decoration:none;}


/* Float Properties*/
.entry {margin-top:20px;}
.clearfloat:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfloat {display: inline-block;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


/* Hides from IE-mac */
* html .clearfloat {height:1%;}
*+html .clearfloat {height:1%;}
.clearfloat {display:block;}

/* Style for Comments*/
.commentlist cite {font-style:normal; margin-bottom:4px; display:block;}	
.commentlist blockquote {background:#ededed;}
.commentlist li {padding: 10px 0px 10px 0px; list-style:none; margin-bottom:3px;}
.commentlist li li {background:none; border:none; list-style:square; margin:3px 0 3px 20px; padding:3px 0;}
.commenttext {padding: 10px 10px 0px 10px; background:#f2f2f2; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; width:495px;float:right;}
.commentlist cite strong {font-size:1.1em;}
li.my_comment {background: #FFF;border:none;}
li.my_comment cite strong {font-size: 1.3em; color:#313228;}
#commentform small {background:#FFF; font-weight:bold; padding:0;}
.commentmetadata {color:#4d4d4d; display: block; margin-top:3px; text-align:right; font-size:0.9em;}
.commentmetadata a, .commentmetadata a:visited {color:#959382;}
.commentlist small {background:#e9e9e9;}
.avatar {border:1px solid #999; margin:0px 10px 0px 0px; float:left; padding:2px; width:55px; height:55px;}	
#comment {width:760px; background:#fff;}
#commentform input { width: 140px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 90%; margin-top:5px;}