/* 
Theme Name: Sconyers.com
Theme URL: http://www.sconyers.com
Author: Cullen Wilson
Author URI: http://www.10hats.com
Version: 1.0

*/

/*** Reset ***/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
/*** Reset End ***/

/*** Typography ***/

body { font-family: Times,"Times New Roman"; color: #231f20; }

/*** Typography End ***/

/*** Home Layout ***/

#nav-container { background: #231f20; }
#main-container { margin: 0 auto; width: 752px; }
#nav { margin: 0 auto; width: 752px ; background: #231f20; color: #FFF; }
#nav h1 a { float: left; background: url(img/logo-sm.png) no-repeat; width: 165px; height: 34px; text-indent: -99999px; padding-right: 20px; }
#nav ul { list-style: none; }
#nav ul li { float: left; }
#nav ul li a { padding-left: 20px; }
#nav ul li#writing a { float: left; background: url(img/writing.png) no-repeat; width: 86px; height: 33px; text-indent: -99999px; }
#nav ul li#writing a:hover { background: url(img/writing.png) 0px -33px no-repeat; }
#nav ul li#photography a { float: left; background: url(img/photography.png) no-repeat; width: 135px; height: 33px; text-indent: -99999px; }
#nav ul li#photography a:hover { background: url(img/photography.png) 0px -33px no-repeat; }
#nav ul li#contact a { float: left; background: url(img/contact.png) no-repeat; width: 93px; height: 33px; text-indent: -99999px; }
#nav ul li#contact a:hover { background: url(img/contact.png) 0px -33px no-repeat; }
#banner { background: url(img/banner.png) no-repeat; width: 752px; height: 322px; float: left; margin: 22px 0 32px 0; }
#mel { float: left; background: url(img/mel.png) no-repeat; width: 230px; height: 230px; }
#main #content { padding: 20px 0 0 0; width: 622px; }
#main #content p { padding: 0 0 25px 0; text-align: justify; }
#main #content img { float: left; margin: 0 15px 5px 0; }
#main #post { padding-bottom: 15px; }
#main #post p a { color: #ed1d2f; text-decoration: none; }
#main #post p a:hover { text-decoration: underline; }
#main #post em { font-style: italic; }
#main #postmeta { border-top: 1px dotted #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; margin-bottom: 15px; }
#main #endpost { border-top: 1px solid #ccc; padding: 10px 0; color: #ccc; font-size: 13px; }
#main #endpost .left { float: left; }
#main #endpost .right { float: right; }
#main #endpost .right a { color: #ccc; font-size: 13px; text-decoration: none; }
#main #endpost .right a:hover { text-decoration: underline; }
#message-container { background: #666666; }
#message { margin: 0 auto; width: 752px; padding: 20px 0; }
#message .button { position: relative; bottom: 4px; right: 130px; }
#message .button a { background: #231f20; color: #FFF; float: right; padding: 0 10px; height: 24px; line-height: 24px; text-decoration: none; font-size: 12px; text-transform: uppercase; margin-left: 1px; }
#message .button a:hover { background: #ed1d2f; }
#recent-container { background: #cccccc; }
#recent { margin: 0 auto; width: 752px; padding: 20px 0; }
#twitter-container { background: #666666; }
#twitter { margin: 0 auto; width: 752px ; padding: 20px 0; }
#copy-container { background: #231f20; padding: 20px 0; text-align: center; }
#copy { margin: 0 auto; width: 752px ; }
#main #archives ul { padding: 0 0 0 20px; }

h2, h3, h4 { text-align: justify; }
h2 { color: #999999; font-size: 24px; font-weight: bold; }
h2 a { color: #999999; font-size: 24px; font-weight: bold; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
h3 { color: #231f20; font-size: 34px; font-weight: bold; }
h3 a { color: #231f20; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
h3 em { color: #ed1d2f; }
h3.red { color: #ed1d2f; border-bottom: 1px dotted #ccc; border-top: 1px solid #ccc; padding: 10px 0; font-weight: normal; margin-bottom: 8px; }
h3.white { font-weight: normal; color: #FFF; }
h4 { color: #f3f3f3; font-size: 34px; font-weight: bold; }
h4 abbr { color: #231F20; font-size: 16px; } /*** This is just the dash before the timestamp, or now, lack thereof. ***/
h4 a.twitter-link { color: #231F20; font-size: 18px; text-decoration: none; }
h5 { color: #ffffff; font-size: 18px; font-weight: ; }
h6 { color: #ffffff; font-size: 14px; font-weight: ; }
h6 a { color: #ffffff; text-decoration: none; }
h6 a:hover { text-decoration: underline; }

/*** Home Layout End ***/

/*** Blog Layout ***/

/*** Blog Layout End ***/

/*** Sidebar ***/

/*** Sidebar End ***/