/*
	Theme Name: FocusMeus
	Theme URI: http://wordpress.org/
	Description: Personal stylesheet, only for FocusMeus.com
	Version: 1.0
	Author: Els van Bloois
	Author URI: http://focusmeus.com/
	Tags: dark, photography

*/

/* blog only styles */

#main{
	font-family:"Trebuchet MS","Suse Sans",Verdana,Arial,Helvetica,sans-serif;
	padding-top:15px;
}
body.blog a:link{
	color:#DDDDDD;
}
body.blog a:visited{
	color:#CCCCCC;
}
body.blog a:focus,
body.blog a:hover,
body.blog a:active{
	color:#FFFFFF;
}

h1,h2,h3,h4,h5,h6{
	color:#AAAAAA;
	font-family:Georgia, 'Bitstream Vera Serif', serif;
}
h1{
	font-size:150%;
}
h2{
	font-size:130%;
	margin-bottom:10px;
}
h3,h4{
	font-size:130%;
	margin-bottom:10px;
}
div.post h3{
	font-size:120%;
}
div.post h4{
	font-size:100%;
}
div.post h5,
div.post h6{
	font-size:90%
}
p,table{
	margin-bottom:10px;
}
ul,li{
	list-style:none;
}
ul.bullet{
	padding-left:15px;
}
ul.bullet li{
	list-style:disc;
}
ul{
	margin-bottom:10px;
}
hr{
	clear:both;
	height:1px;
	border-width:0;
	border-bottom:1px solid #222222;
	background:transparent;
	margin-bottom:10px;
}

#content-blog,
#content-post,
#content-page,
#content-search{
	float:left;
	width:600px;
	padding-left:15px;
	padding-top:12px;
}
div.navigation{
	float:left;
	width:100%;
	font-size:80%;
	margin-bottom:1em;
}
li.prevp{
	float:left;
}
li.nextp{
	float:right;
}
div.post{
	margin-bottom:30px;
}
#content-blog div.post h2,
#content-blog div.post h3,
#content-post div.post h2,
#content-post div.post h3,
#content-search div.post h3{
	padding-bottom:1px;
	border-bottom:1px solid #222222;
	margin-bottom:2px;
}
#content-blog div.post div.entry h3,
#content-post div.post div.entry h3{
	border-bottom:0;
	margin-bottom:10px;
}
#content-blog div.post small,
#content-search div.post small{
	display:block;
	text-align:right;
	margin-bottom:10px;
}
.alignleft{
	float:left;
	margin-right:8px;
	margin-bottom:8px;
}
.clearleft{
	clear:left;
}
.alignright{
	float:right;
	margin-left:8px;
	margin-bottom:8px;
}
.clearright{
	clear:right;
}
.aligncenter{
	display:block;
	margin:0 auto 8px auto;
}
.wp-caption{
	text-align:center;
	padding-top:5px;
	border:1px solid #222222;
}
.wp-caption-text{
	font-size:70%;
	padding-top:3px;
	margin-bottom:5px;
}

table,td{
	vertical-align:top;
	bordercollapse:collapse;
}
td{
	padding-right:5px;
}

/* quiche photos */
	p.quiche img.alignleft{
	margin-right:12px;
	margin-bottom:8px;
}
p.quiche img.alignright{
	margin-left:0;
	margin-bottom:8px;
}
p.quiche img.alignleft.size-full{
	margin-right:4px;
}
/* for IE6 , to avoid a margin-right on alignright.sizefull,   */
	/* as it doesn't read the combination of classes - it just     */
	/* picks the last one in the string :-(                        */
	p.quiche img.alignright.size-full{
	margin-right:0;
}
/* end IE6 */
	p.quiche img.alignleft.norightmargin{
	margin-right:0;
}



