/*
Theme Name:Ladybug Digital
Theme URI:http://LadybugDigital.com
Description:Custom wordpress theme for Ladybug Digital.
Version:1.0
Author:Mike McCormick
Author URI:http://sandstonedigital.com/
*/
body{
background:#000;
font:13px arial;
}
a{
color:#b22;
}
img,a img{
border:0;
}
#page{
width:1000px;
margin:0 auto;
}
#header{
background:url('images/headerbg.gif') repeat-x;
height:252px;
}
#headerimg{
float:left;
position:relative;
width:615px;
height:252px;
font-size:0;
background:url('images/top.gif') no-repeat;
z-index:1;
}
#nav{
float:left;
clear:left;
position:relative;
left:200px;
width:790px;
height:62px;
margin:-87px 0 0 0;
padding:0;
background:#000;
z-index:2;
}
#nav ul,#nav li{
list-style:none;
margin:0;
padding:0;
}
#nav li{
display:inline;
float:left;
}
#header #nav ul li a{
display:block;
height:62px;
font-size:0;
overflow:hidden;
}
.page-item-4 a{
width:70px;
background:url('images/btn_home.gif') no-repeat 0 0;
}
.page-item-2 a{
width:84px;
background:url('images/btn_about.gif') no-repeat 0 0;
}
.page-item-6 a{
width:99px;
background:url('images/btn_print.gif') no-repeat 0 0;
}
.page-item-8 a{
width:147px;
background:url('images/btn_photog.gif') no-repeat 0 0;
}
.page-item-10 a{
width:173px;
background:url('images/btn_design.gif') no-repeat 0 0;
}
.page-item-13 a{
width:96px;
background:url('images/btn_gallery.gif') no-repeat 0 0;
}
.page-item-15 a{
width:121px;
background:url('images/btn_contact.gif') no-repeat 0 0;
}
#content{
position:relative;
left:48px;
top:-25px;
float:left;
width:850px;
margin:0;
padding:20px 30px 10px 10px;
background:#fff;
z-index:0;
}
#sidebar{
float:right;
width:189px;
padding:0 0 25px 20px;
}
#sidebar ul{
list-style:none;
margin:0;
padding:0;
}
#sidebar li{
margin:0;
padding:0;
height:1.6em;
}
#sidebar li h2{
height:1em;
}
#sidebar a:link,#sidebar a:visited{
text-decoration:none;
}
#sidebar a:focus,#sidebar a:hover,#sidebar a:active{
text-decoration:underline;
}
#contents{
float:left;
width:623px;
}
#contents .post{
padding-left:25px;
}
p img{
padding:0;
max-width:100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center",being much more futureproof (and valid) */
img.centered{
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}
img.alignleft{
padding:4px;
margin:0 7px 2px 0;
display:inline;
}
.clear-b{
clear:both;
}
.alignright{
float:right;
}
.alignleft{
float:left
}
#photos{
background:url('images/photos.jpg') no-repeat;
width:327px;
height:249px;
float:right;
position:relative;
left:159px;
}
#footer{
clear:both;
width:848px;
text-align:right;
color:#666;
float:left;
}
#footer ul li a{
background:none;
}
#footer ul{
list-style:none;
float:right;
margin:0 0 5px 0;
}
#footer ul li{
display:inline;
}
#footer ul li a{
padding-left:20px;
color:#666;
}
#footer p{
float:right;
clear:both;
margin:0;
padding:0 0 15px 0;
}
#footer p a{
color:#666;
}