*/* Summer 2008
••••••••••••••••••••••••• 
Title: Clean Rust
Author: Kristin Brenemen
Web Site: www.kristinbrenemen.com
Note: My first CSS Layout
••••••••••••••••••••••••• */

/* Body Properties
••••••••••••••••••••••••• */
{
padding: 0;
margin: 0;
border: 0;
}
body { 
font: 75% Helvetica, Arial, sans-serif;
color:#663300; 
background: white url(images/background2.jpg) repeat-y fixed center top; 
margin:0;
text-align: center;
}
p.p1{ 
font-size:1em;
line-height:1.3em;
margin:0.7em 0 0.7em 0;
padding:0;
}

p.p2{ 
font-size: 1.2em;
color: #AF8609;
line-height: 1.1em;
margin: 0.7em 0 0.7em;
padding:0;
letter-spacing: .05em;
}

p.p3{ 
font-size:1em;
line-height:1.3em;
margin:0.7em 0 0.7em 0;
padding:0;
text-align: left;
}

a{ 
color:#AF8609;
}
a:hover,
a:focus,
a:active
{ 
background:#AF8609; 
color:white;
border:0;
text-decoration:none;
}
div[id="container"] a,
div[id="container"] a:visited{
text-decoration:none;
border-bottom:1px dotted #900;
}

#container {
width: 605px;
margin: 0 auto;
padding:0;  
text-align: right;
	top: 0;
}

/* Body Content
••••••••••••••••••••••••• */

#content {
float: left;
width: 395px;
background: transparent;
margin: 0 0 0 45px;
}

#bodyone p,
#tagline p,
#bodyText p{
background:transparent url(images/hr.png) no-repeat bottom right;
margin:0;
padding:1.4em 0 1.4em 0;
}


h3{
color:#AF8609;
background: transparent;
	margin-bottom: -10px;
	margin-top: 15px;
	margin-right: 0;
}


h2{
color:#AF8609;	
background: transparent url(images/gear.png) no-repeat right;
padding: 0 14px 0 0;
margin: 0 2px 0 0;
	font-size: 95%;
}

h1{
color:#663300;	
background: transparent;
padding: 0;
margin: -5px 2px 0 0;
}

/* Navigation
••••••••••••••••••••••••• */

#navigate{
float: right;
font-family: Helvetica, Arial, sans-serif;
width:118px;
text-align:left;
	padding: 65px 0px 0 0px;
}

#navigate li{
font-size:0.8em;
display:block;
margin:0;
padding: 0 0 7px 0;
border-bottom:1px solid #F9F7F6;
}

#navigate li a{
display:block;	
padding: 4px 0 4px 7px;
border:1px solid #F9F7F6;
border-left:6px solid #ECC653;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#AF8609;
background:white;
}

#navigate li a:hover,
#navigate li a:focus,
#navigate li a:active{
padding-left:7px;
border-left:6px solid #f0b506;
color:#f0b506;
text-decoration:none;
}


	


/* Twitter
••••••••••••••••••••••••• */	

#twitter{
float: left;
width: 395px;
background: transparent;
margin: 0px 0 0 100px;
}


/* Footer
••••••••••••••••••••••••• */

#footer{
clear: both;
width: 395px;
height: 50px;
margin: 0 auto;
padding: 25px 0 0 0px;
}

#footer a{
color:#DCE4C2;
text-decoration:none;
font-weight:bold;
border:0;
}
#footer a:hover,
#footer a:focus,
#footer a:active{
color:#AF8609;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #900;
background:transparent;
}


/* Printer Guides
••••••••••••••••••••••••• */

@media print{
body
{
text-align:right;
color:black;
}

a{
color:black;
text-decoration:none;
border:0;
}
#navigate,
#footer,
#tagline .p2{
display:none;
position:absolute;
}
#container{
width:90%;
}
#intro,
#intro #pageHeader,
#bodyone,
#bodyText,
#tagline{
float:none;
width:90%;
display:block;
text-indent:0;
margin:0;
padding:0;
width:auto;
height:auto;
}
h1, h2, h3{
display:block;
text-indent:0;
float:none;
color:black;
width:auto;
height:auto;
float:none;
}
}