/*  
Theme Name: Supernatural Theme
Theme URI: http://www.supernaturalfan.org
Description: Wordpress theme made by Xella
Version: 1.0
Author: Xella y modificado por Nikä
Author URI: http://www.supernaturalfan.org
Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns
*/

* { margin: 0; padding: 0; outline: none; }

a:link, a:visited, a:active { color: #9C8F72; text-decoration: none;}
a:hover { color: #28101a;  text-decoration: none;  }

body { background: #f3f3f3 url(img/body-bg.gif) repeat-x; font-family: Tahoma, Helvetica, san-serif; font-size: 11px; color: #5d5d5d;  }

#wrapper { width: 890px; margin: 0 auto; }

#header { padding: 4px; background-repeat: repeat-x; background-color: #ffffff; margin: 0 auto; height: 450px; width: 900px; background-image: url(img/header.jpg); text-align: center;  }

a.logo { width: 192px; height: 52px; float: left; background: url(img/logo.png); margin-top: 45px; }
a.logo span { display: none; }

search { float: right; margin-top: 55px; }
search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none; }

#subheader { background: url(img/subheader-bg.png) no-repeat; width: 800px; height: 163px; float: left; }
#subheader p { font-size: 10px; margin: 55px 0 0 10px; width: 460px; }

/*
	script stuff 
*/
.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }

#content { background-color: #ffffff; width: 900px; float: left; padding: 4px;}

.post { float: left; width: 567px; background-color: #f9f7f8; background-image: url(); background-repeat: repeat-x; -moz-border-radius: 0.30em; padding: 8px; text-align: justify; border: 0px solid #dedcdc;}
.post span.h2 a { width: 480px; border-bottom: solid 1px #eae8e9; background-color: transparent; background-image: url(img/fond-tit.jpg); background-repeat: repeat-x; padding: 13px; text-decoration: none; text-transform: uppercase; color: #141313; font-weight: normal; font-family: Trebuchet ms; font-size: 12px; float: right; }
.post .post-info { width: 545px; padding: 8px; color: #070707; font-size: 10px; font-family: Arial; background-color: #f9f1f5; }
.post span.date { background-repeat: repeat-x; background-color: #f9f7f8; text-align: center; background-image: url(img/fond-date.jpg); padding: 0px; color: #1b1611; font-size: 10px; font-family: Times New Roman; float: left; width: 61px; height: 69px;}
.post p {  margin-right: 5px; margin-left: 5px; line-height: 14px; margin-bottom: 10px; padding: 4px; color: #767676; font-family: Tahoma; Font-size: 11px;}
.post .cats { border: 1px; -moz-border-radius: 0.80em; padding: 20px; text-align: center; color: #573841; background-image: url(img/fond-cats.jpg);}
.post .h3 { border: 1px solid #dedede; -moz-border-radius: 0.80em; background-color: #fafafa; background-image: url(img/fond-tite.jpg); padding: 9px; color: #767676; font-size: 12px; font-family: Georgia; }

#sidebar { width: 310px; float: right; }
#sidebar ul { list-style-type: none; }
#sidebar ul li { margin-bottom: 10px; text-align: justify; background-color: #fbfbfb; border: 0px solid #dedcdc; -moz-border-radius: 0.70em; padding: 6px; font-size: 11px; color: #888888;  }
#sidebar ul li ul { margin: 0; border:0px; padding: 5px; }
#sidebar ul li ul li /* a */ { padding: 5px 0px 5px 20px; display: block; background: url(img/sidebar-bullet.gif) no-repeat 0px 7px; }
#sidebar ul li h2 { border: 0px solid #dfdfdf; text-align: right; text-transform: uppercase; padding: 15px; background-image: url(img/fond-menu.jpg); font-size: 10px; color: #6e6d6d; font-weight: normal; font-family: Times New Roman; }

.navigation .previous {float:left;}
.navigation .next {float:right;}

#footer { clear: both; width: 100%; float: left; background-color: #f2f2f2; background-image: url(img/fond-footer.jpg);  }
#footer .inner { padding: 4px; background-color: #f2f2f2; background-image: url(img/fond-footer.jpg); background-repeat: repeat-x; color:#494949; text-align: center; }

/*
	.comments template styles
*/

.comments { float: left; padding: 0; }

.comments input[type=text], textarea { width: 350px; }

textarea { width: 450px; }

.comments fieldset { padding: 10px; border: 1px solid #CCC; margin: 10px 0 20px 0; }

.comments p { padding: 0 0 10px 0; }

.comments h2 { padding: 0 0 15px 0; }

#cdisplay { list-style-type: none; padding: 0; margin: 0; }

	#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 560px; }
	
	#cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }
	
	#cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.subtitle2 {
padding: 8px;
color : #3f3f3f;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
background-color: #f4edf1;
border-bottom: 10px;
-moz-border-radius: 0.80em;
text-transform: uppercase;
}

.affiliates a {
padding: 4px;
font-weight: bold;
}

.affiliates a:hover {
padding: 4px;
font-weight: bold;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.avatar {float:right;}

  img {
    border: 1px solid #cdcdcd;
    -moz-border-radius: 0.10em;
    margin: 1px;
    padding:3px;
    -moz-opacity: 1.0;
    background-color: #ffffff;
    }


  img:hover {
    border:1px solid #E4DBC8;
    -moz-border-radius: 0.10em;
    margin: 1px;
    padding:3px;
    -moz-opacity: 1.0;
    background-color: #ffffff;
    }

  a.img {
    border: 1px solid #cdcdcd;
    -moz-border-radius: 0.60em;
    margin: 1px;
    padding: 2px;
    -moz-opacity: 1.0; 
    background-color: #ffffff;
    }


  a.img:hover {
    border:1px solid #f3afc9;
    -moz-border-radius: 0.60em;
    margin: 1px;
    padding: 2px;
    -moz-opacity: 0.9; 
    background-color: #ffffff;
    }

  a.menu {
    color: #8b8b8b;
    -moz-border-radius: 0.60em;
    font-family: Times New Roman;
    text-transform: uppercase;
    font-size: 10px;
    padding: 8px; 
    text-decoration: none;
    background-color: transparent;
    }


  a.menu:hover {
    color: #9C8F72;
    -moz-border-radius: 0.60em;
    font-family: Times New Roman;
    text-transform: uppercase;
    font-size: 10px;
    padding: 8px; 
    background-color: #f2eceb;
    }

strong {
    padding: 0px;
    color: #9C8F72;
    font-weight: bold;
    letter-spacing: 0px;
    font-family: Tahoma;
    }

   g {
    padding: 0px;
    color: #393939;
    letter-spacing: 0px;
    text-align: justify;
    }


   es {
    padding: 0px;
    color: #614040;
    letter-spacing: 0px;
    }

blockquote {
font-family: Arial; 
font-size: 11px; 
-moz-border-radius: 0.50em;
background-repeat: repeat-x;
line-height: 13px;
border: 1px solid #cccccc;
background-color: #dfcad4;
background-image: url(img/fond-quote.jpg);
background-repeat: repeat-x;
padding: 6px;
}



input, textarea, option, select ,submit {
	color: #3b3b3b;	
	-moz-border-radius:0.50em;
	padding:4px;
	background-color: #transparent;
        background-image: url(img/fond-select.jpg);
	background-repeat: repeat-x;
	border: 1px solid #c4c4c4;
	font-family: Tahoma; 
	font-size: 12px; 
	
}

input, textarea, option, select ,submit: hover {
	color: #5c5c5c;	
	-moz-border-radius:0.50em;
	padding:4px;
	background-color: transparent;
        background-image: url(img/fond-select.jpg);
	background-repeat: repeat-x;
	border: 1px solid #c4c4c4;
	font-family: Tahoma; 
	font-size: 12px; 
	
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 5px; 
	margin: 2px;
	-moz-border-radius:0.50em;
	text-decoration: none;
	border: 1px solid #dbdadb;
	color: #6e6e6e;
	font-family: Trebuchet ms;
	font-size: 10px;
	font-weight: bold;
	background-color: #eeedee;	
	background-image: url();
}
.wp-pagenavi a:visited {
	padding: 5px; 
	margin: 2px;
	-moz-border-radius:0.50em;
	text-decoration: none;
	border: 1px solid #969696;
	color: #6e6e6e;
	background-color: #b8b8b8;
	background-image: url();	
}
.wp-pagenavi a:hover {	
	padding: 5px; 
	border: 1px solid #d3d3d3;
	color: #757575;
	background-color: #e7dfe7;
	background-image: url();
}
.wp-pagenavi a:active {
	padding: 5px; 
	margin: 2px;
	color: #989898;
	-moz-border-radius:0.60em;
	border: 1px solid #b5b5b5;
	background-color: #edeaed;
        background-image: url();	
}
.wp-pagenavi span.pages {
	padding: 5px; 
	margin: 2px 2px 2px 2px;
	color: #383838;
	font-family: Trebuchet ms;
	font-size: 10px;
	font-weight: bold;
	background-color: #eeedee;
	-moz-border-radius:0.10em;
	border: 1px solid #dbdadb;
	background-image: url();
}


.wp-pagenavi span.current {
	padding: 5px; 
	margin: 2px;
	color: #8d3855;
	font-family: Trebuchet ms;
	font-size: 10px;
	font-weight: bold;
	-moz-border-radius:0.10em;
	border: 1px solid #b5b5b5;
	background-color: #edeaed;
	background-image: url();
}

.wp-pagenavi span.extend {
	padding: 5px; 
	margin: 2px;
	color: #8d3855;
	font-family: Trebuchet ms;
	font-size: 10px;
	font-weight: bold;
	-moz-border-radius:0.10em;
	border: 1px solid #b5b5b5;
	background-color: #edeaed;
	background-image: url();
}