﻿@import 'reset.css';
@charset "utf-8";
/* CSS Document */

html, body  {
	height: 100%;
	padding: 0;
	margin: 0;
	/* font-size: 0.9em;*/
	font-family: Arial, Verdana, Sans-Serif;
	background: #333333 url(/background.jpg);
	color: #ffffff;
	text-align: center;
}

/* -------------------
SiteNews
values top right bottom left
------------------- */
h1 {margin: 0px 0px 0px 5px; text-align: Left; font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left;font-size: 1.1em;color: #ffffff;}
h1 A:link { text-align: Left; text-align: left;color: #ffffff;}
h1 A:visited { text-align: Left; text-align: left;color: #ffffff;}
h1 A:active {text-align: Left; text-align: left;color: #ffffff;}
h1 A:hover {text-align: Left; text-align: left;color: #ffffff;}

h2 {margin: 0px 0px 0px 10px; text-align: Left; font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left;font-size: 14px;color: #ffffff;}
h3 {margin: 20px 0px 10px 0px; text-align: Right; font-size:1.0em; font-family:Arial; color: #666666; padding-right: 10px;}
h4 {margin-right: 10px; margin-left: 20px; font-weight:normal; font-size: 12px;text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;color: #ffffff;}
h5 {margin-right: 10px; margin-left: 35px; font-weight:normal; font-size: 12px;text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;color: #666;}
h6 {margin: 0px 0px 0px 5px; text-align: left; font-size:0.8em; font-family:Arial; color: #666666; text-transform:uppercase;}

p {margin: 0px 10px 0px 5px;text-align: Left; font-weight:normal; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif;}
A:link {text-decoration: none;color: #ffffff;}
A:visited {text-decoration: none;color: #666666;}
A:active {text-decoration: none;color: #ffffff;}
A:hover {text-decoration: underline;color: #ffffff;}
.style_gap {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 3pt;color: #FFFFFF;}

#page_headline {padding: 0px 0 0px 0px; margin-left:5px; margin-right:5px; margin-top:0px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px; color: #ffffff; vertical-align: top; background-color:#666666; text-align: right;}
#page_headline h2 {font: bold 1.5em arial, verdana, sans-serif; border-bottom:1px solid #FFC166; margin: 5px 0 10px 0; /* top right bottom left */} 
#HR {height:1px; width:98%; background:#FFC166; padding: 0px 0px 0px 0px; margin: 5px 5px 5px 5px;}

#article {text-align: left; overflow: hidden; min-height: 100px; color: #ffffff;}

.date { display: block; margin-left: 5px; padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999;}

#article img {margin: 0px 10px 5px 0px; float: left;}

#article_author_time_comment {margin: 0px 5px 10px 5px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #ffffff;vertical-align: top;background-color:; text-align: left;}
#article_author_time_comment h2 {margin:0px; font-family:Arial; color: #666666; border-top:1px solid #FFC166;}
#article_author_time_comment A:hover {text-decoration: underline;color: #ffffff;}
#article_author_time_comment A:link {text-decoration: none;color: #333; }
#article_author_time_comment A:visited {text-decoration: none;color: #555555;}
#article_author_time_comment A:active {text-decoration: none;color: #ffffff;}

#article_author_time_comment img {margin: 5px 0px 0px 0px; vertical-align:-50%;}

#article_facebook_like {float:right;}

#comments {text-align: left; overflow: hidden; min-height: 100px}
#comments p {margin: 0px 0px 0px 40px; font-style:italic;}
#comments h1 {margin: 0px 0px 0px 10px;  font-size: 1.0em;text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;color: #ffffff;}

.comment_body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11pt;color: #ffffff;}
#comments_Date_Stamp { font-family: Verdana; font-size: 7pt; font-weight: bold;padding-bottom: 20px;margin-top: 5px;padding-top: 5px;text-decoration: none; color: #ffffff; border-top: 1px dotted #cccccc;text-align: right;}
.comment_to { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;color: #c0c0c0;}

#OTHER_NEWS_HEADLINE {margin:5px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16pt;color: #ffffff;vertical-align: top;background-color:#666666; text-align: right;}
#OTHER_NEWS_HEADLINE h2 {margin:0px; font-size:20px; padding-left: 2px; border-bottom:1px solid #FFC166;}

#other_headlines h3 {margin: 20px 0px 10px 0px; text-align: Right; font-size:1.0em;}

#Next_Prev_buttons {text-align: right; margin-right:5px;}
#Next_Prev_buttons p {text-align: right; margin-right:5px;text-align:right;}
#Next_Prev_buttons A:link {text-decoration: none; color: #666666;}
#Next_Prev_buttons A:visited {text-decoration: none; color: #666666;}
#Next_Prev_buttons A:active {text-decoration: none;color: #666666;}
#Next_Prev_buttons A:hover {text-decoration: underline;color: #666666;}

#captcha {margin: 10px 10px 10px 10px;}
#captcha p {margin-right: 10px; margin-left: 10px; font-weight:normal; font-size: 12px;text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;color: #ffffff;}
/***************************************************/
.reply {padding-bottom:10px;}
.reply p {margin-right: 10px; margin-left: 10px; font-weight:normal; font-size: 12px;text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;color: #ffffff;}
.reply fieldset
{
	background-color:;
	
	border-width:2px 0px 0px 0px;
	border-style:solid;
	border-color:#666;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
		
	margin:10px 10px 10px 10px;
	width:560px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}	

.reply legend
{
	background-color:none;
	
	border-width:0px 1px;
	border-style:solid;
	border-color:#666;
	
	color:#CCC;
	font-weight:bold;
	text-transform:uppercase;
	font-size:100%;
	letter-spacing:2px;
		
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
  }

.reply label {
	font-size:90%;
	color:#CCC;
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:0px 5px 0px 0px;
  }
.reply input
{
	width:350px;
	margin:5px 0px 0px 0px;
	
	border-width: 1px 1px 4px 1px;
	border-style: solid solid ridge solid;
	border-color:#657887;
	
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 2px;
} 
 
.reply textarea
{
	width:350px;
	margin:5px 0px 0px 0px;
	
	border-width: 1px 1px 4px 1px;
	border-style: solid solid ridge solid;
	border-color:#657887;
	
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 2px;
} 
.replybutton{
	background-color:#f0f2dc;
	
	border-width:2px;
	border-style:solid;
	border-color:;
	
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
	display:block;
	width:10px;
	padding:2px;
	margin:0px auto;
}
/* ------------- ------
GuestBook
values top right bottom left
------------------- */
.guestbook fieldset {
	margin: 10px 10px 10px 10px;
    border: 1px solid #C0C0C0;

}
.guestbook label {
  color: #c0c0c0;
  margin-right:10px;
  padding-top:10px;
  text-align:right;
  font-weight:bold;
  }
  
#guestbook {text-align: left; }
#line h2 {margin: 0px 5px 20px 5px; font-size:11px; font-family:Arial; color: #666666; border-top:1px solid #FFC166;}
.guestbook_reply fieldset {
	margin: 10px 10px 10px 10px;
    border: 1px solid #C0C0C0;
}
.guestbook_reply label {
  color: #c0c0c0;
  margin-right:10px;
  padding-top:10px;
  text-align:right;
  font-weight:bold;
  }

#guestbook_admin_reply {margin: 0px 0px 10px 50px; text-align:left; font-style:italic}
#guestbook_admin_reply h1 {margin: 0px 0px 10px 10px;  font-size: 15px;text-align:left;}
#guestbook_admin_reply p {text-align:left;}
#guestbook_admin_reply date {margin: 0px 0px 0px 0px;}



.guestbook_textbox1 { width: 32.0em; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff; border: 1px solid #ffffff; background-color: #333333;}
.guestbook_textbox { width: 10.0em; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff; border: 1px solid #ffffff; background-color: #333333;}
.guestbook_reply img {margin: 0px 0px 0px 10px; float:left;}


.guestbook_reply button {
	background: url(images/tab.gif) repeat-x;
	text-align: Left;
	width: 100px;
	height: 25px;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}
/* -------------------
Chart
------------------- */
#chart {text-align: left; overflow: hidden; min-height: 100px}
#chart h1 {margin: 10px 0px 0px 10px; text-align: Left; font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left;font-size: 1.3em;color: #ffffff;}
#chart p {margin: 10px 0px 0px 10px; text-align: Left; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left;font-size: 0.9em;color: #ffffff;}
#chart h2 {margin: 0px 0px 0px 35px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #666666;  padding: 0px 0 0px 0px;}
#chart .date { display: block; margin-left: 10px; padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999;}


/* -------------------
Links
values top right bottom left
------------------- */
#Links {text-align: left; overflow: hidden; min-height: 100px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#Links h1 {margin: 10px 0px 0px 10px; text-align: Left; font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left;font-size: 1em;color: #ffffff;}
#Links p {margin: 10px 0px 0px 30px; text-align: Left; font-weight:normal; text-align: left;font-size: 0.9em;color: #666666;}
#Links h2 {margin: 0px 0px 0px 35px;font-size: 10px; color: #666666;  padding: 0px 0 0px 0px;}
#Links h3 {margin: 0px 0px 0px 10px;text-align: right; font-size: 1em; color: #fff;  padding: 0px 0 0px 0px;}
#Links A:link {text-decoration: none;color: #ffffff;}
#Links A:visited {text-decoration: none;color: #666666;}
#Links A:active {text-decoration: none;color: #ffffff;}
#Links A:hover {text-decoration: underline;color: #ffffff;}
#Links ul ul {margin: 0px; padding-bottom:0px;}
#Links ul ul li {padding-bottom:0px;}
#Links .textbox {margin: 10px 0px 0px 10px; width: 25.0em; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff; border: 1px solid #ffffff; background-color: #333333;}
#Links fieldset {margin: 10px 10px 10px 10px;border: 1px solid #C0C0C0; }
#Links label {color: #c0c0c0; margin-right:10px; padding-top:10px; text-align:right; font-weight:bold;}


.quick_links A:link {font-size: 1em;text-decoration: none;color: #ffffff;}
.quick_links A:visited {font-size:1em;text-decoration: none;color: #ffffff;}
.quick_links A:active {font-size: 1em;text-decoration: none;color: #ffffff;}
.quick_links A:hover {font-size: 1em;text-decoration: underline;color: #ffffff;}

#Links_comment p {margin: 0px 0px 0px 30px; text-align: Left; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left;font-size: 11px;color: #666;}

#Links h4 A:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #ffffff; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0; text-decoration: none;}
#Links h4 A:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0; text-decoration: none;}
#Links h4 A:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px;  color: #ffffff; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0; text-decoration: none;}
#Links h4 A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #ffffff; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0; text-decoration: underline;}
#Links h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #ffffff; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0; text-decoration: none;}

/* -------------------
MediaPlayer
values top right bottom left
------------------- */

#MediaPlayer {margin: 0px 0px 0px 0px; padding:5px 5px 5px 0px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif;}

#MediaPlayer p {margin: 0px 0px 0px 5px; text-align:left; font-weight:normal;font-size: 0.9em;color: #ffffff;}
#MediaPlayer A:link {text-decoration: none;color: #ffffff;}
#MediaPlayer A:visited {text-decoration: none;color: #666666;}
#MediaPlayer A:active {text-decoration: none;color: #ffffff;}
#MediaPlayer A:hover {text-decoration: underline;color: #ffffff;}
#MediaPlayer image {margin: 0px 10px 10px 10px; float: left;}


#MPlayer_Content {float:right; width:345px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 0px; padding-bottom: 5px; margin:0; margin-left:10; margin-right:5px; background:#222222; border: 1px solid #222;}

#MPlayer_Content h1 {margin: 0px 0px 0px 10px; text-align: Left; text-align: left;font-size: 1em;color: #ffffff;}

#MediaPlayer_Comment {padding:0px 0px 0px 0px; text-align: left; color: #ffffff;}
#MediaPlayer_Comment p {margin-right: 10px; margin-left: 10px;}
#MediaPlayer_Comment article A:link {text-decoration: none;color: #ffffff;}
#MediaPlayer_Comment A:visited {text-decoration: none;color: #666666;}
#MediaPlayer_Comment A:active {text-decoration: none;color: #ffffff;}
#MediaPlayer_Comment A:hover {text-decoration: underline;color: #ffffff;}

#MediaPlayer_author_time_comment h2 {margin-left: 5px; margin-right: 5px; font-size:11px; color: #666666; padding-right: 2px; border-top:1px solid #FFC166;}
#MediaPlayer_author_time_comment A:link {font-size: 11px;text-decoration: none;color: #ffffff;}
#MediaPlayer_author_time_comment A:visited {font-size: 11px;text-decoration: none;color: #666666;}
#MediaPlayer_author_time_comment A:active {font-size: 11px;text-decoration: none;color: #ffffff;}
#MediaPlayer_author_time_comment A:hover {font-size: 11px;text-decoration: underline;color: #ffffff;}

.MediaPlayerBox_PopUp {margin: 10px 0px 5px 0px; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #ffffff;}
.MediaPlayerBox_PopUp A:link {text-decoration: none;color: #ffffff;}
.MediaPlayerBox_PopUp A:visited {text-decoration: none;color: #666666;}
.MediaPlayerBox_PopUp A:active {text-decoration: none;color: #ffffff;}
.MediaPlayerBox_PopUp A:hover {text-decoration: underline;color: #ffffff;}
.MediaPlayerBox_PopUp img {margin: 5px 0px 5px 15px;align:left; vertical-align:middle;}

#MPlayer_Container {min-height: 225px; padding:5px 5px 0px 5px; margin-right: 5px; margin-left: 5px;text-align: left; height: auto !important; /* for modern browsers */ height: 100%; /* for IE */ background:#222; border: 0 2px 0 2px solid #222;}
#MPlayer_Container h1 { text-align:left; font-weight:normal;}

#MPlayer_Photo {float:left; width:100px; margin:5; margin-left:4; margin-right:0 auto; text-align:left; border: 0px solid #;}

ul.player {
 list-style-type:none;
 margin:0px;
 padding:0px;

}

ul.player li {
 font-family: Helvetica, Arial, sans-serif;
 /*position:relative;*/
 display:block;
 width:auto;
  font-size:10px;
 color:#666;
 padding:0.5em 0.5em 0.5em 0.5em;
 border:none;
 background:;
 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
}

ul.player li a, ul.player li a:visited  {
 display:block;
 text-decoration:none;
 font-weight: bold;
 letter-spacing: -0.8px;
 color:#000;
 padding-left: 1.5em;
 font-size:20px;
 outline:none;
position:relative;
 z-index:3000;
 text-shadow: 0 0 0 #fff; /* stupid Safari "fat" font rendering tweak */
}

ul.player li a.play{
 background: url(admin/mediaplayer/icon_play.gif) no-repeat 0px 50%;
 background-image:url(admin/mediaplayer/icon_play.gif);
 color: white;
}
ul.player li a.download{
background: url(admin/mediaplayer/download-icon.gif) no-repeat 0px 50%;
background-image:url(admin/mediaplayer/download-icon.gif) no-repeat;
}

ul.player li a.popup{
 background: url(admin/mediaplayer/popup-icon.gif) no-repeat 0px 50%;
 background-image:url(admin/mediaplayer/popup-icon.gif);
 color: white;
}

ul.player li.play{
margin-top: 0.5em;
padding:0.5em 0em 1em 0.5em;
 background: #800000 ;

 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
}
ul.player li.download{
margin-top: 0.5em;
padding:0.5em 0em 1em 0.5em;
 background: #008000 ;

 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
}
ul.player li.popup{
margin-top: 0.5em;
padding:0.5em 0em 1em 0.5em;
 background: #222 ;

 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
}

ul.player li.shared_links{

margin-top: 0.5em;
padding:0.5em 0em 1em 0.5em;
float:left;

 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
}

ul.player li.download:hover {
 background-color:#ffcc00;
}
ul.player li.play:hover {
 background-color:#FF0000;
}
ul.player li.popup:hover {
 background-color:#222;
}


/* -------------------
Menu
------------------- */


.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;

}

.invertedshiftdown2 ul{
margin:0;

margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;

}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 1em Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 0.5em 5px 0.4em; /*Padding within each menu item*/
background-color: #777777; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #999999; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}


/* -------------------
PageGeneral   

values top right bottom left
------------------- */

#container
{
	margin: 0 auto;
	width: 970px;
	background: #333;
}

#header
{
	background: #333;
	padding: 0px;
	height:150px
}

#navigation
{
	float: left;
	width: 970px;
	background:;
	width:970px;
}

#content-container
{
	margin: 5px 5px 5px 5px ;
	float: left;
	width: 960px;
	background: #222;
}

#section-navigation
{
	float: left;
	width: 220px;
	padding: 0px 0;
	margin: 0 0px;
	display: inline;
	background:;
}

#content
{
	float: left;
	width: 600px;
	padding: 0px 0;
	margin: 0 0 0 0px;
	background:#333;
}

#aside
{
	float: Left;
	width: 130px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background:;
}
#footer
{
	clear: left;
	background: #333;
	text-align: center;
	padding: 0px;
}

.textbox_contact1 {width: 42.0em; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff; border: 1px solid #ffffff; background-color: #333333;}
.textbox_newsletter {width: 150px; float: left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff; border: 1px solid #ffffff; background-color: #333333;}

.spacer {padding: 0px; text-align: right;clear: both; text-transform: lowercase;}

.page_footer_links {text-align:center; font-size: 0.8em;color: #fff; padding: 0px 0 0px 0px; margin: 5px 0px 0px 0px; text-transform:uppercase}


/* -------------------
Sidebar
values top right bottom left
------------------- */

#sidebar {text-align:left; margin:5px;}
#sidebar p {margin-right: 0px; margin-left: 10px; font-weight:normal; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0; font-size: 0.9em;text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;color: #ffffff;}
#sidebar A:link {text-decoration: none;color: #ffffff;}
#sidebar A:visited {text-decoration: none;color: #666666;}
#sidebar A:active {text-decoration: none;color: #ffffff;}
#sidebar A:hover {text-decoration: underline;color: #ffffff;}

#sidebar h4 {font: 1.0em "Arial Rounded MT Bold";  color: #ffffff; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0;}
#sidebar ul {list-style:none; font-size:12px; color: #ffffff;}
#sidebar h2 {margin: 0px 0px 10px 0; font-size:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; padding-right 0px; border-bottom:1px solid #FFC166;}
#sidebar ul ul {margin:0px; padding-bottom:0px;}
#sidebar ul ul li {padding-bottom:0px;}
#sidebar h4 A:link {font-size: 9pt;text-decoration: none;color: #ffffff;}
#sidebar h4 A:visited {font-size: 9pt;text-decoration: none;color: #ffffff;}
#sidebar h4 A:active {font-size: 9pt;text-decoration: none;color: #ffffff;}
#sidebar h4 A:hover {font-size: 9pt;text-decoration: underline;color: #ffffff;}


