/*
-----------------------------------------------
File Content: 	TALE52 Styles
Author:   			Nick Eagland ::  GLASSHOPPER*
Version:  			09/03/2008
----------------------------------------------- */


/* body  
----------------------------------------------- */
* { padding:0; margin:0; }
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { }
html { }
body { font: small consolas, serif;  color:#ffffff; line-height:100%; background-color:#0d0d0d; height:auto; margin:0px; }
.intro { font-weight:bold; }

/* std - elements 
----------------------------------------------- */
p { font-family: Arial, Helvetica, _sans; font-weight:bold; }
.bluetext { color: #0000CC; } 
h1, h2, h3, h4, h5 { font-weight:bold; }


/* links
----------------------------------------------- */
a { font:lighter 100% tahoma, helvetica; color:#d4d4d4; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:none; color:#802A2D; }


/* lists
----------------------------------------------- */
ul, li { list-style-type:none; margin:0px; padding:0px; }


#socialBookMarks li { display:inline; padding-right:10px; height:16px; }
#socialBookMarks li a { font:x-small Tahoma, Geneva; color:#4c434b; padding-left:20px; }
#socialBookMarks li a:hover { color:#fff;}

/* layout - general
----------------------------------------------- */
#container { margin-left:auto;  margin-right:auto;  margin-top:20px;width:1022px; height:576px; padding:0px; position:relative; }
#col1 { width:47px; position:absolute; top:0; left:0; padding-top:20px; }
#col2 { width:962px; height:575px; position:absolute; top:0; left:46px; z-index:0;}
#socialBookMarks { position:absolute; top:550px; left:86px; z-index:5; }
img { border:0 }


/* social - bookmarks
----------------------------------------------- */
.delicious { background:url("/img/logo-delicious.gif") no-repeat 0px 2px; }
.digg { background:url("/img/logo-digg.gif") no-repeat 0px 2px; }
.facebook { background:url("/img/logo-facebook.gif") no-repeat 0px 2px; }
.reddit { background:url("/img/logo-reddit.gif") no-repeat 0px 2px; }
.stumbleupon { background:url("/img/logo-stumble.gif") no-repeat 0px 2px; }