/*
Original design: andreas09 (v2.2 - July 07, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas09/
*/

/* Main tags */
body {background:#F0F0F0; color:#303030; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0; padding:0; text-align:center;}
a {color:#505050; font-weight:normal; text-decoration:none;}
a:hover {color:#808080; text-decoration:underline;}
p {line-height:1.5em; margin:0 10px 15px;color:#444444;}

/* Main container */
#container {background:#f0f0f0 url(img/bodybg-black.jpg) repeat-x; color:#303030; margin:0; min-width:770px; padding:0;  text-align:left; width:100%;}

/* Header section */
#sitename {color:#ffffff; height:92px; margin:0 20px 10px; text-align:left;}
#sitename h1,#sitename h2 {font-weight:400; letter-spacing:-2px; margin:0; padding:0;}
#sitename h1 {font-size:2.4em; padding-top:10px;}
#sitename h2 {font-size:1.6em;}

/* Horizontal menu */
#mainmenu {float:left; margin-bottom:25px;}
#mainmenu ul {font-size:16px; margin:0; padding:0;}
#mainmenu li {float:left; height:35px; list-style:none; margin:0; padding:0;}
#mainmenu a {border-right:1px solid #b0b0b0; color:#FAFCFF; display:block; font-size:0.7em; padding:11px 10px 10px; text-transform:uppercase;}
#mainmenu a:hover {background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none;}
#mainmenu a.current {background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none;}

/* Content wrap */
#wrap {clear:both; font-size:0.9em; padding:0;}

/* Sidebars */
#leftside,#rightside {background-color:#FAFCFF; border:6px solid #ECECEC; margin:0; padding:0 5px 5px; width:163px;}
#leftside {float:left; margin-right:3px;}
#rightside {float:right; margin-left:3px;}
#leftside h1,#rightside h1 {background:#F4FFF4; margin:10px; border:1px solid #DEDEDE; color:#606060;padding:5px 5px 5px 5px; position:relative; text-transform:uppercase; font-size:1.3em; font-weight:normal; letter-spacing:-1px; margin:0 0 12px;}
#leftside h2,#rightside h2 {font-size:1.1em; margin:0 0 20px;}
#leftside p,#rightside p {font-size:0.9em; line-height:1.4em; margin:0 0 16px 10px;}

.linklist {list-style:none; margin:0 0 16px 10px; padding:0;}
.linklist li {margin-bottom:0.7em;}

/* Sidebar menu */
.nav {background:#F4FFF4; border:1px solid #DEDEDE; color:#606060; display:block; margin-top:0px; padding:1px 4px 4px 3px; position:relative; text-transform:uppercase; width:140px;}
.nav:hover,.active {background:#f8f9fa; border:1px solid #909090; color:#303030; text-decoration:none;}
.sub {font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 10px; padding:4px 2px 2px 8px; width:125px;}

/* Content */
#content,#contentalt {background-color:#fafcff; border:4px solid #ECECEC; color:#2a2a2a; padding:13px 2px 2px;}
#content {margin:0 200px;}
#contentalt {margin:0 200px 0 20px;}
#content h1,#content h2,#contentalt h1,#contentalt h2 {background:#F4FFF4; border:1px solid #DEDEDE; color:#606060;padding:5px 5px 5px 5px; position:relative; text-transform:uppercase; font-size:1.3em; font-weight:normal; letter-spacing:-1px; margin:10px 20px 12px;}
#content h2,#contentalt h2 {font-size:1.1em; margin-bottom:10px;}
#content h3{font-size:1.0em; font-weight:normal; letter-spacing:-1px; margin:10px 20px 12px;background:#F4FFF4; border:1px solid #DEDEDE; color:#606060;padding:5px 5px 5px 5px; position:relative;}
h1.red  {background:#F95252; border:1px solid #DEDEDE; color:#606060;padding:5px 5px 5px 5px; position:relative; text-transform:uppercase; font-size:1.3em; font-weight:normal; letter-spacing:-1px; margin:10px 20px 12px;}
h1.green {background:#7BB573; border:1px solid #DEDEDE; color:#606060;padding:5px 5px 5px 5px; position:relative; text-transform:uppercase; font-size:1.3em; font-weight:normal; letter-spacing:-1px; margin:10px 20px 12px;}

#commtent,#commtentalt {background-color:#fafcff; border:4px solid #ECECEC; color:#2a2a2a; padding:13px 2px 2px; width:650px}
#commtent {margin:0 200px;}
#commtentalt {margin:0 200px 0 20px;}
#commtent h1,#commtent h2,#commtentalt h1,#commtentalt h2 {background:#E8ECF6; border:1px solid #DEDEDE; color:#444444;padding:5px 5px 5px 5px; position:relative; text-transform:uppercase; font-size:1.3em; font-weight:normal; letter-spacing:-1px; margin:10px 20px 12px;}
#commtent h2,#contentalt h2 {font-size:1.1em; margin-bottom:10px;}
#commtent h3{font-size:1.0em; font-weight:normal; letter-spacing:-1px; margin:10px 20px 12px;background:#E8ECF6; border:1px solid #DEDEDE; color:#444444;padding:5px 5px 5px 5px; position:relative;}
#commtent.button, input,textarea{
font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	background-color:#cccccc;
	padding:4px;
	border:0;
	color:#444444;
}
/* Footer */
#footer {background:#F0F0F0 url(img/footerbg.jpg); clear:both; color:#d0d0d0; font-size:0.9em; font-weight:bold; margin:0; padding:20px 0; text-align:center; width:100%;}
#footer a {color:#d0d0d0; font-weight:bold;}

/* Various classes */
.thumbnail {background:#fafbfc; border:1px solid #b0b0b0; margin:0 0 10px 10px; padding:5px;}
.searchform {margin:0;}
.searchbox {background:#102F31; border:1px solid #19916E; color:#ECECEC;  margin:2px 6px 0 0; width:200px;}
.searchbutton {background:#102F31; border:1px solid #19916E; color:#ECECEC; margin:2px 20px 0 0;}
.clearingdiv {clear:both; height:30px; width:1px;}
.hide {display:none;}
.intro {font-size:1.0em; font-weight:bold;}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}
.contact {width:500px;}
.red  {background:#F95252; border:1px solid #DEDEDE; color:#F4FFF4;padding:5px 5px 5px 5px; position:relative; text-transform:uppercase; font-size:1.3em; font-weight:normal; letter-spacing:-1px; margin:10px 20px 12px;}
.green {background:#7BB573; border:1px solid #DEDEDE; color:#F4FFF4;padding:5px 5px 5px 5px; position:relative; text-transform:uppercase; font-size:1.3em; font-weight:normal; letter-spacing:-1px; margin:10px 20px 12px;}
.search {float:right; }
.latest{background:#F4FFF4; margin:10px 20px 12px; border:1px solid #DEDEDE; color:#606060;padding:5px 5px 5px 5px; position:relative; text-transform:uppercase; width:700px;}
input, select, textarea{
font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	background-color:#FFFFFF;
	padding:4px;
	border:0;
	
	color:#444444;
}
input.button
{
	
	font-size: 12px;
	color:#444444;
	background-color:#FFFFFF;
	padding:2px;
	border:1px solid #444444;
}
.rating
{
    color:#020481;
    text-align: center;
    height:30px;
	width:200px;
	background-color:#FFFFFF;
	padding:10px;
}


.thumbs img {padding:2px; margin:3px 3px 3px 3px; border:1px solid #6C6C6C; background-color:#6C6C6C; color: #555;}
.thumbs img:hover {background: url(img/flash.gif);}
.vote 
{
    height:70px;
	width:200px;
	background-color:#FFFFFF;
	padding:10px;
	margin-left:220px;
	text-align:center;
}
.vote img
{
    float:center;
	}
	
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: #F4FFF4; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 12px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: left;
color: #444444;
background: #F4FFF4 url(toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: #ffffff; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}