/************************************************************************ Site: eljamez.com Author: James Hall [eljamez.com] Client: me Notes: nope, just me and my stuff Date Created: 01.16.2010 Listing Order: ============== 1 - GLOBAL 2 - HEADER 3 - CONTAINER 4 - FOOTER FONT SIZES =========== smaller = 10px middle = small header = large header = MAIN COLORS =========== Main Text = #2e3740 Lighter Text = #7b8896 Link = #627385 Gray BG = #e6e6e7 ************************************************************************* 1 - GLOBAL STYLES ************************************************************************/ /*Reset Styles (removing margins and padding before starting)*/ html body *{margin:0px; padding:0px;} body{font-family: Georgia, "Palatino", "Palatino Linotype", Times, "Times New Roman", serif; margin:0px; color:#2e3740;} /* clearing and replacing */ .clear { clear: both; } .replace {text-indent: -10000px; display: block; width: 100%; height: 100%; outline: none;} .replace * {text-indent: -10000px; display: block; background-repeat: no-repeat; background-position: left top; background-color: transparent;} a{color:#627385;} div#IE6{display:none;}/*IE6THING /************************************************************************ 2 - HEADER STYLES ************************************************************************/ div#header{width:100%; height:105px; background: url('../images/header_bg.gif') top left repeat;} div#header_text{width:962px; height:27px; margin:0px auto; position:relative;}/*background: url('../images/header_text.gif') top left no-repeat;*/ div#header_text p{color:white; padding-top:4px; text-shadow: #7b8896 1px 0px; text-align:center;} div#header_logo{width:170px; height:76px; background: url('../images/header_logo.gif') top left no-repeat; position:relative; left:15%; float:left;} div#header_controls{width:400px; position:relative; right:15%; float:right; padding:10px 0;} div#header_controls p{display:block; float:left; font-weight:bold; font-style:italic; padding:3px 5px;} div#header_controls p.on{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#bfc7ab;} div#header_controls p#everything_hidden, div#header_controls p#everything_visible{font-size:16px; cursor:pointer;} div#header_controls p#or{font-size:12px; position:relative; top:3px;} /************************************************************************ 3 - CONTAINER STYLES ************************************************************************/ div#container{width:960px; margin:20px auto;} div#container div.box{width:200px; height:200px; float:left; position:relative; margin:10px; background:#e6e6e7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:10px;} div.box div.box_info{width:200px; height:200px; background:white; overflow:hidden; position:relative;} div.box div.box_info a.lifter{position:absolute; width:100%; height:100%; display:block; z-index:5;} div.box div.box_info a.lifter img{position: absolute; top: 0px; left: 0; border: 0;} div.box div.box_info div.box_cover{width:200px; height:200px; background: url('../images/box_mysteries.gif') top left no-repeat; position:absolute; top:0px; z-index:500;} div.box div.box_info div.box_text{width:190px; height:30px; padding:3px 5px 2px 5px; position:absolute; top:200px; background:#f5f5f5;} div.box div.box_info div.box_text p, div.box div.box_info div.box_description p{font-size:11px; font-style:italic; font-weight:normal; color:#2e3740; line-height:12px;} div.box div.box_info div.box_text p strong{font-weight:bold;} div.box div.box_info div.box_description{width:190px; height:40px; padding:3px 5px 2px 5px; background:#f5f5f5;} div.box div.box_info div.box_content_full{width:200px; height:200px; position:relative;} div.box div.box_info div.box_content_full h2{padding:5px; font-size:16px; font-style:italic; color:#7b8896;} div.box div.box_info div.box_content_full h3{padding:5px 5px 5px 0; font-size:14px; font-style:italic; color:#7b8896; line-height:10px;} div.box div.box_info div.box_content_full h3 span{font-size:10px;} div.box div.box_info div.box_content_full p{padding:5px; font-size:12px;} div.box div.box_info div.box_content_full p.overflowed{overflow:auto; width:190px; height:161px; display:block;} div.box div.box_info div.box_content_full ul{padding:5px; font-size:12px; overflow:auto; width:190px; height:161px; display:block;} div.box div.box_info div.box_content_full ul li{line-height:13px; margin-bottom:3px; color:#627385;} div.box div.box_info div.box_content_full ul li a{text-decoration:none;} div.box div.box_info div.box_content_full ul li a:hover{text-decoration:underline;} div.twtr-hd, .twtr-tweet-text{font-family: Georgia, "Palatino", "Palatino Linotype", Times, "Times New Roman", serif!important;}/*Twitter specific*/ span.delicious-network-username{position:relative; top:-40px; left:5px; font-size:13px;}/*delicious specific*/ div#vimeo_holder{width:200px; height:150px; display:block; position:relative; z-index:5;}/*vimeo specific*/ div#ieVimeo{display:none;}/*vimeo specific*/ div#hiiyb div.box_info{background: url('../images/sprite.gif') top left no-repeat;} div#gsr div.box_info{background: url('../images/sprite.gif') -200px 0 no-repeat;} div#ensly div.box_info{background: url('../images/sprite.gif') -400px 0 no-repeat;} div#wtm div.box_info{background: url('../images/sprite.gif') -600px 0 no-repeat;} div#ad div.box_info{background: url('../images/sprite.gif') 0 -200px no-repeat;} /*JQUERY TOOL TIP STYLE*/ #tooltip{position:absolute; border:1px solid #a6a6a6; background:white; font-size:10px; font-weight:bold; font-style:italic; padding:7px 6px 4px 5px; color:#878787; display:none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index:600;} /************************************************************************ 4 - FOOTER STYLES ************************************************************************/ div#footer{width:100%; height:40px; background:#3c3f47; border-top:1px solid #f8f9f6; clear:both;} div#footer p{width:935px; display:block; color:white; font-size:9px; margin:20px auto 0 auto;} div#the_void{position:fixed; left:300px; top:1050px;}