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

body {
 background: #000 url(images/alice.png) no-repeat fixed 93% 100% ;
 color: /* #90001e; */ #aaa;
 font: 62.5%/1.5em Verdana,  Arial, sans-serif; 
 width: 100%;
}
img { border: none; }
#hideme { display: none; }

a {
 color: #90001e; /* #cc6600; */
 text-decoration: none;	
}
a:hover {
 color: #ddd;
 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;
	min-height: 700px;
	max-width: 1000px;
 position: relative;	
 background: url(images/hatter.png) no-repeat 0 10px;
}
#wrapper-side {
	position: relative;
	top: 0px;
	left: 0px;
	width: 593px;
	height: 196px;
}

#wrapper-side h1 {
	position: relative;
	width: 593px;
	height: 196px;
	left: 200px;
	color: #000;
}
#wrapper-side h1 a {
	position: relative;
	display: block;
	width: 593px;
	height: 196px;
	z-index: 5;
	color: #000;
	text-decoration: none;
}
#wrapper-side h1 a: hover { 
	color: #000;
	text-decoration: none;
}
body.Ix #wrapper-side h1.Ix a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/h1_index.png) no-repeat 0 0;
}
body.a #wrapper-side h1.a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/h1_art.png) no-repeat 0 0;
}
body.b #wrapper-side h1.b span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/h1_pen.png) no-repeat 0 0;
}
body.c #wrapper-side h1.c span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/h1_blog.png) no-repeat 0 0;		
}
body.d #wrapper-side h1.d span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/h1_pix.png) no-repeat 0 0;	
}


#conTent {
	/* */
}
#right {
 float: right;
 width: 651px; 
  background: url(images/bx-bot.png) no-repeat 0 100%;
  margin-right: 109px;
}
#box {
  width: 100%;
  padding-top: 20px; 
  background: url(images/bx-top.png) no-repeat 0 0;
}
#box-in {
  width: 100%;
  background: url(images/bx-tile.png) repeat-y 0 0;
  margin-bottom: 20px;
  padding-top: 20px;
}
#left {
 width: 230px;
 height: 230px;
 position: relative;
 float: left; 
}



#navbar {
	width: 617px;
	height: 56px;
	padding-left: 260px;
}
#navbar ul {
	width: 617px;
	height: 56px;
	background:  url("images/navbar_bg.jpg") no-repeat 0 0;
}
#navbar ul li { /* */
	float: left;
	margin: 0;
	display:block;
	position: relative;
}
#navbar ul li.a {
	height: 55px;
	width: 105px;	
}
#navbar ul li.a a {
	position: absolute;
	height: 100%;
	width: 100%; 
	background:  url("images/navbar.jpg") no-repeat 0 0;
}
#navbar ul li.b {
	height: 55px;
	width: 130px;	
}
#navbar ul li.b a  {
	position: absolute;
	height: 100%;
	width: 100%; 
	background:  url("images/navbar.jpg") no-repeat -105px -0;
}
#navbar ul li.c {
	height: 55px;
	width: 150px;	
}
#navbar ul li.c a  {
	position: absolute;
	height: 100%;
	width: 100%; 
	background:  url("images/navbar.jpg") no-repeat -235px 0;
}
#navbar ul li.d {
	height: 55px;
	width: 232px;	
}
#navbar ul li.d a  {
	position: absolute;
	height: 100%;
	width: 100%; 
	background:  url("images/navbar.jpg") no-repeat -385px 0;
}
#navbar ul li a:hover  {	
	background:  url(none);
}
body.a #navbar ul li.a a {	
	background:  url(none);
}
body.b #navbar ul li.b a {	
	background:  url(none);
}
body.c #navbar ul li.c a {	
	background:  url(none);
}
body.d #navbar ul li.d a {	
	background:  url(none);
}
  

#context {
 width: 581px; 
 margin: 0 auto;
}


#sidebar {
  position: absolute;
  top: 60px;
  left: 60px;
  padding: 5px;
	width: 200px;
	text-align: right;
  background: url(images/box_bg.png) repeat 0 0;
	border: 1px solid #535353;
}
#twitter_div {
  position: relative;
  top: 15px;
  left: 0px;
  padding: 5px;
	width: 200px;
	text-align: left;
  background: url(images/box_bg.png) repeat 0 0;
	border: 1px solid #535353;
}

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

#sidenav ul {
 margin-left: 5%;
}

#footer {
	clear: both;
	text-align: center;
	font-size: 0.8em;
	width: 100%;
}
#subfooter {
  float: right;
 width: 651px; 
  margin-right: 109px;
  padding-top: 5px;
}

/* 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;
}