/* --- main --- */

body {
   background: #F7F7F6 url(../images/background.gif) repeat-y 50% 0;
   background-attachment: fixed;
   margin: 0;
   padding: 0;
   text-align: center;
}

.clear {
	clear: both;
}

#container {
   margin: 0px auto;
   text-align: left;
   width: 692px;
}

h1 {
   text-indent: -9999px;
   width: 692px;
   height: 90px;
   background: url(../images/header.gif);
   margin: 0;
   padding: 0;
}


#left {
	width: 178px;
	float: left;
}

#content {
	width: 479px;
	float: left;
	padding: 15px 0 10px 20px;
}

#content h2 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #80866A;
	width: 454px;
	padding: 0 0 0 0px;
	margin:0;
}

#footer {	
	margin: 0px auto;
	position: relative;
	background-color: #959DB6;
	border-top: 9px solid #F7F7F6;
	width: 692px;
	padding: 5px 0;
	clear: both;
}

#footer h2 {
	maring: 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #D3D8C4;
}

#footer h2 a:visited, #footer h2 a:link {
	color: #D3D8C4;
	text-decoration: none;
	border-bottom: 1px dotted #D3D8C4;
}

#footer h2 a:hover {
	color: #FF0000;
	text-decoration: none;
	border-bottom: 1px solid #FF0000;
}

.text {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #5B604C;
	margin-bottom: 10px;
}

.imageright {
	float: right;
	padding: 7px;
	margin-left: 10px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

.imagecenter {
	float: center;
	padding: 7px;
	margin-right: 140px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

.imagecenterwebcam {
	float: center;
	padding: 7px;
	margin-right: 135px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

.imagecenterwebcam2 {
	float: center;
	padding: 7px;
	margin-right: 28px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

.img-wrapper {
	background: url(../images/shadow.gif) no-repeat bottom right;
	clear: right;
	float: left;
}

.img-wrapper img {
	margin: -5px 5px 5px -5px;
}

#img-post-top {
    padding: HEIGHT_OF_IMAGEpx 0 0 0;
    overflow: hidden;
    background-image: url("booru_top.gif");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:30px;
}

#img-post-bottom {
    padding: HEIGHT_OF_IMAGEpx 0 0 0;
    overflow: hidden;
    background-image: url("booru_bottom.gif");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:30px;
}

#img-post-center {
    padding: HEIGHT_OF_IMAGEpx 0 0 0;
    overflow: hidden;
    background-image: url("webcam/image.jpg");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:240px;
}

/* --- navigation --- */

#navcontainer {
	width: 178px;		
}

#navcontainer ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 20px;
	letter-spacing: 1px;
	border-bottom: 1px solid #fff;
}

#navcontainer a {
 	display: block;
 	width: 178px;
 	height: 22px;
}

#navcontainer a:link, #navcontainer a:visited {
	background: url(../images/bg_navbutton.gif);
 	color: #5C604D;
 	text-decoration: none;
}

#navcontainer a:hover {
	background: url(../images/bg_navbutton_over.gif);
	color: #5C604D;
	text-decoration: none;
}

#navcontainer li a#current {
	background: url(../images/bg_navbutton_over.gif);
	color: #5C604D;
	text-decoration: none;
}

/* --- favorite links--- */

#favlinks {
	width: 163px;
	padding-left: 15px;
	margin-top: 10px;
}

#favlinks h2 {
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #5C604D;	
	width: 454px;
	padding: 0 0 0 0px;
	margin:0;
}

#favlinks ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
}

ul {
	list-style: none; /* Remove list bullets */
	border: 0; /* Menu border */
	padding: 0; /* Remove bullet indent */
}

ul.extlinks li {
	background: url(../images/bullet_extlink.gif) no-repeat 0 3px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;
}

.extlinks a:link {
 	color: #5C604D;
 	text-decoration: none;
 	border-bottom: 1px dotted #5C604D;
}

.extlinks a:visited {
 	color: #6F2D47;
 	text-decoration: none;
 	border-bottom: 1px dotted #959E79;
}

.extlinks a:hover {
	background-color: #D3D8C4;
	color: #FF0000;
	text-decoration: none;
	border-bottom: 1px solid #FF0000;
}

#myPresence {
	border:1px solid #C0C0C0;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#FFF;
	font:10px verdana;
	position:relative;
	width:250px;
	height:auto;
	margin:auto;
	padding:5px;
}

#myPresence .icon {
	float:left;
}

#myPresence .info {
	position:relative;
	float:right; 
	width:70%;
}

.info .userName {
	font:bold 11px verdana;
	margin:0;
	padding:0;
}

.info dl {
	margin:0; padding:0;
	display:block;
}

.info dt {
	font-weight:bold;
	display:inline;
}

.info dd {
	display:inline;
	margin:0;
	padding:0;
}

.info dl span {
	display:block;
}

.info .status {
	text-transform:capitalize;
}

.info .away {
	color:red;
}

.info .idle {
	color:gold;
}

.info .online {
	color:green;
}

.info .mobile {
	color:gray;
}