/*  
Theme Name: jessicakung.com Default Theme
Theme URI: 
Description: 
Version: 1.0
Author: John Kung
Author URI: http://www.johnkung.com/

	This theme was designed by John Kung, http://www.johnkung.com
	Copyright 2008, All Rights Reserved

*/

h1, h2, ul, li { behavior: url(iepngfix.php) }

/* Resets 
--------------------------------------------------------------------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }



/* layout 
--------------------------------------------------------------------*/

html 	{ text-align : center;  }

body {
}

div#page {                  /* The page centering is anchored here so I can */
position : relative;        /* put that image of the stage and still have */
width : 950px;              /* some flexibility on where to place the content */
margin : 0 auto;            
text-align : left; 
padding: 5em 0 5% 0;       /* There's a bottom padding so you can see all of the pic */
}

div#content {
position: relative;
width: 100%;
}

div#content_main {
width: 614px;
left: 316px;
}

div#branding_navigation {
width: 288px;
left: 0;
}


div#site_info {
position: relative;
width: 614px;
left: 316px;
padding: 0 1em;
}

/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/* colour 
--------------------------------------------------------------------*/

html {
}

body { 
background: transparent url(img/bg_tile.jpg) repeat;
background-color: black;
}

a {
color: white;
}

div#page {
background: transparent url(img/bg_pic.jpg) no-repeat 0 0;
}

/* =branding */
div#branding h1{    /* The background rule below is duplicated in header.php */
width: 288px;       /* in order to make transparent PNG24s render properly */
height: 146px;      /* in IE. */
background: transparent url(img/branding_h1.png) no-repeat 0 0;
background-repeat: no-repeat;
text-indent: -9999px;
}

/* =site_info */
div#site_info p {
padding: 1em;
}

div#site_info p#si_copyright{
float: left;
}

div#site_info p#si_credit{
float: right;
}

/* =content_main */
div#content_main {
padding: 3.3em 1em 1em 1.5em;
/*background: transparent url(img/content_main_bg.png) repeat;*/
min-height: 49em;           /* IE6 min-height hack */
height: auto !important;    /* see www.dustindiaz.com/min-height-fast-hack/ */
height: 49em;               /* for details */
}

div#content_main h3{
padding: 0 0 .6em 0;
font: 300% serif;
font-style: italic;
}

div#content_main p{
padding: .5em 0 .5em 0;
}

ul#metadata {
font-size: 80%;
padding: 0 0 4em 1.5em;
}


/* =navigation */
ul#navigation {
background: transparent url(img/navigation.png) no-repeat;  /* hack to make IE render trasnparent PNGs */
background-repeat: no-repeat;
height: 115px;
text-indent: -9999px;
}

li#nav_bio, li#nav_music, li#nav_pics, li#nav_news_gigs, li#nav_contact {
position : absolute; 
display : block;
height : 20px; 
width : 195px;
}

li#nav_news_gigs {
top: 145px;
right: -2px;
}

li#nav_bio {
top: 169px;
right: -2px;
}

li#nav_music {
top: 192px;
right: -2px; 
}

li#nav_pics {
top: 217px;
right: -2px; 
}

li#nav_contact {
top: 240px;
right: -2px;
}

li#nav_bio a, li#nav_music a, li#nav_pics a, li#nav_news_gigs a, li#nav_contact a {
display : block;
height : 20px; 
width : 195px; 
text-indent : -9999px; 
}

ul#advertising {
width: 170px;
padding: 1em;
margin: 0em 2em 2em 2em;
border-left: thin dotted red;
border-top: thin dotted red;
float: right;
}

ul#advertising p, ul#advertising h3, ul#advertising li h4 {
padding: 10px 0 30px 10px;
}

ul#advertising h3 {
padding-bottom: 1.3em;
}

ul#advertising li h4 {
padding-bottom: .5em;
}




/* typography 
--------------------------------------------------------------------*/

body { 
font : 75%/1.8em "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
color : white;
}

div#content_main h3{
font: 170% serif;
font-style: italic;
}

div#content_main h4{
font: 140% serif;
font-style: italic;
}

div#site_info p {
font-size: 80%;
} 

.acknowledgements {
font-size: 80%;
font-style: italic;
}