/*
Theme Name: Prebuilt
Theme URI: http://www.devlounge.net
Description: A theme built by Astereostudio and Devlounge.
Version: 2.0.1
Author: Astereostudio & Devlounge
*/


/* Base Layout 
++ This is how the main site is structured. This includes wraps to
hold everything together in a clean and efficient way. These styles
are all used in the header.php, as they are repeated throughout everypage.
*/

a img {border: none; } 

#wrap {
height: 100%;
margin: 0 auto;
padding-top: 10px;

}



/* Index
++ In this case, we'll be splitting into two columns, but because
our recent comments feature is located in the sidebar, all of that will
be styled in the sidebar section below. This is where classes such as headlines
and post links are defined.
*/


/* Entry & Post Styling
++ This is where we will be styling the paragraph elements and their link states, to eliminate image borders and allow you to set different image link styles.
*/



/* Comments
++ Here we are setting the styles, colors, and etc for the post comments. Prior to prebuilt 2, we didn't even add any css for this (forgot really), so now go have fun and customize away!
*/

#commentarea {
width: 100%;
padding-left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 15px;
}

#precomments {
width: 100%;
}

#precomments img {
vertical-align: text-bottom;
border: 0px;
}

.comleft {
width: 75%;
float: left;
}

.comright {
width: 20%;
float: right;
}

h3#comments {
font-size:14px;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
color: #666;
margin: 0px;
}

#commentsheader {
background-image: url(images/reply.gif);
height: 55px;
width: 300px;
}

.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:250px;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}

ol.commentlist{
	color:#777;
	font-size:11px;
	list-style-type:none;
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
	margin:0;
	margin-top:1.5em;
	padding: 0px;
        width: 80%;
}

ol.commentlist a {
			color: #555;
			text-decoration: none;
			border-bottom: 1px dotted #ca1717;
			display: inline;
 }
			
		ol.commentlist a:hover {
			color: #222;
			text-decoration: none; 
}

.cauthor {
font-weight: bold;
font-size: 12px;
}

.cauthor a {
color: #555;
                        font-size: 12px;
                        font-weight: bold;
			text-decoration: none;
			border-bottom: 1px dotted #ca1717;
}

.cauthor a:hover {
color: #222;
text-decoration: none; 
}

.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}

.alt{
	background:#fff;
	padding:0.5em;
}

.alt2{
	background: #fff url('images/postdata.gif') 15px center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	margin: 10px auto;
	padding: 5px 20px 5px 45px;
}

.comment-even, .comment-preview {
	background-color: #F8FAFC;
}

.comment-odd {
	background-color: #fff; /* Change this colour to add "Flip flopping" backgrounds */
}

.authorcomment { /* Author background color */
	background-color: #f7f7f7;
}

/* Comment/Trackback Favatars & Gravatars */
.comment-favatar {
	-moz-opacity:0.5;
	opacity: 0.5;
	
	background: center center;
	float: right;
	margin: 2px 0 0 0; 
	width: 16px;
	height: 16px;
}
.comment-favatar:hover {
	-moz-opacity:1;
	opacity: 1;
}
.trackback-favatar {
	background: center center;
	width: 16px;
	height: 16px;
	float: left;
	margin: 2px 6px 0 2px;
	cursor: pointer;
}
.comment-gravatar img {
	float: right;
	padding: 2px;
	margin: 0;
	border: 1px solid #A5A5A3;
	width: 30px;
	height: 30px;
	background: #fff url(wp-content/gravatars/avatar.jpg) no-repeat center center;
}

#commentform textarea {
	width: 90%;
}

.gravatar {
	margin-right: -5px;
	float: right;
	border: 0px;
	}

ol.commentlist blockquote {
	background: #F8FAFC url("images/blockquote.gif") no-repeat left top;
	border: 1px solid #ebebeb;
	padding:1px;
        line-height: normal;
	font-size: 10px;
}

.whopostedthis {
font-weight: bold;
font-size: 11px;
}





/* Footer
++ The footer is where it all comes together and comes to a close. Styling this is fairly simple, because there's not much to do.
*/


/* Cal
++ We tweaked out the calander so it looks alot smoother than the default widget one. Here's how it works. It's been set to light greys so it matches all our color schemes.
*/

#wp-calendar {
	background-color:#F1F1EF; 		
	border-top:1px solid #FFFFFF;	
	font-size:9px;
	vertical-align:middle;
	text-align:center;
        width: 210px;
        margin-bottom: 12px;
}

#wp-calendar a {
border: 0px;
text-decoration: none;
}

#wp-calendar a:hover {
border: 0px;
text-decoration: none;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #f7f7f7;
	color: #222;
}

#wp-calendar caption {
	color: #999;
	font-size: 10px;
	text-align: center;
	padding: 2px;
}

