/*
Theme Name:Shoe Metro Blog
Theme URI:http://www.shoemetro.com/
Description:Blog Theme for Shoe Metro
Author:Christopher Serna
Author URI:http://www.eightyonefifteen.com/
Version:2.0
*/

/* Reset */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input{margin:0; padding:0}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th{font-size:1em; font-weight:normal; font-style:normal}
ul, ol{list-style:none}
fieldset, img{border:none}
caption, th{text-align:left}
table{border-collapse:collapse; border-spacing:0}

/* Global */
body{background-color:#f9f9f9; background-image:url(images/bg-page.jpg); background-repeat:repeat-x}
body, td, th{font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:18px; color:#333}
#wrapper{background-color:#f9f9f9; background-image:url(images/bg-page.jpg); background-repeat:repeat-x}
p{margin-bottom:18px}
.floatLeft{float:left}
.floatRight{float:right}
.clearFloat{clear:both; margin:0px; padding:0px}
.bold{font-weight:bold}
.aligncenter{margin:auto}
hr{color:#ebebeb; background-color:#d5d5d5; height:1px; border:0px solid #d5d5d5}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
blockquote {
	margin:0px 30px;
}

/* Typography */
h1{margin-bottom:10px; font-size:30px; font-weight:bold; line-height:35px; color:#000; text-decoration:none}
h2{margin-bottom:10px; font-size:30px; font-weight:bold; line-height:35px; color:#000; text-decoration:none}
#searchWrapper h1{display:block; margin-bottom:18px; font-size:30px; font-weight:bold; line-height:35px; color:#000; text-decoration:none}

/* Links */
h1 a{margin-bottom:10px; font-size:30px; font-weight:bold; line-height:35px; color:#000; text-decoration:none}
h1 a:hover{text-decoration:none; background-color:#e7f7fe}

h2 a{margin-bottom:10px; font-size:30px; font-weight:bold; line-height:35px; color:#000; text-decoration:none}
h2 a:hover{text-decoration:none; background-color:#e7f7fe}

.searchContainer h2 a{display:block; margin-bottom:10px; font-size:17px; font-weight:normal; line-height:23px; color:#0076a3; text-decoration:underline}
.searchContainer h2 a:hover{text-decoration:underline}

a:hover span.search-excerpt{background:#fffbc5; text-decoration:underline}
span.search-excerpt{background:#fffbc5; text-decoration:underline}

#footer a:link{color:#777}
#footer a:visited{color:#777}
#footer a:hover{color:#777}
#footer a:active{color:#777}

.postContent a:link{color:#0076a3; text-decoration:none}
.postContent a:visited{color:#0076a3; text-decoration:none}
.postContent a:hover{color:#0076a3; text-decoration:underline}
.postContent a:active{color:#0076a3; text-decoration:none}

.postInfo a:link{color:#0076a3; text-decoration:none}
.postInfo a:visited{color:#0076a3; text-decoration:none}
.postInfo a:hover{color:#0076a3; text-decoration:underline}
.postInfo a:active{color:#0076a3; text-decoration:none}

.contReading a:link{font-weight:bold; color:#0076a3; text-decoration:none}
.contReading a:visited{font-weight:bold; color:#0076a3; text-decoration:none}
.contReading a:hover{font-weight:bold; color:#0076a3; text-decoration:underline}
.contReading a:active{font-weight:bold; color:#0076a3; text-decoration:none}

.postTags a:link{color:#0076a3; text-decoration:none}
.postTags a:visited{color:#0076a3; text-decoration:none}
.postTags a:hover{color:#0076a3; text-decoration:underline}
.postTags a:active{color:#0076a3; text-decoration:none}

.sidebarList a:link{color:#333; text-decoration:none}
.sidebarList a:visited{color:#333; text-decoration:none}
.sidebarList a:hover{color:#333; text-decoration:underline}
.sidebarList a:active{color:#333; text-decoration:none}

.pageContainer a:link{color:#0076a3; text-decoration:none}
.pageContainer a:visited{color:#0076a3; text-decoration:none}
.pageContainer a:hover{color:#0076a3; text-decoration:underline}
.pageContainer a:active{color:#0076a3; text-decoration:none}

#postList a:link{color:#0076a3; text-decoration:none}
#postList a:visited{color:#0076a3; text-decoration:none}
#postList a:hover{color:#0076a3; text-decoration:underline}
#postList a:active{color:#0076a3; text-decoration:none}

/* Header */
#headerWrapper{background-image:url(images/bg-header.jpg); background-position:top center; background-repeat:no-repeat}
#header{position:relative; margin:auto; width:960px; height:120px}
#logo{position:absolute; top:20px; left:0px}
#logo a{display:block; width:350px; height:80px; background-image:url(images/logo.jpg); background-repeat:no-repeat; text-indent:-9999px; outline:none}

/* Navigation */
#navigation{position:absolute; top:0px; right:0px; width:500px; height:75px}
#navigation li{float:left}
#navHome{display:block; width:110px; height:75px; background-image:url(images/nav-sprite.jpg); background-position:0px 0px; background-repeat:no-repeat; text-indent:-9999px; outline:none}
#navAbout{display:block; width:126px; height:75px; background-image:url(images/nav-sprite.jpg); background-position:-110px 0px; background-repeat:no-repeat; text-indent:-9999px; outline:none}
#navContact{display:block; width:156px; height:75px; background-image:url(images/nav-sprite.jpg); background-position:-236px 0px; background-repeat:no-repeat; text-indent:-9999px; outline:none}
#navShop{display:block; width:108px; height:75px; background-image:url(images/nav-sprite.jpg); background-position:-392px 0px; background-repeat:no-repeat; text-indent:-9999px; outline:none}
#navHome:hover{background-image:url(images/nav-sprite.jpg); background-position:0px -75px}
#navAbout:hover{background-image:url(images/nav-sprite.jpg); background-position:-110px -75px}
#navContact:hover{background-image:url(images/nav-sprite.jpg); background-position:-236px -75px}
#navShop:hover{background-image:url(images/nav-sprite.jpg); background-position:-392px -75px}
#posts_navigation{margin:20px}

/* Content */
#contentWrapper{margin-bottom:20px; background-image:url(images/bg-content.jpg); background-position:top center; background-repeat:no-repeat}
#content{position:relative; margin:auto; width:960px}
#leftSide{ position:relative; width:660px; background-color:#fff}
#rightSide{width:300px; overflow:visible}
.sectionContainer{border-top:1px solid #fff; border-bottom:1px solid #d2d2d2}
.sectionContainerTop{border-bottom:1px solid #d2d2d2}
.sectionContainerBottom{border-top:1px solid #fff}

/* Images */
.alignright{float:right; margin:0px 0px 10px 10px}
.wp-caption-text{font-size:11px; font-style:italic}

/* Post */
.postContainer{padding:20px; border-bottom:1px solid #ebebeb}
.postContainer img{display:block; max-width:600px}
.postContainer ol{margin:10px 0px 18px 20px}
.postContainer ol li{margin-bottom:18px; list-style:decimal}
.postContainer ul{margin:10px 0px 18px 20px}
.postContainer ul li{margin-bottom:18px; list-style-image:url(images/bullet.gif)}
.postInfo{font-size:11px}
.postTags{margin-top:18px}
.catTags{margin-bottom:2px}
.more-link{font-weight:bold}

/* Comments */
.commentTitle{padding:10px 20px; background-color:#f2f2f2; border-bottom:1px solid #d6d6d6; font-size:18px; font-weight:bold; color:#888}
.commentWrap{padding:20px}
.commentWrap div{float:left}
.awaitingApproval{margin:20px 20px 0px; padding:10px; background-color:#fff8ca; border:1px solid #f9c788}
.commentSection{margin-right:20px; width:550px}
.gravatar{margin:0px; width:50px}
#replyWrap{margin:20px}
.reply{margin-bottom:10px; width:203px; height:70px; background-image:url(images/bg-form-sm.jpg); background-repeat:no-repeat; float:left}
.reply input{margin-left:10px; padding:5px 2px; width:170px; border:0px}
.reply input:focus{outline:none}
#messageBox{width:620px; height:230px; background-image:url(images/bg-form-lg.jpg); background-repeat:no-repeat}
#messageBox textarea{margin-left:10px; padding:5px 2px; width:580px; height:180px; border:0px; font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:18px}
#messageBox textarea:focus{outline:none}
#submitMessage{margin:10px 4px}
label{display:block; margin:0px 0px 13px 10px; font-size:12px}
#postList {list-style:decimal}

/* Page */
.pageContainer{padding:20px}
#pageTitle{display:block; margin:0px; padding:20px 20px 0px; font-size:18px; font-weight:bold; line-height:23px; color:#000; text-decoration:none}

/* Search */
#searchWrapper{padding:20px}
#searchWrapper ul li{margin:10px 0px 0px 20px; list-style-image:url(images/bullet.gif)}
span.search-excerpt{background:#fffbc5}

/* Sidebar */
#listContainer{margin-bottom:100px}
#rightSide ul li.sidebar{padding:20px}
ul.sidebarList{margin:10px 0px 0px 20px}
ul.sidebarList li{margin-bottom:2px; list-style-image:url(images/bullet.gif)}
#searchForm{width:188px; height:42px; background-image:url(images/bg-search.jpg); background-repeat:no-repeat}
#searchForm input{margin:12px 0px 0px 8px; width:170px; border:0px; color:#777}
#searchForm input:focus{outline:none}
#searchBtn{width:72px; height:42px}
#soMe{position:relative; width:300px; height:30px}
#soMe div{position:absolute; top:-16px; left:0px; width:300px; height:32px; text-align:center}
#soMe img{margin:0px 3px; vertical-align:middle}
#blogLinks{padding:10px; background-color:#ececec; text-align:center}
#blogLinks br{margin:10px}

/* Footer */
#footer{margin:auto; width:960px; height:75px; font-size:11px; color:#777}
#footerLeft{width:660px}
#footerRight{width:300px}

/* About Page */
#aboutPic{margin:0px 0px 10px 15px}
#aboutPic p{margin:0px}

/* 404 */
#errorWrap{padding:20px; width:620px; background-image:url(images/bg-404.jpg); background-repeat:no-repeat}
#errorWrap hr{margin-bottom:18px}
#notFound{width:350px; float:right}

/* Banner Ad */
#tallBanner {width:160px; height:600px; position:absolute; top:50px; left:-180px}