/*  
Theme Name: Clearasil
Theme URI: http://www.inwils.co.uk
Description: My New Blog style
Version: 1.0
Author: Ian Wilson
Author URI: http://www.inwils.co.uk
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative; color:#56b347; } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
a:linked {color:#56b347;}

/* ************************************************************************************************************************************************************

And now it's over to you...		text-indent:-9999px;background:url(images/title.png) no-repeat;

************************************************************************************************************************************************************ */

* {margin:0; padding:0; }

body {	
	font: 14px Arial, Helvetica, sans-serif;
	background:#f7f6fc url(images/world-shape.png) no-repeat;
	}

#page-wrap {
		width:1260px;
		margin:auto;
		height:1000px;
		}
		
#inner {
		background:#0958f9;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		margin-left:100px;
		margin-top:10px;
		width: 800px;
		padding:20px;
		height:800px;
		float:left;
		}
		
#sidebar{
		width:200px;
		margin-right:50px;
		font:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:right;
		margin-top:10px;
	}
	
#nav-bar{
		background:#0958f9;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;	
		padding: 10px;
		width:200px;
		margin-top:10px;
		font-size:24px;
		font-stretch:expanded;
}

#nav-bar a:hover{
		background-color:#FFF;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		color:#4aed05;
		font-weight:bold;
		display:block;
		width:200px;
		font-size:30px;
		text-align:center;
}

	
#twitter {color:#fff;
		background:#0958f9;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		width:200px;
		padding-left: 10px;
		padding-right:10px;
	}


#recentposts{
		float:left;
		width: 350px;
		background-color:#FFF;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		padding:10px;
		height:750px;
		overflow:auto;
		padding-bottom:10px;
}

#recentposts img {
		width:75px;
		height:75px;
		padding-top:10px;
		padding-right:10px;
		padding-left:10px;
		float:right;
}

#recentposts p{
		font-weight:bold;
}

#recentposts h4 {
		padding-top:10px;
		padding-bottom:10px;
}

#recentposts h2, #dailybooth h2{
			padding-top:10px;
			font-size:24px;
}

#dailyandtwelve{
	float:right;
}
#flickr_badge_uber_wrapper{
	margin-left:70px;
}

#dailybooth{
	margin:auto;	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	background:#FFF;
	width:390px;
	padding:10px;
	margin-bottom:20px;
}

#dailybooth img{
	margin-left:80px;
	padding-top:10px;
}
	
#twelvesecs{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	background:#FFF;
	width:390px;
	padding:10px;
	}	

#twelvesecs a {
		text-align:center;
}


	
.col1{
	float:left;
	padding-left: 30px;

	width:150px;
	text-align:left;
	font-size:18px;
	color:#FFF;
	}

.col2{
	float:right;
	padding-right: 90px;
	width:100px;
	margin-right:100px;
	text-align:right;
	}
	
	

	

	
#flickr, #flickr a{
	padding-top:10px;
	height:150px;
	color:#0958f9;
	}
	

		
p.firstline {font-variant:small-caps;
			font-weight:bold;
			padding-top:5px;
			font-size:18px;
			}
			
p.firstline:first-letter { 
		font-size:30px;
		color:#666666;
		}
		
blockquote {
		text-align:center;
		padding:10px;
		color:#6633FF;
  		margin-top: 10px;
  		margin-bottom: 10px;
  		margin-left: 50px;
  		padding-left: 15px;
  		border-left: 3px solid #ccc;
} 


#header{
		margin-left:100px;
		width:1260px;
		height:150px;
}
		
#audioboo, #audioboo a{
	background:#0958f9;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding-top:10px;
	height:150px;
	color:#0958f9;
	float:right;
	width:450px;
	margin-right:140px;
	}
#audiobooplayer{
	width:400px;
	margin:0 auto;
}


h1 {	background:url(images/h1graphic.png) no-repeat;
		width: 600px;
		height:150px;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:70px;
		text-indent:-9999px;
		}
		
h1 a {color:#f1de0e}


		

		
#post {	background: rgba(87,51,176,0.8);
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		margin-left:300px;
		width: 600px;
		padding:20px;
		float:left;
		}



#datebox {
		background: rgba(87,51,176,0.8);
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		float:left;
		width:200px;
		font-size:18px;
		color:#FFFFFF;
		margin-left:-230px;
		padding:10px;
		text-align:center;
		}
		
.post{
		font-size:18px;
		line-height:1.5em;

	}
	
.post h2 {
		padding-top:10px;
		font-size:24px;
		border-top: double medium #3300FF;
	}
	
#comment {
		width: 580px;
	}
		

.wp-smiley{
	border:none;
	padding: 0px;
	margin:0px;
	}
	

	
#sidebar a{
		color:#ffffff;
		}

		
#sidebar .widgettitle { color:#999999;}

#clear{
		clear:both;

		}
		
#footer{
		width:600px;
		height:67px;
		margin-left:350px;
		text-align:center;
		}
		
#single #footer {
		width: 580px;
		margin:auto;
		}
		
		
#searchform {padding-bottom:10px;}

.commentlist{ color:#0033FF;}

.thumbnail {
		float:right;
		}
		
.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

#dailybooth h2 {
	font-size: 20px;
	text-align:center;
	line-height:25px;
	}