#wp-calendar td {
	color:#333333;
	font: normal 9px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	background-color: #FFFFFF;
}

#wp-calendar td.pad:hover {
	font-size:9px;
	color:#222;
	background-color: #e2e2e2;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #ccc;
	color: #222;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
/* Integrated Styles */
/********************************************
   AUTHOR:  			Marty Desilets 
   WEBSITE:   			http://www.sagittamarketing.com.com/
	TEMPLATE NAME: 	ThorPower
   VERSION:          1.0
	LAST MODIFIED:    Now-05-2007       	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
	text-align:center;
	color: #cbcbcb;
	background: #000000;
	text-align: center;
	background-attachment: fixed;
	background-image: url(/wp-content/themes/thor/images/bg_grad.jpg);
	background-repeat: repeat-x;
	background-position: bottom;

}

/* links */
a {
	background: inherit;
	color: #febe10;
	text-decoration: none;
}
a:hover {
	background: inherit;
	color: #FFF;
	text-decoration: underline;
}

/* headers */
h1, h2, h3 {
	font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
}
h1 {
	font-size: 1.4em;
	color: #FEBE10;
	font-weight: bold;
}
h2 {
    border-bottom:1px solid #111111;
    color:#FEBE10;
    font-size:24px;
    padding:10px 0px 10px 5px;
    text-transform:uppercase;
	}
h3 {
    border-bottom:1px solid #111111;
    color:#FEBE10;
    font-size:16px;
    padding:10px 0px 5px 5px;
	}
h4 {
    color:#FEBE10;
    font-size:13px;
    padding:10px 0px 5px 15px;
	}

#content p, h1, h2, h3 {
	margin: 10px 15px;
}
#content ul, #content ol {
	margin: 10px 30px;
	padding: 0 15px;		
}

/* images */
#content img {
	border: 1px solid #111;
	padding: 5px;
	background: #222;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #006600;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
	padding: 0 0 0 20px;
	background-color: #222;
	background-position: 8px 10px;
	border: 1px solid #111;
	border-left: 3px solid #FEBE10;
	font: bold 1.2em/1.5em;
	color: #FFFFFF;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 15px;
	background-color: #222;
}
th strong {
	color: #000;
}
th {
	background: #febe10;
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #000000;
	text-align: left;
	border-left: 1px solid #111;
	border-bottom: solid 2px #222;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	/* border-left: 1px solid #FFE1C3; */
	border-left: 1px solid #222;
	border-bottom: solid 1px #222;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #333;
}
tr.row-b {
	background: #222;
}
/* end - table */

/* form elements */
form {
	margin:10px 15px;
	padding: 0;
	border: 1px solid #222;
	background-color: #444;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	color: #febe10;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	margin: 0;
	font: bold 1em Arial, Sans-serif;
	background: #FFF url(gradientbg.jpg) repeat-x;
	padding: 2px 3px;
	color: #febe10;
	border: 1px solid #666;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	margin: 0; padding: 0;	
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #333; 
	height: 20px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	font: bold 12px Arial, Sans-serif; 
	color: #333;	
	width: 60px;
	height: 26px;
	border: 1px solid #DADADA;
	padding: 3px 5px;	
	vertical-align: top;
}

#hppost #form_22054 ul li {
list-style-image: none;
list-style: none;
}

/***********************
	  LAYOUT
************************/

#header-content, #content, #footer-content {
	width: 960px;
}

/* header */
#header {
	height: 120px;
	text-align: left;
}
#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
}
#header-content h1#logo {
	position: absolute;
	font: bold 45px;
	letter-spacing: -2px;
	color: #FFF;
	margin: 0;
	padding: 0;
	/* change the values of left and top to adjust the position of the logo */
	top: 5px;
	left: 0px;
	background-image: url(images/logo.gif
	);
	width: 289px;
	height: 97px;
	text-indent: -4000px;
	border: 2px solid #000;
}
#header-content h1#logo a {
	text-decoration: none;
	color: #FFF;
}
#header-content #slogan {
	position: absolute;	
	font: bold 12px ;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 55px; left: 40px;
}

