/* @override http://localhost/benwatts.ca/wp-content/themes/bw5.2/style.css */

/*  
	Theme Name: benwatts.ca
	Theme URI: http://www.benwatts.ca/	
	Description: So very blue. Let's see how long this one sticks around for. 
	Version: 5.2
	Author: Ben Watts
	Author URI: http://www.benwatts.ca/	
*/


*{ margin: 0; padding: 0; }

body{
	color: #fff;
	font: 62.5% 'helvetica neue', helvetica, arial, sans-serif;
	background: #6aafa2 url(images/bg.png) top center no-repeat;
	}

a{
	color: #fff; }
a:hover{
	color: #ebeca6;
	}	
a img{
	border: none; }

code, pre{
	font: 8pt monaco, consolas, 'courier new', courier, monospace;
	overflow: auto;
	}


/* 
 -- For WP 
*/
.alignright{
	float: right;
	margin: 4px 0 12px 12px; }
.alignleft{
	float: left;
	margin: 4px 12px 12px 0; }


/* 
 -- STRUCTURE 
*/
#wrap{
	text-align: left;
	width: 900px;
	margin: 0 auto;
	}
	

#cols:after,
.post-title:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

#left{
	float: left;
	width: 560px;
	}
#right{
	float: right;
	width: 265px;
	}
	


/* 
 -- HEADER 
*/
#header{
	padding: 60px 0 0 0;
	margin: 0 0 70px 0;
	overflow: hidden;
	}	
	
h1#name{
	float: left;
	}	
h1#name a{
	display: block;
	text-indent: -900em;
	overflow: hidden;
	width: 207px;
	height: 31px;
	background: url(images/title.png);
	}
	
	
/* 
 -- NAV 
*/
#nav{
	font-size: 1.1em;
	line-height: 3em;
	float: right;
	}
#nav li{
	float: left;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
	}
#nav a{
	padding: 5px;
	text-decoration: none;
	}

	
	
	
/* -- Post Style */
.post-title{
	margin: 0 0 3em 0;		
	}
h2.title{
	font-size: 2.9em;
	line-height: 1.1em;	
	display: inline-block;
	width: auto;
	max-width: 490px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: #6aafa2 0 1px 1px;		
	}
.post h2.title{
	float: left;
	}
h2.title a{
	color: #fff;
	text-decoration: none;
	}

/*.post-wrap:hover h2.title a,		*/
h2.title a:hover{
	color: #f2f2c1;
	}
	
.post-wrap{
	margin: 0 0 80px 0;
	}	
	
.addcomment a{
	float: left;
	display: block;
	width: 54px;
	height: 49px;
	background: url(images/commentbubble.png) no-repeat;
	font-size: 2.5em;
	font-weight: bold;
	text-decoration: none;
	color: #6aafa2;
	text-align: center;
	margin: -1.3em 0 0 10px;
	padding-left: 4px;
	line-height: 1.76em;
	text-shadow: white 0 1px 1px;
	letter-spacing: -0.15em;
	}
.addcomment a:hover{
	background: url(images/commentbubble.png) 0 -76px no-repeat;
	color: #e27d33;
	}
	
	
/* -- Post Meta */
.meta{
	float: left;
	width: 130px;
	margin: 0 0 0 -160px;
	text-align: right;
	color: #a6ecda;
	font-size: 1.6em;
	font-weight: bold;
	}
.meta a,
li.tags a{
	color: #a6ecda;
	display: inline-block;	
	text-decoration: none;
	}
.tags a:hover{
	font-size: 1.4em;
	}	
.meta a:hover,
#sidebar li.tags a:hover{
	color: #6aafa2;
	background: #f2f2c1;
	text-decoration: none;
	}
.meta ul{
	margin: 1em 0 0 0;
	list-style: none;
	font-size: .6em;
	}
.meta li a{
	padding: 1px 4px;
	}

	
	
/* -- Content */
.content{
	font-size: 1.4em;
	line-height: 1.45em;
	}
.content a:hover{
	text-decoration: none;
	}	
		
.content p,
.content ul,
.content ol{
	margin: 0 0 1em 0;
	}
.content li{
	margin: 0 0 3px 2.5em;
	}
.content h3, 
.content h4, 
.content h5, 
.content h6{
	margin: 1.5em 0 .25em;
	text-transform: uppercase;
	color: #a4ead8;
	}	
	

	
	
	
/* -- Latest Tweet */
#latest-tweet{
	position: relative;
	background: url(images/failwhale.gif) 0 0 no-repeat;
	}
#failwhale{ /* link to twitter */
	display: block;
	width: 35px;
	height: 22px;
	position: absolute;
	top: 0; left: 0;
	}
