body { background: url(images/Wallpaper.jpg); }
html, html * { margin: 0; padding: 0; }

#main { position: relative; font: normal 10pt/1.5 'Segoe UI', Arial, sans-serif;
	width: 762px; margin: 0 auto; padding: 0px 15px 0 220px; }

#bg { position: fixed; height: 100%; width: 997px; top: 0; left: 50%; margin-left: -500px;
      background: url(images/bg.png); border: 1px solid black; border-width: 0 1px; }
.content .body { position: relative; line-height: 2; color: #222; padding: 5px 0 5px 0px; }
.content .body .main { float: right; width: 590px; padding-bottom: 10px; }
/******************* Picture Groups ****************/
.content .pictures img { margin: 2px; vertical-align: middle; }

.content .pos_center { text-align: center; }
.content .pos_center img { margin: auto auto 10px auto; }
.content .pos_right { float: right; text-align: center; margin: auto auto auto 10px; }

.content .style_inline img { display: inline; margin: 5px; }
.content .style_block img { display: block; }

.author, .contentComment, .content .pictures .contentImage, .content .addComment,
.content .style_comment .loading, .comments .commentImg, .player {
	border: 2px solid #67a; padding: 2px; 
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
	box-shadow: 1px 1px 3px #888; -webkit-box-shadow: 1px 1px 3px #888; -moz-box-shadow: 1px 1px 3px #888; }

.content .style_comment { width: 605px; position: relative; overflow: hidden; margin: 10px auto 0 auto; }
.content .style_comment .images { padding-bottom: 10px; position: relative; white-space: nowrap; }
.content .style_comment .images .thumb { cursor: pointer; width: 70px; height: 70px; }
.content .style_comment .images .thumb:hover { border-color: #393; }
.content .style_comment .loading { font: normal 11px/1 Verdana; }
	
.content .style_comment .loading { position: absolute; width: 80px; height: 14px; top: 180px; left: 370px;
	background: white; text-align: center; display: none; padding: 4px; }

#header { display: block; position: relative; width: 996px; height: 180px; 
	margin-left: -220px; margin-bottom: 20px; z-index: 2; }

#sidebar { position: absolute; width: 182px; height: 100%; top: 0px; left: 0px; 
	 border-right: 1px solid #000; background: #002e00; min-height: 850px; }

#arrow { position: absolute; width: 23px; height: 45px; top: 230px; left: 182px; z-index: 2; }

ul.menu { list-style: none; border-bottom: 1px dotted #7a7; padding-top: 230px; margin: 0; }
.preview ul.menu { padding-top: 20px; }

ul.menu li { border-top: 1px dotted #7a7; background: #004e00; }
ul.menu li a:hover { background: #226022; }
ul.menu li a { display: block; padding: 12px; color: #FFDF57; text-decoration: none; font: normal 10pt/1.5 'Segoe UI', Arial; }

p.break { height: 20px; }

/********************** Video **********************/
.videodiv { display: block; margin: 10px auto; cursor: pointer; }
.videodiv .vidLinks { font: normal 12px/20px Verdana; margin: auto; }
.videodiv .vidLink, .videodiv .active { display: inline-block; width: 19px; height: 20px; padding: 0; 
	margin: 0 0 0 3px; text-align: center; }
.videodiv .vidLink:hover { color: white; background: url(images/vidlink_bg.png) no-repeat -21px 0; }
.videodiv .vidLink { cursor: pointer; color: black; background: url(images/vidlink_bg.png) no-repeat; }
.videodiv .active { cursor: default; color: white;  background: url(images/vidlink_bg.png) no-repeat -42px 0; }

.player { display: block; margin: auto; }

h1 { font-weight: normal; margin-bottom: 10px; color: #002e00; }

.icon, .contentComment, .content .pictures .contentImage, .content .addComment,
.content .style_comment .loading, .comments .commentImg, .player, #sidebar .commentImg,
.bigImg img {
	border: 1px solid #002e00; padding: 1px; background: white;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
	box-shadow: 1px 1px 2px #888; -webkit-box-shadow: 1px 1px 3px #888; -moz-box-shadow: 1px 1px 3px #888; }

em { color: #a00; font-weight: bold; }

.content { margin-bottom: 30px; }

.logos { padding: 20px 0; text-align: center; color: white; }
#expand { width: 1px; height: 1px; overflow: hidden; }
a img { border: 0; }

ul { margin-left: 30px;}