/*
Theme Name: Plumbum
Theme URI: http://blog.jaspsplace.co.uk/
Description: A CSS3 ready theme
Version: 1.0
Author: James Glover
Author URI: http://blog.jaspsplace.co.uk/
Tags: grey, hybrid width, two columns, widgets

Colours:
Primary: m#DD1C1C d#A53939 vd#8F0909 l#EE5252 vl#EE7C7C
Sec. A:  m#118484 d#226363 vd#055656 l#43C2C2 vl#65C2C2
Sec. B:  m#92CE1A d#799A35 vd#5C8608 l#B4E650 vl#C2E678
*/


* {margin:0; padding:0; border:0;}

/* Define Background */
body {
	font-family: Verdana, Arial, Sans-Serif;
	background: url(images/bgbg.gif) #e1e1e1;
	color: #FFF;
	text-align: left;
	}

p {padding-bottom:0.5em;}
/* Define the Control Bar */
#controls {
padding:5px;
border:0;
color: white;
font-size:small;
background: url(images/colourbar.png) #191919;
height:24px;
width:auto;
list-style-type: none;
} 
#controls #sform {
float:left; margin:0; padding:0;
}
#controls input[type=text] {
background-color:white;
border:2px solid gray;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:0; padding:3px;
box-shadow:inset 0 1px 3px rgba(128,128,128,0.8);
}
#controls input[type=submit] {
margin:0;
padding:3px 10px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background-color:black;
color: white;
border:1px solid black;
box-shadow: 0 0 5px black, inset 0 5px 0 rgba(255,255,255,0.15),inset 0 1px 3px rgba(255,255,255,0.8),inset 0 -1px 5px rgba(0,0,0,0.1);
}
input[type=submit] {
background-color:#1cdd1c;
}
#controls li {
float: right;
padding-right:10px;
}

#controls li a:visited {
color: #c0c0c0;
}

#controls li a:link {
color: #c0c0c0;
}

#controls li a:hover {
color: #fff;
}

/* Define basic box shape and spacing */
#header, .post, .commentary, .popage, .archivehead, .tailer {
	box-shadow: 0 0 10px #191919;
  -moz-box-shadow: 0 0 10px #191919;
	-webkit-box-shadow: 0 0 10px #191919;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
/* Used for the top banner */
#header {
	background: url(images/headerbg.jpg) #aaaaaa;
	color:white;
	margin: 1em auto 1em auto;
	max-width:998px; /*Update once borders are set*/
	min-width: 798px;
	height: 200px;
	position: relative;
}

#logo {
	float:right;
	margin:20px;
	font-family: Viner Hand ITC, Verdana, Sans-Serif; 
}
/* The Carousel*/
#roller {
  float:right;
	height: 200px;
	width:500px;
	background:black url(images/carousel.png);
	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 500px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
padding:20px 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 160px;
background: url(images/generic.jpg) #68946a;
}
/* The Carousel Divs */
#tweets {
	width:500px;
	background: url(images/twitter.jpg) #5290b6;
	position: absolute;
}
#tweets .tweet { /*Nest it, to allow class to be used elsewhere*/
  margin: 15px 15px 15px 133px;
	text-align:center;
	text-shadow: 0 0 1px #303030;
	}
#tweets .aktt_tweet_time {
  position: absolute;
	bottom: 15px;
	right: 15px;
	}
#tagcloud { text-align:center;}

	#tweets a:link, #tweets a:visited, #tweets a:hover {
color:white; text-decoration: none; font-weight:bold;
	}
	#tagcloud a:link, #tagcloud a:visited, #tagcloud a:hover {
text-decoration: none;
	}

	
#flickr {
	width:500px;
	background: url(images/flickr.jpg) #5290b6;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:500px;}
#flickr_badge_wrapper {padding:0;}
.flickr_badge_image {margin:5px; float:left;}
.flickr_badge_image img {border:1px grey solid;}
#flickr_badge_source {text-align:left; margin:5px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#000 !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#000 !important;}

/*The Tabs*/
#tabs {
border:0;
padding:0;
color: white;
font-size:small;
width:auto;
list-style-type: none;
position: absolute; bottom: 0; left: 5px;
}

#tabs a:link, #tabs a:visited, #tabs a:hover {
text-decoration:none;
color:white;}

#tabs a:hover {
text-shadow: 0 0 2px white;
}

#tabs li {
float: left;
padding:10px;
margin: 0 5px;
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	background: #191919;
		-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;	
}

/* Defining the main body */

#page{
	color:white;
	margin: 1em auto 1em auto;
	padding: 0 0 25px 0;
	max-width:1000px; /*Update once borders are set*/
	min-width: 800px;
	}
	
