/*
Theme Name: Brodner 1.0 by kbs
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous Kubrick by Michael Heilemann)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks - Kenneth B Smith - and Wernification
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
/*
RESET
*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
html, body { height: 100%; }
body { font-size: 62.5%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
background: url(../../../images/bkg_line1500x10.gif) center 90px repeat-x white; }
ul { list-style: square inside; }
ol { list-style: decimal inside; }
a { outline: none; text-decoration: none; }
a img { border: none; background: none; }
img { vertical-align: middle; }
table
/*
UTILITY
*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
/*
/* STURCTURE */
#wrap { width: 960px; margin: 0 auto -50px; min-height: 100%; height: auto !important; height: 100%;
/*background: url(../../../images/bkg_vertline1000x10.gif) 816px 135px no-repeat transparent;*/}
#main-col { width: 550px; float: left; border: #FF9900 0px solid; margin: 20px 30px 20px 0;}
/* Wider content on the home page and on single posts
.single #main-col, .home #main-col { width: 720px; }*/
.single #wrap, .home #wrap { width: 960px; margin: 0 auto -50px; min-height: 100%; height: auto !important; height: 100%;
background: url(../../../images/bkg_vertline1000x10.gif) 816px 135px no-repeat transparent;}
.single #main-col, .home #main-col {
border-right:0px dotted;
margin:20px 0 20px 0;
padding:0 0px 0 0;
width:620px; }
#stevesidebar { width: 240px; float: left; border: #999 1px solid; margin: 20px 0; padding: 0px; }
#sbtop { margin: 10px;}
#sbbottom { margin: 10px;}
#test { margin: 10px;}
#linksidebar { width: 120px; float: right; border: #FF99ff 0px solid; margin: 20px 0px 0px 5px; overflow:hidden;}
#nav { width: 120px; height:245px; margin: 0 0 30px 0;}
#push { height: 50px; }
#buyff {background:#cc0000; margin: 0 0 15px 0; padding:20px 10px;}
/* HEADER */
#top-bar { width: 960px; padding: 0 0 10px 0px; border-bottom: 0px solid #666666;}
#top-bar p { font: normal 12px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif ; letter-spacing: 3px;}
h1#logo { width: 960px; height: 70px; background: url(../../../images/logo02_960.jpg) top center no-repeat; text-indent: -9999px;
margin:20px auto 25px; float:left;}
h1#logo a.wack { position: absolute;
top: 0;
left: 0;
width: 960px;
height: 70px;
}
a.wack:link { background: transparent;}
a.wack:visited { background: transparent;}
a.wack:hover { background: transparent;}
/* MENU http://css-tricks.com/video-screencasts/7-three-state-menu/ */
ul#menu {
list-style: none;
}
ul #menu li {
display: inline; /* Prevents Step Down - more for horiztal browsers IE*/
}
ul#menu li a {
text-indent: -9999px;
display:block;
width: 110px;
height: 42px;
float:none;
}
ul#menu li a.home {
background:url(/images/menu_home.jpg) no-repeat bottom center;
}
ul#menu li a.home:hover, ul#menu li a.home:active {
background-position:center center;
}
ul#menu li a.art {
background:url(/images/menu_art.jpg) no-repeat bottom center;
}
ul#menu li a.movies {
background:url(/images/menu_movies.jpg) no-repeat bottom center;
}
ul#menu li a.store {
background:url(/images/menu_store.jpg) no-repeat bottom center;
}
ul#menu li a.about {
background:url(/images/menu_about.jpg) no-repeat bottom center;
}
ul#menu li a.contact {
background:url(/images/menu_contact.jpg) no-repeat bottom center;
}
ul#menu li a.home:hover, ul#menu li a.home:active,
ul#menu li a.art:hover, ul#menu li a.art:active,
ul#menu li a.movies:hover, ul#menu li a.movies:active,
ul#menu li a.store:hover, ul#menu li a.store:active,
ul#menu li a.about:hover, ul#menu li a.about:active,
ul#menu li a.contact:hover, ul#menu li a.contact:active {
background-position: center center;
}
body#default ul#menu li a.home,
body#art ul#menu li a.art,
body#movies ul#menu li a.movies,
body#store ul#menu li a.store,
body#about ul#menu li a.about,
body#contact ul#menu li a.contact {
background-position:top center;
}
/* FOOTER */
#footer { height: 50px; background: #eee; border-top: 1px solid #999; padding-top: 20px; margin-top: 20px; background-repeat: no-repeat;
}
#footer-inside { width: 960px; margin: 0 auto; text-align:center;}
/*
IMAGES
*/
.randomimg {
margin: 25px 10px;
padding:25px 3px 3px;
text-align:center;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #aaa;
}
/*
TYPGROGRAPHY
*/
p, li { font:1.4em "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif ; line-height: 1.8em; }
p {margin: 0 0 20px 0;}
p#intro-paragraph { font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 2.0em; font-style: italic; line-height: 1.4em;
margin-top: 5px; }
p#intro-paragraph span { font-size: 2.4em; font-weight: bold; }
p#intro-paragraph em { color: #990000; }
a { color: #990000; }
a:hover { background: #990000; color: white; }
h1 { font-size: 2.6em; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
h2 { font-size: 2.0em; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
h3 { font-size: 1.6em; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; }
h4 { color: white; font-size: 2.0em; margin-bottom: 15px; }
.post h4 { font-size: 1.8em; font-family:"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0;
color: #900; }
.post h2 { font-size: 2.8em; font-family:"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0;
color: #900; }
/* TEXT */
font: bold 12px/19px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
.arial-12sidebar {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;}
.arial-14bold {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
.arial-14boldwhite {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
line-height: 24px;
}
.arial-14boldwhite a{
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
.arial-14boldwhite a:hover{
text-decoration:none; background-color:#fff; color:#900;
}
.arial-11links {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
}
.footer {
font-family: "Andale Mono", Monaco, monospace;
font-size: 10px;
color: #666666;
}
.body_biohed {
font-size: 1.6em;
font-weight: bold;
font-variant:small-caps;
margin: 20px 0 5px;
letter-spacing: .1em;
}
.arthed {
font-size: 1.6em;
font-weight: bold;
font-variant:small-caps;
margin: 20px 0 5px;
letter-spacing: .1em;
}
.qod-quote {
font: italic 10pt/16pt Georgia, "Times New Roman", Times, serif;
color: #333333;
}
.widget h2 {font-size:18px;color: black;}
.widget { margin: 28px 0;color: white;}
.widget li { font-size: 12px; line-height:14px; margin: 8px 0; color: gray;}
/*.style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #CC0000;
line-height: 20px;
}*/
/*
BLOG ENTRIES
*/
.post_date {font-weight: bold; }
.post { margin: 0 0 45px 0; }
.datebox { width: 40px; float: left; padding: 0 5px 5px 5px; background: #990000; color: white; text-align: center;
margin: 0 10px 0 0; }
.day { font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; }
.month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year { font-size: 1.6em; font-weight: bold; margin: 0; }
ol.commentlist { list-style: none; }
.comment-bubble { background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ol.commentlist li p { font-size: 1.0em; }
.gravatar { margin-top: 3px; padding: 2px; height: 40px; }
/*
WIDGETS
*/
/*.widget { background: #f4dfb8; width: 190px; border-right: 1px solid #d7b880;
border-bottom: 1px solid #d7b880;
-moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; }
.widget .inside { padding: 10px; }
.widget ul { list-style: square outside; margin-left: 15px; }
.widget ul li { margin: 0 0 5px 0; }
.widget ul li a { display: block; padding: 2px; }
.widget ul li a:hover { background: #900; color: white; }
*/