/*
Theme Name: SOTO Blog
Description: Original custom WordPress theme created for SOTO blog.
Version: 1.0
Author: Inspired Business Marketing
Author URI: http://www.inspiredbusinessmarketing.com
*/



/* Begin Typography & Colors */
body {font-size: 62.5%; /* Resets 1em to 10px */font-family: Arial, Verdana, Sans-Serif;background-color: white;color: #777;text-align: center;}

#page {	background-color: white;text-align: left;}
#content {font-size: 1.2em;}

.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}

.even, .alt {border-left: 1px solid #ddd;}


small {font-family: Arial, Helvetica, Sans-Serif;font-size: 9px;line-height: 150%;}
h1, h2, h3 {font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;font-weight:normal;text-transform:uppercase;letter-spacing:1px;}
h1 {font-size: 32px;}
#headerimg .description {font-size: 1.2em;text-align: center;}
h2 {font-size: 16px;}
#sidebar h2 {font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;font-size: 14px;}
h3 {font-size: 13px;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;color: #000;}
h2, h2 a, h2 a:visited {color: #000;}	
h3, h3 a, h3 a:visited {color:#666;}	
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}

.sticky {background: #f7f7f7;padding: 0 10px 10px;}
.sticky h2 {padding-top: 10px;}



#sidebar {font: 11px Arial, Verdana, Sans-Serif;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;}

a, h2 a:hover, h3 a:hover {text-decoration: none;}
a:hover {}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;	}
/* End Typography & Colors */


/* Links */
a:link, a:visited {color:#000;}
a:hover, a:active {color:#000;}


/* Begin Structure */
body {margin: 0 0 20px 0;padding: 0;}
#page {background-color: white;margin: 0 auto;padding: 0;width: 940px;}
#header {padding:0;width:100%;border-bottom:1px solid #ccc;float:left;}
#contentWrapper {float:left;width:940px;margin:28px auto;padding:0;background:url(images/soto-page-bg.png) repeat-y 640px top;}
#content {width:600px;float:left;margin:0 40px 0 0;padding:0;}
#sidebar {width:260px;margin:0 0 0 680px;padding:0;}
#footer {width:940px;clear:both;padding-top:10px;margin:0 auto;border-top:1px solid #ccc;text-transform:uppercase;}
#copyrightText {float: left;}
#creditText {float: right;}

.entry {clear:both;font-size:13px;line-height:150%;padding-top:20px;}
.entry p {margin:0 0 15px;}
.entry a.more-link {font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;text-transform:uppercase;letter-spacing:2px;font-weight:bold;font-size:12px;}
.post {margin: 0 0 50px;}
.post hr {display: block;}
.postmetadata {clear: both;font-size:10px;letter-spacing:1px;margin:6px 0 0 94px;text-transform:uppercase;}
.clear {clear: both;}


/* Post Date Stamp */
.entryDate {float:left;border:1px solid #ccc;width:62px;height:62px;text-align:center;color:#000;padding:5px;margin-right:20px;}
.entryDate span {display: block;text-align: center;}
.postDay {font-size:24px;font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;}
.postMonth {text-transform:uppercase;font-size:9px;font-weight:bold;padding:2px 0 4px;}
.postYear {font-size:9px;font-weight:bold;}

.tagsAndCats {margin:6px 0 0 94px;text-transform:uppercase;font-size:10px;letter-spacing:1px;}
.tagsAndCats a:link, .tagsAndCats a:visited {font-weight:bold;color:#666;}
.tagsAndCats a:hover, .tagsAndCats a:active {color:#000;}

/* End Structure */

/* Logo */
h1.blogTitle {display: block;font-size:18px;color:#fff;overflow:hidden;width:166px;height:100px;margin:15px 0 20px;position:relative;padding:0;}
h1.blogTitle span {display: block; left: 0; top: 0; z-index:1; background: url(images/soto-blog-logo.png) no-repeat top left;position:absolute;;width:166px;height:100px;;margin:0;padding:0;}

/* Main Nav */
#mainNav {margin:0 0 -1px;padding:0;float:left;}
#mainNav li {list-style:none;float:left;display:inline;margin:0 12px 0 0;}
#mainNav li a:link, #mainNav li a:visited {font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;padding:8px 14px;display:block;color:#999;margin:0;border-bottom:3px solid transparent;font-size:14px;letter-spacing:2px;text-transform:uppercase;}
#mainNav li a:hover, #mainNav li a:active, #mainNav li.current_page_item a, #mainNav li.current-cat a, #mainNav li.current-cat-parent a, #mainNav li.current_page_parent a {color:#000;border-bottom:3px solid #000;}
#mainNav li.sotostore a {background:url(images/soon.gif) no-repeat right top;}

/* End Main Nav */

/*Social Media Links */
#socialMediaLinks {float:right;margin:10px 0 0;padding:0;}
#socialMediaLinks li {float:left;list-style:none;margin-left:3px;}


/*	Begin Headers */
h1 {margin:30px 0 10px;}
h2 {margin: 30px 0 5px;}
h2.pagetitle {border-bottom:1px solid #CCCCCC;color:#999999;display:block;font-size:14px;letter-spacing:2px;margin:0;padding:0 0 8px;}
h2.postTitle {margin: 0 0 0 94px;padding: 0 80px 6px 0;border-bottom: 1px solid #ccc;font-size:18px;}
#sidebar h2 {font-size:14px;color:#999;letter-spacing:2px;margin:0;padding:0 0 8px;border-bottom:1px solid #ccc;display:block;}
h3 {padding: 0;margin: 30px 0 0;}
/* End Headers */
/* Begin Images */
p img {padding: 0;max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul, .entry ol {padding:0 0 0 35px;margin:0 0 10px;}
.entry ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 20px;}
#sidebar ul p, #sidebar ul select {letter-spacing:2px;line-height:150%;margin:5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 0;padding: 4px 0;font-weight:bold;text-transform:uppercase;letter-spacing:1px;}
#sidebar ul ul li a:link, #sidebar ul ul li a:visited, #sidebar ul ol li a:link, #sidebar ul ol li a:visited {color:#999;}
#sidebar ul ul li a:hover, #sidebar ul ul li a:active, #sidebar ul ol li a:hover, #sidebar ul ol li a:active {color:#000;}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {margin:8px 0;padding:0;float:right;width:260px;}
#searchform #s {border:1px solid #ccc;font-size:11px;padding:2px;width:180px;}
#searchsubmit {background-color:#FFF;border:1px solid #CCC;color:#777;font-size:9px;height:18px;margin:0;padding:0 0 2px;text-transform:uppercase;width:70px;}
#content #searchform {padding-right:170px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;}

select {width: 130px;}


/* Begin Sidebar */
#sidebar{}
#sidebar form {margin: 0;}
/* End Sidebar */


/* Comments */
#respond {margin-bottom:20px;}
.commentlist li, #commentform input, #commentform textarea {color:#333;font-size:11px;border: 1px solid #ccc;font-family:arial;font-size:13px;line-height:150%;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;border: 1px solid #ccc;padding: 8px;list-style: none;margin-bottom: 1em;}
.commentlist li.alt {background-color: #f4f4f4;}
.commentlist li .avatar {float: left;background-color:#fff;border:1px solid #e4e4e4;padding:3px;margin: 0 8px 8px 0;}
.commentlist cite, .commentlist cite a {color:#777777;font-size:12px;font-style:normal;font-weight:bold;}
.commentlist cite:first-letter, .commentlist cite a:first-letter {font-size:140%;}
.commentlist span.says {color:#333;font-weight:normal;font-size:10px;}
.commentlist p {font-weight:normal;line-height:140%;margin:10px 10px 10px 82px;text-transform:none;}
#commentform p {color:#777;font-weight:bold;font-size:10px;text-transform:uppercase;}
.comment-author {}
h3.comments {padding: 0;margin: 40px auto 20px;}
#commentform small {font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;font-size:11px;letter-spacing:1px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#commentform #submit {background-color:#FFF;border:1px solid #CCC;color:#777;float:right;font-size:9px;margin:0 0 0 5px;padding:2px;text-transform:uppercase;}
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li {margin-right: -5px;margin-left: 10px;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {display:block;font-size:11px;margin:0;text-transform:uppercase;}
/* End Comments */

/* MAILCHIMP FORM */
#mailchimpForm {float:right;padding:0;margin:10px 0 30px;text-align:center;}
#mailchimpForm h2 {color:#999;float:right;font-size:12px;line-height:120%;margin:5px 0;text-align:center;width:170px;}
#mailchimpForm p {margin:0 0 5px;color:#fff;font-size:11px;font-weight:bold;line-height:120%;}
#mc_embed_signup {padding:0;margin:0;}
#mc-embedded-subscribe-form {padding:0;margin:0;}
div.mc-field-group {padding:0 0 3px;text-align:right;clear:both;width:260px;}
div.mc-field-group label {font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;float:left;}
div.mc-field-group input {background-color:#FFFFFF;border:1px solid #ccc;width:210px;}
div.mc-field-group select {}
#mc-embedded-subscribe-form .btn {background-color:#fff;border:1px solid #ccc;color:#777;float:right;font-family:Arial;font-size:9px;font-weight:bold;letter-spacing:0;margin-right:142px;padding:3px 10px;text-transform:uppercase;width:70px;}
fieldset input.btn {}
fieldset a {}
div.input-group {}
div.input-group ul {}
div.input-group ul li {}
div.input-group label {}
div.input-group input {}
#num-subscribers {}
#num-subscribers span {}
.indicate-required {}
span.note-required {}
#mce-responses {}
div.response {}
label.error {}
#mce-error-response {color:#fff;font-size:11px;font-style:italic;font-family:Arial, Verdana, Geneva, sans-serif;text-transform:uppercase;}
#mce-success-response {color:#fff;font-size:11px;font-style:italic;font-family:Arial, Verdana, Geneva, sans-serif;text-transform:uppercase;}
.datefield {}
.datefield input {}
.datefield span {}
.datefield span label {}
.datefield .monthfield {}
.datefield .dayfield {}
.datefield .yearfield {}
.mc-address-group {}
.mc-address-group label {}
.addressfield {}
.addressfield li {}
.addressfield li label {}
.addressfield input {}
.addressfield select {}
.mce_inline_error {font-family:Arial, Verdana, Geneva, sans-serif !important;float:left !important;font-weight:bold !important;margin:3px 0 !important;padding:0 !important;width:100% !important;z-index:1 !important;}

/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute;left: -1000em;}
hr {display: none;}
a img {border: none;}
.navigation {display: block;margin-top: 10px;margin-bottom: 60px;text-transform:uppercase;}
.navigation .alignleft, .navigation .alignright {width:45%;}
.navigation .alignleft a {display:block;font-size:10px;padding-left:12px;background:url(images/soto-nav-arrow-left.png) no-repeat left 50%;}
.navigation .alignright a {text-align:right;display:block;font-size:10px;padding-right:12px;background:url(images/soto-nav-arrow-right.png) no-repeat right 50%;}
.navigation a:link, .navigation a:visited {color:#999;}
.navigation a:hover, .navigation a:active {color:#000;}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {text-align: center;margin-bottom:10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {color:#777;font-size:10px;line-height:13px;margin:0;padding:2px 4px 5px;text-transform:uppercase;letter-spacing:1px;}
/* End captions */