/*
Theme Name: Shades of Gray
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: Monochrome, lightweight and totally liquid. Comes with three different layouts. Based on the <a href="http://templates.arcsin.se/shades-of-gray-website-template/">Shades of Gray website template</a>.
Author: Viktor Persson
Author URI: http://arcsin.se/
Last updated: 2008-12-19

This theme is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* { margin: 0; padding: 0; }
html, body { height: 100%; width: 100%; }
a {text-decoration: none;}
body { background: #111; color: #BBB; font: normal 62.5% sans-serif,Verdana,Arial; }
p,blockquote,ul,ol { font-size: 1.1em; padding-bottom: 1.2em !important; line-height: 1.5em; }
blockquote { color: #ccc; font: italic 1.2em georgia, sans-serif; text-indent: -0.8px; background: transparent url('/wordpress/wp-content/themes/shades-of-gray/img/blockquote.gif') 2px 0 no-repeat; padding-left: 40px; padding-bottom: 1.2em; }
blockquote p { text-align: justify; padding: 5px 40px 0 0; background: transparent url('/wordpress/wp-content/themes/shades-of-gray/img/blockquote_right.gif') 508px 0 no-repeat; }
img {border: none;}
ul {margin-left: 2em;}
h1 {font: normal 2.4em 'Lucida Sans Unicode', 'Tahoma', 'Arial Black', Arial; }
h2 { font-weight: bold; padding-bottom: 4px; }
h4 { font-size: 1.6em; padding-bottom: 12px; }
h2, h3, h4, h5, h6 { clear: both; font-family: 'Lucida Sans Unicode', 'Tahoma', 'Arial Black', Arial; }
abbr, acronym, span.abbr { border-bottom: .1em dotted; cursor: help; }
.top-pad { padding-top: 20px !important; }

/* misc */
.clearer {clear: both; width: 100%;}
.stripes { height: 6px; background: #333 url('/wordpress/wp-content/themes/shades-of-gray/img/stripe.gif'); }
.left {float: left;}
.right {float: right;}

/* ad slots */
#ads468_60 { position: absolute; display: block; bottom: 4px; left: 328px; height: 60px; width: 468px; border: 1px solid #444; }
#ads468_60 a, #ads468_60 img { display: block; width: 468px; height: 60px; }
#ads468_60:hover { border-color: #555; }
.right .ads300_250 { width: 300px; height: 250px; overflow: hidden; margin-bottom: 10px; }
.right .large_button a img { width: 300px; height: 250px; background-color: #282828; }
.right .small_buttons { overflow: hidden; }
.right .small_buttons a { float: left; display: inline; width: 125px; height: 125px; margin-right: 25px; margin-bottom: 10px; }
.right .small_buttons a.last { margin-right: 0; }
.right .small_buttons a img { background-color: #282828; width: 125px; height: 125px; }

/* header */
.header { position: relative; height: 65px; width: 966px; margin: 20px auto 0; font: normal 2em sans-serif; overflow: hidden; }
.header a { color: #888; display: block; text-decoration: none; }
.header h1 { position: relative; bottom: 52px; left: 0; text-align: right; font-size: 10px; font-family: sans-serif, verdana; color: #fff; }
* html .header h1 { bottom: 55px; }
.header #logo { position: relative; left: 5px; z-index: 100; height: 60px; width: 223px; }

a#rssfeed { position: absolute; bottom: 0; right: 6px; width: 56px; height: 40px; background: transparent url('/wordpress/wp-content/themes/shades-of-gray/rss-feed.gif') 0 0 no-repeat; text-indent: -9999em; overflow: hidden; z-index: 99; }
a#rssfeed:hover { background-position: 0 -40px; }

.topcontainer { position: absolute; left: 0; bottom: 0; display: block; width: 960px; height: 33px; background-color: #303030; border-top: 3px solid #434343; border-left: 3px solid #434343; border-right: 3px solid #434343; }

/* search */
#searchform { position: absolute; right: 10px; bottom: 8px; z-index: 100; }
#searchform input#s { height: 15px; width: 150px; font-size: 12px; background: #222; padding: 0; border: 1px solid #000; border-right: none; color: #f0f0f0; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#searchform button { font-size: 10px; background-color: #52ADDA; color: #000; border: 1px solid #000; border-left: none; padding: 0; margin: 0; height: 17px; line-height: 17px; cursor: pointer; cursor: hand; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#searchform button:hover { background-color: #58B4DF; color: #111; }

/* structure */
.wrapper { width: 1006px; margin: 5px auto 0; height: 100%; }
.container { position: relative; width: 960px; margin: 0 auto; padding-top: 6px; border: 3px solid #111; background: transparent url(/wordpress/wp-content/themes/shades-of-gray/img/stripe.gif) 0 0 repeat-x; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }.container_right { position: absolute; bottom: 0; right: 0; width: 20px; height: 300px; background: transparent; }
.main { background: #303030; border-bottom: 1px solid #2A2A2A; border-left: 1px solid #2A2A2A; font-size: 1em; }
.main .left { display: inline; width: 639px; }
.main .right { display: inline; width: 320px; }

/* content elements */
.content { display: block; float: none; width: 575px; margin: 0; padding: 10px 32px 32px; background-color: #303030; border-top: 1px solid #444; }
.content h1 { color: #EEE; margin-bottom: 10px; padding: 6px 0 4px; background: url('/wordpress/wp-content/themes/shades-of-gray/img/bgh1.gif') repeat-x left bottom; font-family: Droid Serif, Georgia, serif; }
.content a { color: #95d495; text-decoration: none; }
.content a.caption { display: block; margin-bottom: 1.2em; }
.content a:hover { border-bottom: 1px dotted #86CA86; }
.content .pagination a { padding: 4px 6px; font-size: 14px; font-weight: bold; background: #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.content .pagination a:hover { color: #fff; border-bottom: none; text-decoration: none; }

.post h1 { display: block; width: 100%; color: #0191C8; text-shadow: 2px 1px 1px #000; }
.post h1 a { display: block; width: 100%; color: #0191C8; text-decoration:none; text-shadow: 2px 1px 1px #000; }
.post h1 a:hover { color: #EEE; text-decoration:none; border-bottom: none; }
.post h1 a:visited { color: #0191C8; }

.entry { position: relative; }

/* navigation */
.nav { background-color: #222; border-top: 1px solid #444; border-bottom: 1px solid #161616; }
.nav a { float: left; display: inline; font-size: 14px; line-height: 30px; padding: 0 20px; color: #ccc; background-color: #222; border-right: 1px solid #161616; font-family: Droid Serif, Georgia, serif; text-shadow: 1px 1px 0 #000; }
.nav a:hover { background-color: #333; border-top: 1px color #999; }
.nav ul { display: inline; }
.nav li { position: relative; list-style: none; float: left; }
.nav ul ul { display: none; position: absolute; left: -1px; top: 30px; width: 200px; background: #222; padding: 5px 0; margin-left: 0; border-top: 1px solid #161616; border-left: 1px solid #161616; border-bottom: 1px solid #161616; border-right: 1px solid #161616; 
-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; z-index: 101; }
.nav ul ul li { float: none; display: block; width: 200px; background: transparent; }
.nav ul ul li a { float: none; display: block; padding: 6px 15px; margin: 0 5px; background: #222; border-right: none; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, sans-serif; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.nav ul ul li a:hover { background-color: #191919; }

/* sub-navigation */
.subnav { background: #2A2A2A; border: 1px solid #1E1E1E; border-top-color: #444; margin-bottom: 5px; padding: 12px 9px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.subnav h3 { color: #52ADDA; padding: 12px 0 3px; margin-bottom: 8px; font-size: 1.8em; background: transparent url(/wordpress/wp-content/themes/shades-of-gray/img/bgh1.gif) repeat-x scroll left bottom; text-shadow: 1px 1px 1px #111; font-family: Droid Serif, Georgia, serif; }
.subnav h3 a { color: #52ADDA; text-decoration: none; }
.subnav h3 a:hover { color: #62BDFA; }
.subnav ul { margin: 0; overflow: hidden; }
.subnav li { float: left; display: inline; width: 150px; background: url('/wordpress/wp-content/themes/shades-of-gray/img/li.gif') 0 .4em no-repeat; list-style: none; margin: 0; }
.subnav li a { color: #F3F4EC; line-height: 1.7em; padding-left: 18px; text-decoration: none; }
.subnav li a:hover {color: #BBB;}

.subnav ul#recommended-reading { display: block; position: relative; height: 185px; }
.subnav ul#recommended-reading li { float: none; display: none; position: absolute; top: 0; left: 0; width: 100%; background: transparent; }
.subnav ul#recommended-reading li a { padding-left: 0; font-size: 10px; line-height: 12px; }
.subnav ul#recommended-reading li a img { float: left; display: inline; margin: 0 5px 0 0; vertical-align: top; }
.subnav ul#recommended-reading li a img { border: none; }
.subnav ul#recommended-reading li img { margin-bottom: 4px; }
.subnav ul#recommended-reading li a span.green { color: #86CA86; }
.subnav ul#recommended-reading li a span { font-size: 10px; line-height: 12px; }

.subnav #authenticjobs img { display: block; margin-bottom: 4px; }
.subnav #authenticjobs .jobpost { text-align: left; font-size: 10px; }
.subnav #authenticjobs .jobpost a { color: #fff; }

.subnav ul#recentposts li, .subnav ul.subpages li, .subnav ul#jobslist li { float: none; display: block; width: 100%; }
.subnav ul#recentposts a, .subnav ul.subpages a, .subnav ul#jobslist a { display: block; }

/* related posts */
#related-posts h2 { color: #52ADDA; -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000; }
#related-posts ul { margin-left: 0; }
#related-posts li { float: none; display: block; width: auto; }

/* footer */
.footer { background: #191919; border-top: 1px solid #444; color: #999; padding: 3% 3% 1%; }
.footer h2 { font-size: 1.3em; line-height: 1.3em; background: #66AA66; color: #000; padding: 3px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.footer ul { margin: 0; }
.footer li { border-bottom: 1px dashed #262626; list-style: none; }
.footer li a { display: block; line-height: 1.2em; font-size: 1.0em; padding: 4px 10px; margin: 1px 0; }
.footer a { color: #6a6; }
.footer a:hover { color: #BBB; background: #1e1e1e; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.col3, .col3center { float: left; width: 31%; }
.col3center {margin: 0 3%;}

/* bottom */
.bottom { color: #666; clear: both; font-size: 1.1em; }
.bottom a, .bottom .right a:hover {color: #888;}
.bottom .left { font-size: .8em; }
.bottom .right { font-size: .8em; }
.bottom .right, .bottom .right a { color: #666; }

/* .post { margin:0 0 25px 0; } */
.post { margin: 0 auto 20px; width: 575px; }
.post .bottom15, .post .descr { margin-bottom: 15px; }
.post .descr .right { float: left; display: inline; width: 425px; text-align: right; }
.post .descr { overflow: hidden; line-height: 20px; }
.post .me-likey { float: left; display: inline; width: 150px; height: 20px; overflow: hidden; }
.post .info { position: relative; left: -56px; width: 614px; min-height: 51px; padding: 4px 6px; background-color: #222; color: #777; margin-bottom: 1px; overflow: hidden;  border: 3px solid #111; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.post .info a { display: inline; line-height: 17px; }
.post .info span { clear: left; float: left; display: inline; height: 17px; line-height: 17px; }
.post .info span.label { width: 65px; margin-right: 5px; }

* html .post .info { width: 557px; left: 0; }

.post .entry h3 { padding-top: 10px; margin-bottom: 10px; font-size: 1.8em; font-weight: bold; }
.post .entry pre { display: none; }
.post .entry p { font-size: 1.4em; }
.post .entry code { padding: 1px 4px; color: #b9b9b9; background: #404040; font-family: monospace, serif; font-size: 1.0em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.post .entry small { font-size: 0.8em; line-height: 1.3em; }
.post .entry a.more-link { border: none; color:#FFFFFF; cursor:pointer; display:block; font-size:14px; font-style:italic; font-weight:bold; line-height:normal; padding:2px 6px 2px 0; }
.post .entry a.more-link:hover { text-decoration: underline; }

.post .entry dl { width: 100%; overflow: hidden; margin-bottom: 10px; }
.post .entry dt { clear: left; float: left; display: inline; width: 150px; margin-right: 2px; font-weight: bold; font-style: italic; }
.post .entry dd { float: left; display: inline; width: 400px; margin-bottom: 4px; }

.post .entry ol { list-style-type: decimal; display: block; padding: 0 1.9em; }
.post .entry ol, .post .entry ul { list-style-position: inside; margin: 10px 0 0 20px; font-size: 1.4em; line-height: 1.5em; }
.post .entry ul li { margin-bottom: 4px; text-indent: -13px; padding-right: 10px; }
.post .entry ol li { margin-bottom: 4px; text-indent: -1.6em; padding-right: 10px; }
.post .entry ul { list-style-type: square; }
* html .post .entry ul { list-style-type: disc; }

/* COMMENTS STYLING */
.commentwrapper { width: 575px; margin: 0 auto; }

h1.numresponses { font-size: 2.0em; background:transparent url('/wordpress/wp-content/themes/shades-of-gray/img/bgh1.gif') repeat-x scroll left top; color: #EEE; padding: 31px 0 4px; margin-bottom: 0; }

.commentlist { padding: 10px 0 1px; background-color: #222; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.commentlist li { display: block; width: 100%; list-style: none; position: relative; line-height:normal; color:#DDD; }
.commentlist li .comment-author { font-size: 15px; font-weight: bold; padding: 15px 5px 0; background-color: transparent; vertical-align: top; }
.commentlist li .comment-author .avatar { float: left; display: inline; width: 32px; height: 32px; margin: 0 10px 10px 0; }
.commentlist li .comment-meta { padding: 0 5px 5px; }
.commentlist li p { clear: left; padding: 5px; }
.commentlist li .reply { padding: 5px 5px 15px; }
.commentlist li .reply a { background-color:#0191C8; border-color: #333 #111 #111 #333; border-style:solid; border-width:1px; color: #000; cursor:pointer; font-size:1em; padding:2px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.commentlist li .reply a:hover { background-color: #0a9ad2; color: #111; text-decoration: none; }
.commentlist li .comment-body { margin-bottom: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.commentlist ol.ol { font-size: 10px; margin: 0 20px; list-style: decimal inside none; }
.commentlist ol.ol li { list-style-type: decimal; list-style-position: inside; display: list-item; }

.commentlist li div, 
.commentlist li p, 
.commentlist li .reply { background-color: #292929; margin: 0 10px; font-size: 10px; }

.commentlist li.comment-author-admin div.comment-author { color: #fff; }
.commentlist li.comment-author-admin div.comment-meta, 
.commentlist li.comment-author-admin p, 
.commentlist li.comment-author-admin .reply { background-color: #373737; }

.commentlist li.comment-author-admin ol.children li.comment div,
.commentlist li.comment-author-admin ol.children li.comment p,
.commentlist li.comment-author-admin ol.children li.comment .reply { background-color: #292929 !important; }

.commentlist li ol.children { margin: 0; padding: 0 !important; color: #f0f0f0; }
.commentlist li.depth-1 { margin-left: 0; padding-bottom: 0; }
.commentlist li ol.children li.depth-2 .comment-body { margin-left: 20px; }
.commentlist li ol.children li.depth-3 .comment-body { margin-left: 30px; }

.commentlist li ol.children li div.comment-author { margin-top: 0; }

.commentlist li ol.children li.depth-2 { }
.commentlist li ol.children li.depth-2 div,
.commentlist li ol.children li.depth-2 p,
.commentlist li ol.children li.depth-2 .reply { background-color: #292929; }
.commentlist li ol.children li.depth-3 { }
.commentlist li ol.children li.depth-3 div,
.commentlist li ol.children li.depth-3 p,
.commentlist li ol.children li.depth-3 .reply { background-color: #292929; }
.commentlist li ol.children li.depth-3 div.comment-author { background-color: transparent; }

.commentlist li.bypostauthor div.comment-body, 
.commentlist li.bypostauthor div.comment-author, 
.commentlist li.bypostauthor div.comment-meta, 
.commentlist li.bypostauthor div.reply, 
.commentlist li.bypostauthor p { background-color: #373737 !important ; }

.commentlist li ol.children ol.children { margin: 10px 0 10px 10px; }

h1.leavecomment { font-size: 2.0em; clear: left; margin-top: 20px; display: block; background: transparent; margin-bottom: 0; font-weight: bold; -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000; }
#cancel-comment-reply { float: right; display: inline; margin-top: -18px; }

#commentform { background: #242424; padding-top: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#commentform p { padding: 0 10px 10px; }
#commentform p small { line-height: 1.3em; }
#commentform label { font-size: 16px; font-weight: bold; }
#commentform input, #commentform textarea { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#commentform textarea { background: #363636; border: none; width: 100%; color: #f0f0f0; font-size: 14px; font-family: sans-serif; }
#commentform textarea:hover { background: #363636; }
#commentform textarea:focus { background: #444; }
#commentform label { margin-bottom: 3px; display: block; }
#commentform input#submit { font-size: 14px; background-color: #0191C8; color: #000; border: none; padding: 4px 6px; cursor: pointer; cursor: hand; border-left: 1px solid #333; border-top: 1px solid #333; border-bottom: 1px solid #000; border-right: 1px solid #000; }
#commentform input#submit:hover { background-color: #0a9ad2; color: #111; }

#commentform #email, #commentform #author, #commentform #url { font-size: 14px; background: #363636; border: none; width: 100%; color: #f0f0f0; }
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover { background: #363636; }
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus { background: #444; }

/* contact form */
.contact { background: #242424; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.contact .entry { width: 555px; margin-bottom: 10px; }
.contact label { font-size: 16px; font-weight: bold; display: block; text-shadow: 1px 1px 0 #000; }
.contact textarea { background: #363636; border: none; width: 545px; padding: 2px 5px; color: #f0f0f0; font-size: 14px; font-family: sans-serif; }
.contact textarea:hover { background: #363636; }
.contact textarea:focus { background: #444; }
.contact label { font-size: 14px; margin-bottom: 3px; display: block; }
.contact input, .contact textarea { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.contact input { font-size: 14px; width: 545px; padding: 2px 5px; background: #363636; border: none; color: #f0f0f0; }
.contact input:hover { background: #363636; }
.contact input:focus { background: #444; }
.contact input.wpcf7-submit { width: auto; font-size: 14px; background-color: #0191C8; color: #000; border: none; padding: 4px 6px; cursor: pointer; cursor: hand; border-left: 1px solid #333; border-top: 1px solid #333; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.contact input.wpcf7-submit:hover, .contact input.wpcf7-submit:focus { background-color: #0a9ad2; color: #111; }

/* image alignment */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/** viper videos box **/
.vvqbox { display: block; max-width: 100%; visibility: visible !important; margin: 10px auto; }
.vvqbox img { max-width: 100%; height: 100%; }
.vvqbox object { max-width: 100%; }

/** wp syntax **/
.syntaxhighlighter { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.wp_syntax { color: #100; background-color: #f9f9f9; margin: 0 0 1.5em 0; overflow: auto; }
.wp_syntax { overflow-x: auto; overflow-y: hidden; padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0); width: 100%; }
.wp_syntax table { border-collapse: collapse; }
.wp_syntax div, .wp_syntax td { vertical-align: top; padding: 2px 4px; }
.wp_syntax .line_numbers { text-align: right; background-color: #444; color: #bbb; overflow: visible; }
.wp_syntax pre { margin: 0; width: auto; float: none; clear: none; overflow: visible; font-size: 12px; line-height: 1.333; }

/** pagenavi **/
.wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFF; }
.wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFF; }
.wp-pagenavi a:hover { border: 1px solid #000; color: #000; background-color: #FFF; }
.wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFF; }
.wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000; border: 1px solid #000; background-color: #FFF; }
.wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000; color: #000; background-color: #FFF; }
.wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000 color: #000; background-color: #FFF; }

/** sociable **/
div.sociable { position: absolute; display: block; right: 2px; top: 7px;  z-index: 99; width: 194px; height: 16px; line-height: 16px; }
#content div.sociable a:hover { border-bottom: none; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; }
div.sociable span { display: block; }
div.sociable ul { display: inline; margin: 0 !important; padding: 0 !important; height: 16px; line-height: 16px; }
div.sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px; height: 16px; line-height: 16px; }
div.sociable ul li:before { content: ""; }
div.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; }
.sociable-hovers, div.sociable ul li a .sociable-hovers { opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); }
.sociable-hovers:hover, div.sociable ul li a:hover .sociable-hovers { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); border-bottom: none !important; }

* html div.sociable { right: 0; }
* html div.sociable ul li a { position: relative; }

/** easy retweet */
.post .info .easyretweet { position: absolute; dislay: block; right: 6px; bottom: 7px; z-index: 99; width: 172px; height: 24px; line-height: 24px; text-align: right; overflow: hidden; }
.post .info .easyretweet a { float: right; display: inline; height: 24px; line-height: 24px; text-decoration: none; opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); }
.post .info .easyretweet a strong { color: #fff; font-size: 14px; line-height: 24px; font-weight: bold; }
.post .info .easyretweet a span { float: none; height: auto; line-height: 24px; }
.post .info .easyretweet a:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.post .info .easyretweet strong { color: #fff; line-height: 24px; }

/* root element for tabs  */
.post ul.tabs { margin:0 !important; padding:0 !important; height:30px; border-bottom:1px solid #111; }
.post ul.tabs li { float:left; display: inline; padding:0; margin:0; list-style-type:none; text-indent: 0; }
.post ul.tabs li a { text-indent: 0; white-space: nowrap; } 
.post ul.tabs li a {  float:left; font-size:13px; display:block; padding:5px 10px; text-decoration:none; border:1px solid #111; border-bottom:0; height:18px; background-color:#89a; color:#fff; margin-right:2px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright:4px; position:relative; top:1px; }
.post ul.tabs li a:hover { background-color:#678; }
.post ul.tabs li a.current { background-color:#49525D; border-bottom:1px solid #49525D; color:#fff; cursor:default; }
div.tabpanes { width: 575px; }
div.tabpanes .tabsection { display:none; border:1px solid #111; border-width:0 1px 1px 1px; min-height:200px; width: 553px; color:#fff; padding:15px 10px; background:#131C26 url('/wordpress/wp-content/themes/shades-of-gray/img/tab_repeat.gif') 0 0 repeat-x; }
div.tabpanes .tabsection h2 { padding-top: 10px; font-size: 20px; color: #52ADDA; text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; }
div.tabpanes .tabsection h3 { padding-top: 10px; font-size: 18px; color: #52ADDA; text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; }
div.tabpanes .tabsection p.nobottom { padding-bottom: 0; }
div.tabpanes .tabsection a { text-decoration: underline; }
div.tabpanes .tabsection .syntaxhighlighter { width: 526px !important; border: 1px solid #000 !important; padding: 6px 1px !important; }
div.tabpanes .tabsection ol { margin-left: 0; }
div.tabpanes ul { list-style-position: inside; }
div.tabpanes ul li { list-style-type: none; }
div.tabpanes .tabsection table { margin: 0 0 10px; padding: 0; border-collapse: collapse; width: 100%; font-size: 11px; background-color: #1B2426; }
div.tabpanes .tabsection thead, div.tabpanes .tabsection tbody { margin: 0; padding: 0; }
div.tabpanes .tabsection th, div.tabpanes .tabsection td { border: 1px solid #000; padding: 2px 6px; vertical-align: top; }
div.tabpanes .tabsection th { font-weight: bold; text-align: left; font-size: 12px; color: #52ADDA; padding: 4px 6px; }

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}

#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/wordpress/wp-content/themes/shades-of-gray/img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wordpress/wp-content/themes/shades-of-gray/img/ie/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wordpress/wp-content/themes/shades-of-gray/img/ie/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wordpress/wp-content/themes/shades-of-gray/img/ie/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wordpress/wp-content/themes/shades-of-gray/img/ie/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wordpress/wp-content/themes/shades-of-gray/img/ie/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wordpress/wp-content/themes/shades-of-gray/img/ie/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wordpress/wp-content/themes/shades-of-gray/img/ie/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wordpress/wp-content/themes/shades-of-gray/img/ie/borderMiddleRight.png, sizingMethod='scale');}

.demoform { display: block; padding: 10px; font-size: 20px; }
.demoform a { color: #2ab1d8; }
.demoform p { padding-bottom: 10px; }
.demoform label { color: #CCC; font-size: 20px; }
.demoform input,
.demoform select,
.demoform textarea { border: 2px solid #666; background-color: #dfdfdf; color: #333; padding: 0; font-size: 20px; font-family: Helvetica, Verdana, Arial; }
.demoform input:focus,
.demoform select:focus,
.demoform textarea:focus { background-color: #fff; }
.demoform input.error,
.demoform select.error,
.demoform textarea.error { border: 2px solid #f00; }

.demoform button { border: 1px solid #000; background-color: #0191C8; color: #000; padding: 2px 6px; font-family: Helvetica, Verdana, Arial; cursor: pointer; font-size: 20px; }
.demoform button:hover { background-color: #21B1D8; }

#salid_wrapper { background-color: #000; color: #fff; border: 2px solid #f00; padding: 10px; }
#salid_wrapper #salid_close { float: right; display: inline; color: #fff; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; text-decoration: none; }
#salid_wrapper #salid_close:hover { color: #ddd; }
#salid_wrapper .salid_content { clear: right; display: block; }
#salid_wrapper ul li { font-size: 14px; color: #fff; }

/* donation styling */
#dc_form_inputs { overflow: hidden; }
#dc_paypal_form a { color: #FFF; }
#dc_paypal_form a:hover { color: #CCC; }
#dc_paypal_form label { clear: left; float: left; display: inline; width: 75px; font-size: 10px; line-height: 19px; margin-bottom: 4px; }
#dc_paypal_form span.left { float: left; display: inline; width: auto; margin-left: 4px; line-height: 19px; margin-bottom: 4px; }
#dc_paypal_form small { line-height: 14px; }
#dc_paypal_form input.text { float: left; display: inline; background: #222; border: 1px solid #555; color: #f0f0f0; font-size: 
10px; width: 215px; padding: 2px 4px; margin-bottom: 4px; }
#dc_paypal_form input#pp_amount { width: 50px; }
#dc_paypal_form input#donate_btn { clear: left; float: left; font-size: 10px; margin-left: 75px; width: auto; margin-top: 4px; 
margin-bottom: 10px;
padding: 0 4px; border: none; background-color: #52ADDA; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; }
#dc_paypal_form .clear { clear: left; margin-top: 10px; }
#dc_paypal_form #help_link { clear: left; float: left; display: inline; width: 225px; margin: 0 0 0 75px; padding-bottom: 0; }

#paypal-donate { position: absolute; left: 6px; bottom: 6px; bottom: 7px; width: 74px; height: 21px; overflow: hidden; }

/* twitter widget styling */
.wp-widget-pro { display: block; }
.wp-widget-pro .twitter-avatar { float: left; display: none; width: 48px; height: 48px; margin: 0 10px 10px 0; }
.wp-widget-pro ul li { float: none; display: block; line-height: 1.2em; width: auto; background: transparent; padding: 8px 0; border-bottom: 1px dashed #444; }
.wp-widget-pro ul li a { line-height: 1.2em; }
.wp-widget-pro li span.entry-content { display: block; }
.wp-widget-pro li span.entry-meta { display: block; }
.wp-widget-pro li span.entry-content a, .wp-widget-pro li span.entry-meta a { padding: 0; }
.wp-widget-pro li span.entry-meta { color: #555; }
.wp-widget-pro li span.entry-meta a { color: #666; }
.wp-widget-pro li span.entry-meta a:hover { color: #888; }
.wp-widget-pro li span.entry-meta .reply-to { display: block; }

#adsense300_250 { width:300px;height:250px;margin-bottom:10px; }

/* twitter widget follow button overrides */
iframe.twitter-follow-button { display: inline-block; float: right; width: 61px; }
.vcard #screen-name { display: none; }