#content {
	border: 0;
	margin-right:220px;
	float:left;
	}
	
#content a:link {
color: #799a35;
text-decoration: none;
}

#content a:visited {
color: #A53939;
text-decoration: none;
}

#content a:hover {
color: #92ce1a;
text-shadow: 0 0 2px #00cc00;
text-decoration: none;
}

.post, .popage {
	background: white;
	color: black;
	margin: 0 0 20px 0;
	position: relative;
	z-index:5;
	}
	
.post {
padding:95px 0 10px 0;
}.popage {padding:25px 0 10px 0;}

.navigation {
	padding:4px;
	background: white;
	color: black;
	margin: 0 0 20px 0;
	position: relative;
	height:auto;
	overflow:auto;
	}

	.navigation {background:transparent;
	box-shadow:0 0;
  -moz-box-shadow: 0 0;
	-webkit-box-shadow: 0 0;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin:0; padding:0;
	height:auto;
	}
	.previouspost {float:left;}
	.nextpost {float:right;}
.post H2, .popage H2 {
	font-family: Garamond, serif;
	font-size: xx-large;
	padding:0 0.5em 0 0.5em;
	color:#8f0909;
	}
.post H2.posttitle {
  position:relative;
	left:70px; top:-70px;
	float:left;
	margin-bottom:-60px;
}

.post ul, .post ol, .popage ul, .popage ol {
margin-left:30px;
padding: 20px;
}

.post H2.pagetitle, .popage H2.pagetitle { left:0px;}

.post H3, .popage H3 {

	font-size: medium;
	color:#8f0909;
	font-weight:bold;
	padding:1em 0.5em 0.25em 0.5em;

}

div.date {
  position:absolute;
  top:10px; left:0px;
  width:50px;height:50px;padding:10px;
  background:#dd1c1c;
  color:white;
  margin:0;
  float:left;
	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.entry, .entrytext {clear:both; padding:0 1em 10px 1em;}

.notification { 
 background: #8F0909;
 color:white;
 padding: 10px;
 margin: 20px 30px 10px 10px;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
 }
.notification H3 {color:white !important; margin:0 0 10px -5px !important; padding:0;}
.bignot {width:auto;}
.midnot {width:50%;}
.smallnot {width:25%;}

.postmetadata { font-size:small;
 background: #8F0909;
 color:white;
 width:auto;
 padding: 20px;
 margin: 20px 30px 0 0;
	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
clear:both;
 }
#content .postmetadata a:link {
color:#ee7c7c;
}
#content .postmetadata a:visited {
color:#ee5252;
}
#content .postmetadata a:hover {
color:#ffffff;
text-shadow: 0 0 2px #ffffff;
}
 
blockquote {
  margin: 10px 10px 10px 50px;
	padding:20px;
border-left:3px solid #DD1C1C;
background:  url(images/lqt.png) top left no-repeat;
background:  url(images/lqt.png) top left no-repeat, url(images/rqt.png) bottom right no-repeat, url(images/mildhl.png);
}	

/* Images and divs */
/* Start with the alignments */
.alignnone {clear:none;}
.alignleft {float:left; margin:15px 15px 15px 0; clear:left;}
.alignright {float:right; margin:15px 0 15px 15px; clear:right;}
.stack {clear:none;}
.aligncenter {display:block; clear:both; margin:15px auto;}
.wp-caption, .frame {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.frame {
   padding: 4px;
}

/* Define the siderbar */

#navigation {
	width:200px;
	float:right;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 0 0 -215px;
padding: 0 0 25px 0;
	 border: 5px solid black;
   border: 5px solid rgba(0,0,0,0.5);
   background: #101010 url(images/bodybg.png);  font-size:medium;
	}

#navigation H2{
 font-size:medium;
 text-align:center;
 background: #101010;
 background: rgba(0,0,0,0.25);
 width:auto;
 padding:5px 5px;
 margin: 15px 0 5px 0;
 text-shadow: 0 0 4px black;
 box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
 -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
 -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
 }

#navigation a:link {
color: #C2E678;
text-decoration: none;
}

#navigation a:visited {
color: #ee7c7c;
text-decoration: none;
}

#navigation a:hover {
color: #ffffff;
text-shadow: 0 0 2px #ffffff;
text-decoration: none;
}


#sidebar1 {
border:0;
padding:0;
color: white;
list-style-type: none;
} 

#sidebar1 ul {
border:0;
padding:0;
color: white;
list-style-type: none;
} 
#sidebar1 ul li {
padding:0 1em 0 1em;
}

