/*
Theme Name: Saffron Studio
Theme URI: http://saffronstudio.com.au
Author: Saffron Studio
Author URI: http://saffronstudio.com.au
Description: The theme for Saffron Studio
Version: 1.0
*/
@font-face { font-family: 'ArvoRegular'; src: url("fonts/Arvo-Regular-webfont.eot"); src: url("fonts/Arvo-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Arvo-Regular-webfont.woff") format("woff"), url("fonts/Arvo-Regular-webfont.ttf") format("truetype"), url("fonts/Arvo-Regular-webfont.svg#ArvoRegular") format("svg"); font-weight: normal; font-style: normal; }

/* 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; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* Global styles */
body { min-width: 980px; text-align: center; background: #998f86 url("images/background.gif") 0 0 fixed repeat; }

body, a { color: #8a221b; }

body, textarea { font-size: 62.5%; /* Resets 1em to 10px */ font-family: ArvoRegular, Times, Times New Roman, serif; }

#page { width: 920px; margin: 0 auto 40px; padding: 20px; text-align: left; background: #fff; box-shadow: 0 0 10px #666666; -o-box-shadow: 0 0 10px #666666; -webkit-box-shadow: 0 0 10px #666666; -moz-box-shadow: 0 0 10px #666666; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

#branding { background: url("images/saffron_threads_small.jpg") right 0 no-repeat; height: 120px; padding-top: 40px; display: block; }
#branding h1 { margin-left: 20px; font-weight: normal; font-size: 3.5em; }
#branding h1 a { text-decoration: none; }
#branding h2 { font-weight: normal; margin-left: 20px; font-size: 1.3em; margin-top: 0.5em; }
#branding #access { display: block; padding: 15px 20px; font-size: 1.5em; }
#branding #access li { color: #0066a4; float: left; }
#branding #access li.sep { padding: 0 10px; }
#branding #access li a { color: #0066a4; }

#main { padding-top: 20px; }
#main h2.section { color: #8a221b; margin-top: 1.5em; padding-left: 20px; }

article { position: relative; display: block; margin: 0 0 20px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; overflow: hidden; padding-left: 10px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.03)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%); /* Opera11.10+ */ background: linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */ border-top-color: linear-gradient(top left, red, rgba(255, 0, 0, 0)); }
article .info { padding: 10px 20px 0 20px; }
article .shpong { position: absolute; left: 0; top: 0; z-index: 10; background: #999; width: 10px; bottom: 0; height: 100%; float: left; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
article .intro { background: #6ef43a; }
article.has-thumb .wp-post-image { float: left; }
article.has-thumb .info { margin-left: 220px; }

footer { padding: 20px; }
footer.text { color: #8a221b; font-size: 1.3em; }
footer.text a { color: #8a221b; }

.text { color: #565d56; }
.text h1, .text h2, .text h3, .text h4, .text h5 { color: #0066a4; font-weight: normal; }
.text h1 { font-size: 2em; padding-bottom: 0.5em; }
.text h2 { font-size: 2em; margin-bottom: 1.7em; }
.text h3 { font-size: 2em; margin-bottom: 0.7em; }
.text h4 { font-size: 1.8em; margin-bottom: 0.7em; font-style: italic; }
.text h5 { font-size: 1.6em; margin-bottom: 0.7em; font-style: italic; }
.text h6 { font-size: 1.4em; margin-bottom: 0.7em; font-style: italic; }
.text p { font-size: 1.4em; line-height: 1.5em; margin-bottom: 1em; }
.text td, .text th { font-size: 1.6em; line-height: 1.3em; margin-bottom: 1em; padding: 5px; }
.text td td, .text td th, .text td p, .text td ol, .text td ul, .text th td, .text th th, .text th p, .text th ol, .text th ul { font-size: 1em; }
.text ol { font-size: 1.6em; line-height: 1.3em; list-style: decimal; padding-left: 40px; margin-bottom: 20px; }
.text ol ol, .text ol ul { font-size: 1em; margin: 10px 0; }
.text ol li { line-height: 1.4em; }
.text ul { font-size: 1.6em; line-height: 1.3em; padding-left: 40px; list-style: disc; margin-bottom: 20px; }
.text ul ol, .text ul ul { font-size: 1em; margin: 10px 0; }
.text ul ul { list-style: circle; }
.text ul li { line-height: 1.4em; }
.text blockquote { font-size: 0.9em; padding: 0 20px; quotes: "\201C" "\201D"; margin-bottom: 4em; color: #0066a4; }
.text blockquote:before { font-size: 2em; content: "\201C"; font-weight: bold; float: left; margin-left: -20px; color: #0066a4; }
.text blockquote:after { font-size: 2em; content: "\201D"; font-weight: bold; float: right; margin-right: -20px; margin-top: -1.5em; color: #0066a4; }
.text blockquote.notice, .text blockquote.notice:after, .text blockquote.notice:before { color: #027513; }
.text abbr { border-bottom: 1px dashed #0066a4; }
.text .wp-caption p { font-style: italic; font-size: 1.3em; }
.text a { color: #ff8c00; }
.text strong, .text em { color: #0066a4; }

#saffroncontactform { width: 100%; width: 40%; float: left; padding-bottom: 3em; padding-top: 1.5em; }
#saffroncontactform .col1 { width: 50%; float: left; }
#saffroncontactform .col2 { width: 50%; float: left; }
#saffroncontactform .nocol { float: none; }
#saffroncontactform .nocol input.field, #saffroncontactform .nocol textarea { width: 90%; }
#saffroncontactform fieldset { clear: left; margin-bottom: 2em; position: relative; padding-top: 2em; }
#saffroncontactform fieldset legend { font-size: 1.6em; color: #0066a4; }
#saffroncontactform label { display: block; margin-bottom: 0.2em; margin-top: 1.5em; font-size: 1.2em; }
#saffroncontactform input.field, #saffroncontactform textarea { border: 1px solid #aaa; background-color: #eeeeee; background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(white)); background: -moz-linear-gradient(top, #eeeeee, white); background: -o-linear-gradient(top, #eeeeee, white); background: linear-gradient(top, #eeeeee, white); padding: 4px; width: 300px; font-size: 1.2em; color: #0066a4; }
#saffroncontactform input.field.file-field, #saffroncontactform textarea.file-field { color: #000; font-size: 1em; }
#saffroncontactform input.field.field-error, #saffroncontactform textarea.field-error, #saffroncontactform select.multiple.field-error { background: #ff936f; }
#saffroncontactform textarea { height: 250px; }
#saffroncontactform select { padding: 2px; }
#saffroncontactform select.multiple { width: 270px; height: 15em; border: 1px solid #0066a4; background-color: #eeeeee; background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(white)); background: -moz-linear-gradient(top, #eeeeee, white); background: -o-linear-gradient(top, #eeeeee, white); background: linear-gradient(top, #eeeeee, white); }
#saffroncontactform select.multiple option { padding: 5px; }
#saffroncontactform .required { color: #ff0e11; padding-left: 5px; }
#saffroncontactform p.submit { padding: 2em 0; }
#saffroncontactform input.button { font-size: 1em; text-align: left; border: none; color: #fff; height: 2em; background: #0066a4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#saffroncontactform .currency { font-size: 1.6em; margin-right: 5px; }
#saffroncontactform .file-preview { font-size: 1.6em; margin: 5px 0; display: block; }

#contact_info { margin-left: 60%; padding-top: 1em; }

.low_ie article, .low_ie #page { border-radius: 50px; behavior: url("/wp-content/themes/saffronstudio/pie/PIE.htc"); }