div.photo,
p.photo{
	background:#111111;
	text-align:center;
	padding:10px 0;
	border:1px solid #222222;
}
div.photo{
	margin-bottom:10px;
}
div.photo a,
p.photo a{
	display:block;
	background:url(images/click.png) right bottom no-repeat;
	background-image:url(images/click.png);
	_background:none;
	_filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(
	  src          = '/wp-content/themes/focusmeus/images/click.png',
  sizingMethod = 'scale'
	);
}
div.photo a:focus,
div.photo a:hover,
div.photo a:active,
p.photo a:focus,
p.photo a:hover,
p.photo a:active{
	background-image:url(images/click-hover.png);
	_background:none;
	_filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(
	  src          = '/wp-content/themes/focusmeus/images/click-hover.png',
  sizingMethod = 'scale'
	);
}
div.photo img,
p.photo img{
	border:1px solid #333333;
	vertical-align:bottom;
}
p.postmetadata{
	font-family:Verdana,sans-serif;
	font-size:70%;
}

/* comments list */

li.comment{
	border-bottom:1px solid #222222;
	margin-bottom:10px;
}
img.avatar{
	float:left;
	margin-right:7px;
}
cite.fn{
	font-style:normal;
}
span.says{
	display:none;
}
div.comment-author{
	font-family:Verdana,sans-serif;
	font-size:80%;
}
li.comment em{
	color:red;
}
li.comment p em{
	color:inherit;
}
div.comment-meta{
	float:left;
	font-family:Verdana,sans-serif;
	font-size:70%;
	margin-bottom:10px;
}
li.comment p{
	clear:left;
}

/* end comments list */

input#submit{
	border:1px solid #222222;
	background:#000000;
	color:#666666;
}
input#author,
input#email,
input#url,
textarea{
	background:#111111;
	color:#DDDDDD;
	border:1px solid #222222;
}
input#author,
input#email,
input#url{
	width:20em;
}
#sidebar{
	float:right;
	width:217px;
	font-size:80%;
	padding-right:15px;
	padding-top:17px;
}
#sidebar h2{
	font-size:120%;
}
#searchform{
	margin:20px 0;
}
label.hidden,
label.screen-reader-text{
	display:none;
}
input#s{
	background:#111111;
	color:#EEEEEE;
	border:1px solid #222222;
}
input#searchsubmit{
	border:1px solid #222222;
	background:#000000;
	color:#666666;
}
ul#sbleft{
	float:left;
	width:50%;
}
ul#sbright{
	float:left;
}
/* twitter plugin */

li.widget_twitter div h2.widgettitle{
	display:none;
}

li.widget_twitter div ul li{
	margin-bottom:7px;
}
li.widget_twitter div ul li span.entry-meta{
	display:block;
	font-size:90%;
	text-align:right;
}
/* end twitter plugin */

#blogroll{
	clear:left;
	padding-bottom:30px;
}

#footer{
	clear:both;
	width:884px;
	background:#111111;
	color:#888888;
	font-family:Verdana, sans-serif;
	font-size:70%;
	text-align:right;
	padding:5px 15px 25px 15px;
	border-top:1px solid #222222;
	margin:0 -1px -1px -1px;
}

@media all and (max-width:768px){
	body{
		padding-left:15px;
		padding-right:15px;
	}
	img,
	iframe{
		max-width:88%;
		height:auto;
	}
	#container h1{
		width:auto;
		padding-right:15px;
	}
	#container h1 a{
		display:block;
		width:224px;
		overflow:hidden;
	}
	h1 img{
		max-width:888px; /* actual size */
	}
	#content-blog,
	#content-post,
	#content-page,
	#content-search{
		float:none;
		width:auto;
		padding-left:15px;
		padding-right:15px;
		padding-top:12px;
	}
	#sidebar{
		float:none;
		width:auto;
		padding-left:15px;
		padding-right:15px;
		padding-top:17px;
	}
	#footer{
		width:auto;
		margin:0 -1px -1px -1px;
	}

/* overriding default.css */

	#container {
	    background: none repeat scroll 0 0 #000000;
	    border-color: #333333;
	    border-style: solid;
	    border-width: 1px;
	    margin: auto;
	    padding-top: 10px;
	    position: relative;
	    width: auto;
	}


}