/*
THEME NAME: SMB
THEME URI: http://www.bulletwebstudio.com/designs/
DESCRIPTION: Perfect for small to medium sized businesses.
VERSION: 1.0
AUTHOR: Bullet Web Studio
AUTHOR URI: http://www.bulletwebstudio.com/

*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

html {
	background: #ccc;
}

body {
	width: 940px;
	margin: 20px auto;
	background: #fff;
	overflow: auto;
}

/* [ Header Stylings ]--------------------------------------------------------------- */

#header {
	background: #333;
	float: left;
	padding: 0 0 10px;
	width: 940px;
	overflow: hidden;	
}

#blog-title {
	display: none;
}

#logo {
	float: right;
	margin: 10px;
	margin-bottom: 0;
}

#subheader {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	background: url("images/container.png") top repeat-x;
}

#subheader h1 {
	font: 3.2em Georgia, serif;
	letter-spacing: -1px;
	color: #666;
	width: 900px;
	float: left;
	padding: 20px 0 0 20px;
}

#header ul {
	float: left;
	width: 560px;
	list-style-type: none;
}

#header ul li {
	float: left;
}

#header ul li a {
	display: block;
	color: #fff;
	font: 1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 5px;
	padding: 10px 10px 2px 10px;
}

#header ul li a:hover {
	background: #0066ff;
}

#header-ad {
	float: right;
	width: 300px;
	padding: 10px 0 10px 40px;
}

#header-ad p {
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 1.2em;
}

/* [ Content Stylings ]-------------------------------------------------------------- */

#container {
	border-top: 4px solid #eee;
	clear: both;
	padding-top: 10px;
}

 body.page #container, body.single #container, body.category #container, body.search #container {
	background: url("images/container.png") top repeat-x;
	border-width: 0;
 }
 
 body.page-template-homepage-php #container {
 	background: #fff;
	border-top: 4px solid #eee;
}

#content {
	width: 570px;
	float: left;
	padding-left: 20px;
	margin-bottom: 30px;
}

/* Post */

.post blockquote {
	font-family: Georgia, serif;
	font-size: 0.9em;
	border-left: 3px double #ddd;
	width: auto;
	padding: 10px 20px;
	margin: 10px 20px;
}

.post ul li {
	list-style-image: url("images/bullet.gif");
}

.entry-content {
	font: 1.3em/1.75 Arial, Helvetica, sans-serif;
	color: #333;
}

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

.post h1 {
	font: 2.4em Georgia, serif;
	color: #333;
	margin-bottom: 20px;
}

.post h2 {
	font: 2em Georgia, serif;
	color: #333;
	margin-bottom: 20px;
}

.post h3 {
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom: 20px;
}


.post h3, .post h4, .post h5, .post h6 {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	color: #999;
}

.post h3 {
	font-size: 1.6em;
}

.post h4 {
	font-size: 1.4em;
}

.post h5 {
	font-size: 1.1em;
	text-transform: uppercase;
}

.post h6 {
	font-size: 1em;
	text-transform: uppercase;
}

.post pre {
	font: 1.4em Consolas, monospace;
	margin: 10px 0;
}

.post code {
	font: 1.1em Consolas, monospace;
}


/* [ Single Page Stylings ]---------------------------------------------------------- */

body.single #container {
	float: left;
	width: 940px;
}

body.single #content {
	width: 940px;
	margin: 0;
	padding: 0;
}

body.single .entry-title {
	font: 2.8em Georgia, serif;
	padding: 20px 0 0 10px;
	line-height: 1;
	color: #666;
}

body.single .entry-meta {
	border-bottom: 1px dotted #ddd;
	background: url("images/header.png") top repeat-x;
	padding: 12px 0 7px;
	text-transform: uppercase;
	font-size: 1.1em;
	margin-bottom: 20px;
}

body.single .entry-meta a {
	text-decoration: none;
}

body.single .entry-date {
	float: left;
	width: 210px;
	padding-left: 10px;
}

