/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* 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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* bring the noise */
body { behavior: url('js/csshover3.htc'); text-align: center; margin: 41px auto 10px auto; font-family: 'Lucida Grande', Arial, sans-serif; font-size: 11px; background: #000000; color: #CCCCCC; }
a { text-decoration: none; color: #2A69BB; }
a:hover { text-decoration: underline; color: #3181EA; }
strong, em { color: #FFFFFF; }
em { font-style: italic; }
p { line-height: 15px; padding: 0 0 10px 0; }
label, select { cursor:pointer; }
a:link { color: #2A69BB; text-decoration: none;}
a:visited { color: #2A69BB; text-decoration: none; }
a:hover { color: #3181EA; text-decoration: underline; }
a:active { color:#2A69BB; text-decoration: none; }
/* wrapper */
#wrapper { width: 968px; text-align: left; margin: 0 auto; }
/* header */
#header { width: 650px; float: left; }
#blog-title span a { font-size: 24px; font-weight: bold; color: #FFFFFF; }
#header #left { float: left; background: url(images/bg_header.gif) left center no-repeat; width: 585px; height: 43px; border-right: 1px #1F4CA3 solid; }
#header #left h1 { line-height: 46px; font-size: 18px; margin: 0 0 0 20px; font-weight: normal; }
#header #left h1 span a { color:#FFFFFF; text-decoration: none; text-shadow: #000 0px 1px 0px; }
#header #RSS { float: right; height: 43px; width: 64px; }
#header #RSS a { display: block; height: 43px; width: 64px; text-indent: -9999px; background: url(images/rss_header.gif) top center no-repeat; margin: 0 -1px -1px 0; }
#header #RSS a:hover { background-position: bottom center; }
/* footer */
#footer { width: 650px; padding: 20px 0 10px 0; text-align: center; }
#footer a { background: url(images/bullet_footerlink.gif) right center no-repeat; padding: 0 14px 1px 0; color: #2A69BB; margin: 0 2px; }
#footer a:hover { background: url(images/bullet_footerlink_on.gif) right center no-repeat; color: #3181EA; text-decoration: none; }
/* archives */
.page-template-archives-php #header { float: none; width: 100%; background: #000000; }
.page-template-archives-php #wrapper { width: 100%; margin: 0; }
h1.archives-title { font-weight: bold; font-size: 18px; margin: 5px 10px; }
.snazzy { margin-top: 45px; width: 100%; }
.sz_date_day { border-bottom: 1px dotted #343434; background: #000000; }
.sz_cont { padding-bottom: 0; margin-bottom: 0; }
.page-template-archives-php #footer { width: 100%; margin: 0 auto; border-top: 1px dotted #333333; }
a.sz_title { color: #FFFFFF; }
a.sz_titleon { color: #FFFFFF; display: block; width: 100%; margin-right: 0; padding-right: 0; }
a.sz_titleon:hover, a.sz_title:hover { color: #3181EA; }
div .snazzy table tbody tr td { padding: 0 10px; }
/* description */
#blog-description { display: none; background: #2B2B2B url(images/bg_contentspecial.gif) top left repeat-x; padding: 20px; border-bottom: 1px #353535 solid; border-top: 0px #4168A8 solid; margin: -1px 0 1px 0; }
#blog-description a { background: transparent !important; padding: 0 !important; }
#access { display: none; }
/* content container */
#container { width: 650px; float: left; margin-bottom: 5px; }
#content { padding: 0 2px; background: url(images/bg_content.gif) repeat-y; }
/* descriptor (category, tags, etc.) */
#descriptor { background: #2B2B2B url(images/bg_contentspecial.gif) top left repeat-x; padding: 20px; border-bottom: 1px #353535 solid; border-top: 0px #4168A8 solid; margin: -1px 0 1px 0; }
#descriptor h2 { font-size: 16px; }
#descriptor h2 span { font-weight: bold; }
#descriptor .archive-meta { margin-left: 40px; }
#descriptor .archive-meta p { margin-bottom: 0; padding-bottom: 0; }
/* posts */
.post { border-top: 1px #222222 solid; padding: 30px 0 ; }
.post .entry-title { margin: 0 0 40px -1px; font-size: 14px; text-shadow: #000000 0 0 0; }
.post .entry-title a { padding: 7px 35px 7px 20px !important; text-shadow: #000 0px 1px 0px; color: #FFFFFF; text-decoration: none; background: url(images/bg_post-title.gif) right top no-repeat; }
.post .entry-title a:hover { color: #161616; background-position: right bottom; text-shadow: none; }
.entry-content { padding: 0 20px; }
.entry-meta { font-size: 10px; margin: 20px; text-align: center;}
/* post lists */
.post ul { line-height: 1.4; list-style-type: none; }
.post ul li { background: url(images/bullet_blue.png) 0 3px no-repeat; display: block; padding: 3px 15px 14px 15px; }
/* quote posts */
/* what the hell, make all blockquotes look the same despite type of post */
.post blockquote, .category-quotes blockquote { margin: 20px 20px 0 20px; border: 1px solid #000000; background: #212121; padding: 20px; }
.post p cite, .category-quotes p cite { margin-right: 20px; display: block; text-align: right; }
/* photo posts */
.category-photos .entry-content { text-align: center; }
.category-photos .entry-content p { text-align: left; }
/* link posts */
/* .category-links .entry-title { display: none; } */
.category-links .entry-content p a { font-size: 16px; font-weight: bold; }
.category-links .entry-content p a:before { font-size: 20px; content:'\00BB'; padding-right: 6px; }
.category-links .entry-title a { background: url(images/bg_post-title_out.gif) right top no-repeat; }
.category-links .entry-title a:hover { background-position: right bottom; }
/* images in posts */
img.aligncenter { text-align: center; display: block; border: 1px solid #000000; margin: 0 auto; }
/* post meta */
.entry-meta { margin-bottom: 5px; }
/* pages */
.no-results .entry-title, .error404 .entry-title { margin: 0 20px 20px 20px; }
#searchform-no-results div, #searchform-404 div { margin: 0 20px; }
/* add to any/share */
.addtoany_share_save_container { text-align: center; padding: 0; margin: 0; }
/* Comments */
#comments { padding: 20px; border-top: 1px #353535 solid; background: #2b2b2b url(images/bg_contentspecial.gif) repeat-x; margin: -1px 0 1px 0;}
#comments-list h3, #respond h3 { margin-bottom: 10px; font-weight: bold; border-bottom: 1px dotted #C9C2C1; }
.avatar { display: none; }
.comment-author { font-weight: bold; }
div.bubble { width: auto; font-size: 0.90em; margin-bottom: 20px; }
div.bubble blockquote { border: 1px solid #C9C2C1; background-color: #232323; }
div.bubble blockquote p { margin: 0 10px; padding: 4px; }
div.bubble cite { position: relative; padding: 7px 0 0 15px; top: 7px; background: transparent url(images/comment-tip.gif) no-repeat 15px 0; }
.bypostauthor div.bubble cite { background-image: url(images/comment-tip-author.gif); }
.bypostauthor div.bubble blockquote { background-color: #000000; font-weight: bold; }
.form-label { margin-bottom: 2px; }
.form-input { margin-bottom: 8px; }
.form-input input, .form-textarea textarea#comment{ background: #FFFFFF url(images/textfield.gif) top repeat-x; border: 1px solid #000000; padding: 2px 1px; }
/*
.form-label { text-align: right; clear: both; float: left; width: 125px; margin-bottom: 5px; }
.form-textarea, .form-input { float: right; width: 475px; margin-bottom: 5px; }
.form-textarea textarea#comment, .form-input input { width: 100%; border: 1px solid #000000; }
*/
.form-submit { text-align: right; clear: both; }
textarea#comment { border: 1px solid #FFFFFF; width: 100%; height: 45px; margin-bottom: 10px; }
/* sidebars */
#primary { }
#sidebars { float: left; width: 300px; margin-left: 18px; margin-top: -40px; }
.sidebar { }
.sidebar ul { }
.sidebar .widget { margin-bottom: 10px; }
.sidebar ul li h3 { border-bottom: 1px dotted #4c4c4c; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-bottom: 2px; }
/* .sidebar ul li ul li { padding-bottom: 2px; } */
.widget_categories ul, #recent-posts ul, .aktt_tweets ul { line-height: 1.4; list-style-type: none; }
.widget_categories ul li a, #recent-posts ul li a, .aktt_tweets ul li { background: url(images/bullet_blue.png) 0 3px no-repeat; font-weight: bold; display: block; padding: 3px 20px 4px 20px; border-bottom: 1px dotted #121212; }
.widget_categories ul li a:hover, #recent-posts ul li a:hover { border-bottom-color: #232323; background-color: #121212; text-decoration: none; }
.widget_categories ul li, #recent-posts ul li { }
.aktt_tweets ul li { font-weight: normal; }
.aktt_tweets ul li:hover { border-bottom-color: #232323; background-color: #121212; text-decoration: none; }
.aktt_tweets ul li.aktt_more_updates { text-align: right; background: none; padding: 3px 20px 4px 0; border-bottom: none; }
/* sidebar search */
#searchform { margin-top: 4px; }
#searchform #s { border: 1px solid #121212; padding: 1px; width: 75%; }
/* sidebar recent posts */
.widget_recent_entries {}
/* page & post navigation */
.navigation{
background: #000000 url(images/bg_pagenav.gif) center center no-repeat;
height: 38px;
margin: 0 -2px 0 -2px;
line-height: 38px;
/* margin: 0px auto; */
/* position: relative; */
clear: both;
}
.navigation span.nav-count {
text-align: center;
margin: 0 25%;
color: #999;
width: 50%;
display: block;
position: relative;
top: 0;
left: 0;
z-index: 20;
}
.navigation .nav-next a {
float: right;
background: url(images/bg_nav_prevnext.gif) right top no-repeat;
text-indent: -9999px;
height: 38px;
width: 48px;
z-index: 5000;
position: relative;
top: 0;
right: 0;
}
.navigation .nav-next a:hover { background-position: right bottom; }
.navigation .nav-previous a {
float: left;
background: url(images/bg_nav_prevnext.gif) left top no-repeat;
text-indent: -9999px;
height: 38px;
width: 49px;
position: relative;
top: 0;
left: 0;
margin: 0 0 -38px 0;
z-index: 5000;
}
.navigation .nav-previous a:hover { background-position: left bottom; }
/* sitewide navigation */
#navigation { background: #FDFDFD; position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid #DEDEDE; }
body>div#navigation {position: fixed}
#menus li { display:inline; list-style:none; }
#menus li a {
background:transparent url(images/menu.gif) no-repeat;
display:block;
color:#382E1F;
height:31px;
line-height:31px;
padding:0 20px;
margin-left:-10px;
text-decoration:none;
font-size:11px;
float:left;
z-index:1;
}
#menus li a:hover {
background-position:0 -31px;
}
#menus li.current_page_item a,
#menus li.current-cat a {
background-position:0 -62px;
}
#menus li a.home {
background-position:0 -93px;
width:45px;
padding:0;
margin-left:0;
text-indent:-999em;
}
#menus li a.home:hover {
background-position:0 -124px;
}
#menus li.current_page_item a.home {
background-position:0 -155px;
}
#menus li a.lastmenu:hover {
background-position:0 0;
}
#searchbox {
width:280px;
float:right;
padding:4px 10px;
}
#searchbox .text {
line-height:16px;
width:180px;
float:right;
}
#header-search #header-s { background:#FFFFFF url(images/textfield.gif) top repeat-x; border:1px solid #A6A6A6; padding:2px 1px; }
#searchbox .switcher {
background:url(images/icons.gif) 0 0 no-repeat;
float:right;
width:18px;
height:22px;
line-height:16px;
display:block;
text-indent:-999em;
padding:0 2px;
height:16px;
margin-top:3px;
}
/* ads */
.ad-single { width: 468px; height: 60px; margin: 0 auto; }