/*
Theme Name:Debi Lilly
Theme URI:http://doejo.com w/mods by computron5000.com
Description:A WordPress theme 
*/
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, 

b, u, i, center, 

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-size:100%; 

vertical-align:baseline; 

background:transparent}

a:active

{

color:#f610b2}

a, a:link, a:visited

{

color:#e600a2; 

text-decoration:none}

a:hover
{

text-decoration:underline}

a.storylink

{

color:#000000}

h1

{

margin:4px 0px; 

font-size:180%; 

color:#000000; 

font-style:italic}

h2

{

margin:4px 0px; 

font-size:135%; 

color:#000000; 

font-style:italic}

h3.date

{

color:#e600a2}

div.postfooter

{

text-align:right}

div.postdivider

{

text-align:center}

a.commentcount

{

font-style:italic}

input[type=text]

{

width:100%; 

padding:5px}

.inactive

{

color:#999999}

#submit

{

cursor:pointer; 

margin-top:10px; 

background:transparent url('/img/submitbg.png'); 

height:31px; 

width:110px; 

color:#FFFFFF; 

font-style:italic; 

border:none}

span.categories

{

float:left; 

font-style:italic}

div#nav-links

{

text-align:center}

div#nav-links a

{

color:#000000; 

font-style:italic; 

font-size:120%

}

span.fade

{

color:#AAAAAA}

a.commentauthor

{

font-style:italic; 

font-weight:bold}

body

{

background-color:#000000; 

background-image:url('img/bkgrnd-tile.jpg'); 

font-family:Georgia; 

font-size:70%}

img.space

{

margin:7px 0px}

/** 
*
Top Navigation 
*
**/
.topnav{

position:absolute; 

left:422px; 

top:103px; 

list-style:none; 

z-index:12;
}

.topnav li{

display:inline; 

font-size:115%; 

padding:50px 21px; 

text-transform:uppercase;
}

.topnav li a{

color:#efefef; 

font-family:verdana,arial,sans-serif}

.topnav a:hover{

text-decoration:none}

.home:hover, .home-current, .bio:hover, .bio-current, .press:hover, .press-current, .debitv:hover, .debbitv-current, .contact:hover, .contact:hover{

height:75px; 

background-image:url('img/nav.png'); 

background-position:center; 

background-repeat:no-repeat}

div.side

{

text-align:left; 

margin:209px 0px 0px 30px; 

float: left; 

width:190px; 

color:#CCCCCC; 

line-height:18px; 

overflow:hidden}

/**
*
Social and Radio Links 
*
**/
.social{

list-style:none; 

padding-top:30px; 

background-image:url('img/flourishtop.png'); 

background-repeat:no-repeat}

.social li{

padding:4px 0px}

.radio, .facebook, .twitter, .feed{

background:transparent url('img/debisprite.png') no-repeat; 

padding:5px 25px}

.mailsub{

padding:5px 25px; 

cursor:pointer; 

background:transparent url('http://imgur.com/im57q.png') no-repeat center left}

.radio:hover, .facebook:hover, .twitter:hover, .feed:hover, .mailsub:hover{

opacity:0.8}

.radio{

background-repeat:no-repeat; 

background-position:-10px -65px; 

font-size:120%; 

padding:17px 0px 17px 45px; 

margin-bottom:10px}

.facebook{

background-position:0px 4px}

.twitter{

background-position:0px -228px}

.feed{

background-position:0px -162px}

div.twitterfeed

{

margin-top:20px; 

width:180px}

p.twitter-post

{

margin-top:7px; 

margin-bottom:8px}

div.center

{

margin:0 auto; 

width:1004px; 

height:679px; 

background-image:url('img/background-center.jpg'); 

background-repeat:no-repeat; 

background-position:top left; 

position:relative}

div.main
{
margin:147px 30px 0px 0px;
float: right; 
width: 696px; 
color:#000000;
}

div.copybox

{
margin-bottom:40px; 
float:right; 
text-align:right;
}

p
{
margin:4px 0px}

p.copyright

{

color:#CCCCCC; 

text-align:right}

#doejo

{

color:#AAAAAA; 

text-align:right}

#doejo:hover

{

color:#CCCCCC}

/*Made TV and Radio page titles h2 for SEO */
h2.heading
{
margin:4px 0px; 
font-size:180%; 
color:#000000; 
font-style:italic;
}

h1.heading, h2.heading
{
margin:0px 0px 20px 0px; 
text-align:center;
}

.post-edit-link 
{
float:right; 
padding:0px 5px;
}

div.main-top
{
background: transparent url('img/borders.png') no-repeat -2px 0px; 
width: 100%; 
height:128px;
}

div.main-bot
{
width:100%; 
height:131px; 
background: transparent url('img/borders.png') no-repeat -2px -217px;
}

div.main-right
{
background:url('img/rightrepeat.jpg') repeat-y scroll right 50%;
}

div.main-left
{
background:url('img/left-repeat.png') repeat-y scroll 0 50%;
}

#topimg
{
background:url('img/topimg.png') repeat-x; 
width:100%; 
height:9px; 
position:absolute; 
top:0px; 
z-index:20;
}

div.white

{
background:#ffffff; 
width:696px;
}

div.content

{
min-height:628px; 
width:550px; 
display: block;
margin: -60px auto -75px auto;
line-height:18px;
}
.content img, .content embed {
display: block; 
margin: 0 auto;
padding: 15px;
}
clear

{

clear:both}

/*
The following is borrowed from selections of the default theme 
stylesheet to ensure correct formatting of images, primarily, 
but also to allow for extensibility if there is ever a desire for
a calendar or whatever
/* Begin Images */
p img, img{

padding:0; 

max-width:100%; 

height:auto}

/*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:block;
float: right;
clear: both;
}

img.alignleft{
clear: both;
float: left;
padding:4px; 
margin:0 7px 2px 0; 
display:block;}

/* End Images */
/* Begin Form Elements */
#searchform{

margin:10px auto; 

padding:5px 3px; 

text-align:center}

#sidebar #searchform #s{

width:108px; 

padding:2px}

#sidebar #searchsubmit{

padding:1px}

.entry form{/* This is mainly for password protected posts,makes them look better. */
text-align:center}

select{

width:130px}

textarea{

width:100%; 

padding:5px}

#respond:after{

content:"."; 
 display:block; 
 height:0; 
 clear:both; 
 visibility:hidden}

#commentform #submit{

margin:0 0 5px auto}

/* End Form Elements */
/* Begin Comments*/
.alt{

margin:0; 

padding:10px}

.commentlist{

padding:0; 

text-align:justify}

.commentlist li{

margin:15px 0 10px; 

padding:5px 5px 10px 10px; 

list-style:none}

.commentlist li ul li{
margin-right:-5px; 

margin-left:10px}

.commentlist p{

margin:10px 5px 10px 0}

.children{padding:0}

#commentform p{

margin:5px 0}

.nocomments{

text-align:center; 

margin:0; 

padding:0}

.commentmetadata{

margin:0; 

display:block}

/* End Comments */
/* Begin Calendar */
#wp-calendar{

empty-cells:show; 

margin:10px auto 0; 

width:155px}

#wp-calendar #next a{

padding-right:10px; 

text-align:right}

#wp-calendar #prev a{

padding-left:10px; 

text-align:left}

#wp-calendar a{

display:block}

#wp-calendar caption{

text-align:center; 

width:100%}

#wp-calendar td{

padding:3px 0; 

text-align:center}

#wp-calendar td.pad:hover{/* Doesn't work in IE */
background-color:#fff}

/* End Calendar */
/* Captions */
.wp-caption{

border:1px solid #ddd; 

text-align:center; 

background-color:#f3f3f3; 

padding-top:4px; 

margin:10px; 

-moz-border-radius:3px; 

-khtml-border-radius:3px; 

-webkit-border-radius:3px; 

border-radius:3px}

.wp-caption img{

margin:0; 

padding:0; 

border:0 none}

.wp-caption p.wp-caption-text{

font-size:11px; 

line-height:17px; 

padding:0 4px 5px; 

margin:0}

/* End captions */