/* 	
Theme Name: Tranceverse (based on Fractal & Bruce by miloIIIVII)
Theme URL: http://www.tranceverse.com
Description: Custom theme for Tranceverse.com.	
Author: Xkw1z1T	
Author URI: http://www.tranceverse.com	
Version: 1.0		
*/
body { 
background-color:#fff;
background-image: url(images/bg.gif);
background-position: left top;
background-repeat: repeat;
color: #333;font-size: 11px;
font-family:  Arial, Sans-Serif;
margin: 0;padding: 0;
}

#wrap { 
color: #333; /*effects the main body text and arrows on posts*/
font-size: 11px;
font-family:  Arial, Sans-Serif;
margin: 0;
padding: 0;
}

a, a:visited{
color: #333;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

#header{
background-image: url(images/header.jpg);
background-position: left top;
background-repeat: repeat-x;
width:100%;
height: 358px;
text-align: left;
text-transform: uppercase;
margin:0;
padding:0;
border-bottom: 5px solid #172C85; /*border below header*/
}

#header a {
font-family: Impact, Arial, Sans-Serif;
font-size: 40px;
color: #172C85;
text-decoration: none;
padding: 10px 10px 0 100px;
margin: 0;
text-transform: uppercase;
}

#header a:hover{
color: #666;
}

.description {
text-align: left;
padding-left: 100px;
font-size: 12px;
color:#000; /*text below main text*/
}

#navbar {
width: 100%;
margin: 0 0 0 0; /*no margins as navbar is now the top "layer" of the header as description and header text are removed*/
padding: 275px 0 10px 0; /*upped top padding to 275 to reposition after removing title/descrption text*/
text-align: center;
border-bottom: 2px solid #496;
}

#navbar li {
display: inline;
list-style-type: none;
margin: 0;padding: 0;
}

#navbar ul {
margin: 0;
padding: 0;
}

#navbar ul li a {
font-family: Impact, Arial, Sans-Serif;
font-size: 22px;
color: #172C85;
padding: 0 10px 0 10px;
margin: 0;
text-decoration: none;
text-transform: uppercase;
}

#navbar ul li a:hover {
color: #666;
}

#content {
width: 85%;
margin: 20px auto 0px;
padding: 0;
color: #000; /*added in to further moderate post content colour, also works on the ticker*/
}

/*added below in to force post navigation links on post pages to a certain colour*/
#content a{
color: #172C85;
}

#content p{
padding: 0 0 15px 0;
margin-top: 3px;
line-height: 20px;
}

#content h1 {
color: #172C85;
font-size: 22px;
font-family: Impact, Arial, Sans-Serif;
font-weight: normal;
padding: 0;margin: 0x;
}

#content h1 a  {
color: #172C85;
text-decoration: none;
}

#content h1 a:hover {
color: #333;
text-decoration: none;
}

#content h2 {
background: url(images/cat.gif) no-repeat left center;
color: #172C85;
font-size: 14px;
font-family: Impact, Arial, Sans-Serif;
font-weight: normal;
text-align:left;
padding-left: 47px;
margin: 0;
}

#content p ol{
margin: 0;
padding: 0 0 0x 20px;
}

#content p ul{
margin: 0;
padding: 0 0 0 20px;
}

blockquote{
margin: 0 0 0 25px;
padding: 0 25px 0 10px;
font-style: italic;
color: #666;
border-left: 5px solid #172C85;
}

#content blockquote p{
margin: 0 0 20px 0;
padding: 0;
}

.contentdate {
background: #fff url(images/date.gif);
float: left;
width: 45px;
height: 50px;
margin: 0;
padding: 0;
}

.contentdate h3 {
color: #172C85;
font-size: 12px;
font-weight: bold;
padding: 1px 0 0 10px;
margin: 0;
text-transform: uppercase;
}

.contentdate h4 {
font-family: Impact, Arial, Sans-Serif;
color: #172C85;
font-size: 21px;
font-weight: bold;
padding: 5px 4px 0 0;
margin: 0;
text-align: center;
}

.contenttitle {
float: left;
text-decoration:none;
width: 90%;
margin: 0;
padding: 0 0 0 5px;
}

#contentmiddle {
float: left;
width: 51%; /*width combined with r/l sidebars*/
margin: 0 20px 0 0;
padding: 20px 20px 10px 20px;
}

#contentmiddle ul {
list-style: none;
margin: 0;
padding: 0 0 20px ;
}

#contentmiddle ul li {
margin: 0;
padding: 5px 0 0 0;
}

#contentmiddle ul li a {
color: #172C85;
text-decoration: none;
}

#contentmiddle ul li a:hover {
color: #333;
text-decoration: underline;
}

.postspace {
background:  url(images/spacer.gif);
background-repeat:repeat-x;
width: 100%;
height: 10px;
margin: 9px;
padding: 0;
}

