/*
Theme Name: Toast 2.0
Theme URI: http://www.awesometoast.com
Description: Toast. It's more awesome than you think.
Version: 2.0.1
Author: Aaron W. Herd
Author URI: awesometoast.com
*/

/** RESET IT! (HTML5 style) **/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} input, select {vertical-align:middle}
article, aside, figure, footer, header, hgroup, nav, section {display:block} nav ul {list-style:none}
blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}
abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help} table {border-collapse:collapse; border-spacing:0} 
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block} mark, rp, rt, ruby, summary, time {display:inline}
/** END RESET! **/

/* HTML ELEMENTS */
p, #main-content li {line-height:1.6em}
img.loadinate {margin: 10px 0 0 30%}
body {text-align:left; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
background: url('/wp-content/themes/toast/_images/bg-repeat.jpg');
color:#1f1f1f; font-size:13px; border}

em {font-style: italic}
#full-container #welcomebox {border-bottom: 3px solid #555}
#welcomebox h2 {font-size: 2.1em}

#full-container {
background: url('/wp-content/themes/toast/_images/bg-shader.png') 0px 90px repeat-x;
}

strong {font-weight:600}
pre {
border:1px solid #dfdfdf;background:#f1f1f1; border-radius:3px;-webkit-border-radius:3px;
padding:6px; margin:15px 0 18px;
white-space:pre-wrap; /* css-3 */
white-space:-moz-pre-wrap;
white-space:-pre-wrap; white-space:-o-pre-wrap; /* Opera */
word-wrap:break-word; /* Junk */
}

ul {list-style:none}
.post ul {list-style-type: square; margin-bottom:1em}
.post li {margin-left:1.3em; padding-left:.3em}