body.single .entry-content {
	margin-left: 220px;
	width: 700px;
}

body.single .entry-content img {
	max-width: 700px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

body.single #entry-nav {
	border-top: 1px solid #ddd;
	border-bottom: 1px dotted #ddd;
	padding: 7px 0;
	text-transform: uppercase;
	font-size: 1em;	
	margin: 30px 0 10px;
	overflow: auto;
}

body.single .comment-num {
	float: left;
	width: 210px;
	padding-left: 10px;
	font-size: 1.1em;
}

body.single .navigation .alignleft {
	float: left;
}

body.single .navigation .alignright {
	float: right;
	margin-right: 20px;
}

.navigation a {
	text-decoration: none;
	font-size: 1.1em;
}

/* [ Comments Stylings ]------------------------------------------------------------- */

.comments ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.comments .comment {
	padding-left: 220px;
	font-size: 1.2em;
}

.comment-author, .comment-meta {
	float: left;
	width: 210px;
	clear: left;
	margin-left: -220px;
	font-size: 1em;
	padding-left: 10px;
}

.comment-meta {
	text-transform: uppercase;
	margin-top: 3px;
}

#commentform {
	padding-left: 220px;
	margin-bottom: 20px;
	font-size: 1.2em;
}

#commentform input, #commentform textarea {
	border: 1px solid #ddd;
	padding: 5px;
}

#respond h3 {
	border-top: 1px solid #ddd;
	border-bottom: 1px dotted #ddd;
	padding: 7px 10px;
	text-transform: uppercase;
	font-size: 1.1em;	
	margin: 30px 0;
}

/* [ Category Page Stylings ]-------------------------------------------------------- */

body.category #content {
	padding-top: 10px;
}

body.category #sidebar {
	padding-top: 20px;
}

body.category h2.entry-title {
	font: 1.6em Georgia, serif;
	color: #666;
	margin-bottom: 0;
}

body.category h2.entry-title a {
	text-decoration: none;
}

body.category .entry-date {
	text-transform: uppercase;
	width: 120px;
	color: #999;
}

body.category .entry-meta {
	margin-bottom: 10px !important;
}

body.category .categories {
	font-size: 1em;
	text-transform: uppercase;
}

body.category .categories h3 {
	margin-top: -20px !important;  
}

body.category .categories li {
	margin: 15px 0;
	font-size: 1.2em;
	padding-left: 30px;
}

body.category .categories li a {
	text-decoration: none;
}

/* [ Search Result Stylings ]-------------------------------------------------------- */

body.search h1#page-title {
	margin-bottom: 10px;
} 

body.search #search-meta {
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
}

body.search  h2.entry-title {
	margin-bottom: 0;
	font-size: 1.6em;
}

body.search .entry-meta {
	font-size: 1.1em;
	color: #999;
}

body.search .post {
	margin-bottom: 10px;
	margin-left: 10px;
}

#search-s {
	width: 285px;
	padding: 3px;
	margin-top: 10px;
	border: 1px solid #666;
}

#search-searchsubmit {
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	border: 1px solid #666;
	background: #0066ff;
	text-transform: uppercase;
	color: #fff;
	padding: 1px 20px;
}

body.search #nav-below {
	border: 1px solid #ddd;
	border-width: 1px 0;
	padding: 5px 0;
	overflow: auto;
	margin-top: 40px;
}

body.search .nav-previous {
	float: right;
}

body.search .nav-next {
	float: left;
}

body.search #nav-below a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2em;
}

/* [ Page Stylings ]----------------------------------------------------------------- */
 
h1#page-title {
	font: 3.2em Georgia, serif;
	letter-spacing: -1px;
	color: #666;
	padding: 10px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	background: url("images/header.png") bottom repeat-x;
}

.page .entry-content h2 {
	font: 1.6em Georgia, sans-serif;
	margin-bottom: 20px;
	color: #999;
}

