/*
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 "gray.css";
@import "spiffy.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:left;
margin: 0px auto;
width:760px;
font-size:12px;
line-height:18px;
} 

#subwrapper{
margin:0 20px;
}

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

.date{
float:right;
padding:35px 6px 0 0;
font-size:10px;
}

.headpic{
float:left;
padding:0 5px 0 2px;
border:none;
}

#masthead{
text-align:right;
background:#ccc;
border-bottom:2px solid white;
color:#666;
}

#googleheader{
text-align:left;
background:#fff;
border-bottom:2px solid white;
color:#878787;
}

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

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

#footer{
height:40px;
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:bold; /* was 800 */
}
a:hover{
	text-decoration: none;
}

.pl { margin-left: 3px;margin-right: 2px;margin-bottom: 0; opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); }
.pl:hover { margin-left: 3px;margin-right: 2px;margin-bottom: 0; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

.emailer { margin-left: 0px; margin-right: 2px; margin-bottom: -2px; }

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

img.stick { float: left; margin-right: 5px; }
img.stickr { float: right; margin-left: 5px; }

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

#searchform{
margin: 5px 0;
}

#header h1{
font-family: Tahoma, arial, sans-serif, georgia, impact;
font-size:32px; /* was 330% */
padding:5px 0 2px 15px;
}

#header h2{
font-family: Tahoma, arial, sans-serif, georgia, impact;
font-size:250%; /* was 330% */
padding:5px 0 2px 15px;
}

#header h3{
font-family: arial, sans-serif, georgia, impact;
font-size:120%; /* was 100% */
padding:0 0 5px 15px;
}

#header h1 a{
color:#fff;
}

#header h2 a{
color:#fff;
}

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

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

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

#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;
width: 180px
}


#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;
}

#sidebar li ul.twit_ul{
padding:0px 0 0 0;
margin:0;
border-top: none;
border-bottom: none;
}

#sidebar li ul li.twit_list
{
list-style: none;
margin: 0px 0 10px 0;
border-bottom: 0px #dfdfdf;
text-align: left;
}

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

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

#main div.post h1{
border-bottom:2px solid #eee;
padding: 2px 8px;
margin:0px;
font-size:150%;
font-family:arial, sans-serif, georgia, impact;
}

#main div.post h2{
border-bottom:2px solid #eee;
padding: 2px 8px;
margin:0px;
font-size:140%;
font-family:arial, sans-serif, georgia, impact;
}

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

#main div.entry {
font-size: 14px;
line-height: 20px;
}

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

.alternate {
background: #f1f1f1;
}

.post_meta_rss { width: 475px; margin-top: 20px; margin-bottom: 10px; padding: 0px 2px 5px 
0px; border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; background: #FFFFCC; 
line-height: normal; float: left; font-size: 12px; }

.rss-feed { padding-left: 25px; margin-bottom: 5px; line-height: 1.5em; background: url('http://www.ratdiary.com/wp-content/themes/impact/img/rss.png') 0 50% no-repeat; float: left; }


/* ************ 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;
}

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

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

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

#sidebarsearch{
padding: 0 0 10px 0;
}