/*
Theme Name: Mark's 2012 theme
Theme URI: http://marksking.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous Kubrick by Michael Heilemann)
Version: 3 (WP2.6.2)
Author: Susan Clifton
Author URI: http://clifton.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-color : #dae6b8 ;
}
h1, h2, h3, h4, h5, p, ul, ol { margin : 0 0px; padding : 5px 0; text-align: left;}
strong {color: #393939;
}
body{
margin:0;
padding:0;
text-align:center;
font : 76%/160% Tahoma, Verdana, Arial, sans-serif;
color: #000000;
}
#page-wrap{
width:950px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-image: url(images/bk.jpg) ;
background-repeat: repeat-y;
}
#social {float: left;
width: 125px;
height: 94px;
background-color : #ffffff ; padding-top: 6px; padding-left: 2px;
position: absolute; top: 3px; left: 790px;}
#topads {width:915px; position:relative; height:90px; background-color : #dae6b8 ; margin-top: 10px; }
#header{
position:relative;
height:153px;
background: #dae6b8 url(images/header.png) 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 a { position : absolute; left : 430px; top : 30px; color: white; background : url(images/button1.png) no-repeat; width: 521px; height : 90px; text-indent: -9999px; }
#topmenu { position:absolute; left : 0px; top : 130px; color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 0 12px 12px 12px; }
#topmenu a { color: #ffffff ; text-decoration: none; display: inline;padding-left: 11px; padding-right: 11px;}
.page_item { display:inline; padding-left: 11px; padding-right: 11px; }
#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;}
a.facebook { color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; line-height: 11px; font-weight: bold ; }
#cc-format {border: 1px solid #000000; padding: 4px 10px;margin-left:auto;
margin-right:auto; }
#cc-format h1{color: #273277 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 18px ; font-weight: bold ;}
#cc-format h2{color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 14px ; font-weight: bold ;}
#wrapper {
height: 100% auto;
}
#hm-content{
float: left;
position: relative;
width:540px;
padding: 0px 0px 0px 0px;
height:100%;
background-color: #ffffff;
}
#hm-flash-container {postion:absolute; top:0px; left: 0px; width:540px; height:223px;}
#content{
float: left;
position: relative;
width:520px;
padding: 10px;
height:100%;
background-color: white;
}
#constant_contact{
position: relative;
width:150px;
padding: 10px;
height:100%;
}
#linkcat-3.linkcat {float: left;}
#flickrcontent{
float: left;
position: relative;
width:500px;
padding: 0 10px 0 25px;
height:100%;
}
#footer{
width: 915px;
height:125px;
background: url(images/footer2.png) no-repeat;
clear:both;
}
#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.benefits li{
text-align:left; color: #000000; list-style: disc;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; margin-left: 35px;}
ul a{
text-align:left; color: #1382a5; text-decoration:none;
font : 84%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
ul a:hover{
text-align:left; color: #000; text-decoration:underline;
}
h1 {
text-align:left; color: #464646; text-decoration:none;
font : 16px/22px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;background-color: #dae6b8; padding-left: 10px;}
h2 {
text-align:left; color: #464646; text-decoration:none;
font : 18px/22px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
h2 a {
text-align:left; color: #464646; text-decoration:none;
font : 18px/22px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
h3 {
text-align:center; color: #464646; text-decoration:none;
font : 145%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
h4 a {
text-align:left; color: #1382a5; text-decoration:none;
font : 125%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
blockquote {font : 100%/160% Tahoma, Verdana, Arial, sans-serif; padding: 0 30px;}
b {
text-align:left; color: #000; text-decoration:none;
font : 90%/100% 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; }
p.postedin{
text-align:left; background-color: #f9e4c8; color: #000; text-decoration:none;
font : 90%/120% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 10px; }
p.cc{
text-align:left; color: #000; text-decoration:none;
font : 90%/150% Tahoma, Verdana, Arial, sans-serif; padding: 0; }
p.footer{
text-align:left; color: #fff; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 70px 15px 0px 125px;}
p.footer a{
text-align:left; color: #fff; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
p.cdg a{
text-align:right; color: #fff; text-decoration:none;
}
p.cdg {
text-align:right; color: #fff; text-decoration:none;
font : 80%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 38px 15px 0px 95px;}
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:#1382a5;font-weight: bold ;}
#comment {background-color: #e1e1e1; padding: 10px;}
img.alignleft {padding-right: 10px;}
#sidebar{
width:165px;
float:right;
position:relative;
padding: 0px ;
margin: 0 ;
}
#sidebar2{
position:relative;
width:183px;
float:left;
padding: 0px 5px 10px -5px;
margin: 0px auto;
text-align: center;
}
#widgets{
margin: 0 40px 0 -50px ;
}
#widgets2{
margin: 0 15px 15px 15px;
}
#sidebar .paddings div {
margin-bottom: 1.5em;
}
h2.widgettitle {
font-size: 12px; color:#000; padding: 5px 5px 0px 5px; width:100%; margin:5px 0; height:20px; width:146px;Border-bottom: 1px dotted #1382a5;
}
li.widget_tag_cloud a {
color:#1382a5; padding: 0 4px; text-decoration: none; }
li.widget_recent_entries a {
color:#1382a5; text-decoration: none; }
#sidebar ul, .sidebar ol {
margin: 0;
list-style-type: none;
}
#sidebar ul li {
padding-left: 4px;
}
#sidebar ul li, .sidebar ol li {
margin-bottom: 0.5em;
}
#tag-cloud {text-decoration: none;}
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: 20px ;
font-size: 11px ;
font-weight: bold;
color: #000000 ;
width: 170px;
height: 20px;
margin: 0px 5px;
padding: 4px 0px 2px 0px;
}
#navlinks a:hover {
text-decoration: none;
display: block;
color: #ffffff ;
width: 170px;
height: 20px;
background-color: #999999;
}
div.quote {
display: block;
font-family: verdana, arial, helvetica, sans-serif ;
line-height: 13px ;
font-size: 10px ;
font-weight: bold;
color: #363636 ;
width: 400px;
height: 230px;
background: url(http://www.marksking.com/images/quote2.gif) no-repeat;
padding: 10px ;
margin: 0px 10px;
align: center;
}
div.quote2 {
display: block;
font-family: verdana, arial, helvetica, sans-serif ;
line-height: 13px ;
font-size: 10px ;
font-weight: bold;
color: #363636 ;
width: 400px;
height: 131px;
background: url(http://www.marksking.com/images/quote2.gif) no-repeat;
padding: 10px ;
margin: 0px 10px;
align: center;
}
i.quote {
font-family: verdana, arial, helvetica, sans-serif ;
color: #103381;
line-height: 11px ;
font-size: 10px ;
}
#photo {float: left; padding-right: 5px; }
#excerpt {height: 190px; border-bottom: 1px solid #454545; margin: 0 0 10px 0;}
h2.home { background-color: #dae6b8; }
h2.hm-post a {
text-align:left; color: #464646; text-decoration:none;
font : 16px/20px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
.post-top {background-color: #dae6b8; padding: 10px ;margin: 10px 0 0 0}
.post-query {background-color: #fff; padding: 10px ;margin: 0}