.page .entry-content h1 {
	font: 2.4em Georgia, serif;
	color: #333;
	margin-bottom: 20px;
}

.page .entry-content h2 {
	font: 2em Georgia, serif;
	color: #333;
	margin-bottom: 20px;
}

.page .entry-content h3 {
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom: 20px;
}


.page .entry-content h3, .page .entry-content h4, .page .entry-content h5, .page .entry-content h6 {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	color: #999;
}

.page .entry-content h3 {
	font-size: 1.6em;
}

.page .entry-content h4 {
	font-size: 1.4em;
}

.page .entry-content h5 {
	font-size: 1.1em;
	text-transform: uppercase;
}

.page .entry-content h6 {
	font-size: 1em;
	text-transform: uppercase;
}

.page .entry-content img {
	max-width: 570px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;	
}

.page #page-child {
	padding: 0;
	margin: 0;
}

.page #page-child li {
	list-style-type: none;
	margin-bottom: 15px;
}

.page #page-child li a {
	text-transform: uppercase;
	text-decoration: none;
}

/* [ Articles Stylings ]------------------------------------------------------------- */

h1#articles-title {
	font: 3.2em Georgia, serif;
	letter-spacing: -1px;
	color: #666;
	padding: 10px;
	padding-bottom: 20px;
	margin-bottom: 8px;
	background: url("images/header.png") bottom repeat-x;
}

body.page-template-articles-php .articles-heading {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #666;
}

body.page-template-articles-php .entry-title {
	margin-bottom: 5px;
	font-size: 1.6em;
}

body.page-template-articles-php .entry-title a {
	text-decoration: none;
}

body.page-template-articles-php .entry-date {
	float: left;
	text-transform: uppercase;
	width: 120px;
	color: #999;
}

body.page-template-articles-php .entry-cat {
	float: right;
	width: 325px;
	text-transform: uppercase;
}

body.page-template-articles-php .entry-meta {
	overflow: auto;
	font-size: 1.1em;
	border-top: 1px dotted #ddd;
	padding-top: 5px;
}

body.page-template-articles-php #recently .post, body.page-template-articles-php #most-popular .post {
	margin-bottom: 20px;
}

body.page-template-articles-php #most-popular {
	border-top: 4px solid #ccc;
	padding-top: 10px;
	margin-top: 30px;
}

body.page-template-articles-php .categories {
	font-size: 1em;
	text-transform: uppercase;
}

body.page-template-articles-php .categories li {
	margin: 15px 0;
	font-size: 1.6em;
	padding-left: 30px;
}

body.page-template-articles-php .categories li a {
	text-decoration: none;
}

/* [ 404 Page Stylings ]------------------------------------------------------------- */

#four04-message {
	font-size: 1.2em;
}

body.four04 .articles-heading {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #666;
}

body.four04 .entry-title {
	margin-bottom: 5px;
	font-size: 1.6em;
}

body.four04 .entry-title a {
	text-decoration: none;
}

body.four04 .entry-meta {
	overflow: auto;
	font-size: 1.1em;
	border-top: 1px dotted #ddd;
	padding-top: 5px;
	margin-bottom: 20px;
	color: #999;
}

/* [ Sidebar Stylings ]-------------------------------------------------------------- */

#sidebar {
	width: 309px;
	float: right;
	padding-right: 20px;
	padding-top: 10px;
	margin-top: -10px;
	margin-bottom: 30px;
	margin-left: 10px;
	border-left: 1px solid #eee;
}

#sidebar h3 {
	color: #666;
	font: 1.8em Georgia, serif;
	text-transform: capitalize;
	font-variant: normal;
	margin: 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ddd;
}

#sidebar li {
	list-style-type: none;
	margin: 10px 0;
	padding: 0 !important;
}


/* Widgets */

.widgetcontainer {
	list-style-type: none;
	margin: 50px 0;
	line-height: 1.5;
}

.widgetcontainer ul, .widgetcontainer ol {
	padding: 0;
	margin: 0;
}