#sidebar1 li {
padding:0;
}
/* Now lets sort out those pesky comments */
.commentary, .tailer {background:#adadad; background:rgba(200,200,200,0.75);  z-index:1;  color:black;}.bottomtail, .commentary {padding:30px 1em 1em 1em; margin-top:-35px;}.toptail {padding:1em 1em 30px 1em; margin-bottom:-35px;}/*And while we're at it, lets give the archive head a home */

.commentary h3 {
 color:white;
}
.commentlist li {  
    list-style:none;  
    margin-bottom:14px;  
    } 
.commentlist li .comment-body { font-size:medium;
 color:black;
 text-align:left;
 background:url(images/c1bg.png) #92ce1a;
 width:auto;
 padding:20px 20px;
 margin: 15px 10px 5px 10px;
 box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
 /*-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.8); /*Commented out due to Chrome rendering bug */
 -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
 border:white 3px solid;
 -webkit-border-radius: 40px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 40px;
-moz-border-radius-bottomleft: 0;
border-radius: 40px;
border-bottom-left-radius: 0;} /* Even Comments */
.commentlist li.alt .comment-body {
 color:white;
background: url(images/c2bg.png) #118484;
-webkit-border-radius: 40px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 40px;
-moz-border-radius-bottomright: 0;
border-radius: 40px;
border-bottom-right-radius: 0;} /* Odd Comments */

.commentlist li.depth2 {margin-left:25px;}

.avatar {padding:1px;  
    border:1px solid #EEEEEE;  
    float:left;  
    margin-right:5px;}
		
.commentlist .vcard {background: rgba(255,255,255,0.5); display:block; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; padding:3px; overflow:auto; margin:5px;}

.commentlist a:link {
color: #055656 !important;
}

.commentlist .alt a:link {
color: #C2E678 !important;
}

.commentlist .alt a:visited {
color: #ee7c7c !important;
}

.commentlist .alt a:visited {
color: #8f0909 !important;
}

.commentlist a:hover, .commentlist .alt a:hover {
color: #ffffff !important;
text-shadow: 0 0 2px #ffffff !important;
}

.reply {width:auto; text-align:right; font-size:small;}
.commentmetadata {font-size:small;}

/*Other form data*/
input[type=text], textarea {
background-color:white;
border:2px solid gray;
border-radius:2px;
margin:3px; padding:3px;
box-shadow:inset 0 1px 3px rgba(128,128,128,0.8);
}
input[type=submit],input[type=reset] {
margin:5px;
padding:5px 10px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background-color:#dd1c1c;
color: white;
border:1px solid black;
box-shadow: 0 0 5px black, inset 0 5px 0 rgba(255,255,255,0.15),inset 0 1px 3px rgba(255,255,255,0.8),inset 0 -1px 5px rgba(0,0,0,0.1);
}
input[type=submit] {
background-color:#1cdd1c;
}
/*Define the comments form*/
#commentform {
  margin: 10px 10px 10px 50px;
	padding:5px 20px 20px 20px;
border-left:3px solid #DD1C1C;
background: url(images/mildhl.png);
}
#respond {
color:#DD1C1C; padding:5px 0 20px 0;
}
#comment, #author, #url, #email {
border:1px solid #DD1C1C; margin: 10px 0;
}
#submit {
margin:5px;
padding:5px 10px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background-color:#dd1c1c;
color: white;
border:1px solid black;
box-shadow: 0 0 5px black, inset 0 5px 0 rgba(255,255,255,0.15),inset 0 1px 3px rgba(255,255,255,0.8),inset 0 -1px 5px rgba(0,0,0,0.1);

}


.btc-powered {font-size:small;}

/*Define the footer*/
#footer {
	background: #000 url(images/footer.png);
	margin: 50px 0 0 0;
	border: 0;
	width:auto;
	clear: both;
	}

#prefooter { /*For any heading images*/
 	background: #800 url(images/bar.png);
	height: 2px;
	width: auto;
	}
#footerint {
	margin: 0 auto;
	padding: 20px;
	border: 0;
  width:auto;
	}

#selfphoto {
  float:left;
	margin-right:30px;
}

.footbox {
  float:left;
	margin:15px;
	padding:15px;
	width:200px;
	font-size:smaller;
	background:#101010;
	border-top:#202020 solid 3px;
	}
	
.linkwidge {
display:inline;
border:0;
}
.recentcomments {font-size:small; margin:0 0 0.5em 0;}

#footer a:visited {
color: #c0c0c0;
}

#footer a:link {
color: #c0c0c0;
}

#footer a:hover {
color: #fff;
}	
	
	#copyright {
	display:block;
	float:none;
	width:auto;
	clear:both;
	height:50px;
	text-align:center;
	font-size:small;
	background:transparent;
	}