/* ===============================
LiaKes.com
3.15.10


swatch colors
===========
#0B0A0A - Dark Gray Background


================================= */

* { margin: 0; padding: 0; }

html, body { height: 100%; }


body { height: 100%; font-size: 62.5%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background-color: Black; }

/* -----------------------  LINKS  ---------------------- */

a { color: #999999; outline: none; }
a:hover { color: white; }
a:focus { color: white; }
a:visited { color: #999999; }


img { border: none; }








/* -----------------------  Headers  ---------------------- */

p { font-size: 1.0em; line-height: 1.8em; margin: 0 0 .7em 0; color: #999999; }





h1 { font-size: 2.4em;  margin: 0 0 .3em 0;  }
h2 { font-size: 2.2em;  margin: 0 0 .4em 0;  }
h3 { font-size: 2.0em;  margin: 0 0 .4em 0;  }
h4 { font-size: 1.7em;  margin: 0 0 .4em 0;  }
h5 { font-size: 1.5em;  margin: 0 0 .4em 0;  }
h6 { font-size: 1.3em;  margin: 0 0 .6em 0;  }








/* -------------------  Blockquotes  (Pick One) ----------------- */
blockquote { margin: 2em; color: #666; font-style: italic; padding: 5px 0 0 0; }

/*  puts a line above and below*/
x-blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }










/* -------------------  Lists   ----------------- */



ol { margin: 0 30px 18px 0; }
ol li { font-size: 1.2em; margin: 2px 0 8px 32px; color: #62625E; line-height: 1.5em; }









#player1 { background: Black;  }





/* ----------------------------------------------------  Page Architecure -------------------------------------------------------- */	

/* ------------  Centers the Block in the Page -------------- */	

#distance { float: left; width: 1px; height: 50%; margin-bottom: -325px; }

#column { margin: 0 auto 3px auto; clear: left; position: relative; width: 1012px; height: 650px; background-color: #0B0A0A; }








/* -----------------------------------------------  NAV ------------------------------------------ */	
#nav { width: 200px; height: 650px; text-align: left; float: left; }
#nav h1 {position: absolute; left: -9999px;
	
}
#nav ul { text-align: left; margin: 0 0 100px 0; height: 375px; }

#nav li { font-size: 1.5em; line-height: 0em; background: none; list-style-type: none; }



.logo { width: 200px; height: 175px; }
















/* -----------------------------------------------  Content -------------------------------------- */	
#content { width: 812px; height: 650px; float: right; display: inline; text-align: center; }


.showbox-left { width: 200px; float: left; }

.seen { text-align: center; color: white; width: 90px; height: 115px; float: left; margin: 0 10px 8px 0; }

.seen p { margin: 0; padding: 0; }

#press-thumbs { margin: 25px 0 0 10px; float: left; width: 212px; }

.showbox-right { width: 550px; height: 650px; float: right; text-align: right; }


/* -----------------------------------------------  BIO ------------------------------------------ */	

.buffer { height: 180px; }


.container { width: 200px; }



.left { float: left; margin: 0 0 0 200px; }
.right { float: right; margin: 0 130px 0 0; }








#bio-text { float: right; width: 290px; margin: 0 55px 0 0; display: inline; text-align: left; }

#bio-pic { width: 405px; display: inline; float: left; margin: 0 0 0 30px; }









.fade-backround { width: 825px; height: 650px; background: url(../images/back-strip.jpg) repeat-x; }








/* -----------------------------------------------  Footer ---------------------------------------- */	
#footer { width: 1012px; height: 10px; margin: 0px auto 0 auto; text-align: right; }
#footer p { color: #171717; }



.lia-bio { margin: 25px 0 0 190px; width: 570px; }
.lia-photo { margin: 0 25px 0 0; float: left; }







/* -------------- COLLECTIONS  ----------------- */

#collection-thumbs { width: 220px; float: left; margin: 0 0 0 17px; }


.collectionbox-right { width: 550px; float: right; text-align: right; }

#collect-title { width: 165px; height: 12px; margin: 22px 0 10px 0; }

.collect { float: left; margin: 0 10px 9px 0; display: inline; }

#collect-left img { border: 1px solid black; }













/* -------------- CONTACT PAGE  ----------------- */

#contactform { width: 370px; float: right; margin: 0 80px 0 0; color: white; font-size: 1.1em; display: inline; }




/* ------------------  Contact Form V2 -------------------- */	




.mailformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 18px; padding: 0 0 0 5px; margin: 2px 0 15px 0; width: 230px; color: #506569; font-family: Arial, Helvetica, sans-serif; }

.messageformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 85px; margin: 2px 0 8px 0; padding: 3px 0 0 5px; width: 230px; color: #506569; font-family: Arial, Helvetica, sans-serif; }





















textarea: focus { border: 1px solid red; }

.field { color: #506569; background-color: #E5E5E5; border: 0px solid #9E9E9E; font-size: 1.1em; font-family: arial, helvetica, sans-serif; }
.single { height: 18px; width: 162px; margin: 0; padding: 3px; }
.comment { height: 85px; width: 363px; padding: 3px 0 0 3px; overflow: hidden; !important: ; }















/* -----------------------------------------------  Fancy Bits ---------------------------------------- */	

/* -------------------- stupid table tricks -------------------- */	
table { margin: 0 0 16px 0; }
.cell { padding: 0px 0 12px 0; }
.wide { width: 370px; }
.one { width: 200px; padding: 0  30px 10px 0; }




/* ------------------------  hr fixes ------------------------*/

*+html hr { xmargin: 0em 0 -7px 0; /*IE 7 bugfix*/ }
* html hr { xmargin: 0em 0 -7px 0; /*IE 6 bugfix*/ }

hr { background: #6A6A6A; margin: 25px 0  20px 0; clear: both; float: none; width: 100%; height: 2px; border: none; }

*hr { background: #6A6A6A; background: #6A6A6A; clear: both; float: none; width: 100%; height: 2px; margin: 1.45em 0 1.45em 0; border: none; }







.vcard { display: none; }
caption { background:#eee;padding: 10px;}
.small { font-size: .9em; margin-bottom: 1.875em; line-height: 1.875em; }
.xsmall { xfont-size: 85%; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }

.quiet { color: #666; }
.loud { color: #000; }
address { font-size: 1.3em; margin: 0 0 1.5em 1em; font-style: italic; }
abbr, acronym { xborder-bottom: 1px dotted #666; }
sup, sub { line-height: 0; }
/* to create serif italic dramatic text, use this class */
.fancy { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; font-size: 1.2em; }  

/* creates small caps */
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size: 1.2em; font-weight: bold; padding: 0 2px; }

.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }
cite { text-decoration: none; }
.floatleft { float: left; }
.floatright { float: right; }

.center { text-align: center; }

.picleft { float: left; padding: 4px 8px 8px 0; }
.picright { float: right; padding: 4px 0 8px 8px; }
#clear { clear: both; }
.clear {clear: both;}