/*
 Master Stylesheet
 Site: Streetlight Sound
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* Basic Elements  */
html{font-size:100%;}
body {background: #454b5c url(../images/body-bg.png) repeat-x 0 0;font-size: 62.5%;font-family: Arial, Helvetica, sans-serif; line-height: 1.33; color: #222; padding-bottom: 50px; overflow-y:scroll; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
:focus {outline: 1px;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong{font-weight:800;}
hr { display: none; }
.left { float: left;}
.right { float: right;}
.center { text-align: center; }
a img { border: none }
.clearer { clear: both; height: 0; line-height: 0;}
cite { font-style: normal;}
img.alignnone { display: block; margin: 0 0 15px; border: 5px solid #ccc; }
img.aligncenter { display: block; margin: 0 0 15px; border: 5px solid #ccc; }
img.alignright { float: right; display: inline; margin: 0 0 15px 15px; border: 5px solid #ccc; }
img.alignleft { display: inline; margin: 0 15px 15px 0; border: 5px solid #ccc; float: left;}
.underline { text-decoration: underline; }

/* Links */
a:link, a:visited, a:active { color: #415392;text-decoration: none; }
a:hover { color: #415392; text-decoration:underline }
a.underline{ text-decoration: underline; }
a.underline:hover{ text-decoration: none; }

/* Headers / Paragraph */
h1 { font-size: 1.4em; margin: 0 0 1em;}
h2 { font-size: 2.1em; margin: 0 0 0.5em; font-family: Georgia, Arial, Sans-serif; font-weight: 400; border-bottom: 1px solid #ebe9e9; line-height: 1.5; }
h3, .post h1 { font-size: 1.8em; font-weight: 400; margin: 0 0 5px;}
h5{ font-size: 1.5em; margin: 0; }
h6 { font-size: 1.5em; margin: 0 0 0.5em; }
p {font-size:1.3em; margin: 0 0 1em 0; }
li { font-size: 1.3em; }

/* Site Structure */
#wrap-outter { width: 969px; margin: 0 auto; background: url(../images/wrap-bg.png) repeat-y;}
#wrap { width: 961px; margin: 0 auto; }
#content { background: #fafafa url(../images/content-shadow.png) repeat-x; overflow: auto; }
#content-inner { padding: 25px; overflow: auto;}
#col-main{ float:left;width:525px;}
#col-side{ float:right;width:347px;}
#col-fullwidth { width: 100%; }
#blog-main{ float:left;width:525px;}
#blog-side{ float:right;width:347px;}
#wrap-btm { background: url(../images/wrap-btm.png) no-repeat 0 0; height: 11px; width: 969px; margin: 0 auto; position: relative; }

/* Top bar */
#top-bar { height: 33px; position: absolute; background: url(../images/topbar-bg.png); z-index: 200; width: 100%; border-bottom: 1px solid #a8acb8; left: 0; top: 0;}
#nav { width: 961px; margin: 0 auto; position: relative; }
#nav ul { padding: 7px 0 5px 25px; }
#nav li { font-size: 1.8em; display: inline; line-height: 1.0;margin: 0 25px 0 0; }
#nav li a { color: #fcfcfd; font-family: "Lucida Grande", Arial, Sans-serif; }
#nav li a:hover {text-decoration: none; color: #bdbdd3;}

/* Footer */
#footer { background: #ebe9e9 url(../images/footer-bg.png) repeat-x;  color: #32210f; padding: 14px 0 8px 25px; font-size: 1.2em; line-height: 1.0;}

/* Header */
#header { height: 270px; position: relative; background: url(../images/header-bg.png) repeat-x;}
#logo { padding: 33px 0 0 25px;}
#logo h1,#logo p { width: 397px; height: 95px;font-size: 1em; overflow: hidden; position: relative;}
#logo h1 span,#logo p span{ background: url(../images/streetlight-sound.png) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
#logo h1 a,#logo p a { cursor: pointer; display: block; height: 100%; width: 100%; }
#painting { position: absolute; top: 0; right: -25px; z-index: 600;}
p#intro { font-family: Georgia, Arial, Sans-serif; font-size: 1.8em; color: #f6f7f8; width: 670px; margin: -15px 0 15px 25px; }
p#header-actions { font-family: Georgia, Arial, Sans-serif; font-size: 1.8em; margin: 0 0 0 25px; color: #f6f7f8; }
p#header-actions a { color: #e4dbfb; }

/*
Page Specific Styles 
*/

/* Homepage */
#mod-about { margin: 0 0 25px; }
.hp-post { margin: 0 0 25px; border-bottom: 1px dotted #ccc; padding: 0 0 12px; }
.meta-date { background: url(../images/calendar-icon.png) no-repeat; padding: 0 0 0 20px; color: #555; margin: 0 0 25px;}
#mod-testimonials { position: relative; }
p.testimonial-quote { padding: 0 0 0 50px; background: url(../images/quotation.png) no-repeat; }
p.testimonial-source { padding: 0 0 0 50px; font-style: italic; }
p.testimonial-nav a{ background: url(../images/next-btn.png) no-repeat right top; text-align: right; padding: 0 25px 0 0; float: right; }

/* Blog pages */
body.blog .post { margin: 0 0 25px; border-bottom: 1px dotted #ccc; padding: 0 0 12px; } 
#comments-wrap { border-top: 2px solid #ccc; padding: 10px; background: #ececec; }
.commentlist { margin: 0 0 50px; }
.commentlist p{ font-size: 1em; }
.commentlist li { border-bottom: 1px dotted #999; padding: 13px 0 0;}
#respond { margin: 0 0 0; }
#respond .input-text { border: 2px solid #999; padding: 3px; display: block; margin: 0;  width: 200px;}
#respond textarea#comment { border: 2px solid #999; padding: 3px 3px 3px 1px; display: block; margin: 0; width: 495px; }
.archive .meta-date, .search-results .meta-date { margin: 0 0 5px;}
.archive .post, .search-results .hentry { margin: 0 0 13px; border-bottom: 1px dotted #ccc; padding: 0 0 0px; } 
.post blockquote { margin-left:px; padding:0 0 0 50px; background: url(../images/quotation.png) no-repeat; color: #555; }

/* Sidebar */
#sidebar .group { margin: 0 0 25px; }
#sidebar .group-left{ margin: 0 20px 25px 0; width: 153px; float: left; clear: both;}
#sidebar .group-right{ margin: 0 0 25px; width: 173px; float: left;}
#sidebar li { font-size: 1.3em; }
#search-form #search-text { font-size: 1.3em; border: 1px solid #ccc; padding: 3px; width: 270px; vertical-align: middle;}
#search-form #search-submit { vertical-align: middle; font-size: 1.3em;}

/* Contact Page */
#half-left { float: right; width: 430px; }
#half-right { float: left; width: 430px; }
#contactForm label { display: block; margin: 0 0 3px; font-weight: 800; }
#contactForm .input-text { border: 2px solid #999; padding: 3px; display: block; margin: 0; width: 200px;}
#contactForm textarea { border: 2px solid #999; display: block; margin: 0; padding: 3px 3px 3px 1px; width: 300px;overflow: auto; }
label.error { color: red; font-style: italic; }

/* Gear */  
#gear-list { padding: 20px 0 0; clear: both; overflow: auto; width: 100%;}
.group3 { float: left; margin: 0 45px 30px 0;  width: 272px;}
.group3 .inner { padding: 7px 10px; background: url(../images/group-bg.png) repeat-x; }
.group-last { margin: 0; float: right;}
.group-clear { clear: both; }
.group3 img { margin: 0 0 0px; display: block; border-top: 2px solid #555; border: 5px solid #ccc;}

/* Clients */
.client-list { overflow: auto; margin: 0 0 20px; width: 100%;} 
.client-list li { display: block; margin: 0 0px 0 0;  width: 302px; float: left; }
.post-edit-link { display: block; clear: both; background: #ccc; color:#333;padding:5px; display:none;} 

/* self-clear floats */
.auto-clear:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }