/* - - - - - - - - - - - - - - - - - - - - -

Title : Treehouse CSS
Author : Kevin Hale
URL : /css/treehouse.css

Description : 

Created : October 22, 2005
Modified : October 31, 2005

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
margin:0;
padding:0;
}

body{
text-align:center;
margin:20px 15px 25px 15px;
font-size:100%;
background: #eee url(/images/bg.gif);
font-family: Georgia, Times, serif;
}

hr{
display:none;
}

/* ----- IDS ----- */

#container{
	position:relative;
	width:800px;
	margin:0 auto;
padding:25px;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background-color:#fff;
text-align:left;
}
#header{
background-color: #000;
padding:7px;
}
#header .outline{
border:1px dashed #999;
padding:12px 15px 17px 15px;
height:75px;
background: url(/images/logo.gif) no-repeat 630px 17px;
}
#begin{
position:absolute;
top:130px;
right:50px;
z-index:3000;
width:160px;
line-height:22px;
text-align:center;
background-color:#db4d03;
font-size:13px;
letter-spacing: .2em;
}
#begin a{
padding:3px 60px 3px 50px;
color:#fff;
text-decoration:none;
font-variant: small-caps;
background:none;
}
#content{
border-left:1px solid #ddd;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background: #fefff1 url(/images/navbg.jpg) repeat-y 359px;
}
/* ----- IE Filter ----- */
div>#content{
background: #fefff1 url(/images/navbg.jpg) repeat-y 358px;
}
#primaryContent{
font-size:.9em;
width:407px;
padding:30px 0 .9em 0;
height:auto;
background-color:#eee;
}
#secondaryContent{
padding:.9em 0 0 0;
font-size:.9em;
float:right;
width:380px;
}
#navigation{
font-size:.8em;
width:170px;
float:left;
padding:115px 0 0 0;
font-family: Lucida Grande, Lucida Sans, sans-serif;
}
#masthead{
font-size:.8em;
float:left;
width:160px;
padding:0 25px 0 25px;
margin:0;
}
#extra{
clear:both;
color:#eee !important;
background-color:#000;
padding:6px;
width:370px;
height:80px;
margin:-92px 0 0 416px;
}
#extra form{
border:1px dashed #999;
padding:10px 20px;
}
#footer{
text-align:center;
margin:0 0 .9em 0;
}
#footer li{
list-style:none;
}

/* ----- CLASSES ----- */

.divider{
text-align:center;
margin:0 0 .9em 0;
clear:left;
}
.divider2{
border-top:1px dotted #999;
margin:20px 20px 20px 20px;
clear:left;
}
.post{
margin: 0 25px .9em 25px;
}
.post ul{
margin:0 0 1em 0;
}
.post li{
margin:1px 0 0 5px;
padding:0 0 0 5px;
list-style:inside;
font-size:.9em;
}
.postfoot{
margin:0;
color:#000;
font-size:.9em;
}
.buy{
margin: 0 25px .9em 25px;
clear: left;
}
.author, .author a{
color:#db4d03 !important;
}
.date, .date a{
color:#99be38 !important;
}
.contactus{
text-align:center;
}
.icon{
margin:0 0 -3px 3px;
border:none !important;
}

/* ----- COLORS ----- */

.brgreen, .brgreen a{
color:#99be38 !important;
}
.green, .green a{
color:#74975b !important;
}
.blue, .blue a{
color:#6195DF !important;
}
.red, .red a{
color:#ad322d !important;
}
.yellow, .yellow a{
color:#d2a831;
}

/* ----- HEADINGS ----- */

h1, h2, h3, h4{
font-weight: normal;
}
#primaryContent h2{
margin:0 25px .9em 25px;
color:#000;
}
#secondaryContent h2{
color:#db4d03;
font-size:1.1em;
margin:0 0 .9em 0;
}
h2, #navigation h3, #secondaryContent h3{
font-size:1em;
}
#header h1{
background: url(/images/h1.gif) no-repeat;
width:228px;
height:75px;
color:#fff;
}
#header h1 span{
display:none;
}
#header h3{
display:none;
color:#eee;
}
#primaryContent h3{
margin:0 0 .2em 0;
font-size:1.45em;
letter-spacing:.02em;
color:#3377CF;
font-family:Times New Roman, Times, Georgia, Serif;
}
#primaryContent h3 a{
color:#3377CF;
text-decoration:none;
}
#primaryContent h4{
margin:0 0 .2em 0;
color:#6195DF;
}
#navigation h3{
margin:0 15px 0 17px;
}
#masthead h3{
color:#74975b;
}
#primaryContent h2 a{
text-decoration:none;
}

p{
color:#333;
margin:0 0 .9em 0;
}
#primaryContent p, #masthead p{
line-height:1.4em;
}
#navigation p{
margin:0 15px .9em 17px;
}
#navigation li p{
margin:0 0 .9em 0;
}
.contactus p{
font-size:1em;
}
.post p{
font-size:.85em;
text-align:justify;
}


/* ----- IMAGES ----- */

#thumb a{
background: url(/images/tiltcover.gif) no-repeat;
width:250px;
height:193px;
position:absolute;
left:384px;
top:82px;
z-index:2000;
}
#thumb2 a{
background: url(/images/tiltcover2.gif) no-repeat;
width:250px;
height:193px;
position:absolute;
left:384px;
top:82px;
z-index:2000;
}
#thumb a span, #thumb2 a span{
display:none;
}
.thumb{
margin:-20px 10px 5px 5px;
}
.thumb a{
background:none !important;
}
.screenshot{
width:120px;
border:1px solid #ccc;
margin:5px;
}
.screenshot img{
background:none !important;
}

/* ----- LISTS ----- */

#navigation li, #also1 li, #also2 li{
list-style: none;
margin:0;
padding:0;
}
.post li{
font-size:.85em;
line-height:1.3em;
color:#333;
text-align:left;
margin:0 0 .5em 0;
}
.post li p{
margin: 0 15px .9em 17px;
font-size:.9em;
color:#333;
}
#nav1{
margin: 0 15px .9em 15px;
text-align:right;
letter-spacing:-.02em;
}
#nav2{
float:left;
width:53%;
text-align:center;
margin:0 0 .9em 0;
padding:0;
}
#nav3{
text-align:center;
}
#nav4{
margin: 0 15px .9em 17px;
}
#nav5{
margin: 0 15px .9em 17px;
}
#also1{
float:left;
width:50%;
color:#333;
}
#also2{
color:#333;
}

cite{
font-size:.9em;
margin:0 0 .9em 0 !important;
display:block;
font-style: normal;
}

a:hover{
text-decoration:underline !important;
background-color:#FBFFCF;
}
#primaryContent a{
color:#333;
}
#secondaryContent a, #also1 a, #also2 a{
text-decoration: none;
}
#navigation p a{
color:#333;
}
#navigation strong{
font-weight:normal;
}
#nav2 a, #nav3 a{
color:#d2a831;
}
#nav1 a{
color:#99be38;
}
#nav1 em a{
font-style: normal;
color:#db4d03;
}
#primaryContent .postfoot a{
color:#74975b;
}
#nav5 a{
color:#333;
}
#masthead a{
color:#db4d03;
}
#footer a{
color:#ad322d;
text-decoration:none;
}
cite a{
text-decoration:none;
}
cite .icon{
margin:0 0 -5px 0;
}

/* ----- TABLES ----- */

.post table{
font-size:.8em;
margin:0 0 .9em 0;
}
.post thead{
background-color:#333;
color:#eee;
letter-spacing:.1em;
}
.post td{
padding:10px 10px 10px 10px;
border:1px solid #ccc;
}

/* ----- FORMS----- */

#primaryContent form{
margin: 0 15px .9em 20px;
}
#primaryContent form h3{
margin:0 0 .9em 0;
}
#masthead input{
font-size:1em;
}
#secondaryContent label{
margin:0 0 .4em 0;
display:block;
}
label .icon{
margin:0 0 -4px 3px;
}
#extra label{
color:#999;
}
#extra input{
margin:.3em 0 0 0;
}
#commentForm .messageBox{
margin:0 10px .9em 0;
}
#commentForm label{
margin:0 0 3px 0;
}
#commentForm input{
width:50%;
}
#commentForm textarea{
width:100%;
height:125px;
}