/*undohtml.css by Tantek Celik (CC) 2004*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none;outline:none; }
a{outline:none; }
address { font-style:normal;}

body{
background:#94bdd4 url(background_gradient.jpg) top left repeat-x;
font:14px Arial, Helvetica, sans-serif;
}

/*Heading*/
h1.heading{
font:64px Century Gothic;
letter-spacing:-3px;
color:#fd92da;
background:url(heading.png) 0px 10px no-repeat;
_background:none;
font-weight:bold;
position:absolute;
width:345px;
height:87px;
z-index:2000;
top:-8px;
left:10px;
}
h1.heading a{
width:100%;
height:90%;
display:block;
}
h1.heading span{
color:#aac6dc;
}
h1.heading small{
position:absolute;
top:64px;
right:-70px;
letter-spacing:0;
width:200px;
font:10px Arial, Helvetica, sans-serif;
color:#999;
}

/*wrap*/
div.wrap{
background:#fff;
border:1px solid #999;
width:800px;
position:relative;
top:70px;
margin:0 auto;
}

/*-------------------------------------------------------------------
						CONTENT AREA
/*-------------------------------------------------------------------*/
div.content{
width:540px;
float:left;
padding:5px;
}
div.content p{
font:18px/0.9 Arial, Helvetica, sans-serif;
color:#555;
border-bottom:1px solid #999;
padding-bottom:5px;
text-align:center;
margin-bottom:20px;
}
div.content a.rss{
display:block;
text-align:right;
color:#94bdd4;
text-decoration:underline;
}
div.content a.rss:hover{
color:#e994d0;
}
ul.latest li.pictures{
margin:0 0 6px 0;
border:1px outset #999;
height:auto !important;
}
ul.latest li.pictures a{
display:block;
position:relative;
width:100%;
height:100%;
background:#fff;
}
ul.latest li.pictures a:hover{
background:#ffe9ff;
}
ul.latest li.pictures a img{
float:left;
margin:5px 20px 5px 5px;
/padding-bottom:5px;
height:auto !important;
max-width:98%;
}
ul.latest li{
margin:0 0 6px 0;
height:60px;
border:1px outset #999;
overflow:hidden;
}
ul.latest li a{
display:block;
position:relative;
width:100%;
height:60px;
background:#fff;
}
ul.latest li a:hover{
background:#ffe9ff;
}
ul.latest li a img{
height:50px;
float:left;
margin:5px 20px 5px 5px;
}
ul.latest li a h2{
font:20px/1.0 Arial, Helvetica, sans-serif;
color:#444;
padding:3px;
}
ul.latest li a h2 small{
display:block;
font:10px/1.5 Arial, Helvetica, sans-serif;
color:#999;
}
ul.latest li a h3{
position:absolute;
bottom:5px;
right:10px;
font:10px/0.9 Arial, Helvetica, sans-serif;
color:#999;
text-align:right;
}

/*-------------------------------------------------------------------
						SIDEBAR
/*-------------------------------------------------------------------*/
div.sidebar{
width:239px;
margin-left:550px;
padding:5px;
}
div.sidebar h3{
font:18px/1.5 Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333;
text-align:center;
}
div.sidebar div{
margin:10px;
border:1px solid #999;
overflow:hidden;
}
div.sidebar div p{
font-size:14px;
text-align:center;
}
div.sidebar div a{
font-size:20px;
color:#444;
display:block;
text-align:center;
}
div.sidebar div a:hover{
background:#ffe9ff;
}
a.start{
margin:0 auto;
display:block;
width:190px;
height:30px;
background:url(start.jpg) top left no-repeat;
}
ul.hotList li{
margin:0 0 3px 0;
}
ul.hotList li a{
display:block;
width:100%;
height:100%;
text-align:left;
}
ul.hotList li a img{
height:30px;
margin:0 10px 0 5px;
float:left;
}
ul.hotList li a  h2{
font:16px/2 Arial, Helvetica, sans-serif;
color:#666;
}

/*-------------------------------------------------------------------
						USER SECTION
/*-------------------------------------------------------------------*/
div.user a.register-link{
font-size:14px;
padding-bottom:4px;
}
div.user li a{
font:16px/1.5 Arial, Helvetica, sans-serif;
color:#666;
}

/*imported form stuff*/
input,textarea{
display:block;
width:100%;
border:1px solid #999;
font-family:Georgia, "Times New Roman", Times, serif;
}
input{
font-weight:normal;
font-size:18px;
line-height:20px;
}
textarea{
height:100px;
}
label{
float:left;
display:block;
margin-right:10px;
}
label input{
display:inline;
width:auto;
border:0;
margin:auto;
margin-right:3px;
cursor:pointer;
}
div.content form{
width:400px;
margin:0 auto;
}
form ul{
list-style:none;
}
form li{
font-size:14px;
color:#666;
clear:left;
padding:0 5px 0 5px;
margin-bottom:3px;
}
form a.submit{
width:100%;
height:30px;
display:block;
font:19px Century Gothic;
background:url(button_left.jpg) top left no-repeat;
}
form a.submit:hover{
background:url(button_left.jpg) top left no-repeat !important;
}
form a.submit span{
width:100%;
height:30px;
overflow:hidden;
color:#fff;
padding:4px 0;
display:block;
cursor:pointer;
text-align:center;
background:url(button_right.jpg) top right no-repeat;
}
img.changePicture{
display:block;
margin:3px 0 3px 0;
border:1px solid #999;
}


/*lightBox*/
div.lightbox h2{
color:#666;
font:19px Century Gothic;
background:#9db0bc url(boxHeads.jpg) top left repeat-x;
height:24px;
overflow:hidden;
padding:1px 10px 0 10px;
margin:0 0 10px 0;
border-left:1px solid #9db0bc;
border-right:1px solid #9db0bc;
}

/*imported form stuff*/
div.lightbox input,textarea{
display:block;
width:100%;
border:1px solid #999;
font-family:Georgia, "Times New Roman", Times, serif;
}
div.lightbox input{
font-weight:normal;
font-size:18px;
line-height:20px;
}
div.lightbox textarea{
height:100px;
}
div.lightbox label{
float:left;
display:block;
margin-right:10px;
}
div.lightbox label input{
display:inline;
width:auto;
border:0;
margin:auto;
margin-right:3px;
cursor:pointer;
}
div.lightbox form ul{
list-style:none;
}
div.lightbox form li{
font-size:14px;
color:#666;
clear:left;
padding:0 5px 0 5px;
margin-bottom:3px;
}
div.lightbox form a.submit{
width:100%;
height:30px;
display:block;
font:19px Century Gothic;
background:url(button_left.jpg) top left no-repeat;
}
div.lightbox form a.submit span{
width:100%;
height:30px;
overflow:hidden;
color:#fff;
padding:4px 0;
display:block;
cursor:pointer;
text-align:center;
background:url(button_right.jpg) top right no-repeat;
}

/*span classes*/
.x{display:none;}
.ie6{display:none;_display:block;}
hr{visibility:hidden;height:0;margin:0;padding:0;clear:both;}