/*
Theme Name: Made By Sarah
Theme URI: http://madebysarah.be/
Description: A theme by madebysarah, based on the default WordPress theme.
Version: 1.0
Author: Sarah Deforche
Author URI: http://madebysarah.be/
Tags: red, white, black, custom header, fixed width, two columns, minimalistic

	Kubrick v1.0
	  http:/blog./madebysarah.be/

	This theme was designed and built by Sarah Deforche,
	whose blog you will find at http:/blog.madebysarah.be/
*/
@import url('font_stylesheet.css');

*{
	padding: 0;
	border:0;
	margin: 0;
}
html{
	padding: 0;
	border:0;
	margin: 0;
}
body {
	background: #ffffff;
	color: #000;
	font-family: Gill Sans, Gill Sans MT, sans-serif;
	font-weight: lighter;
	font-size: 15px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a {
	color: #ABABAB;
	text-decoration: none;	
}

a img {
	
}

a:visited {
	color: #ABABAB;
}

a:hover {
	color: #ABABAB;
}

input:focus{
	outline-width:0;
}

textarea:focus{
	outline-width:0;
}

.red{
	color: #FF0000;
}

#page{
	width: 900px;
	margin-left: 20px;
}

h2{
	width: 590px;
	height: 35px;
	display: block;
	padding-left: 10px;
	padding-top: 5px;
	font: 18px/35px 'QuicksandLight', Arial, sans-serif;
	color: #FFFFFF;
	text-transform: lowercase;
	font-variant: small-caps;
	background-color:#FF0000;
	margin-bottom: 18px;
}
#content h2 a{
	color: #FFFFFF;
}

h3{
	font: 18px/30px 'QuicksandLight', Arial, sans-serif;
	color: #FF0000;
	padding-bottom: 0px;
	margin-bottom: 0;
	padding-top: 10px;
}

.entry h4{
	font-family: Gill Sans, Gill Sans MT, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF0000;
	padding-bottom: 0;
	margin-bottom: -20px;
	padding-top: 0;
	margin-top: 25px;

}

.no_list_style{
	list-style: none;
}
	
.no_list_style li{
	margin-bottom: 5px;
}

.italic{
	font-style: italic;
}	
/*aligment */
.alignright {
	float: right;
	display: inline;
}

.alignleft {
	float: left;
	display: inline;
}
.clear{
	clear: both;
}


/*---- selection color ------*/
::selection {
	background: #FF0000; /* Safari */
	color: #FFFFFF;
	}
::-moz-selection {
	background: #FF0000; /* Firefox */
	color: #FFFFFF;
}

	
/* header & menu */

#header {
	background-image: url(images/header.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 200px;
	width: 900px;
	margin-top: 10px;
	float: left;
	display: inline;
}

#blogheader a {
	width: 185px;
	height: 150px;
	position: absolute;
	text-indent: -9999px;
}

#header a:hover {
	
}

#current a{
	border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 2px;
}

#menu {
	height: 70px;
	width: 900px;
	margin-top: 140px;
}

#menu li{
	display: inline block;
	float: left;
	list-style-type: none;
} 

#menu h1 a {
	text-transform: uppercase;
	font: 25px/50px 'QuicksandLight', Arial, sans-serif;
	letter-spacing: 0;
	color: #666666;
	margin-right: 39px;
	padding-top: 10px;
	
}

#menu h1 a:hover {
	
	border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 2px;
}
	

	
/* content */
#content{
	width: 600px;
	float: left;
	display: inline;
}

#content a{
	color: #ABABAB;
}
#content a:hover{
}

#content p a{
	text-decoration: none;
}

#content p a:hover{
	color: #ABABAB;
	text-decoration: underline;
}

.storycontent{
	width: 600px;
	margin-bottom: 80px;
	
}

.inShort{
	padding-top: 15px;
	padding-bottom: 15px;
}
a span{
	text-decoration: none;
}

.indexheaders {
	width: 590px;
	height: 35px;
	display: block;
	background-color: #E6E6E6;
	margin-bottom: 18px;
}
.indexheaders:hover{
	background-color: #FF0000;
	color: #FFFFFF;
}

#content .indexheaders a{
	display: block;
	width: 590px;
	height: 35px;
	color: #FFFFFF;
}

#content .indexheaders a:hover{
	background-color: #FF0000;
	color: #FFFFFF;
}

#content .entry p{
margin-top: 5px;
}

/* meta */
.meta {
	font-size: 11px;
	width: 465px;
	padding-top: 10px;	
	float: left;
	display: inline;
}

