/*
* Default Reactr theme
* Authors:
* Ben Ng
* Solitude
* Fluffball
*/

* {
	margin:0;
	padding:0;
}

body {
	/*This will center the wrapper in IE6*/
    text-align:center;
    background:#000000;
	color:#000;
	background-image:url('../Images/background.jpg');
}

.hidden_div {
	font-size:1px;
	visibility:hidden;
	display:none;
}

/*
* Main wrapper
*/
#wrapper
{
	width:880px;
    text-align:left;
	margin:0 auto;
	color:#333;
	line-height:130%;
	background-color:#FFF;
}

/*
* Standard link styles
*/
a img {
	border:none;
	padding-bottom:2px;
	border-bottom:2px solid #390;
}
#firstlogo {
	border:none;
}
a:hover img,
a:active img {
	border-color:#390;
}
a img.noborder {
	border:none;
	margin-left:-10px;
}
a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#390;
	text-decoration:none;
}
a:hover,
a:active {
	color:#3C0;
	text-decoration:underline;
}
/*
* Header
*/
#headerwrap {
	background-color:#000;
}
#header
{
	text-align:center;
	background-color:#000;
	padding:0;
	margin:0;
}
#header h1 {
	display:none;
	visibility:hidden;
	padding:0;
	margin:0;
}
#header a.titleimagelink,
#header img.titleimage {
	margin:0;
	padding:0;
	border:none;
}

/*
* Head Content
*/
#head_content {
	height:0px;
	visibility:hidden;
}

.head_content_left {
	position:absolute;
	left:50%;
	margin:0 0 0 -380px;
	width:240px;
}

.head_content_right {
	position:absolute;
	left:50%;
	margin:0 0 0 10px;
	width:390px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
	background-image:url(../Images/bigmagnify.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:240px;
}
.head_content_right h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:lighter;
	margin:10px 0;
}
.head_content_right a {
	font-size:16px;
	text-decoration:underline;
}
.head_content_right a:link,
.head_content_right a:visited {
	color:#0F0;
}

/*
* Header Tabbar
*/
#tabbar ol { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 2px 0 0 0; /* set margins as desired */
	font: 11px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #CCC; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 0 1px 0; /* THIRD number must change with respect to padding-top (X) below */
}
 
#tabbar ol li { /* do not change */
	display: inline;
}
 
#tabbar ol li.current { /* settings for selected tab */
	background-color: #000; /* set background color to match above border color */
}
 
#tabbar ol li.current a { /* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	border-bottom: 1px solid #FFF; /* set border color to page background color */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}
#tabbar ol li a { /* settings for all tab links */
	padding: 1px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #CCC; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #EEE; /* set unselected tab background color as desired */
	color: #000; /* set unselected tab link color as desired */
	margin-right: 2px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}
#tabbar ol li a.preview_open_a {
	background-color:#254552;
	border: 1px solid #254552;
	border-bottom: none;
	color:#FFF;
	padding: 1px 15px 1px 5px;
	background-image:url(../Images/panelarrow.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
#tabbar ol a:hover { /* settings for hover effect */
	background-color: #E4E2B1; /* set desired hover color */
}

/*
* Pagination
*/
.pagination {
	clear:both;
	padding:20px 0 0 0;
	background-color:#FFFFFF;
}
.pagination ul {
	list-style:none;
	white-space:nowrap;
	font-size:0px;
}
.pagination li {
	margin:0px 0px 0px 3px;
	display:inline;
	list-style-type:none;
}
.pagination li.info {
	padding:4px;
}
.pagination a {
	font-size:11px;
	padding:4px;
	color:#390;
	text-decoration:none;
	background-color:#EEE;
}
.pagination a:hover,
.pagination a:active {
	color:#FFF;
	background-color:#999;
}
.pagination a.current:link,
.pagination a.current:visited,
.pagination a.current:hover,
.pagination a.current:active {
	color:#FFFFFF;
	background-color:#390;
}
.pagination a.next,
.pagination a.previous,
.pagination a.first,
.pagination a.last {
	padding:4px 5px 3px 5px;
}

/*
* Sidebar
*/
#sidebar
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	width:150px;
	margin:0;
	padding:20px;
	padding-top:40px;
}
h3,
h3.current {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	margin:10px 2px 0 0;
	padding:0px;
	font-weight:bold;
}
#sidebar ul {
	margin:0;
	padding:0;
}
#sidebar li,
#sidebar li span.flash {
	list-style:inside circle;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#232323;
}
#sidebar li span.flash {
	color:#BB9F00;
}
#sidebar ul.current li {
	list-style:inside disc;
}
#sidebar a:link,
#sidebar a:visited,
#sidebar a.current {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#390;
	text-decoration:none;
}
#sidebar a:hover,
#sidebar a:active {
	color:#3C0;
}
#sidebar a.current {
	color:#000;
	font-weight:bold;
}
#sidebar input[type=text] {
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size:12px;
	padding:1px 4px;
}
#sidebar input[type=text]:active,
#sidebar input[type=text]:focus {
	border-color:#333333;
	background-color:#FFFFFD;
}
#sidebar input[type=submit] {
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size:12px;
	padding:1px 4px;
	margin-top:2px;
}
#sidebar input[type=submit]:hover {
	border:1px solid #333333;
	background-color:#FFFFFD;
}

