/*
Theme Name: Starkers
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
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";
html{
margin:0;
padding:0;
text-align:center;
background : #000 ;
}
h2, h3, h4, h5, p, ul, ol { margin : 0 0px; padding : 5px 0; text-align: left;}
body{
margin:0;
padding:0;
text-align:center;
font : 76%/160% Tahoma, Verdana, Arial, sans-serif;
}
#page-wrap{
width:900px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-image: url(http://www.south-florida-artists.com/images/bk.jpg) ;
background-repeat: repeat-y;
}
#topads{
position:relative;
height:100px;
background: #ec4399 ;
width:100%;
text-align:center;
}
#header{
position:relative;
height:119px;
background: #000000 url(images/header.jpg) no-repeat;
width:100%;
}
#title h1 { background : url(images/logo.png) no-repeat; position : absolute; left : 30px; top : 10px; width: 334px; height : 61px; text-indent: -9999px; }
#header h1 { background : url(style/images/logo.jpg) no-repeat; position : absolute; left : 30px; top : -15px; width: 442px; height : 100px; text-indent: -9999px; }
#header p { position : absolute; left : 430px; top : 25px; color: white; background : url(style/images/logo.jpg) no-repeat; text-indent: -9999px;}
#topmenu { position:absolute; left : 280px; top : 4px; color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; font-weight: bold ; padding: 0 12px 12px 12px;}
#topmenu a { color: #ffffff ; text-shadow: #000 2px 2px 2px; text-decoration: none;}
.page_item { display:inline; padding-left: 20px; padding-right: 20px; border-left: 1px solid #fff;}
#topmenu a:hover {color: #black; }
#navbar { border-bottom: 1pt solid #000; }
#navbar a { color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; font-weight: bold ; padding: 0 12px 12px 12px;}
#navbar a:hover { color: #e03e7d;}
#subpages { border-bottom: 1pt dotted #666; }
#subpages a { color: #666 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; font-weight: bold ; padding: 12px 12px 12px 0px;}
#subpages a:hover { color: #db2608;}
a.facebook { color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; line-height: 11px; font-weight: bold ; }
.subscribe { padding: 0px;}
#wrapper {
height: 100% auto;
}
#content{
float: left;
position: relative;
width:527px;
padding: 10px;
height:100%;
}
#lks-content{
float: left;
position: relative;
width:504px;
padding: 10px 20px;
height:100%;
}
#dir-content{background-color: #FFFFFF;
float: left;
position: relative;
width:500px;
padding: 10px 20px;
height:100%;
}
#flickrcontent{
float: left;
position: relative;
width:500px;
padding: 0 10px 0 25px;
height:100%;
}
#footer{
width: 900px;
height:70px;
background-color:#ff8601;
clear:both;
text-align: center; padding-top: 10px;
}
#maincol p{margin:1em;}
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear { clear: both;}
.clearfix{display: inline-block; }
#post{ padding: 0 8px;
}
#post2{ padding: 0 15px;
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; height: 100%; float:none;}
}
/*font styles*/
ul a{
text-align:left; color: #cc0000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;}
ul a:hover{
text-align:left; color: #000; text-decoration:underline;
}
h2 {
text-align:left; color: #000; text-decoration:none;
font : 145%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
h2.featured {
background : url(http://www.south-florida-artists.com/images/featured-artist.gif) no-repeat; width: 520px; height : 50px; text-indent: 20px; }
h2 a{
text-align:left; color: #000; text-decoration:none;
}
p.date{
text-align:left; background-color: #e5e5e5; color: #000; text-decoration:none;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px; }
p.footer{
text-align:left; color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px;}
p.catcom{
text-align:left; background-color: #fff; color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px; border-top: 1pt solid #dcdcdc; border-bottom: 1pt solid #dcdcdc; margin-bottom: 4px;}
#caption {font-style: italic; font-size: 10px;}
a { color:#cc0000;}
#comment {background-color: #e1e1e1; padding: 10px;}
img.alignleft {padding-right: 10px;}
#sidebar{
width:146px;
float:right;
position:relative;
padding: 0px 5px;
margin: 0 -5px;
}
#sidebar2{
position:relative;
width:175px;
float:left;
padding: 10px 5px 10px -5px;
margin: 10px auto;
text-align: center;
}
#widgets{
margin: 0 15px 0 -15px;
}
#sidebar .paddings div {
margin-bottom: 1.5em;
}
h2.widgettitle {
font-size: 12px; color:#000; line-height: 14px; padding: 2px 0; width:100%; margin:6px 0; height:15px; width:146px; border-bottom: 1px solid #000;
}
#sidebar ul, .sidebar ol {
margin: 0;
list-style-type: none;
}
#sidebar ul li {
padding-left: 18px;
background: transparent url(style/images/bullet.gif) no-repeat 1px 4px;
}
#sidebar ul li, .sidebar ol li {
margin-bottom: 0.5em;
}
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}
#navlinks ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#navlinks a {
text-decoration: none;
display: block;
font-family: verdana, arial, helvetica, sans-serif ;
line-height: 30px ;
font-size: 11px ;
font-weight: bold;
color: #000000 ;
width: 170px;
height: 30px;
margin: 0px 5px;
border-bottom: 1px solid #000000;
padding: 4px 0px 2px 0px;
}
#navlinks a:hover {
text-decoration: none;
display: block;
color: #ffffff ;
width: 170px;
height: 30px;
background-color: #333;
}
h5 {
font-size: 12px; color:#000; line-height: 14px; padding: 2px 0; width:100%; margin:6px 0; height:15px; width:146px; border-bottom: 1px solid #000;
}