.widgetcontainer ul li, .widgetcontainer ol li {
	font-size: 1.2em;
	margin: 10px 0;
}

.widgetcontainer a:hover {
	text-decoration: none;
}

#calendar_wrap { 
	font-size: 1.6em; 
}

#wp-calendar td {
	padding: 10px;
}

/* Front page sidebar */
#solutions {
	padding: 0;
	margin: 0 0 30px 0;
}

#solutions a {
	font: 1em Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}

#solutions a:hover {
	background: #0066ff;
	color: #fff;
}

.recent-articles h4 a {
	text-decoration: underline;
	font-size: 1.3em;
}

.recent-articles h4 a:hover {
	color: #fff;
	text-decoration: none;
}

.recent-articles .meta {
	margin-top: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: right;
	font-size: 1em;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ddd;
}

.recent-articles .meta span {
	float: left;
}

.recent-articles .meta a {
	text-decoration: none;
}

body.page-template-homepage-php .post img {
	max-width: 570px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;	
}

/* Articles sidebar */
body.page-template-articles-php .categories {
	font-size: 1em;
	text-transform: uppercase;
}

body.page-template-articles-php .categories li {
	margin: 15px 0;
	font-size: 1.2em;
	padding-left: 30px;
}

body.page-template-articles-php .categories li a {
	text-decoration: none;
}



/* [ Footer Stylings ]--------------------------------------------------------------- */

#footer {
	overflow: hidden;
	clear: both;
	background: #999;
}

#footer-widgets {
	width: 940px;
	float: left;
	font-size: 1.2em;
	background: #333 url("images/footer.gif") left repeat-y;
}

#footer-widgets h4, #footer-ad h4 {
	color: #ddd;
	margin: 8px 5px 14px;
	font: 1.3em Georgia, serif;
}

#footer-widgets .widget {
	width: 260px;
	float: left;
	padding: 10px;
	margin-right: 30px;
}

#footer-widgets p {
	margin: 5px 0;
	padding: 3px;
	color: #ccc;
}

#footer-widgets #learn-more a {
	text-transform: uppercase;
	text-decoration: none;
}

#footer-widgets #search #s {
	width: 250px;
	padding: 3px;
}

#footer-widgets #search #searchsubmit {
	float: right;
	border: 1px solid #666;
	background: #0066ff;
	text-transform: uppercase;
	color: #fff;
	padding: 1px 20px;
	margin: 10px 0 0;
}

#share-icons {
	float: left;
}

#share-icons a {
	margin: 0 5px;
	text-transform: uppercase;
	text-decoration: none;
}

#footer-info {
	clear: both;
	overflow: auto;
	padding: 5px 0;
	height: 1%;
}

#footer-info a {
	color: #fff;
	font-size: 0.8em;
}

#footer #tabbar {
	float: left;
	margin: 0px 0 0;
	padding: 0;
}

#policy {
	float: right;
	margin: 0px 10px 0;
	padding: 0;
}

#footer #tabbar li, #policy li {
	float: left;
	list-style-type: none;
	margin: 0 10px;
	font-size: 1.2em;
}

#policy li {
	margin: 0 5px;
}

#footer #tabbar li a, #policy li a {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 5px;
}

#footer #tabbar li a:hover, #policy li a:hover {
	background: #0066ff;
	color: #fff;
}

#copyright {
	float: left;
	margin: 10px;
	font-size: 1em;	
	text-transform: uppercase;
}

#credits {
	float: right;
	margin: 10px 20px;
	font-size: 1em;
	text-transform: uppercase;
}

#credits a {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

/* [ Ad Stylings ]------------------------------------------------------------------- */

#top-header {
	float: left;
	margin-left: 40px;
	width: 250px;
}

#top-header p {
	font-size: 1em;
	text-transform: uppercase;
	margin: 10px 0 5px;
	color: #666;
}

#top-header img {
	border: 1px solid #ddd;
	padding: 1px;
}