#l_sidebar {
float: left;
width: 16%;
margin: 0 20px 0 0;
padding: 5px 0 0 0;
}

#l_sidebar ul {
list-style: none;
margin: 0;
padding: 0 0 20px 0;
}

#l_sidebar li {
list-style: none;
margin: 0;
padding: 0;
}

#l_sidebar ul li {
margin: 0;
padding: 5px 0 0 0;
}

#l_sidebar ul li a {
color: #333;
text-decoration: none;
}

#l_sidebar ul li a:hover {
color: #172C85;
text-decoration: underline;
}

#r_sidebar {
float: right;
width: 16%; /*must be just under 100% between r/l sidebar and content area*/
margin: 0;
padding: 5px 0 0 0; /*top, right, bottom, left*/
}

#r_sidebar p{
padding: 2px 0 16px 0;
margin: 0px;
line-height: 20px;
}

#r_sidebar ul {
list-style: none;
margin: 0;
padding: 0 0 20px 0;
}

#r_sidebar ul li {
margin: 0px;
padding: 5px 0 0 0;
}

#r_sidebar ul li a {
color: #333; /*standard right bar colour*/
text-decoration: none;
}

#r_sidebar ul li a:hover {
color: #172C85; /*standard hyperlink hover colour*/
text-decoration: underline;
}

#footer{
background-image: url(images/footer.jpg);
background-position:bottom left;
background-repeat:repeat-x;
background-color:#fff;
width: 100%;
height: 145px;
margin: 0px auto 0px;
padding: 0 0 0 0;
text-decoration: strong;
border-top: 5px solid #172C85;
}

#footer p {
padding: 28px 0 0 310px; /*added padding in place of alignment in above section to place copyright notice inline with the motive at the bottom, as this will help with wider resolutions such as my own 1920x1600!*/
color:#000;
}

#footer a, a {
color: #000;
}

#footer a:hover{
text-decoration: underline;
}

#searchform {
margin: 10px auto;
padding: 5px 3px; /* text-align: center; */ 
float:right;
}

#searchform #s {
width: 110px;
padding: 2px;
background-color: #fff;
border: 1px solid #172C85;
font-size: 11px;
margin-right: 4px;
}

#searchsubmit{
padding: 1px;
background-color: #B3CFF7;
border: 1px solid #172C85;
font-size: 11px;
}

.entry form {
/* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 150px;
}

#commentblock {
width: 395px;
background: #fff;
color: #333;
float: left;
padding: 10px 20px 0 20px;
margin: 10px 0 10px 0;
border: 1px solid #172C85;
}

ol#commentlist {
padding: 5px 0 5px 0;
margin: 0;
list-style-type: none;
}

.commentdate {
font-size: 12px;
padding-left: 0;
}

#commentlist li p{
margin-bottom: 8px;
line-height: 20px;
padding: 0;
}

.commentname {
color: #172C85;
margin: 0px;
padding: 5px 5px 5px 0;
}

.commentinfo{
clear: both;
}

.commenttext {
clear: both;
margin: 5px 0 20px 0;
padding: 20px 10px 5px 10px;
width: 365px;
background: #ccc;
}

.commenttext-admin {
clear: both;
margin: 5px 0 20px 0;
padding: 20px 10px 5px 10px;
width: 365px;
background: #fff;
}

#commentsformheader{
padding-left: 0;
}

#commentsform{
text-align: left;
margin: 0px;
padding: 0;
}

#commentsform form{
text-align: left;
margin: 0;
}

#commentsform p{
margin: 0;
}

#commentsform form textarea{
width: 99%;
border: 1px solid #172C85;
}

p.comments_link  img{
margin: 0;
padding: 0;
}

a img{
border:none;
}

p img { 
padding: 0; 
}

img.centered {
display: block; 
margin-left: auto; 
margin-right: auto; 
}

img.alignright{
padding: 4px; 
margin: 0 0 2px 7px; 
display: inline; 
}

img.alignleft { 
padding: 4px;
margin: 0 7px 2px 0;
display: inline; 
}

.alignright { 
float: right; 
padding: 4px; 
background: transparent; 
margin-left: 7px; 
margin-top: 3px; 
margin-bottom: 15px;
}

.alignleft { 
float: left;
padding: 4px; 
background: transparent;
margin-right: 7px; 
margin-top: 3px; 
margin-bottom: 15px;
}

.acronym, abbr, span.caps{ 
font-size: 0.9em;
letter-spacing: .07em;
}

.acronym, abbr, span.caps {
cursor: help;
}

.acronym, abbr {
border-bottom: 1px dashed #172C85;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 145px;
}

#wp-calendar #prev a {
font-size: 7pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 1.3em 'Tahoma', Arial, Helvetica, Sans-Serif;
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

#wp-calendar #next a {
padding-right: 5px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 5px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

.entry { 
clear: left; 
}