/* css for Wolfrose 10-08 2 col */
@import url(reset.css);
a {
  cursor: pointer; cursor: hand;  
}

body {
 background: #fff ;
 color: #530f01;
 font: 62.5%/1.5em Verdana,  Arial, sans-serif; 
 width: 100%;
}
img { border: none; }
#hideme { display: none; }

a {
 color: #cc6600;
 text-decoration: none;	
}
a:hover {
 color: #530f01;
 text-decoration: underline;	
}
p, h5, li {
 font-size: 1.3em;
}
p {
 margin: 0.5em 5% 0.75em;
}
li {
 margin: 0.5em 8% 0.75em 0;
}
h5 {
 font-weight: bold;	
 margin: 0.5em 5% 0.75em;	
}
h4 {
 font-size: 1.4em;
 font-weight: bold;	
 margin: 0.5em 5% 0.75em;
}
h3 {
 font-size: 1.6em;
 font-weight: bold;	
 margin: 0.5em 5% 0.75em;
}
h2 {
 font-size: 1.8em;
 font-weight: bold;
 margin: 0.5em 5% 0.75em;	
}



#wrapper {
	text-align: left;
	margin: 0px auto;
	height: 600px;
	width: 1000px;
	background: url("i/bg_left.jpg") no-repeat 0 195px;
 position: relative;	
}
#wrapper-side {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 517px;
	height: 195px;
}

#wrapper-side h1 {
	position: relative;
	width: 517px;
	height: 195px;
}
#wrapper-side h1 a {
	position: relative;
	display: block;
	width: 517px;
	height: 195px;
	z-index: 5;
}
#wrapper-side h1 a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(i/logo.jpg) no-repeat 0 0;
}
#header {
	position: relative;
	background: url("i/bg_top.jpg") no-repeat 100% 0; /* adjust here for header width */
	width: 1000px;
	height: 195px;
}
#header-in {
	width: 483px;
	height: 195px;
	float: right;
}
#header-in h2 {
 margin-top: 35px;
 margin-left: 10px;	
 height: 151px;
 width: 347px;
 display: none;
}
body.a #header-in h2.a {
	display: block;
	background: url(i/artist.png) no-repeat 0 0;	
}
body.b #header-in h2.b {
	display: block;	
	background: url(i/author.png) no-repeat 0 0;	
}
body.c #header-in h2.c {
	display: block;
	background: url(i/bloggist.png) no-repeat 0 0;		
}
body.d #header-in h2.d {
	display: block;
	background: url(i/photographer.png) no-repeat 0 0;		
}


#conTent {
	width: 572px;
	min-height: 328px;
	background: url(i/bg_right.jpg) no-repeat 100% 77px;
	position: absolute;
	left: 428px;
	top: 195px;
}
#navbar {
	width: 572px;
	height: 77px;
}
#navbar ul {
	width: 572px;
	height: 77px;
	background:  url("i/navbar.jpg") no-repeat 0 0;
}
#navbar ul li { /* */
	float: left;
	margin: 0;
	display:block;
	position: relative;
}
#navbar ul li.a {
	height: 77px;
	width: 110px;	
}
#navbar ul li.a a {
	position: absolute;
	height: 100%;
	width: 100%; 
	background:  url("i/navbar.jpg") no-repeat 0 -77px;
}
#navbar ul li.b {
	height: 77px;
	width: 121px;	
}
#navbar ul li.b a  {
	position: absolute;
	height: 100%;
	width: 100%; 
	background:  url("i/navbar.jpg") no-repeat -110px -77px;
}
#navbar ul li.c {
	height: 77px;
	width: 136px;	
}
#navbar ul li.c a  {
	position: absolute;
	height: 100%;
	width: 100%; 
	background:  url("i/navbar.jpg") no-repeat -231px -77px;
}
#navbar ul li.d {
	height: 77px;
	width: 205px;	
}
#navbar ul li.d a  {
	position: absolute;
	height: 100%;
	width: 100%; 
	background:  url("i/navbar.jpg") no-repeat -367px -77px;
}
#navbar ul li a:hover  {	
	background:  url(none);
}

#main {
}
#left {
	float: left;
	width: 550px;
}
#side {
 width: 425px;
	padding-top: 200px;	
}
#sideleft {
	float: left;
	width: 200px;
	padding-top: 200px;	
}
#sideright {
	float: right;
	width: 220px;
}
#sidenav {
  padding: 5px;
	width: 200px;
	text-align: right;
	background: url('i/background.png') repeat 0 0;
	border: 3px solid #cc6600;
}
#twitter_div {
  margin-top: 10px;
  padding: 5px;
	width: 200px;
	text-align: left;
	background: url('i/background.png') repeat 0 0;
	border: 3px solid #cc6600;
}


/*
#sidenav a {
 color: #644; 
}
*/
#sidenav a:hover {
  color: #d2100;
}

#sidenav ul {
 margin-left: 5%;
}
#subfooter {
	height: 10px;
}

#footer {
	clear: both;
	text-align: center;
	font-size: 0.8em;
	width: 570px;
}

/* Livejournel */

#subject {
 font-size: 1.6em;
 font-weight: bold;	
 margin: 0.5em 5% 0.75em;
}
#date, .date {
 font-size: 1.3em;
 font-weight: bold;	
 margin: 0.0em 5% 0.75em;
}
#mood {
 font-size: 1.3em;
 font-weight: bold;	
 margin: 0.5em 5% 0.75em;
}
#amusic {
 font-size: 1.3em;
 font-weight: bold;	
 margin: 0.5em 5% 0.75em;
}
#comment {
 font-size: 1.3em;	
}
.feed {
 font-size: 1.3em;	
 margin: 0.5em 5% 0.75em;
}
.feed ul { font-size: 0.8em; }

table.ljt {
 margin-left: 10px;	
}
#datags {
  position: absolute;
  top: 510px;
  left: 60px;
  width: 108px;
}
#homelink {
 position: absolute;
 width: 220px;
}