h2 {font:normal 2.25em Georgia, Times New Roman, serif; color:#302929}
h2 a {color:#336699}
.h2k, .kha a {color:#9900cc}
h3, h4 {font:normal 1.80em Georgia, Times New Roman, serif; font-style: italic; color: #444; margin:28px 0 10px 0}
#page-portfolio h3 {margin-bottom: 8px}
h4 {font-size:1.45em}

.post-meta {color: #9F958B; font:normal .9em Georgia, Times New Roman, serif; display: block; margin: 4px 0 1em 0}
.post-bottom {font-size: .9em; border-top: 1px dotted #efefef; padding-top: 4px; color: #9F958B}
.post, .postk {padding: 8px 0 20px 0; border-bottom: 1px solid #dfdfdf; margin-bottom: 17px}
.postk a {color:#9900cc}
#main-content p {margin-bottom: 8px}
#searchresult {font-weight: bold; margin-bottom: 15px; text-transform: uppercase; color: #333}
#welcomebox {border-bottom: 1px solid #dfdfdf; margin-bottom: 14px; padding-bottom: 10px}

/* .small {font-size: .7em; color: #888; width: 80%; margin-bottom: 10px} */
small, .small {font-size:.78em; color:#888; margin-bottom:10px}
.small a {color: #779DBF}

.hint, .rss-date {font-size:.8em; color: #7f7f7f; margin-top: 0}
.reqd {color:#900}

.win {border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 10px 10px 15px 10px; margin-bottom:10px;
color: green}
.fail {border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 10px 10px 15px 10px; margin-bottom:10px;
color: #a90000}

/* GENERAL CLASSES */
.fullwidth {width: 820px; margin: 0 auto}

.clear {clear:both}
.spacer {height:10px; width:6px}
.bigspacer {height: 20px; width: 20px}
.hide {display:none}
.right {float:right}
.left {float:left}
.thumbnail-shell {float:left; margin: 3px 15px 0 0; height:84px; overflow:hidden; float:left; margin:4px 12px 0 0}
.center {text-align:center; margin: 0 auto}
.more-link {color:#369}
.kh {color: #9900cc}
.ah {color: #369}

a {text-decoration:none; color:#369}
a:hover {text-decoration:underline}
blockquote {margin:1.4em; font-style:italic; opacity:.85}

#main-content ul, #main-content ol {margin-bottom:12px}
#main-content li {margin-left:32px}


/* HEADER AREA */
#header-container {
background: url('/wp-content/themes/toast/_images/top-repeat.png') repeat-x;
height: 133px;
}

#searchdiv {float:right; width:300px; margin-top:13px}
#searchdiv p {float:left; font-weight:700; font-size:11px; margin:2px 6px 0 0; color:#555}
#search_form {float:right; overflow:hidden}
#s {color:#615346; font-size:11px; padding:3px 4px; border:1px solid #96806b;
border-radius:3px; -webkit-border-radius:3px; width:200px; background:#dcd2b3
}

#branding {height: 130px; position: relative}

h1#logo-swap {display:block; width:411px; height:75px; text-indent:-9999px;
background:transparent url(/wp-content/themes/toast/_images/logo.png) no-repeat 0 0;
position: absolute; bottom: 8px; right: -72px}
h1#logo-swap a {display:block; width:100%; height:100%; outline:none}

h2#logo-slogan {
color: #482f03;
font-size: 1.2em;
position: absolute; bottom: 9px; right: 0;
z-index:44; letter-spacing:-0.01em
}

#toaster {
height: 204px; width: 306px;
position: absolute; left: 72px;
background: url('/wp-content/themes/toast/_images/toaster-tricky.png') bottom no-repeat;
z-index: 0;
}

#headerstripe {
background: url('/wp-content/themes/toast/_images/blue-n-brown.png') repeat-x;
height: 133px; margin-top:1px;
}


/* The Main Container */
#main-container {margin-top:-3px}

/** ## SIDEBAR ## **/
#sidebar {
background: url('/wp-content/themes/toast/_images/shade-l.png') top right no-repeat;
float: right; min-height: 500px; width: 205px; position: relative;
}

#shade-left {width: 30px; height: 233px;
position: absolute; height: 400px; left: -30px;
background: url('/wp-content/themes/toast/_images/shade-l.png') no-repeat}

#bookbox {
padding-left: 17px;
margin-top: 19px; 
color: #fff; font: normal 19px Georgia, Times New Roman, serif;
height: 108px;
position: relative;
}

#bookbox h1 {
line-height: 19px;
float: right;
font-size: 15px;
margin: 58px 10px 0 0;
}
#bookbox strong {font-weight: normal; font-size: 18px}
#bookbox img {margin: 8px 0 8px -7px; float: left}


#sidebar h2 {
background: url('/wp-content/themes/toast/_images/blue.jpg'); 
font: normal 15px Helvetica, Arial, serif; color: #fff;
text-shadow:1px 1px 0 rgba(0,0,20,.8); text-align:center;
height: 22px; padding: 9px 0 0 0;
text-transform:uppercase;
}
#sidebar h2 a {color:#fff}
#sidebar ul li {line-height:1.3em; padding:5px 0 10px 10px; font-size:12px; margin:-5px 0}
#sidebar ul li a {display:block; padding-right:6px}
#sidebar ul li a:hover {text-decoration:none}

/* Categories Box */
#catsbox {width:100%; background:#938064; padding-bottom:7px; margin:0 0 2px}
#catsbox h2 {margin-bottom: 10px}
#catsbox ul {margin:-11px 0 0 0; border-left:1px solid rgba(71,31,6,.2)}
#catsbox li {text-shadow:1px 1px 0 rgba(0,0,0,.4)}
#catsbox li a {color:#fff; opacity:.9}
#catsbox li a span {border-bottom:1px solid rgba(255,255,255,.1)}
#catsbox li:hover a span {border-bottom:1px solid #fff}
#catsbox li:hover {background:rgba(0,0,0,.2)}

#shade-right {width: 25px; height: 233px;
position: absolute; height: 400px; right: -25px;
background: url('/wp-content/themes/toast/_images/shade-r.png') right top no-repeat}

#main-content {float: right; position: relative; z-index:3;
background: #fff url('/wp-content/themes/toast/_images/toaster-corner.jpg') no-repeat;
padding: 0 24px 0 23px; width: 546px; min-height: 1200px;
}

.widgets ul {margin:10px 0 0}

.widgets li a span {border-bottom:1px dotted rgba(51,101,153,.5)}
.widgets li a:hover span {border-bottom:1px solid #336699}
.widgets li:hover {background:rgba(0,0,0,.1)}

/* THE MAIN NAVIGATION */
nav.main {background: #fff}
nav.main ul {list-style-type:none; font:15px Georgia, Times, serif;
overflow:hidden; border-top:1px solid #747474; width: 392px; float: right;
padding-right: 16px; text-transform: uppercase;
background: #fff; 
margin: 19px -24px 33px 0;
}

nav.main li {float:right; padding:5px 0px 6px 30px}
nav.main a {color:#121212; text-decoration:none; padding: 2px}
nav.main a:hover, nav.main .select {border-top: 3px solid #747474}



/** ## SINGLE.PHP ## **/

/* Wordpress Stuffs */
#full-container .wp-caption {
border:1px solid #ccc; text-align:center; padding:4px 0 4px; margin:0 0 12px;
text-align:center; border-radius:3px; -webkit-border-radius:3px}
#full-container .wp-caption p {padding:0; margin:0; display:inline}

#full-container .alignright {float: right; margin-left: 10px}
#full-container .alignleft {float: left; margin-right: 10px}

.wp-caption p.wp-caption-text {font-size: .8em; line-height: 17px; padding: 4px 4px 0; color: #555; width: 80%; margin: 0 auto}
.aligncenter, div.aligncenter {display: block; margin: 0 auto}
.img-single {float: right; margin: 0 0 10px 10px}

#page-portfolio p {width: 79%}
p.searchresult {border-top:1px dashed #4f4f4f; margin:12px 0 14px}


/** THE FOOTER **/
footer.main {background: url('/wp-content/themes/toast/_images/footer-bg.jpg') repeat-x; 
height: 50px; margin-top: -25px; padding-top: 10px}
#footer-content {color: #9F9595; font-size: 9px; padding-top: 5px}
#footer-content img {float: left; margin-left: 20px}
#footer-content div {margin: 15px 0 0 0; float: right}
#footer-content a {color: #9F9595; border-bottom: 1px dotted}
#footer-content a:hover {color: #dfdfdf; border-bottom: 1px solid; text-decoration: none}


/* For WP-PAGENAVI */
.wp-pagenavi a, .wp-pagenavi .current, .pages {padding: 2px 6px 2px 7px; margin: 2px}
.wp-pagenavi {margin-bottom: 15px}
.current {border: 1px solid #afafaf; color: #afafaf}
.pages {padding-left: 0; margin-left: 0}
.wp-pagenavi a, #container .wp-pagenavi a {border: 1px solid}
.wp-pagenavi a:visited {border: 1px solid #bfbfbf}
.wp-pagenavi a:hover {border: 1px solid #000; color: #000; text-decoration: none}

.wp-pagenavi span.pg-pages {border: 1px solid; color: #aaa; margin-left: 0}
.wp-pagenavi span.pg-current {font-weight: bold; border: 1px solid; color: #6f6f6f}
.wp-pagenavi span.pg-extend {border: 1px solid #9f9f9f}


/* 404 */
.fourofour img {margin-bottom:23px}
.fourofour h3 {margin-bottom: 20px}
.fourofour ul li {margin-left: 20px; float: left; width: 50%; margin-bottom: 8px; list-style: disc; font-size: .9em}
.fourofour span {font-size: .65em; color: #8f8f8f}


/* COMMENTS */
h3.comment {color:#302929; font-style: normal}
dl#comment_list dt {padding-bottom: 8px; color: #999}
dl#comment_list dt strong a:hover {color: #000; border-bottom: 1px solid #a90000}
#comment_list dd {padding: 0 10px; border-left: 1px solid #dfdfdf}
dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote {margin-bottom: 12px}
dl#comment_list dd {margin-bottom: 5px}
dl#comment_list {border-bottom: 1px solid #dfdfdf; padding-bottom: 9px; margin-bottom: 14px}
#comment_list .entry.author {background:#f2f2f2; border-left-width:2px}

/* COMMENT/CONTACT FORM */
#comment-form {margin-bottom:10px}
#comment-form label {display:block; padding: 6px 0; font:normal 1em Georgia, Times New Roman, serif; font-style: italic; color: #9f9f9f}
#comment-form .text_input {padding: 2px 3px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc}
#comment-form textarea {width: 90%; height: 7em; font: 1em normal helvetica, arial, sans-serif}
#comment-form .form_submit {padding: 6px; background: #fff; color: #000; border: 1px solid #999; border-top-color: #ccc; border-left-color: #ccc; font: normal 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer}	
#comment-form .form_submit:hover {color: #451700}
#comment-form p.loggedin {font-size: .9em}
	
/** THUMBNAILS **/
.gallery {}
.gallery div {width: 93px; float: left; text-align: center}
.gallery img {border: 1px solid #dfdfdf; padding: 5px; margin-right: 6px}
.gallery a:hover img {border: 1px solid #4F779F}
.gallery a:hover {color: #4F779F}
#linkset a {font-size: 9px}
.flash div {margin-right: 30px}