/* layout */
body { margin:20px 0 0 0; background:url(../style/tilebg.png); font:normal 10pt tahoma; }
div { border:0px solid red; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#1A9DD1; }
h1 { font-size:40pt; }
h5 { font-weight:normal; }

.preload { position:absolute; display:none; }

#topbgfade { background:url(../style/toptilebg.png) repeat-x; height:132px; width:100%; position:absolute; top:0px; left:0px; z-index:-999; }

#wrapper { position:relative; margin:auto; width:1000px; }
.star { position:absolute; top:-20px; left:930px; }
.plate { position:absolute; top:-15px; left:40px; }
#head { background:url(../style/headerbg.png) no-repeat; height:107px; width:1000px; }
#navigation { background:url(../style/bodybg.png) repeat-y; height:25px; width:1000px; }
#container { background:url(../style/bodybg.png) repeat-y; width:1000px; font:normal 10pt tahoma; }
#left { float:left; margin:17px 0 20px 30px; width:450px; }
#right { float:right; margin:17px 30px 20px 0; width:450px; }
#containerbottom { background:url(../style/bottombg.png) no-repeat; height:15px; }

#singlecol { padding:5px 30px 20px 30px; }
#largeleft { float:left; margin:10px 0 10px 30px; width:600px; }
#largeright { float:right; margin:10px 30px 10px 0; width:600px; }
#smallleft { float:left; margin:10px 0 10px 30px; width:320px; }
#smallright { float:right; margin:10px 30px 10px 0; width:320px; }
#termsbottom { float:left; margin:10px 30px 10px 30px; width:950px; }

#foottop { background:url(../style/topbg.png) no-repeat; height:15px; }
#foot { background:url(../style/bodybg.png) repeat-y; padding:0 30px 0 30px; position:relative; }
#footleft { float:left; text-align:left; }
#footright { position:absolute; bottom:0px; right:30px; }
#footbottom { background:url(../style/bottombg.png) no-repeat; height:15px; }

#topmenu { position:relative; left:10px; top:0; width:980px; font:normal 10pt tahoma; background-color:#D8E1ED; }
#topmenu img { border:0; vertical-align:middle; padding:0 0 3px 5px; }
.topmenuitemleft { background-color:#D8E1ED; padding:0 20px 0 20px; float:left; cursor:pointer; vertical-align:middle; line-height: 25px; text-align:center; }
.topmenuitemleft_hover { background-color:#9FB9CF; padding:0 20px 0 20px; float:left; cursor:pointer; vertical-align:middle; line-height: 25px; text-align:center; }
.topmenuitemright { background-color:#D8E1ED; padding:0 15px 0 20px; float:right; cursor:pointer; vertical-align:middle; line-height: 25px; text-align:center; }
.topmenuitemright_hover { background-color:#9FB9CF; padding:0 15px 0 20px; float:right; cursor:pointer; vertical-align:middle; line-height: 25px; text-align:center; }
.topmenuitemrightform { background-color:#FFFFFF; padding:0 0px 0 0px; float:right; vertical-align:middle; line-height: 25px; text-align:center; }
#wya { overflow:auto; }

/*
#post { background:#EEEEEE; padding:10px; border-left:5px dashed #DDDDDD; border-bottom:0; border-right:0; border-top:0; }
#postavatar { float:left; width:80px; height:80px; }
#postcontent { padding-left:90px; width:800px; }
*/

#posttext p { padding: 8px 3px 0px 3px; margin: 3px; }

.comments { height:550px; max-height:550px; overflow:auto; position:relative; }
#comment { margin:10px 5px 10px 15px; border-bottom:1px solid #DDD; position:relative; }
#commentavatar { float:left; }
#commentavatar img { padding-right:10px; }
#commentcontent { }
#commentcontrol { position:absolute; top:0; left:400px; }

#createcomment { margin:10px 10px 10px 15px; }

#foot { text-align:right; font-size:8pt; color:#999999; }

#miniLoginDiv { position:relative; top:20px; left:627px; width:350px; color:#EEEEEE; font:normal 10pt tahoma; }

/* form element styles */
label { float:left; text-align:right; margin-right:5px; margin-top:5px; width:150px; }
input, select, textarea { border:1px solid #999999; padding:2px; margin:2px; color:#333333; }
input:hover, select:hover, textarea:hover { border:1px solid #3ADDEA; }
#uacheckbox { border:0; }
#loadingAnim { position:absolute; }
#reCAPTCHA { margin-left:30px; }
#fieldset { background:#EEEEEE; padding:10px; border-left:5px dashed #DDDDDD; border-bottom:0; border-right:0; border-top:0; }
#tos {height: 150px; width: 600px; border: 1px solid #666; overflow: auto; background-color: #ccc; padding: 2px; margin: 1px;}
.readonly { background:#EEE; }
.hidden { display:none; }
#file input { background: #FFFFFF; }

/* font styles */
a:link, a:visited { color:#1A9DD1; }
a:active { color:#9FB9CF; }
a.light:link, a.light:visited { color:#9FB9CF; }
a.dark:link, a.dark:visited { color:#9FB9CF; }
a.button:link, a.button:visited { color:#333333; }
#topmenu a:link, #topmenu a:visited { text-decoration:none; color:#333333; }
#topmenu a:active { color:#FFFFFF; }

/* CLEARFIX START */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
}
.clearfix { /*firefox and ie see this, though it messes it up in firefox*/
    display: inline-block;
}
html>body .clearfix { /*ie cannot see this, firefox can, so it fixes it before its displayed in firefox*/
    display: block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
}
/* CLEARFIX END */

/* START IE FIXES */
body { text-align:center; }
#wrapper { text-align: left; }
/* END IE FIXES */

/* image upload */
iframe { height:23px; width:250px; overflow:hidden; display:inline; padding-top:3px; padding-left:2px; background:#EEEEEE;}
iframe.hidden { visibility:hidden; height:0; width:0; overflow:hidden; }
div#avatar { height:80px; }

#foodpics {  }
#foodpics div { width:408px; text-align:center; overflow:hidden; margin-top:10px; }
#foodpics img.load { margin-top:20px; }

#mouseoverpreviewpic div { position:absolute; width:300px; text-align:center; visibility:hidden; }
#mouseoverpreviewpic img { border:solid 5px red; }

/* notify styles */
.notifybad {
	background: #fff6bf url(../images/silkicons/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	margin:5px;
}
.notifygood {
	background: #E6FFBF url(../images/silkicons/accept.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #14D324;
	border-bottom: 2px solid #14D324;
	margin:5px;
}
.notifyinfo {
	background: #F8FAFC url(../images/silkicons/information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	margin:5px;
}

/* sliding doors button style technique */
/* usage: <a href="javascript:$('normalLogin').submit();" class="button"><span class="s">&nbsp;</span><span>Login</span></a> */
a.button {
	text-decoration:none;
	margin-left:2px;
	margin-right:2px;
	position:relative;
	top:5px;
	font:normal 10pt tahoma;
}
a.button span {
	height:22px;
	background: url(button.png) no-repeat top right;
	padding:3px 20px 3px 15px;
}
a.button span.s {
	height:22px;
	width:3px;
	background: url(button.png) no-repeat top left;
	padding:3px 0 3px 0;
}
a.button:hover span { background: url(button_hover.png) no-repeat top right; }
a.button:hover span.s { background: url(button_hover.png) no-repeat top left; }
a.button:active span { background: url(button_active.png) no-repeat top right; }
a.button:active span.s { background: url(button_active.png) no-repeat top left; }
a.inline { top:0; margin:0; } /* fixes button position when inline with text */

/* widget styles */
.adminfunctional {border: solid 1px #dddddd; margin-bottom: 5px; padding: 3px;}

.post-list { background:#eeeeee; padding:10px 10px 0 10px; border-top:dashed 10px #dddddd; }
.post-list-item { padding-bottom:10px; }
.post-list-item-img { float:left; margin-right:10px; }
.post-list-item-desc { }

.post-list-rewind { float:left; text-decoration:none; font-size:15px; letter-spacing: 2px;}
.post-list-rewind  img {border:0; vertical-align:middle; padding:0 5px 3px 0px; }
.post-list-fastforward { float:right; text-decoration:none; font-size:15px; letter-spacing: 2px;}
.post-list-fastforward  img { border:0; vertical-align:middle; padding:0 0 3px 5px; }

.news-list { background:#eeeeee; padding:10px 10px 0 10px; border-top:dashed 10px #dddddd; }
.news-list-item { padding-bottom:10px; }
.news-list-control { float:right; top:100; left:400px; }

.task-list { background:#eeeeee; padding:10px 10px 10px 10px; border-top:dashed 10px #dddddd; }
.task-list-col { padding: 5px; border-bottom: solid 1px #dddddd;}
.task-list-control { float:right; top:100; left:400px; }


.notifier-list { background:#eeeeee; padding:10px 10px 0 10px; border-top:dashed 10px #dddddd; }
.notifier-list-item { padding: 3px 0px 1px 12px; }

.randomizer-item { background:#eeeeee; padding:10px 10px 10px 10px; border-top:dashed 10px #dddddd; text-align:center; }

.tag_cloud { background:#eeeeee; padding:10px 10px 10px 10px; border-top:dashed 10px #dddddd; text-align:center; }
.tag_cloud a { text-decoration:none; }
.tag_cloud a:hover { color:#F00; }
a.cloud1 { font:bold 6pt tahoma; color:#6C8CD5; }
a.cloud2 { font:bold 8pt tahoma; color:#587CD0; }
a.cloud3 { font:bold 10pt tahoma; color:#446CCA; }
a.cloud4 { font:bold 12pt tahoma; color:#365FBF; }
a.cloud5 { font:bold 14pt tahoma; color:#3055AB; }
a.cloud6 { font:bold 16pt tahoma; color:#2B4B97; }
a.cloud7 { font:bold 18pt tahoma; color:#254183; }
a.cloud8 { font:bold 20pt tahoma; color:#1F376F; }

#picturecensor_pics { text-align: center; border: 1px solid black; width: 102px; padding: 1px; margin: 1px; float: left; height: 82px;}
#picturecensor_pics:hover { border: 1px solid red; background-color: #EEEEEE; }

.block-style { background:#eeeeee; border-left:dashed 10px #dddddd; }