.readpost{
	padding-top: 13px;
	font-size: 11px;
	width: 125px;
	float: left;
	display: inline;
}

.readpost a{
	display: block;
	line-height: 20px;
	height: 20px;
	width: 120px;
	text-align: right;
	padding-left: 5px;
	color: #FF0000;
	font-weight: lighter;
	font-size: 12px;
}
.readpost a:hover{
	color: #333333;
	background-color: #FFFFFF;
	font-weight: lighter;
	font-size: 12px;
}

.asterix{
	color: #FF0000;
}

/* single */
.entry{
	text-align: justify;
	line-height: 20px;
	float: left;
	display: inline;
}

.singlepost{
	float: left;
	display: inline;
}
.singlepost h2{
}

.singlepost p{
	margin-top: 20px;
}

/* single meta */

.postmeta{
	margin-top: 20px;
	padding-top: 10px;
	border-top-color: #363636;
	border-top-style: dashed;
	border-top-width: 1px;
	font-size: 11px;
	float: left;
	display: inline;
}

/* images */
.entry img{
	padding-bottom: 5px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	padding-right: 0;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	padding-left:0;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* comments */
#comments{
	width: 600px;
	min-height: 20px;
	float: left;
	display: inline;
	margin-top: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
	border-top-color: #363636;
	border-top-style: dashed;
	border-top-width: 1px;
}

#comments h3, #respond h3{
	font: 18px/30px 'QuicksandLight', Arial, sans-serif;
	color: #FF0000;
	padding-bottom: 10px;
}

#comments ul{
	width: 600px;
	min-height: 20px;
	list-style: none;
	font-size: 13px;
	line-height: 16px;
}


#comments li{
	width: 600px;
	min-height: 20px;
	margin-bottom: 50px;
	float: left;
	display: inline
}

.commenttext{
	width: 351px;
	min-height: 35px;
	float: left;
	display: inline;
	padding-left: 10px;	
	padding-right: 10px;
	border-right-color: #363636;
	border-right-style: solid;
	border-right-width: 1px;
}

.commentmeta{
	width: 210px;
	min-height: 35px;
	padding-left: 10px;
	float: left;
	display: inline;
	font-size: 11px;
	color: #4D4D4D;
	float: left;
	display: inline;
}


#comments a{
	color: #4D4D4D;
	text-decoration: none;
}


#comments .commenttext a{
	text-decoration: underline;
}

/* respond */
#respond{
	margin-top: 20px;
	padding-top: 10px;
	border-top-color: #363636;
	border-top-style: dashed;
	border-top-width: 1px;
	width: 600px;
	float: left;
	display: inline;
}

#respond .red a:hover{
	text-decoration: none;
}

#respond form{
	color: #000000;
	padding-left: 0;
}

#respond form br{
	clear: right;
}
form br{
	clear: right;
}


#respondmetaforms{
	width: 350px;
	float: left;
	display: inline;
}

#respondmetaforms p{
	margin-bottom: 10px;
}

#respond a{
	color: #ABABAB;
}

#respond label{
	color: #363636;
	width: 180px;
	height: 30px;
	float: left;
	display: inline;
}

#respond input, .contactform input, .wpcf7-form input{ 
	width: 163px;
	height: 28px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	border-color: #363636;
	border-style: solid;
	border-width: 1px;
	padding-left:5px;

}


#respond textarea, .contactform textarea, .wpcf7-form textarea{
	width: 344px;
	height: 155px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	border-color: #363636;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin-bottom: 10px;
	color: #363636;
	
}

.contactform textarea, .wpcf7-form textarea{
	clear: right;
}
#respond textarea:focus, #respond input:focus, .contactform textarea:focus, .contactform input:focus, .wpcf7-form textarea:focus, .wpcf7-form input:focus{
	border-color: #FF0000;
}
#respond input#submit, .contactform input[type="submit"], .wpcf7-form input[type="submit"]{
	width: 115px;
	height: 25px;
	float: left;
	display: inline;
	clear: both;
	background-color: #363636;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	margin-bottom: 20px;
	color: #FFFFFF;
	
}
#respond input#submit{
}
#respond input#submit:hover, .contactform input[type="submit"]:hover, .wpcf7-form input[type="submit"]:hover{
	background-color: #FF0000;
	cursor: pointer;
}

.wpcf7-form input, .wpcf7-form label, .wpcf7-form p{
	clear: both;
}

