/*
Theme Name: TwilightGuy.com - 2010 Theme
Version: 3.0
Description: Originally based on the template Natural Essence by Viktor Persson. Redesigned for Kaleb Nation.
Based off the design by: Viktor Persson (http://arcsin.se)
Author: KN
*/


/* readability updates */

p {
    font-size: 14pt;
    line-height: 1.8;
    padding: 8px;
}

.col2 h1 {
    font-size: 26pt;
    color: #8a0104;
}


/* default elements */

* {margin: 0; padding: 0;}


 body {



	background: #000000 url(img/tg-bkrnd.jpg);



        background-repeat: no-repeat;



        background-position: top center;



        background-attachment: scrolling;



	color: #000000;



	font: normal .9em Times New Roman;



 	padding: 10 15 10 15;







}



#signup {

background: #000000;

font: bold 0.9em verdana;

color: #ff9696;

padding: 0px 0px 0px 0px;

text-align: right;


}




a {color: #212121;
 }



a:hover {color: #6e0000;}







big {font-size: 1.1em;}







h1,h2,h3 {color: #212121; padding: 9px 0 2px;}







h1 {font: bold 2.0em Times New Roman; padding: 5px 0px 10px 0px}



h1 a {text-decoration: none;}



h1 a:hover {color: #000000;}







h2 {font: bold 1.7em Times New Roman serif; padding: 15px 0px 15px 0px}



h3 {font: bold 1.1em Times New Roman serif;}



h4 {color: #3A3A3A; font: italic 0.8em verdana; padding: 0px 0px 20px 20px}



h5 {color: #747474; font: 1.1em Times New Roman serif; padding: 5px 20px 20px 18px;



}







h7 {color: #900000; font: bold 1.1em Times New Roman serif; padding: 4px 10px 4px 5px;



	align: center;}



h7:hover {font: bold; color: #FB0000;



}



h7 a {color: #900000; font: bold 1.1em Times New Roman serif; padding: 4px 10px 4px 5px;



	align: center;}



h7 a:hover {font: bold; color: #FB0000;



}







h8 {color: #940000; font: 1em Times New Roman serif; padding: 5px 20px 10px 44px;



	align: center;}



h8:hover {font: bold; color: #5D0000;



}







h9 {color: #747474; font: .9em Times New Roman serif; padding: 2px 2px 2px 2px;



}



h10 {color: #C6C6C6; font: 12px Verdana sans-serif; padding: 15px 20px 0px 20px; margin-left: 10px; margin-top: 25px;



}



h10:hover {font: bold; color: #000000;



}



h11 {color: #C6C6C6; font: 12px Verdana sans-serif; padding: 0px 0px 0px 0px; margin-left: 10px; margin-top: 0px;



}



h11:hover {font: bold; color: #000000;



}



h12 {color: #940000; font: 1em Times New Roman serif; padding: 5px 20px 10px 44px; margin: 1px 5px 5px 5px;



}



h12:hover {font: bold; color: #5D0000;



}



h13 {font: bold 1.4em Times New Roman serif; color: #000000;



}



h13:hover {font: bold 1.4em Times New Roman serif; color: #2b0000;



}







copyright {color: #3c3c3c;



          font: 9px Verdana;



          padding: 0px 0px 0px 0px;



          margin-left: 10px; margin-top: 0px;



}



copyright:hover {color: #828282;



}



status {color: #994141; font: bold 0.9em verdana; padding: 0px 0px 20px 8px}



status:hover {color: #000000; font: bold 0.9em verdana; padding: 0px 0px 20px 8px}




.avatar {display: inline;
         float: right;
         padding: 4px;
         border: 0px solid #efefe7;
         margin: 5px 10px 7px 0px;}



blockquote {



	background: url('img/quote.gif') no-repeat;



	display: block;



	font: normal 1.1em Georgia,serif;



	padding-left: 26px



}







form,table {margin-bottom: 1.2em;}



img {border: 0px;}



label {display: block;}



li {line-height: 1.5em;}



p {padding: 2px 0 10px;



text-indent : 10px; }



small,.small {font: normal 0.9em sans-serif;}



ul,ol {padding: 0 2em 1.2em;}







.contribute {



        font: bold 1em verdana;



	color: #8E4700;



	margin-right: auto;



	margin-bottom: 10px;



	margin-left: 10px;



	padding: 0px 0px 10px 5px;



        background: url(img/contributor1.gif) no-repeat left bottom;



}







.diggBadger



{



   float: right;



   margin-bottom: 4px;



   margin-left: 4px;



   padding: 2px 0px 3px 0px;



}











/* structure */



#wrapper {



/* 	background: #000000 url(img/wrapper.gif) no-repeat left bottom; */



	margin: 0 auto;



	width: 950px;


/* padding: 250px 0px 0px 0px; */


}



#container {



 /* 	border-top: 6px solid #000000;  */

border-right: 2px;
border-left:  2px;

	font-size: 1.3em;



	line-height: 1.3em;



	margin: 0 auto;



 /*      background: #FFFFFF; */



	width: 940px;











}







.blogheader{



	background: url(img/fronthead.jpg) no-repeat left top;



	margin: 0 auto;



	width: 940px;



	height: 85px;



}


.latestnews{

        align: left;
        float: left;
	width: 0px;
	height: 150px;
	padding: 50px 00px 0px 25px;
}


.twitter_top{

        align: right;
        float: right;
	width: 220px;
	height: 130px;
	padding: 11px 11px 0px 0px;
}


#twitter_div{

font: 10px Verdana;
color: #000000;
list-style-type: none;
width: 210px;
height: 130px;

}


.ad_top{

        align: right;
        float: right;
	width: 728px;
	height: 90 px;
	padding: 3px 105px 0px 0px;
}

.video{

	background: no-repeat left top;
	width: 0px;
	height: 15px;
	padding: 0px 0px 0px 711px;
        float: center;
	text-align: center;
}



.newsfeature{

	width: 0px;
	height: 0px;
	padding: 0px 0px 0px 290px;
        float: center;
	text-align: center;
}



.moreinblog{



	background: url(img/moreinblog.jpg) no-repeat left top;



	margin: 0 auto;



	width: 940px;



	height: 39px;



}







.blogshadow{



	background: url(img/blog-header.gif) no-repeat left top;



	margin: 0px 0px 0px 0px;



	width: 940px;



	height: 3px;







}



















/* header */



.title {



	background: #5C0000 url(img/header-h1.jpg) repeat-x;



	border-top: 0px solid #5C0000;




}



.title h1 {



	font: normal 0.01em Georgia,"Trebuchet MS",sans-serif;



	padding: 0px 0 0px 0px;



}







.header {



	border-top: 0px solid #000000;



	background: no-repeat left bottom;



	height: 220px;




}







.signature-slideOFF{



	background: url(img/signature-slide.gif) no-repeat center;



	height: 47px;



	width: 105px;



	padding: 343px 0 0 1556px;



}







/* navigation */



.navigation {



	background: #FFFFFF url(img/nav.gif) repeat-x;



        height: 41px;



	border-top: 0px solid #996;



}



.navigation ul {color: #FFFFFF; padding: 0; margin: 0;}



.navigation li {color: #FFFFFF; float: left; list-style: none;}



.navigation li a {



	background: #FFFFFF url(img/nav.gif) repeat-x;



	border-right: 0px solid #FFFFFF;



	color: #FFFFFF;



	display: block;



	font: bold 0.9em Times New Roman, serif;



	line-height: 41px;



	padding: 0 10px;



	text-align: center;



	text-decoration: none;



        text-transform: uppercase;



}



.navigation a:hover {



	color: #e34747;



	background-position: left bottom;



	text-decoration: italic;



}



.navigation .current_page_item a {color: #e8a2a2;



	background-position: left bottom;



	background: #000000;



	text-decoration: italic;



}







/* main */



.main {background: #FFF url(img/main.gif) repeat-y;}


.mainsub {background: #FFFFFF;}

.frontpagebackground {background: #000000 url(http://www.twilightguy.com/images/frontpage/bkrnd.jpg) repeat-x;}







/* posts */



.post .descr {



	color: #1e1e1e;



	font-size: 0.9em;



	margin: 2px 0 4px;



}



.post .info{



	border-top: 1px dashed #A1A1A1;



	border-bottom: 1px dashed #A1A1A1;



	background: #ebebeb;



	font: bold 1.1em Times New Roman, serif;



	color: #26221E;



	margin: 10px 0 10px;



	padding: 1px 0;



	text-align: center;



}







.post img {border: 0px solid #CCB margin: 0px 0px;}



.post a img {border: 0px solid #CCB;}



.post a:hover img {border-color: #AA9;}







/* bottom */



.bottom {



	background: #CECECE url(img/bottom.gif) no-repeat left bottom;



	border-top: 1px solid #AA8;



	color: #444;



	padding: 14px 20px;



}



.bottom .left,.bottom .right {width: 49%;}







/* footer */



.footer {



	background: #000000;



	background-position: bottom;



        height: 100%;



        width: 100%;



	text-align: center;



}



.footer .left {width: 66%;}



.footer .right {



	width: 33%;



	text-align: center;



}



.footer a {



	color: #C8C8C8;



	text-decoration: none;



}



.footer a:hover {



	color: #C8C8C8;



	text-decoration: underline;



}







.footerlinks {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #999999;



	width: 770px;



	margin-top: 10px;



	margin-right: auto;



	margin-bottom: 10px;



	margin-left: auto;



	text-align: center;



        list-style: none;



	display: block;



}







.footerlinks a:link, .footerlinks a:visited {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #999999;



	width: 770px;



	margin-top: 10px;



	margin-right: auto;



	margin-bottom: 10px;



	margin-left: auto;



	text-align: center;



	text-decoration: none;



        list-style: none;



	display: block;



}



.footerlinks a:hover{



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #CCCCCC;



	width: 770px;



	margin-top: 10px;



	margin-right: auto;



	margin-bottom: 10px;



	margin-left: auto;



	text-align: center;



	text-decoration: underline;



        list-style: none;



	display: block;



}



.footerlinks img{



	margin-top: 15px;



	margin-right: 0px;



	margin-bottom: 15px;



	margin-left: 0px;



        list-style: none;



	display: block;



}











/* misc */



.content {padding: 18px 20px;}



.frontcontent {padding: 0px 0px 0px 0px;



	margin: 0 auto;



	width: 878px;



}



.right .content {padding: 12px 10px;}



.left {float: left;}



.right {float: right;}



.clear,.clearer {clear: both;}



.clearer {font-size: 0;}



.col2 .left {width: 725px;}



.col2 .right {width: 203px;

              padding: 200px 0 0 0;}







/* block list */



ul.block, .block ul {



	border-top: 1px dashed #F9F8F8;



	margin: 4px 0;



	padding: 0;



	width: 100%;



}



.block li {



	border-bottom: 1px dashed #F9F8F8;



	list-style: none;



}



.block li a,.block li em {



	color: #323232;



	display: block;



}



.block li em {



	font-size: 0.9em;



	font-style: normal;



}



.block li a {



	padding: 4px 3%;



	text-decoration: none;



	width: 94%;



}



.block li a span {font-weight: bold;}



.block li a:hover {



	color: #323232;







	background: #ECEBEB;



}







.right .block,.right .block li {border-color: #DCDACC;}



.right .block li a:hover {background: #F2F0EA;}







/* comments */



#commentlist li {



	margin-bottom: 1.5em;



	padding-bottom: 1em;



	border-bottom: 1px solid #700000;



}



#commentform {



	margin: 1em 0;



	width: 280px;



}







textarea.styled {width: 280px;}







.styled {



	font-size: 1.1em;



	background: #FCFCFC;



	border: 1px solid #C6C3C3;



	padding: 2px;



}



.styled:hover {



	background: #FFF;



	border: 1px solid #C6C3C3;



}



.styled:focus {



	background: #FFF;



	border: 1px solid #939793;



}



#commentform input {margin-bottom: 3px;}



.commentmetadata a {font-size: 1em; color: #666;}







/* calendar */



#wp-calendar {color: #A0A0A0;}







.col2 .right table caption {border-bottom-color:#000;}



.col2 .right table thead tr {



  border-bottom-color: #000;



  color: #A53512;



}



.col2 .right table th {border-bottom-color:#000;}



.col2 .right table td#today {



  border-color: #000;



  color: #A53512;



}



.col2 .right table td a {



  border-bottom-color: #000;



  background-color: #EDF3DE;



}







.col2 .right table tfoot {border-top-color: #000;}



.col2 .right table tfoot a {background: none;}



















/* calendar



--------------------------------------------------*/



#wp-calendar {



  display: inline-table;



  border-collapse: collapse;



  width: 185px;



  margin: 0px 10px 0 10px;



  text-align: center;



}







.col2 .right table caption {



  margin: -5px 10px 0 10px;



  padding-bottom: 5px;



  border-bottom: 1px solid;



  letter-spacing: 0.1em;



}







.col2 .right table thead tr {border-bottom:1px solid;}







.col2 .right table th {border-bottom:1px solid;}







.col2 .right table td {



  width: 225px; /* maximaize width; honestly, I don't know much about tables... */



  padding: 1px;



  font-size: 0.9em;



}







.col2 .right table td#today {



  padding: 0;



  border: 1px solid;



  font-size: 1em;



  font-weight: bold;



}







.col2 .right table td a {



  display: block;



  border-bottom: 1px solid;



  font-weight: bold;



  font-size: 1.15em;



}







.col2 .right table tfoot {border-top:1px solid;}



.col2 .right table tfoot a {



  border: none;



  font-weight: bold;



}



.col2 .right table tfoot #prev a {text-align:left;}



.col2 .right table tfoot #next a {text-align:center;}







#searchform {padding:5px;



	margin: 10px auto;



	text-align: left;



        width: 196px;



	}







#searchsubmit {text-align: left;



        width: 50px;



	}







.rss-box {



	 margin: 1px;



	 width: 520px;



	 height: 160px;







}



.rss-items {



	margin-top:0px;



	padding:5px; 1px;



	margin-left:0px;



	color:#FFFFFF;



}



p.rss-title {padding:3px;



color:D8701C}



.rss-title {



	text-decoration: none;



	font-family: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;



	font-size: 12px;



	background-color:#D8701C;



	color: 8E5231;



	font-weight:bold;



	margin: 0px;



	padding:0em;



	text-align: left;



}







.rss-item  {



  font-family: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;



  font-size: 12px;



  color:#FFFFFF;



  font-weight : normal;



  list-style:none;



  padding-bottom:12px;



}







.rss-item a {



	text-decoration : bold;



	color: 8E5231;



	font-size: 12px;



	font-family:small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;



	}







.rss-item a:visited {



	color:8E5231;



}







.rss-date {



	font-size: 10px;



	font-weight : normal;



	color: #A6978F;



	}



/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */







.pod-play {



   _width:12em;



   margin: 0 0.2em; padding: 0.1em 0; _padding:0;







   white-space:nowrap;



   text-decoration: none;



   vertical-align:middle;



   background: #fb6;



   color: black;



   }



.pod-play em {



   _width:1em; _cursor:hand;



   font-style: normal;



   margin:0; padding: 0.1em 0.5em;



   background: white;



   color: #222;



   }



.pod-play span {



   _width:1em; _cursor:hand;



   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;



   }



:hover.pod-play {



   background: #666;



   color: white;



   }



:hover.pod-play em {



   background: black;



   color: white



   }







/* WORDPRESS FRONT BEG */







div.wpml_widget {



	text-align: left;



}







div.wpml_widget fieldset {



	border: 0px #FFFFFF;



	margin: 0 0 5px 0;



	padding: 5px 15px 10px 10px;



	width: auto;



}















div.wpml_widget fieldset legend {



	font-weight: bold;



	padding: 0 5px;



	color: maroon;



}







div.wpml_widget form {



	text-align: left;



}







div.wpml_widget input[type=text], div.wpml_widget select {



	width: 100%;



	margin: 0 0 0 0 !important;



}











p.wpml_error {



	color: red;



}







/* LIBRARY */







bookimage {



   float: left;



}







imageli {



float: left;



margin: 4px;



font: italic 0.9em verdana;



}







img.alignleft, div.alignleft {



float:left;



margin:0 0.5em 0.5em 0;



font: italic 0.9em verdana;



}



img.alignright, div.alignright {



float:right;



margin:0 0 0.5em 0.5em;



font: italic 0.9em verdana;



}



img.aligncenter, div.aligncenter {



text-align:center;



margin:0 auto;



font: italic 0.9em verdana;



}