/* header menu */
#header-navigation {
	position:relative;
	width: 990px;
	margin: 0 auto;
}
ul#main-nav {
height:31px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
min-width:400px;
width:100%;
}
ul#main-nav li {
float:left;
height:31px;
margin:0pt 3px 0pt 0pt;
padding:0pt 0pt 0pt 7px;
}
ul#main-nav li a {
display:block;
float:left;
font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
font-size:12px;
font-weight:bold;
margin:0pt;
padding:8px 7px 0px 7px;
text-decoration:none;
}
ul#main-nav li a:hover {
text-decoration:none;
}
ul#main-nav li {
background:transparent url("images/bg_main_nav_tab.gif") no-repeat scroll 0pt;
}
ul#main-nav li a {
	background:transparent url("images/bg_main_nav_tab.gif") no-repeat scroll 100% 0pt;
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
}
ul#main-nav li a:hover {
color: #FEBE10;
}
ul#main-nav li.selected {
background-image:url("images/bg_main_nav_tab_selected.gif");
}
ul#main-nav li.selected a {
background-image:url("images/bg_main_nav_tab_selected.gif");
color:#FFFFFF;
}
ul#sub-nav li a {
color:#999999;
}
ul#sub-nav li.selected a {
color:#FFFFFF;
}
ul#sub-nav li.spacer {
color:#444444;
}
/* Sub pages */
ul#main-nav li li {
background:transparent;
float:none;
width:auto;
border-bottom: 1px dashed #111;
padding-top: 4px;
}
ul#main-nav li li a {
background:transparent;
border:medium none;
color:#FFF;
display:block;
float:none;
font-size:11px;
font-weight:bold;
height:auto;
padding:2pt;
text-align:left;
width:200px;
}
ul#main-nav li li a span {
display:block;
padding:8px 10px;
}
ul#main-nav li li a:hover {
color:#FEBE10;
}
ul#main-nav li li a:hover span {
background:transparent;
}

ul#main-nav li li a {
float:none;
}
ul#main-nav li ul {
background:#222 none repeat scroll 0%;
border:1px solid #111;
left:-5000px;
line-height:1;
margin:0pt;
padding:0pt;
position:absolute;
width:220px;
z-index:10;
top:31px;
list-style: none;
}
ul#main-nav li:hover ul ul, ul#main-nav li.sfhover ul ul {
left:-5000px;
}
ul#main-nav li:hover ul, ul#main-nav li li:hover ul, ul#main-nav li.sfhover ul, ul#main-nav li li.sfhover ul {
left:auto;
}
ul#main-nav li ul ul {
margin:-33px 0pt 0pt 200px;
}
ul#main-nav li.current_page_item a, ul#main-nav li.current_page_item a:hover {
color: #febe10;
}

/* home icon */

#main-nav .page-item-11 a {
text-indent: -99999px;
background-image: url(/wp-content/themes/thor/images/nav-home.gif);
background-position: 2px 8px;
background-repeat:no-repeat;
padding-right: 18px;
width: 3px;
}
#main-nav .page-item-11 a:hover {
text-indent: -99999px;
background-image: url(/wp-content/themes/thor/images/nav-home-hover.gif);
background-position: 2px 8px;
background-repeat:no-repeat;
padding-right: 18px;
}



/* header photo */
.headerphoto {
	margin: 0 auto;
	width: 970px;
	height: 200px;
	padding: 15px 10px 10px 10px;
	background: #303030 url(images/header_photo.jpg) no-repeat center;
}
.header_channel {
	margin: 0 auto;
	width: 970px;
	height: 100px;
	padding: 15px 10px 10px 10px;
	background: #303030 url(images/header_channel.jpg) no-repeat center;
}
/* content */
#home_welcome {
	width: 470px;
	float: left;
	padding: 0px 5px 0px 5px;
	}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
}
#content {
	text-align: left;
	padding: 0 15px 0 15px;
	margin: 0 auto;
	background-color: #303030;
}

/* sidebar */
#sidebar {
	float: right;
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0;
}	
#sidebar h3 {
	padding: 10px 0px 5px 10px;
	margin: 0;
	font-size:10px;
	text-shadow:none;
	text-transform:uppercase;
	display: block;
	background-color: transparent;
	background: url("images/side_header.gif");
	background-repeat: no-repeat;
	color: #fff;
}
.sidebox {
	background: transparent;
	margin-bottom: 10px;
}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0 15px 0;
	padding: 0;
	background: transparent;
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu ul li {
	padding: 0px;
}

#sidebar ul.sidemenu li.current_page_item a, #sidebar ul.sidemenu li.current_page_item a:hover  {
color: #febe10;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #FFF;
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #D4D4D4;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D4D4D4;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #e3d000;
	color: #FEBE10;
}

/* main HOME */
#main_home {
	float: left;
	width: 100%;
	margin: 0 0 0px 0;
	padding: 0;
}
#main_home h1 {
	padding: 10px 0px 3px 5px;
	margin: 0 15pt 0 10px;
	border-bottom: 1px solid #111;
	font: bold 1.5em;
}
#main_home ul li {
	list-style-image: url("images/bullet.gif");
}

