/*  
Theme Name: Twilight
Theme URI: http://www.justskins.com/
Description: Twilight is a beautiful widget ready <a href="http://www.justskins.com/css-themes-skins/wordpress-themes/">Wordpress theme</a> by <a href="http://www.xeonext.com">Xeonext Web Solutions</a>.
Version: 1.1
Author: Just Skins
Author URI: http://www.justskins.com/

	This theme is released under Creative Commons Attribution 2.5 License.

*/
body {
background:url("images/bg_page.jpg") repeat-y scroll center center transparent;
color:#333333;
font:80%/150% "Trebuchet MS",Tahoma,Arial;
margin:0;
padding:0;
}
a {
color:#A50102;
text-decoration:none;
}
a:visited {
color:#A50102;
text-decoration:none;
}
a:hover {
color:#FD1D1E;
text-decoration:underline;
}
img {
border:medium none;
}
p {
margin:0;
padding:0 0 15px;
}
h1 {
color:#FFFFFF;
font:lighter 2.4em/1.2em "trebuchet MS","Lucida Sans Unicode",Georgia;
height:60px;
margin:0;
padding:30px 0 0 50px;
}
h1 a, h1 a:visited {
color:#FFFFFF;
text-decoration:none;
}
h1 a:hover {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#DDF1FF;
text-decoration:none;
}
h2 {
border-bottom:1px dotted #CDCDCD;
color:#7F8F36;
font:27px Georgia,"Times New Roman",Times,serif;
margin:0 0 2px;
padding-bottom:5px;
width:100%;
}
h2 a, h2 a:visited {
color:#7F8F36;
text-decoration:none;
}
h2 a:hover {
color:#0c0;
text-decoration:none;
}
h3 {
color:#6CB400;
font:140%/100% "Trebuchet MS",Tahoma,Arial;
margin:10px 0 5px;
}
h4 {
color:#758D38;
font:130%/100% "Trebuchet MS",Tahoma,Arial;
margin:10px 0 5px;
}
form {
margin:0;
padding:0;
}
#wrapper {
margin-top:-7px;
padding:0;
}
#page {
margin:10px auto;
width:770px;
}
#topbar {
background:none repeat scroll 0 0 #000000;
border-bottom:2px solid #000022;
height:34px;
width:100%;
}
#header {
margin:0 auto;
position:relative;
width:770px;
padding-bottom:0px;
}
#headerimg {
background:url("images/header_new.gif") no-repeat scroll center center #FFFFFF;
border-bottom:3px dotted #2A3547;
color:#FFFFFF;
height:233px;
position:relative;
padding-bottom:8px;
}
#headerimg .description {
color:#FFFFFF;
font-size:18px;
left:50px;
position:absolute;
top:70px;
width:500px;
}
#navi {
line-height:normal;
margin:0 auto;
text-align:center;
width:770px;
}
#nav {
float:left;
list-style:none outside none;
padding-left:5px;
}
#nav li {
float:left;
margin:0 3px;
white-space:nowrap;
}
#nav .page_item a {
background:none repeat scroll 0 50% #000033;
color:#FFFFFF;
display:block;
font:bold 12px/25px Arial,Helvetica,sans-serif;
padding:0 10px;
text-decoration:none;
}
#nav li:hover {
background:none repeat scroll 0 0 #FFFFFF;
}
#nav .page_item a:hover {
background:none repeat scroll 0 0 #ccc;
border:medium none;
color:#FFFFFF;
}
#nav li.current_page_item {
color:#163240;
text-decoration:none;
}
#nav .current_page_item a, #nav .current_page_item a:visited {
background:none repeat scroll 0 0 #fff;
color:#000000;
text-decoration:none;
}
#nav .current_page_item a:hover {
background:none repeat scroll 0 0 #FFFFFF;
border:medium none;
color:#666666;
}
#search {
background:none repeat scroll 0 0 #000033;
float:right;
margin:10px;
text-align:center;
width:220px;
}
#searchform {
margin:0;
}
#searchform br {
display:none;
}
#searchform #s {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #4395BC;
color:#333333;
font-weight:normal;
height:20px;
margin-right:2px;
padding:3px 5px 0;
width:130px;
}
#searchform input {
background:none repeat scroll 0 0 #000022;
border:medium none;
color:#FFFFFF;
font:bold 12px Arial,Helvetica,sans-serif;
height:25px;
vertical-align:middle;
}
#content {
float:left;
overflow:hidden;
padding:0px 0px 6px 14px;
width:544px;
}
.post-content a {
border-bottom:1px dotted #CDCDCD;
font-weight:bold;
}
#content img {
border:1px solid #DDF1FF;
padding:5px;
}
.post {
clear:both;
margin-bottom:15px;
padding-top:15px;
}
.post-date {
background:url("images/mini-calendar.gif") no-repeat scroll 0 0 transparent;
padding-left:20px;
}
.post-month {
color:#FFFFFF;
display:block;
font-size:11px;
line-height:11px;
margin-left:-3px;
padding-top:2px;
text-align:center;
text-transform:uppercase;
}
.post-day {
color:#999999;
display:block;
font-size:18px;
line-height:18px;
margin-left:-3px;
padding-top:7px;
text-align:center;
text-transform:uppercase;
}
.post-cat {
background:url("images/tags.gif") no-repeat scroll left center transparent;
float:left;
padding-left:20px;
}
.post-comments {
background:url("images/mini-comments.gif") no-repeat scroll left center transparent;
float:right;
padding-left:20px;
}
.post-calendar {
background:url("images/mini-calendar.gif") no-repeat scroll 0 0 transparent;
float:right;
padding-left:20px;
}
.post-content {
clear:both;
padding-top:8px;
}
.post-info {
color:#6CB400;
font:bold 12px "Trebuchet MS","Tahoma",sans-serif;
height:15px;
}
.post-content blockquote {
background:none repeat scroll 0 0 #F1F9FF;
border-bottom:2px solid #DDF1FF;
border-right:2px solid #DDF1FF;
padding:8px;
}
.navigation {
clear:both;
padding:10px 0;
}
.navigation a, .navigation a:visited {
color:#83C21F;
}
.previous-entries a {
background:url("images/mini-nav-left.gif") no-repeat scroll left center transparent;
float:left;
padding-left:18px;
}
.next-entries a {
background:url("images/mini-nav-right.gif") no-repeat scroll right center transparent;
float:right;
padding-right:18px;
}
#comments, #respond {
border-bottom:1px dotted #CDCDCD;
clear:both;
padding:10px 0 5px;
}
.commentlist {
line-height:130%;
margin:10px 0;
padding-left:20px;
}
.commentlist li {
padding:10px 10px 0;
}
.commentlist .alt {
background:none repeat scroll 0 0 #F1F9FF;
border:1px solid #DDF1FF;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
font-size:120%;
font-style:normal;
font-weight:bold;
}
.commentlist small {
display:block;
font-size:87%;
margin-bottom:5px;
}
#commentform {
font:110% Arial,Helvetica,sans-serif;
margin-top:10px;
}
#commentform p {
margin:0;
padding:6px 0;
}
#commentform label {
color:#787878;
font-size:87%;
}
#commentform input {
background:none repeat scroll 0 0 #FFFFFF;
border:1px dotted #D0D0BF;
margin-top:3px;
padding:3px;
width:200px;
}
#commentform textarea {
border:1px solid #DBEFC1;
height:50px;
margin-top:3px;
padding:2px;
width:485px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background:none repeat scroll 0 0 #FFFFFF;
}
#commentform #submit {
background:none repeat scroll 0 0 #83C21F;
color:#FFFFFF;
cursor:pointer;
float:left;
font:bold 12px Arial,Helvetica,sans-serif;
height:28px;
width:144px;
}
#sidebar {
background:none repeat scroll 0 0 #FFFAFA;
color:#666666;
float:right;
overflow:hidden;
padding:21px 5px 20px;
width:190px;
}
#sidebar h2, #sidebar .sidebartitle {
border-bottom:1px dotted #65BEFF;
color:#7F8F36;
font:lighter 16px Georgia,"Times New Roman",Times,serif;
margin-bottom:2px;
}
#sidebar a:hover {
background-color:#6CB400;
border:medium none;
color:#FFFFFF !important;
}
#sidebar a, #sidebar a:visited {
color:#333333;
text-decoration:none;
}
#sidebar li a:hover {
color:#6CB400;
text-decoration:none;
}
.widget {
padding:10px;
}
#sidebar ul {
margin:0;
padding:0;
}
#sidebar ul li {
border:medium none;
list-style:none outside none;
margin:0;
padding:4px;
}
#sidebar ul li ul {
margin:0;
padding:0;
}
#sidebar ul li ul li {
border-bottom:1px dotted #CDCDCD;
padding:2px 0 2px 0;
}
#sidebar ul li ul li ul li {
border:medium none;
padding:1px 0 1px 10px;
}
ul.linkcat li, li.linkcat li {
background:url("images/bullet-green.gif") no-repeat scroll left 6px transparent !important;
padding-left:20px !important;
}
ul.list-cat li, li.widget_categories li {
background:url("images/bullet-blue.gif") no-repeat scroll left 6px transparent !important;
padding-left:20px !important;
}
ul.list-archives li, li.widget_archives li {
background:url("images/bullet-orange.gif") no-repeat scroll left 6px transparent !important;
padding-left:20px !important;
}
ul.list-page li, li.widget_pages ul li, li.widget_recent_entries li {
background:url("images/bullet-orange.gif") no-repeat scroll left 6px transparent !important;
padding-left:20px !important;
}
ul.list-page li ul div, li.widget_pages ul li ul li {
background:url("images/bullet-orange.gif") no-repeat scroll left center transparent !important;
padding-left:20px !important;
}
div.widget_recent_comments li {
background:url("images/mini-recent-comments.gif") no-repeat scroll 0 0 transparent !important;
padding-left:20px !important;
}
li.widget_calendar td {
padding:1px 5px;
}
.textwidget {
padding-top:7px;
}
#footerbg {
background:none repeat scroll 0 0 #220000;
border-top:5px solid #000000;
clear:both;
padding-bottom:20px;
}
#footer {
color:#DDDDDD;
font-size:95%;
line-height:130%;
margin:0 auto;
width:770px;
}
#footer a, #footer a:visited {
color:#FFFFFF;
}
#footer h4 {
border-bottom:1px dotted #CFF690;
color:#FFFFFF;
font:146%/100% "Trebuchet MS",Tahoma,Arial;
margin:10px 0 5px;
}
.footer-recent-comments {
float:left;
margin-left:20px;
width:250px;
}
.footer-recent-comments ul {
list-style:none outside none;
margin:0;
padding:0;
}
.footer-recent-comments ul li {
background:url("images/mini-footer-icon.gif") no-repeat scroll 5px 9px transparent;
border-bottom:1px dashed #CFF690;
padding:5px 0 5px 20px;
}
.footer-recent-posts {
float:left;
margin-left:10px;
width:250px;
}
.footer-recent-posts strong {
font-size:107%;
font-weight:bold;
line-height:135%;
}
.footer-recent-posts ul {
font-size:92%;
line-height:110%;
list-style:none outside none;
margin:0;
padding:0;
}
.footer-recent-posts ul li {
background:url("images/mini-footer-icon.gif") no-repeat scroll 5px 9px transparent;
border-bottom:1px dashed #CFF690;
padding:5px 0 5px 20px;
}
.footer-meta {
float:right;
margin-left:10px;
width:225px;
}
.footer-meta strong {
font-size:107%;
font-weight:bold;
line-height:135%;
}
.footer-meta ul {
font-size:92%;
line-height:110%;
list-style:none outside none;
margin:0;
padding:0;
}
.footer-meta ul li {
background:url("images/mini-footer-icon.gif") no-repeat scroll 5px 9px transparent;
border-bottom:1px dashed #CFF690;
font-size:107%;
font-weight:bold;
line-height:135%;
padding:5px 0 5px 20px;
}
#credits {
color:#E3F7C3;
line-height:20px;
padding:10px;
text-decoration:none;
}
#credits a {
color:#E3F7C3;
}
.footer-meta ul li.rss {
background:url("images/mini-rss.gif") no-repeat scroll 0 6px transparent;
}
.loginout {
background:url("images/mini-loginout.gif") no-repeat scroll left center transparent;
margin-left:8px;
padding-bottom:2px;
padding-left:18px;
}
.center {
text-align:center;
}
img.center, img[align="center"] {
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float:left;
}
img.alignleft, img[align="left"] {
float:left;
margin:2px 10px 5px 0;
}
.alignright {
float:right;
}
img.alignright, img[align="right"] {
float:right;
margin:2px 0 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
margin:0;
padding:0;
visibility:hidden;
}