﻿/*   
Theme Name: Eclipse
Theme URI: http://www
Description: 2 column theme made by IBM Fansites. Exclusive for Portal Twilight.
Version: 1.0
Author: Joyce Schwartz
Author http://ibmfansites.com 


*/


/* ------------------------------- basic ---------------------------------- */

body {

	background: #0f0f0f;
	background-image: url(http://portaltwilight.com/wp-content/themes/eclipse/images/bg.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif ;
	color: #808080;
	margin:0 auto;
	padding:0;
	text-align:justify;
	text-shadow: #000000 1px 1px 1px; }

table, td, tr {

	font-size: 11px;
	font-family : 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	color: #808080; }

a:link{ background-color:inherit; color: #a70b01; text-decoration: none; }
a:visited{ background-color:inherit; color: #a70b01; text-decoration: none; }
a:hover{  background-color:inherit; color: #eff9ff; text-decoration: none; }

a img { padding: 0px; }
a img:hover { padding: 0px; }

strong { color: #65787c; cursor: default; }
b { color: #65787c; cursor: default; }
em { color: #ffffff; cursor: default; }
i {  color: #ffffff; cursor: default; }
u {  color: #65787c; cursor: default; border-bottom:dotted 1px }

.clear {clear:both; }

.entrydate { text-align:right;
padding:0 5px 0 0;
font-family:Georgia, Arial, Verdana;
color: #808080;
font-size: 20px;
}

	

/* ************************************** D I V   search  **************************************** */

#busca {
  	float: left;
	padding-left: 3px;
	margin-top: 5px; }

#busca_3 {
	float: center;
	width: 969px;
	padding-left: 0px;
	margin-top: -14px;
}

.menu{
	padding:3px;
	color:#808080;
	font-size:12px;
	font-family: tahoma;
	font-weight: bold;
	text-align:center;
	text-shadow: #000000 1px 1px 1px;
	-moz-border-radius: 10px; }

.menu:hover{ color:#999999; background-color:#434343;}
.menu a:link{ color:#808080; }	
.menu a:visited{ color:#808080; }	

/* ------------------------------- layout ---------------------------------- */

#page {
	width: 969px;
	margin: 0 auto;
	text-align:justify;
	position:relative; }

/* ------------------------------- layout top ---------------------------------- */

#header {
	width: 969px;
	height: 400px;
	margin-left:0px;}

#welcome{
	color: #808080;
	text-align: justify;
	border: 0px;
	text-shadow: #000000 1px 1px 1px; }
	
		#welcome a{color: #806751;}
		#welcome a:hover{color: #ffffff;}
	

#continued{
	h\eight:100%;
	background-image:url(http://portaltwilight.com/wp-content/themes/eclipse/images/bgd.png);
	background-repeat:repeat-y;}

.clear {clear:both;}

/* ------------------------------- footer --------------------------------- */	

#footer{
	color: #808080;
	text-align: center;
	text-size:7px;
	padding: 3px;
	text-shadow: #000000 1px 1px 1px;}

/* ------------------------------- sidebar left ---------------------------------- */

#sidebar {
	width: 220px;
	text-align: justify;
	float: left;
	margin-left: 20px;}

#sidebar img {
	background-color: #222222;
	padding: 4px;
	border: solid 1px #808080;
	margin: 1px;
	-moz-border-radius:8px;}

#sidebar img:hover {
	background-color: #333333;
	padding: 4px;
	border: solid 1px #a70b01;
	margin: 1px;
	-moz-border-radius:8px;}

#sidebar2 {
	width: 210px;
	text-align: justify;
	float: left;
	margin-left:2px;}

#sidebar2 ul li { }

#sidebar2 img {
	background-color: #222222;
	padding: 4px;
	border: solid 1px #808080;
	margin: 1px;
	-moz-border-radius:8px;}

#sidebar2 img:hover {
	background-color: #333333;
	padding: 4px;
	border: solid 1px #a70b01;
	margin: 1px;
	-moz-border-radius:8px;}

/* ***********************   sidebar design   ***********************  */

.sidebar-back {
	margin-bottom: 10px;
	padding: 3px;
	-moz-border-radius: 13px;}

.sidebar-title {

	 color: #666666;
	font-family: tahoma;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-bottom:15px;
	padding-top: 15px;
	font-size:12px;
	background-image:url(http://portaltwilight.com/wp-content/themes/eclipse/images/bgmenu.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-shadow: #000000 1px 1px 1px;}

.sidebar-content {
	font-size: 11px;
	font-family : 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 3px;
	text-align: justify;
	text-shadow: #000000 1px 1px 1px;}

.content-back {
	margin-bottom: 10px;
	padding: 3px;
	border: solid 1px #292929;
	-moz-border-radius: 13px;
	background-color: #292929;
	background-image:url(http://portaltwilight.com/wp-content/themes/eclipse/images/bgpost.png);
	background-repeat: no-repeat;
	background-position:right top}

.content-content {
	font-size: 11px;
	font-family : 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 3px;
	text-align: justify;
	text-shadow: #000000 1px 1px 1px;}

.content-title {
	color: #f2fbff;
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0px 10px 0px;
	margin-bottom:0px;
	background-image:url(http://portaltwilight.com/wp-content/themes/eclipse/images/bgtitle.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	text-shadow: #000000 1px 1px 1px;}

.content-title a {
	color: #f2fbff;
}

.page-title a {
	color: #f2fbff;
}

.page-title {
	color: #f2fbff;
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0px 10px 0px;
	margin-bottom:0px;
	background-image:url(http://portaltwilight.com/wp-content/themes/eclipse/images/bgtitle.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	text-shadow: #000000 1px 1px 1px;}

/* date on posts */

.date {
	width: 60px;
	height: 60px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom:2px;
	padding-right:2px;
	padding-top:8px;
	background-image:url(http://portaltwilight.com/wp-content/themes/eclipse/images/date.png);
	background-position: center top;
	background-repeat:no-repeat;
	margin-left:10px;}

.day {width: 60px; color: #f2fbff; font-size: 25px; text-shadow: #000000 1px 1px 1px;}
.month {width: 60px; color: #f2fbff; font-size: 10px; text-shadow: #000000 1px 1px 1px;}
.year { width: 60px; color: #f2fbff; font-size: 10px; text-shadow: #000000 1px 1px 1px;}

/*  TAGS / LINK COMMENT  */

.postmeta { font-size: 9px; text-align: center; font-family: Tahoma; margin-bottom: 15px; color:#eff9ff;}
.postmeta a { color: #a70b01;}
.postmeta a:hover { color: #a70b01;}
.postmeta em { color: #a70b01;}

/* ------------- TITLE ABOUT ------------ */

.blocktitle {
	background: url('images/bgg.gif');
	width: 196px;
	height: 23px;
	padding-top: 10px;
	text-transform:uppercase;
	font-weight:bold;
	text-align: center;
	color: #808080;}

.blocktitle2 {
	background: url('images/coment.png');
	width: 196px;
	height: 23px;
	padding-top: 10px;
	text-transform:uppercase;
	font-weight:bold;
	text-align: center;
	color: #ab4143;}
	
	
/* ------------------------------- content ---------------------------------- */

#content {
	width: 460px;
	text-align: justify;
	margin-left: 10px;
	padding: 10px;
	float: left;}

/* ------------------------------- content text posts and pages ---------------------------------- */

.postentry {
	margin-top: -6px;
	padding-left: 0px;
	text-align: justify;}	

.postentry ol {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 4.3em;
	padding: 0;}

.postentry li {
	list-style:none;
	padding-left: 10px;}	

.postentry img {
	background-color: #222222;
	padding: 4px;
	border: solid 1px #808080;
	margin: 1px;
	-moz-border-radius:8px;}
	
.postentry img:hover {
	background-color: #222222;
	padding: 4px;
	border: solid 1px #a70b01;
	margin: 1px;
	-moz-border-radius:8px;}

/* ------------------------------- forms ---------------------------------- */

input, textarea, option, select, button { 

	background-color: #292929;
	font: 12px verdana, arial, helvetica, sans-serif;
	color:#808080;
	border:1px solid #2e2e2e;
	-moz-border-radius:8px;
	padding: 3px;}

input.s { 	/* Search */
	border:1px solid #2e2e2e;
	background-color: #292929;
	text-align:center;
	-moz-border-radius:8px;
	padding: 3px;}

/* ------------------------------- Latest Pics ---------------------------------- */

.latest {
	background-color: #ebe9e5;
	border-bottom: 1px solid #bdb8af;
	border-right: 1px solid #bdb8af;
	padding: 5px;
	margin: 2px;
	-moz-border-radius: 4px; } 

.latest:hover  {
	background-color: #d9d6d1;
	border-bottom: 1px solid #6f6a61;
	border-right: 1px solid #6f6a61;
	padding: 5px;
	margin: 2px;} 

/* ************************************** C O M M E N T  S **************************************** */

.commentlist li {
	margin: 10px 5 3px;
	padding: 5px 8px 3px;
	list-style: none;}

#commentlist {
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	border-bottom:0px solid #dddddd;
	list-style-type: none;}

#commentlist li {
	border-top: 0px;
	padding: 5px 8px;
	background-color: transparent;
	align:justify;}

.commentdate {
	color: #808080;
	font-size:10px;
	letter-spacing:0px;
	line-height:12px;
	font-weight:normal;
	font-family:Verdana;
	text-align:left;
	padding:5px;
	width:290;
	margin: 1px; }

.comment-content {
	color: #808080;
	padding: 4px;
	width:290;}
	
.cit {font-weight: bold; 	padding:2px; text-align: right;}
hr {border: 1px; border-top: solid #dddddd; height: 1px;}

div.comment-number {
	float: right;
	color: #2e3b40;
	width: 30px;
	text-align: right;}

/* ------------------------------- Lists ---------------------------------- */

p { margin-top: 1.2em}

h1, h2, h3, h4, h5, h6 {
	display:block;
	margin: 1.2em 0;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #808080;}

h1, h2{ font-size: 1.4em;}
h3 { font-size: 1.3em;}
h4 { font-size: 1.2em;}
ol {list-style-type:none; margin-left:8px; margin-right:6px;}
ol li {padding:10px; margin-top:0px;}

/**************************  B - Q U O T E S  *****************************/
blockquote {
	color: #999999;
	background: #414040;
	padding: 10px;
	font-size: 11px;
	text-align: justify;
	font-style: italic;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	-moz-border-radius: 13px;}