/*

Project:	Cake for Lily
Title:		Screen Style Sheet
Created:	Dec 2006
Modified:	10 Apr 2007

*/



/* --- undo some default styles ---
*/

*{
margin:0;
padding:0;
}

:link,
:visited{
text-decoration:underline;
}

:link img,
:visited img,
fieldset{
border:0;
}

h1,
h2{
font-size:1em;
}



/* --- main styles ---
*/

html{
font-size:100.1%;
}

body{
background:#FFF;
color:#444;
font:62.5%/1.6 'Lucida Grande','Bitstream Vera Sans',Verdana,sans-serif;
padding:0 0 1em;
}

#wrapper{
margin:0 auto;
padding:15px 0;
width:720px;
}

#header{
padding:0 10px;
}

#content{
position:relative;
margin:1em 0 15px;
padding:3em 10px 0;
height:1%;/*IE6*/
}

html>body #content{
height:auto;
}

#footer{
clear:both;
border-top:2px solid #E0E0E0;
color:#888;
font-size:1.25em;
margin:1.6em 0 0;
padding:0.6em 0;
}



/* --- main menu ---
*/

#main-menu{
position:absolute;top:0;left:0;
font-size:1.2em;
font-weight:bold;
list-style:none;
width:100%;
}

#main-menu li{
display:inline;
}

#main-menu li.first{
margin-left:0;
}

#main-menu li a{
float:left;
background:#F0F0F0;
margin:0 1px;
padding:0 10px;
line-height:2em;
text-decoration:none;
}

#main-menu li a:focus,
#main-menu li a:hover,
#main-menu li a:active{
background:#000;
color:#FFF;
}

#main-menu li em{
float:left;
background:#C5B292;
color:#000;
font-style:normal;
padding:0 10px;
line-height:2em;
}

#main-menu li em a{
background:#C5B292;
padding:0;
}



/* --- feature ---
*/

#feature{
float:left;
margin-bottom:1.6em;
text-align:center;
width:300px;
}

#home #feature{
/*background:url(/img/cake-for-lily-holding-tea.jpg) no-repeat 0 0.5em;*/
background:url(/img/300_pomegranates-cover.jpg) no-repeat 0 0.5em;
padding-top:0.2em;
height:354px;
}

html>body #home #feature{
height:auto;
min-height:354px;
}

#home #feature img{
margin:328px 0 0;
}

#home #feature #feature-text{
float:right;
/*padding-top:2em;*/
padding-left:20px;
width:380px;
}

#home #feature-release{
border-bottom:1px solid #E0E0E0;
margin-bottom:1em;
}

#home #feature-release .price em{
color:#7E725E;
font-size:1.5em;
font-style:normal;
font-weight:bold;
}

#home #feature-release .note{
color:#888;
font-size:0.875em;
}

#home #feature-release h2 img{
float:right;
margin-left:20px;
width:300px;
}

#home #feature-release #feature-text{
width:380px;
}



/* --- content ---
*/

#content h1,
#content h2{
font:2em/3 Georgia,'Times New Roman',Times,serif;
}

#content h2{
font-size:1.4em;
}

#content p{
font-size:1.2em;
margin:0 0 1em;
letter-spacing:0.02em;
}

#content p.member{
margin:1.3em 0;
}

#content p.member em{
display:block;
}

#content a:link{
color:#222;
}

#content a:visited{
color:#555;
}

#content a:focus,
#content a:hover,
#content a:active{
color:#C5B292;
}

#content blockquote{
background:#F0F0F0 url(/img/blockquote.gif) no-repeat 0 0;
margin:0.75em 0 1.75em;
padding:0.5em 1em 0.25em 40px;
}

#content blockquote p{
margin:1em 0;
}

#content blockquote p.cite{
font-size:0.9em;
font-weight:bold;
}

#content cite{
font-style:normal;
}

#content hr{
border:0;
border-top:2px solid #E0E0E0;
margin:1em 0 0.875em;
height:1px;
}

#content img.right{
float:right;
padding:0 0 1em 50px;
width:150px;
}



/* --- blog ---
*/

#blog #wrapper{
background:url(/img/500_lyrics-pomegranates.jpg) no-repeat 100% 0;
}

#blog #content .entry-content{
float:left;
border-right:1px dotted #E0E0E0;
padding-right:20px;
width:500px;
}

#blog #content .entry-content cite{
font-style:italic;
}

#blog #content h1{
line-height:2;
padding-top:1em;
}

#blog #content h1 span{
position:absolute;left:-9999px;
}

#blog #content h1 .published{
display:block;
position:relative;left:0;
font-size:0.7em;
}

#blog #content .meta{
float:right;
font-size:1em;
list-style:none;
width:160px;
}

#blog #content .meta li{
clear:right;
text-align:right;
width:100%;
}

#blog #content .meta .posted-by{
float:right;
margin:0 0 1.5em;
padding-bottom:125px;
text-align:left;
width:125px;
}

#blog #content .meta .Jon{
background:url(/img/125_j.jpg) no-repeat 50% 100%;
}

#blog #content .meta .Kieran{
background:url(/img/125_k.jpg) no-repeat 50% 100%;
}

#blog #content .meta .feed{
margin-top:2em;
}

#blog #content .meta .feed a{
background:url(/img/feed.gif) no-repeat 0 50%;
padding-left:12px;
}

#blog #summaries{
clear:both;
}

#blog #comments{
clear:both;
border-top:2px solid #E0E0E0;
}



/* --- comments form ---
*/

label{
display:block;
clear:left;
}

p label{
clear:none;
display:inline;
font-size:0.8em;
}

input{
display:block;
/*border:1px solid #000;*/
margin:0 0 1em;
}

p input{
float:left;
margin-right:0.5em;
}

form div{
clear:left;
}