/* codeshane.com */
/* Begin CSS Reset */
html, body, div, span, img, applet, object, iframe, h1, h2, h3, h4, h5, h6, a, b, i, u, p, q, s, blockquote, caption, cite, code, del, pre, dl, dt, dd, ul, li,
fieldset, form, label, legend, table, tr, td, th { margin: 0px; padding: 0px; outline: 0; border: 0px; font-size: 100%; background: transparent; }
body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }
/* End CSS Reset */
/*Position, Appearance, Text...*/
body{ background:#333; color: #000; font:14px/18px Arial, sans-serif; text-align: left; font-weight:normal;}
h1 { font:30px/36px "Times New Roman", Times, serif; font-weight:bold;}
h2 { font:22px/27px "Times New Roman", Times, serif; font-weight:bold;}
h3 { font:18px/27px "Times New Roman", Times, serif; font-weight:bold;}
h4,h5,h6 { font:16px/18px Arial, sans-serif; font-weight:bold; }
p { margin:0 0 18px 0; padding:0;}
ol.code {
margin: 10px; padding: 5px; display: block;
background:#ff9;
color:#fff; font: 16px/18px Lucida Console, Monaco5, monospace;
}
ol.code li { color:#00f; list-style-type: decimal; white-space:pre;}
#mobile {display:none;}
#page_wrapper { }
#header_wrapper{ position: fixed; #position: absolute; top: 0px; left:0px;background: transparent;padding: 0px 25px; width: 100%; z-index: 3; text-decoration: none; }
#cool_image{}
#nav_wrapper{ }
ul#navlist { list-style-type: none; text-decoration: none;}
#site_logo_mini { margin: 0px 21px 0px 0px; display: inline; float:left; position: relative; top:0px; left: 0px; height: 40px;}
ul#navlist li { margin: -1px 0px 0px -22px; display: inline; float: left; position: relative; left: 0px; list-style: none; position: relative; left: -19px; width: 150px; height: 44px;background: url('../img/codeshane_button_gel_333.png') no-repeat; }
ul#navlist li a { display: block; }
ul#navlist li a span { display: none; }
ul#navlist li a img { position: relative; top: -10px; }
/*#nav_wrapper ul li.social_item a.social_link { float: left; display: inline-block; margin: 0px; background-color: transparent; }*/
ul#navlist li a#current, ul#navlist li a:hover {background-color: #3cf; background: url('../img/codeshane_button_flat_333.png') no-repeat; }
/*
#social_wrapper { background: url('../img/codeshane_button_flat_mid.png') repeat-x;
display: inline-block;
height: 42px;
position: relative;
left: -19px;
#left: -22px;
#padding: 0px;
#margin: 0px 55px 0px 0px;
}
.social_menu { margin: 0px -20px 0px -20px; #margin: -35px 10px; display: inline-block; }
.social_item { display: inline; position: relative; list-style-type: none; text-decoration: none; }
.social_link img { display: inline-block; position: relative; top: -3px; }
.popout { display: none;
position: absolute; top: 10px; #top: 40px; left: -110px; width: 200px; height: 100px;
padding: 50px 0px 0px 0px; margin: 0px; z-index: 101;
color: #000; background: #fff;
text-align: center;
background: url('../img/thought_bubble.png') no-repeat;
}
.social_left {position: relative; left: -20px; }
.social_right {position: relative; left: +20px; #top: -10px; #left: +200px; }
*/
div.social_menu {position: relative; #left: -5px; top: -1px; #top:-1px; background: url('../img/codeshane_button_flat_mid.png') repeat-x;}
ul.social_class li.social_item a.social_link img.social_img { }
img.social_left { float: left; position:relative; left: -41px; #left: -44px; top: -1px; #top:-1px;}
img.social_right { float: left; position:relative; left: -44px; #left: -56px; top: -1px; #top:-1px;}
a.social_link img { margin: 7px 0px 0px 0px; }
ul.social_class {
padding: 0px 3px 0px 0px; #padding: 0px 6px 0px 0px;
position: relative; float:left; left: -41px; #left: -44px; }
ul.social_class li.social_item { float: left;
height: 42px; display: inline-block;
background: url('../img/codeshane_button_flat_mid.png') repeat-x;
}
ul.social_class li.social_item a.social_link {position: relative; }
ul.social_class li.social_item a.social_link span.popout { display: none;
position: absolute; top: 10px; #top: 40px; left: -110px; width: 200px; height: 100px;
padding: 50px 0px 0px 0px; margin: 0px; z-index: 101;
color: #000; background: #fff;
text-align: center;
background: url('../img/thought_bubble.png') no-repeat;
}
.social_menu ul.social_class li.social_item a.social_link:hover span.popout {display: block;}
#nav_wrapper ul li a.social:hover span, #social_wrapper a:hover span {
display: block;}
.clear { clear:both;height:1px;overflow:hidden; }
#content_wrapper { position: relative; background: transparent; width: 90%; max-width: 1350px; #padding: 0px 350px 0px 0px;}
#content_main { display: inline; position: absolute; left: 0px; top: 0px; float: left; margin: 45px 250px 0px 25px; #margin: 45px 500px 0px 25px; float: left; }
#content_sub { clear: both; position: absolute; right: -50px; top: 0px; float: left; margin: 45px 0px 0px 0px; #margin: 45px 0px 0px 0px; background-color: #333; width: 300px; #width: 350px;}
/*.content_section{ border-top: 1px solid #0f0; }*/
#content_sub .content_item:first-child {border-top: 0;}
#content_sub .content_item {border-left: 9px solid #fb0; }
#content_main .content_item {border-left: 9px solid #3cf;}
.content_item {
/* Positioning */
display: block;
margin: 30px; padding: 20px;
position: relative; /*allows tacking on of absolute stuff*/
/*max-width: 400px;*/ /*everyone (ie ignores)*/
/* Appearance */
/*width: 400px;*/ /*fixed width for ie*/
background: #fff;
}
/*position relative allows tacking of stuff*/
/*rounded box
/*border-left: 6px solid #3cf; border-right: 6px solid #3cf; border-top: 1px solid #3cf; border-bottom: 1px solid #3cf;*/
/*-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; /*border rounding*/ /* border-radius -moz-border-radius border-top-left-radius -moz-border-radius-topleft border-top-right-radius -moz-border-radius-topright border-bottom-right-radius -moz-border-radius-bottomright border-bottom-left-radius -moz-border-radius-bottomleft*/
.content_item .leftimg {float:left; margin-right: 10px; }
.content_item .rightimg {float:right; margin-left: 10px; }
div.ur { float:right; position: relative; width: 85px; height: 85px; top: -20px; #top: -19px; right: -22px; #right: -21px; padding: 0px 0px 7px 7px; margin-right: 0px; margin-top: 0px; background: url('../img/ur.png') no-repeat;}
img.ur { float:right; width: 77px; height: 77px; top: 0px; right: 0px; }
/*position: absolute; top: -30px; right: -40px;*/
.content_item .month { position: absolute; top: -40px; left: 15px; }
.content_item .title { font-weight: bold; }
html>body div.content_item{width: auto; /*everyone else*/}
p:first-letter
{ color: #04f; font-family: Tahoma; }
P{font-family:Arial, Arial, Helvetica, sans-serif;}
#footer_wrapper{ display: none; padding: 50px 15px; width: 100%; clear: both;
color:#fff; font:14px/18px Arial, sans-serif; font-weight:bold; text-align: center;
}
#footer{
}
/* #social_image { float:left; position: relative; left: -9px; }
#nav_wrapper ul li a img.social { float:left; margin: 5px 0px 0px 0px; }*/
/*position: fixed; #position: absolute;*/
/*#menu_social {float: left;
display: inline-block; margin: 0px; padding: 0px;}*/
/*#social_wrapper div.title { display: none; vertical-align: center; }
.social_link{ }*/
/*#social_wrapper { display: inline; position: relative; top: +15px; left: +15px;}*/
/*#social_wrapper{ position: relative; position: fixed; #position: absolute; top: -20px; right: -20px; margin: 20px 20px; padding: 0px 10px 0px 10px;
border-left: 6px solid #3cf; border-right: 6px solid #3cf; border-top: 1px solid #3cf; border-bottom: 1px solid #3cf;
-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;
background: #3cf;
}*/
/*border rounding*/ /* border-radius -moz-border-radius border-top-left-radius -moz-border-radius-topleft border-top-right-radius -moz-border-radius-topright border-bottom-right-radius -moz-border-radius-bottomright border-bottom-left-radius -moz-border-radius-bottomleft*/
/*floats collapse container, so use 'overflow: auto;' to pop it out again.*/
/*background: #ddd url('../img/codeshane_body_bg.png') repeat fixed center top;*/