/* main */
#main {
	float: left;
	width: 73%;
	margin: 0 0 10px 0;
	padding: 0;
}
#main h1 {
	padding: 10px 0px 5px 5px;
	margin: 0 15pt 0 10px;
	border-bottom: 1px solid #111;
	font: normal 1.5em;
	font-weight: bold;
}
#main ul li {
	list-style-image: url("images/bullet.gif");
}


	#thumbs {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	position: relative;
	overflow:hidden;
	color: #000000;
	line-height:20px;
	margin:5px auto 0px;
	padding:20px 0px 0px;
	width:920px;
	}
	#thumbs[id] {
		clear:both;
	}
	.thumbBoxleft {
	float:left;
	margin:0px 0px 20px;
	overflow:hidden;
	padding:0px 20px 0px 0px;
	width:280px;	
	}
	.thumbBoxmiddle {
	float:left;
	margin:0px 0px 20px;
	overflow:hidden;
	padding:0px 20px;
	width:280px;
	}
	.thumbBoxright {
	float:right;
	margin:0px 0px 20px;
	overflow:hidden;
	padding:0px;
	width:280px;
	}
	.thumbImage {
	padding: 3px;
	}
	.thumbBoxleft p, .thumbBoxmiddle p, .thumbBoxright p {
		padding-top: 5px;
	}
	.thumbBoxleft ul, .thumbBoxmiddle ul, .thumbBoxright ul {
	text-align:left;
	margin:0pt;
	width:210px;
	list-style-image: url("images/bullet.gif");
	padding-left: 40px;
	font-size: 1.0em;
	}
	.thumbBoxleft li, .thumbBoxmiddle li, .thumbBoxright li {
		line-height: 20px;
		border-bottom: 1px dotted #666;
		}

#hppost {
	margin: 0;
	padding: 0;
	background: transparent url(images/gradientbg.jpg) repeat-x;
	border: 1px solid #222;
}
#hppost_home {
	margin: 0;
	padding: 0;
	border: none;
}
.post-footer   {
	background-color: #222;
	padding: 5px;
	margin-top: 20px;
	font-size: 95%;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	text-align: right;
}
#hppost .post-footer .date, #hppost_home #hppost-footer .date {
	background: url('clock.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
#hppost .post-footer .comments, #hppost_home .post_footer .comments {
	background: url('comment.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore, .post-footer .readmore {
	background: url('/thorpower/wp-content/themes/thor/images/page.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
#content p.right-txt {text-align:right; margin:0px 15px;}
a.more-link { background: #111; font-size: 10px; text-transform: uppercase; color: #FEBE10; padding: 3px 27px 3px 8px; position: relative;  }
a.more-link span { background: url(images/more-link.gif) no-repeat 0 0; height: 7px; width: 13px; display: block; top: 6px; right: 3px; position: absolute; }

/* footer */
#footer {
	clear: both;
	margin: 0 auto;
	padding: 0;
	font: 10px;
	text-align: left;
	width: 990px;
	background-image: url(images/bottom_cap.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#footer h1, #footer p {	margin-left: 0; text-align: right; }

#footer-content {
	margin: 0 auto;
	padding-left: 15px;
	padding-top: 20px;
}
#footer-content a {
	text-decoration: none;
	color: #febe10;	
}
#footer-content p {
	font-size: 10px;
}
#footer-content a:hover {
	text-decoration: underline;
	color: #febe10;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-content .col {
	width: 32%;
	padding: 0 5px 30px 0;	
}
#footer-content .col2 {
	width: 33%;
	padding: 0 0 30px 0;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  {
	color: #e3d000;
}
#topnav {
	float: right;
	margin-top: 75px;
	}
#topnav a {
	color: #fff
	}
#topnav a:hover {
	color: #e3d000;
}
#topnav input {
	float: left;
	}
span.search {
	display: block;
	background-color: #febe10;
	border: 1px solid #999;
	width: 39px;
	float: left;
	margin-right: 5px;
	}
p.clear {
clear: both;
height: 0px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
strong {
color: #fff;
font-weight: bold;
}

/* Editor CSS for wordpress SuperEdit */

.left {
	float: left;
	margin: 0px 10px 0px 0px;
	}

.right {
	float: right;
	margin: 0px 0px 0px 10px;
	}
	
.highlight {
background-color: #666666;
border-top: 2px dotted #febe10;
border-bottom: 2px dotted #febe10;
padding: 5px;
}
#content p.highlight-right {
	float: right;
	background-color: #666666;
	border-top: 2px dotted #febe10;
	border-bottom: 2px dotted #febe10;
	padding: 5px;
	margin: 10px;
	width: 220px;
}
#content p.highlight-right img {
	float: right;
	margin: 5px;
	border: none;
	background: none;
}
div.aligncenter {margin:0 auto;}
#content p.wp-caption-text {text-align:center; font-weight: bold; font-style:italic; margin: 5px 0;}