/*
* Content
*/
#content {
	/*floated content to the right to get rid of the text-jog bug*/
    float:right;
	width:670px;
    padding-bottom:20px;
}
#content ul {
	margin:0;
	padding:0;
}
#content li {
	list-style:inside disc;
}
#content .post {
	font-size:14px;
	padding-bottom:20px;
}
#content .contentblock {
	padding-top:40px; /*Align with the sidebar*/
}
#content .contentblock {
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#000;
}
a.anchor:link,
a.anchor:hover,
a.anchor:active,
a.anchor:visited {
	text-decoration:none;
	color:#000;
}
#content h2, #content h3, #content h4, #content h5, #content p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#000;
	font-weight:lighter;
	padding:4px 0px;
	margin:0 0 5px 0;
	border-bottom:1px solid #CCCCCC;
	clear:both;
}
#content h3 {
	color:#000;
	font-size:25px;
	margin:15px 0 5px 0;
}
#content h4 {
	color:#000;
	font-size:20px;
	margin:10px 0 5px 0;
}
#content h5 {
	color:#000;
	font-size:18px;
	margin:7px 0 5px 0;
}
/*
* Post header section
*/
.postheader {
	/* 720px -20px (padding) - 54px (postdate) - 3px (inside) - 20px = 623px */
    width: 623px;
}
a.posttitle {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:35px;
	font-weight:lighter;
	color:#000;
	text-decoration:none;
	clear:both;
}
a.posttitle:hover,
a.posttitle:active {
	color:#390;
}
.posttop {
    padding:0 20px 0 0;
}
.comments {
  padding: 10px 20px 0 0;
}
.postcontent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/* use padding instead of margin to keep IE6 happy */
    padding: 10px 20px 0 0;
	text-align:justify;
}
.postcontent a {
	font-size:14px;
}
.postmeta {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555555;
}
.postmetaimpt {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#222222;
}
.postmeta a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#390;
	text-decoration:underline;
}
.postmeta a:hover,
.postmeta a:active
{
	color:#3C0;
}

/*
* Code
*/
div.code,
div.quote {
	padding:5px;
	margin:5px 15px 10px 15px;
	border-right:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
	border-left:5px solid #555555;
	background-color:#FFFFFF;
	display:block;
}
span.codetitle,
span.quotetitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	color:#555555;
	background-color:#EEEEEE;
	margin:-5px -5px -10px -5px;
	padding:2px 0px 2px 5px;
}

/*
* Gallery
*/
/*This div goes after the gallery to act as padding*/
.clear_div {
	clear:both;
	height:10px; /*Padding after gallery*/
}
a.gallery_thumb {
	padding:2px;
	border:1px solid #EEE;
	margin:0 1px 1px 0;
	background-color:#EEE;
	display:block;
	width:120px;
	height:90px;
}
.gallery_thumb_wrap {
	float:left;
}
a.gallery_thumb:hover,
a.gallery_thumb:active {
	background-color:#FFF;
	border-color:#333;
}
a.gallery_thumb img {
	border:none;
}
div .pic_nothumb,
div .vid_nothumb,
div .audio_nothumb,
div .file_nothumb {
	background-image:url(../Images/Tango/image-x-generic.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	overflow:auto;
	width:120px;
	height:90px;
}
div.vid_nothumb {
	background-image:url(../Images/Tango/video-x-generic.png);
}
div.audio_nothumb {
	background-image:url(../Images/Tango/audio-x-generic.png);
}
div.file_nothumb {
	background-image:url(../Images/Tango/x-office-document.png);
}

/*
* Comments
*/
#content h2 #comments_anchor {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	line-height:26px;
	color:#333;
	text-decoration:none;
	font-weight:lighter;
	padding:0;
	margin:0;
}
.evencomment,
.oddcomment,
.prominentcomment {
	width:auto;
	margin:5px 0 10px 0;
	padding:10px 5px;
	border-top:1px solid #AEAEAE;
	border-bottom:1px solid #AEAEAE;
	background-color:#ECECC9;
}
.oddcomment {
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	background-color:#FCFCE9;
}
.prominentcomment {
	border-top:1px solid #660033;
	border-bottom:1px solid #660033;
	background-color:#DFC3D1;
}
textarea {
	width:90%;
}

/*
* Footer
*/
#footer
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCC;
	background-color:#0B4107;
	padding:5px;
	clear:both;
}