/*
Theme Name: LocusMeus
Theme URI: http://blog.locusmeus.com
Description: An severely edited version of the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Els van Bloois
Author URI: http://blog.locusmeus.com/
Tags: 
Before I edited it, it was called:
	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@media all and (max-width : 800px) {
	
	div#container:before{
		content:"Just testing the media queries stuff...";
	}

}
html,body,h1,h2,h3,h4,h5,h6,p,ul,li,form{
	padding:0;
	margin:0;
}
.hidden{
	position:absolute;
	top:-4000px;
	left:-5000px;
}
a.hidden:focus,
a.hidden:active{
	position:absolute;
	top:5px;
	left:auto;
	right:5px;
	background:white;
	color:black;
	padding:5px;
	border:3px solid #333;
	font-weight:bold;
}
.clear{
	clear:both;
}
a{
	color:#333;
	text-decoration:none;
}
h2.tagline{
	*zoom:1; /* IE6 + IE7 only */
	_position:relative; /* IE6 only */
}
html{
	background:url(http://www.locusmeus.com/images/new-bg.jpg) transparent repeat fixed left top;
}
body{
	background:rgba(83,38,124,0.5);
	font-family:Arial, sans-serif;
	font-size:16px;
	line-height:20px;
}
#container{
	width:959px;
	min-height:500px;
	background:#fff;
	color:#666;
	padding:0 30px;
	margin:0 auto;
}
h1{
	color:#bbb;
	font-size:60px;
	line-height:0.7;
	padding-top:13px;
}
h1 a{
	color:#bbb;
}
h2.coltitle{
	background:#bbb;
	color:#fff;
	font-size:30px;
	line-height:0.65;
	padding-top:40px;
	border-bottom:20px solid white;
}
h3{
	font-size:100%;
}
p,ul,ol{
	margin-bottom:20px;
}
p.readmore{
	text-align:right;
	font-size:80%;
}
ul li{
	list-style:none;
}
.leftbox{float:left;margin-right:10px;}
.rightbox{float:right;margin-left:10px;}
.pic{
	border:2px solid #CC00C7;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
}
.pic{
	margin-bottom:16px; /* based on image height being multiple of 20px, + 2x 2px border */
}
.pic p{margin-top:10px;padding:0 10px;}
.pic img{margin-bottom:0;display:block;}


#content h2.coltitle{
	padding-left:30px;
	margin-left:-30px;
	margin-right:-31px;
}
#sidebar h2.coltitle{
	margin-right:-30px;
}

#main{
	width:959; /* 299x3+2+60 */
}
#content,
#sidebar{
	float:left;
}
#content .inner,
#sidebar .inner{
	background:#fff;
}
#content{
	width:629px; /* 309+5+1+15+299 */
	min-height:791px;
	padding:0 15px 0 0;
	border-right:1px solid #bbb;
	_overflow:hidden; /* IE6 only */
}
#sidebar{
	width:299px;
	padding-left:15px;
}

/* content */

#content .inner h1{
	font-size:32px;
	line-height:40px;
	padding-top:0;
}
#content .inner h2{
	font-size:24px;
	line-height:40px;
}
#content .inner pre{
	font-size:80%;
}
#content ul#gallerythumbs{
	text-align:center;
	margin-bottom:1em;
}
#content ul#gallerythumbs li{
	display:inline;
}

#content ul ul{
	padding-left:15px;
	margin-bottom:0;
}

#content p.notice{
	color:#CC00C7;
	font-size:115%;
	margin-bottom:.5em;
}
#content .snapshot{
	text-align:center;
}
#content .left{float:left;margin-right:5px;}
#content .right{float:right;margin-left:5px;}



/* various */

div.quotetop{
	font-size:85%;
	font-style:italic;
	font-weight:bold;
}

/* photography specific */

div.small{
	font-size:65%;
}
div.photoindex{
	border-width:1px 0;
	border-style:solid;
	border-color:#BBBBBB;
	margin:5px 0;
	padding:5px 0;
	height:1%; /* to make IE keep the top and bottom borders inline */
}
div.photoindex h2{
	font-size:100%;
	margin-bottom:0;
}
div.photoindex p{
	margin-top:.2em;
}
.float1{float:left;padding-right:.5em;}
.float2{float:right;padding-left:.5em;}
.small1,.small2{
	font-size:70%;
	clear:both;
}




ul.links{
	text-align:right;
}
ul.links li.prev{
	clear:left;
	float:left;
}
ul.links li.next,
ul.links li.up{
	clear:right;
	float:right;
}
li.up:after{
	content:" ^";
}
li.next:after{
	content:" >";
}
li.prev:before{
	content:"< ";
}


/* content blog */

#content div.post{
	margin-bottom:20px;
}
#content div.post h2,
#content-search div.post h2 {
/*	font-size:100%;*/
	line-height:20px;
	border-bottom:1px solid #bbb;
	margin-bottom:2px;
	padding-bottom:1px;
}
#content div.post h3{
	font-size:80%;
}
#content div.post small,
#content-search div.post small {
	display:block;
	margin-bottom:16px;
	text-align:right;
}
#content div.post p{
	margin-bottom:20px;
}
#content p.postmetadata{
	font-family:Verdana, sans-serif;
	font-size:70%;
}
div.navigation {
	float:left;
	font-size:80%;
	margin-bottom:20px;
	width:100%;
}
li.prevp{
	float:left;
}
li.nextp{
	float:right;
}

/* sidebar */

.leftcol{
	float:left;
}
.rightcol{
	float:right;
	width:130px;
}

/* sidebar leftcol */


ul.intern li a:hover:before,
ul.intern li a.current:before,
ul.intern li a.partof:before{
	content:"< ";
}
ul.extern li a:hover:after,
ul.extern li a.current:after{
	content:" >";
}
li a:hover,
li a.current,
li a.partof{
	color:#888;
}

/* sidebar rightcol */

.thumbs li{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.thumbs li a img{
	border:1px solid #666;
	vertical-align:bottom;
}

/* rest of sidebar */

ul.halfway{
	clear:both;
}
ul.halfway li{
	border-top:1px solid #bbb;
	padding-top:15px;
}
ul.halfway li ul li{
	border-top-width:0;
	padding-top:0;
}
li#twitter li{
	margin-bottom:20px;
}

form#searchform{
	height:20px;
}
form#searchform input#s{
	width:120px;
}


/* footer */

#footer{
	min-height:100px;
	background:#bbb;
	color:#fff;
	padding:15px 30px;
	margin:0 -30px;
}
#footer li{
	float:left;
	margin-bottom:0;
	font-weight:bold;
}
#footer li a{
	color:#fff;
}
li.f1,
li.f3,
li.f5{
	width:149px;
}
li.f2,
li.f4{
	width:150px;
	margin-right:31px;
}
li.f6{
	width:149px;
}


/* more blog specific */

div.entry div.navigation{
	height:160px;
}
div.entry div.navigation div.alignleft{
	float:left;
}
div.entry div.navigation div.alignright{
	float:right;
}
div.ytvideo{
	width:425px;
	margin:0 auto 20px auto;
}