#respond h4{
	font: 16px/20px 'QuicksandLight', Arial, sans-serif;

}
.littleh4{
	padding-left: 10px;
	font: 9px/20px 'QuicksandLight', Arial, sans-serif;
}
#respond .littleh4 a{
	color: #363636;
}

#followresponse{
	font-size: 11px;
	width: 600px;
	float: left;
	display: inline;
}

#respond .subscribe-to-comments input{
	clear: none;
	margin-right: 5px
}
#respond .subscribe-to-comments label{
	min-width: 200px;
	margin-top: 5px;
	width: auto;
	clear: none;
}

.contactform .required{
	margin-left: 10px;
	color: #FF0000;
}

.contactform .errormessage{
	color: #FF0000;
}

#respond fieldset{
	margin-bottom: 15px;
}

#respond input[type="hidden"]{
	display: none;
}

/* sidebar */

#sidebar{
	font-size: 12px;
	text-align: justify;
	letter-spacing: 0;
	line-height: 18px;
	padding-left: 20px;
	padding-left: 100px;
	width: 130px;
	float: left;
	display: inline;
	
}

#sidebar input#s {
	background-image: url(images/searchbg.png);
	background-repeat: no-repeat;
	background-position: top left;
	border:none;
	width:150px;
	height:20px;
	padding-top:4px;
	text-indent:20px;
	font-family: Gill Sans, Gill Sans MT, sans-serif;
	font-size:12px;
	color: #999999;
	float: left;
	display: inline;
	padding-left: 12px;
	}

#sidebar ul {
	list-style: none;
	float: left;
	display: inline;
	}

#sidebar ul li {
	width: 130px;
	float: left;
	display: inline;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom-color:#000000;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.sidebarheaders{
	width: 180px;
	font: 18px/20px 'QuicksandLight', Arial, sans-serif;
	padding-bottom: 10px;
		float: left;
	display: inline;
}

/* pages */




/* footer */
#footer{
	width: 580px;
	height: 25px;
	padding: 10px;
	float: left;
	display: inline;
}

/* border */

#top, #bottom, #left, #right {
	background: #E6E6E6;
	position: fixed;
	}
#left, #right {
	top: 0; bottom: 0;
	width: 10px;
}
#left {
	left: 0;
	
	}
#right{
	right: 0;
}
#top, #bottom {
	left: 0;
	right: 0;
	height: 10px;
}
#top{ 
	top: 0;
}
#bottom{
	bottom: 0;
}





/* attachment */
.attachment img{
	text-align: center;
}

.attachment_navigation img{
	border-color: #FF0000;
	border-style: solid;
	border-width: 2px;
	padding: 2px;
}
.entry .attachment {
	width: 600px;
	text-align: center;
}




/* search-page */

#searchcontent{
	width: 600px;
	float: left;
	display: inline;
}
#searchcontent input#s {
	background-image: url(images/searchbg.png);
	background-repeat: no-repeat;
	background-position: top left;
	border:none;
	width:150px;
	height:20px;
	padding-top:4px;
	text-indent:20px;
	font-family: Gill Sans, Gill Sans MT, sans-serif;
	font-size:12px;
	color: #999999;
	}

#searchcontent .navigation{
	margin-top: 25px;
	}
#searchcontent h3 a{
	color: #FF0000;
}
/* uls*/
ul{
	list-style-position: inside;
	list-style-type: disc;
	color: #ff0000;
}

li{
	color: #000000;
}



.linkList{
	width: 260px;
	min-height: 40px;
	margin-right: 40px;
	float: left;
	display: inline;
	margin-bottom: 20px;
	overflow: hidden;
}
.linkList ul{
	list-style:none;
	list-style-image:none;
	overflow: hidden;
}
.linkList li{
	padding-top: 2px;
	padding-bottom: 2px;
}

#content .linkList ul li a{
	color: #000000;
	text-decoration: underline;
}

/* special classes */

.spacy{
	margin-top: 10px;
	margin-bottom: 20px;	
}

.entry img.nospace{
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}

.post{
	width: 600px;
	float: left;
	margin-bottom: 10px;
}

.clearRight{
	clear: right;
}

.bigWidth{
	width: 600px;
	float: left;
}


/* linked whithin */
.linkwithin_text{
	color: #333333;
	font-family: Gill Sans, Gill Sans MT, sans-serif;
	font-weight: lighter;
}
.linkwithin_div{
	float: left;
	display: inline;

}

.linkwithin_div .noshow{
	display: none;

}

.noshow{
	display: none;
}

#page .noshow{
	display: none;
	visibility: hidden;
}

.entry img.wp-smiley {
margin:0;
padding:0;
}