/* basic layout ---------- */
html { height: 100.02%; }

body{
padding:0;
background: #434343 url(images/bg.gif) repeat-y top;
color:#333;
font:13px/20px trebuchet ms, Arial, sans-serif;
margin:0;
}

#container{
width:800px;
margin:0;
margin-left:auto;
margin-right:auto;
background: #f8f2ee;
}

#header{
padding:2px 0 0 20;
margin:0 0 2px 0;
}

#art{
padding:0;
margin:0;
width:800px;
height:150px;
border:0;
}

#sidebar{
display:none;
}

#sidebar p{
font-size:12px;
line-height:16px;
padding:0 0 5px 0;
}

#content{
padding:0 20px 30px 20px;
margin:0 20px 0 0;
}

#footer{
display:none;
}

	
/* headings -------- */
h1{
color:#921a28;
font:22px/30px arial, trebuchet ms, verdana, sans-serif;
margin:20px 0 0 0;
padding: 3px 0 3px 0;
background: url("images/h1.gif") no-repeat 0px 6px;
border-bottom:1px solid #bbb;
}

h2{
color:#666;
font:14px/30px arial, trebuchet ms, verdana, sans-serif;
margin:20px 0 0 0;
letter-spacing: 2px;
padding: 3px 0 3px 18px;
background: url("images/h1.gif") no-repeat 0px 6px;
border-bottom:1px solid #bbb;
}

h1 a, h2 a{
color:#666;
}

h1 a:hover, h2 a:hover{
color:#222;
text-decoration:none;
}

h3{
color:#b42132;
font:14px/30px arial, trebuchet ms, verdana, sans-serif;
margin:18px 0 0 0;
letter-spacing: 2px;
padding: 3px 0 0 0;
}

h4{
color:#333;
font:120% trebuchet ms, verdana, sans-serif;
font-weight:bold;
margin:0;
}


/* linkage -------- */
a{
color:#b42132;
text-decoration:none;
}

a:hover{
color:#e5626e;
text-decoration:underline;
}


/* top nav -------- */
#nav {
display:none;
}

#nav ul{
border:0;
margin:0;
padding:0;
list-style-type:none;
text-align:center;
} 

#nav ul li{
display:block;
float:left;
text-align:center;
padding:0;
margin:0;
float:left;
}
	
#nav #on a{
color:#eb6e7e;
background:#111;
height:27px;
padding:7px 18px 0 18px;
margin:0;
display:block;
text-align:center;
float:left;
}

#nav ul li a{
height:27px;
padding:7px 18px 0 18px;
margin:0;
color:#fff;
text-decoration:none;
display:block;
text-align:center;
border:0;
float:left;
}

#nav ul li a:hover{
color:#999;
background:#111;
}



/* images -------- */

img { 
border: 0; 
}

img.left{
padding:3px;
border:1px solid #aaa;
float:left;
margin:16px 18px 0 0;
}

img.portfolio{
margin:25px 4px 0 6px;
}

img.left_n{
padding:3px;
border:1px solid #fff;
float:left;
margin:16px 18px 0 0;
}

img.icon{
padding:0;
border:0;
float:left;
margin:5px 0 10px 0;
}




/* lists -------- */
ul{
padding:0;
margin:0;
}

li{
list-style:none;
}

#sidebar ul li{
padding:1px 0;
margin:0;
font-size:12px;
color:#666;
line-height:24px;
}

#sidebar ul{
padding:0 0 15px 0;
margin:0;
font-size:10px;
}




/* other stuff -------- */
.comment{
color:#999;
background:#fff;
font-size:80%;
text-align:left;
margin:0;
}

.label{
color:#ccc;
font-size:80%;
text-align:left;
margin:15px 0 0 0;
}

.highlight{
font-weight:bold;
background:#ff9;
}

#footer p{
color:#999;
font-size:85%;
line-height:16px;
text-align:center;
}

#links{
margin:30px 200px 10px 10px;
padding:0 5px;
border:1px dotted #ccc;
background:#eee;
}

#links p{
font-size:85%;
padding:5px;
margin:0;
}