#latest-tweet a{
	color: #e27d33;
	}	
.tweetwrap{ /* actual tweet */
	width: 201px;
	margin: 0 0 0 42px;
	background: #ebeca6;
	padding: 10px;
	color: #e27d33;
	border: solid 1px #5fa395;
	border-width: 0 1px 1px 0;
	font-size: .9em;
	}
	
	
/* -- Sidebar */
#sidebar{
	font-size: 1.3em;
	}
#sidebar li{
	list-style: none;
	}
#sidebar a{
	text-decoration: none;
	}
#sidebar a:hover{
	text-decoration: underline;
	}
#sidebar h2.widgettitle{
	margin: 30px 0 10px 0;
	text-transform: uppercase;
	font-size: 1.2em;
	border-bottom: dotted 1px #99c9be;
	color: #c8f7ee;
	}
#sidebar h2.widgettitle a{
	color: #c8f7ee;
	}
#sidebar h2.widgettitle a:hover{
	color: #fff;
	text-decoration: none;
	}
	
#sidebar li li{
	list-style-image: url(images/bullet.gif);
	margin: 0 0 .76em 1.75em;
	}	
	
	
.page #right{
	font-size: 1.3em;
	line-height: 1.4em;
	}
.page #right p{
	margin: 0 0 1em 0;
	}	



/* -- DELICIOUS */
h2.delicious-banner{
	display: none;
	}

.delicious-posts{
	font-size: .9em;
	}
.delicious-post a{
	text-transform: uppercase;
	font-weight: bold;
	}
p.delicious-extended{
	color: #abefe2;
	}


/* -- LATEST FROM FLICKR */
#latest-fromflickr{
	}
.flickr_item{
	position: relative;
	}
.flickr_item img{
	border: solid 1px #a6ecda;
	margin: 0 1px 0 0;
	}

.floating_preview{
	display: none;
	position: absolute;
	bottom: 50px;
	left: -175%;
	background: #a6ecda;
	padding: 2px;
	}
.flickr_item:hover .floating_preview{
	display: block;
	}
	
	
	
/* -- Archive */
h2#pagetitle{
	color: #c8f7ee;
	font-size: 1.7em;
	border: dotted 1px #c8f7ee;
	border-width: 1px 0 0px 0;
	padding: 10px 0 50px 0;
	text-transform: uppercase;
	}
	
	
.pageinfo.top .browse{
	float: right;
	padding: 10px 0 0;
	}	
	
.single .pageinfo{

	}
	
.browse a{
	display: inline-block;
	background: #a5ebd9;
	padding: 4px 5px;
	color: #4e9b8d;
	text-decoration: none;
	border: solid 1px #6aafa2;
	border-width: 0 1px 1px 0;
	}
.browse a:hover{
	background: #ebeca6;
	color: #e27d33;
	}
	
	
/* -- Single > Meta data */
#sidebar #funfacts li{
	list-style-image: none;
	margin: 0;
	}	
#sidebar #funfacts .date{
	margin-top: .5em;
	color: #a6ecda;
	font-size: 1.6em;
	font-weight: bold;
	}
#funfacts .date a{
	color: #a6ecda;
	}
#funfacts .date a:hover{
	color: #ebeca6;
	}
	
	
#sidebar #funfacts li.tags{
	margin: 0 0 15px 0;
	}
#sidebar #funfacts li.tags li{
	list-style-image: url(images/bullet.gif);
	margin: 0 0 0 1em;
	}
	
	
	
/* 
 -- Search 
*/	
#searchform{
	margin: 30px 0 0 0;
	}
#s{
	border: solid 1px #91d5c8;
	background: #6aafa2;
	padding: 3px;
	font-size: 1.1em;
	width: 200px;
	float: left;
	margin: 0 10px 0 0;
	color: #fff;
	}

#searchsubmit{
	background: url(images/search.gif) 0 0 no-repeat;
	text-indent: -900em;
	overflow: hidden;
	display: block;
	width: 15px;
	height: 20px;
	border: none;
	cursor: pointer;
	padding: 2px 0 0 0;
	font-size: 0;
	color: #6aafa2;
	line-height: .1em;
	}
#searchsubmit:hover{
	background-position: 0 -31px;
	}
	
	
/* 
 -- Footer 
*/	
#footer{
	border-top: dotted 1px #91d5c8;
	margin: 10px 0 0 0;
	padding:  10px 0 20px 0;
	color: #91d5c8;
	}
#footer p.copy{
	float: left;
	}
#footer p.version{
	float: right;
	}
#footer a{
	text-decoration: none;
	color: #91d5c8;
	}
#footer a:hover{
	color: #ebeca6;
	}