/*
Theme Name: Impact
Theme URI: http://www.abelgraphics.co.uk
Description: Designed for cross-browser and forward compatibility
Version: 2.0
Author: Abelgraphics
Author URI: http://www.abelgraphics.co.uk/
*/

/*    edit this line to change the default colour scheme 
      blue green lilac black gray gold red */
@import "blue.css";


/* ***********  page layout ************ */

body{
background:#D2D2D2;
text-align:center;
margin:0;
padding:0;
font-family:Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic',sans-serif;
font-size: 100.1%;
}
html>body{
	font-size: 110%;
}
body:last-child, * html body{
font-size: 100.1%;
}

#wrapper{
text-align: justify;
margin: 0px auto;
width: 850px;
font-size:11px;
line-height:17px;
} 

#subwrapper{
margin:0 20px;
}

#header{
border-bottom:2px solid white;
color:white;
letter-spacing:1px;
margin:0;
padding:5px 0 0 0;
}

#masthead{
background:#ccc;
/* border-bottom:1px solid #A5A5A5; */
color:#666;
}

#main{
margin: 10px 202px 10px 10px;
}

#sidebar{
float:right;
width:190px;
margin:15px 0px 0 0;
padding:0 10px 0 0;
}

#footer{
height:30px;
clear:both;
background:#ccc;
border-top:2px solid white;
border-bottom:2px solid white;
color:white;
text-align:center;
font-size:90%;
padding: 4px;
}

/* ***********  default styles ************ */

ul, ol, dl, p, h1, h2, h3, h4, h5, h6{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
h1{	font-size: 260%;
}
h2{	font-size: 160%;
}
h3{	font-size: 150%;
}
h4{	font-size: 130%;
}
h5{	font-size: 100%;
}
h6{	font-size: 70%;
}

table{font-size: 100%;
}
td, th{vertical-align:top;
}


a, a:link, a:visited, a:active{
	text-decoration: none;
	font-weight:800;
}

a:hover{
	text-decoration: none;
}

a img{
border:0px;
}
code{
	font-family: "Courier New", Courier, monospace;
}
label{
	cursor: pointer;
}

blockquote{
padding: 0px 8px;
margin:0px 10px;
font-style:oblique;
}

#searchform{
margin: 5px 0;
}

#header h1{
font-family:georgia, impact, arial, sans-serif;
font-size:330%;
padding:30px 0 5px 15px;
}

#header h1 a{
color:#fff;
}

#masthead h3{
margin:0 0 0 15px;
font-size:100%;
padding:2px 0 3px 0;
}

/* ***********  sidebar styles ************ */

#sidebar{
padding:0px;
font-size:90%;
}

#sidebar ul{
 list-style-type:none;
 margin:0;
 padding:0;
}
#sidebar li{
padding:0;
margin:0;
}

#sidebar h2{
color:#fff;
border-bottom:2px solid white;
border-top:1px solid white;
font-size:100%;
padding: 0 2px 0 7px;
margin:0;
}

#sidebar li.pagenav{
padding: 0px;
font-size:100%;
font-weight:800;
}

#sidebar li ul li{
border-top: 1px solid  white;
border-bottom: 1px solid #999;
padding:0px 0 0 10px;
}


#sidebar li ul{
padding:0px 0 0 0;
margin:0;
border-top: 1px solid  #999;
border-bottom: 1px solid white;
}

#sidebar ul li.pagenav{
margin: 0 0 0 6px;
color:#777;
}

#sidebar ul li.pagenav ul{
margin: 0 0 0 -6px;
}

/* ***********  post styles ************ */

#main div.post{
background:#fff;
margin: 14px 5px 3px 5px;
border: 1px solid #ddd;
}

#main div.post h2{
border-bottom:2px solid #eee;
padding: 2px 8px;
margin:0px;
font-size:155%;
font-family:georgia,'times new roman', serif;
}

#main div.post div.entry{
padding: 0 8px;
}

.postmetadata{
font-size:85%;
padding: 0px 8px;
}

/* ************ comments styles ************** */

#comments, #postcomment{
font-size:100%;
padding-left:5px;
}

#commentlist li{
background:#fff;
padding: 3px 8px;
margin-right:7px;
}

#commentform{
 margin: 0px 0 0 40px;
}

/* *********** colour changer   ********* */

#change img{
margin:0;
cursor:hand;
cursor:pointer;

}

.switchcontent{
text-align:left;
border: 1px solid black;
background:white;
margin:0 25px;
padding: 0 3px 3px 3px;
}

.switchcontentwrap{
border:1px solid gray;
margin:0px 9px;
}

.switchcontentwrap a{
padding:0;
margin:0;
}

.switchcontentwrap img{
padding:2px;
margin:0;
}


/* *********** calendar styles   ********* */

#wp-calendar{
text-align:center;
margin:0;
padding:0;
border-top:1px solid #eee;
width:165px;
}

#wp-calendar caption{
border-bottom:1px solid #ccc;
color:#777;
font-weight:800;
}
#wp-calendar th{
color:#777;
font-weight:800;
}

#wp-calendar td{
color:#777;
font-weight:100;
}

#wp-calendar td a{
background:#eee;
padding:2px;
}

#wp-calendar td#today{
border-bottom:1px solid #777;
}


/* *********** Chat layout *********** */
div.post div.conversation ul {
list-style-type: none;
padding: 0px 8px;
margin:0px 15px;
font-style:oblique;
/* border-left: 4px solid #8A95B7; */ /* To be set into color-related styles */
}

div.post div.conversation ul li {
padding: 4px 0px 4px 8px;
margin-bottom: 1px;
}

div.post div.conversation ul li span.label {
font-weight: bold;
}

div.post div.conversation ul li.odd {
background-color: #F5F5F5;
}

div.post div.conversation ul li.even {
background-color: #EEEEEE;
}

/* *********** textads layout   ********* */

#headertextads{
float:right;
margin: 5px;
}

#sidebartextads{
text-align:center;
padding: 10px 0;
}

/* *********** pagination   ********* */

div.pagination {
text-align:center;
padding:3px;
margin:3px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;

text-decoration: none;
/* color: #aaa; */
}
div.pagination a:hover, div.pagination a:active {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #a0a0a0;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #e0e0e0;
font-weight: bold;
background-color: #f0f0f0;
color: #aaa;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}