/*
	CSS files kept in the 'styles' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 versions as well as debug any potential
	problems.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: 	Bram Loquet
	Author Site	: 	http://www.bramloquet.be
	Style Name	: 	BB-BlueBram
	Style URI	:	http://www.bramloquet.be
	Version		: 	1.0
	Comments	: 	My first K2 theme
*/

/************************************************
*	Layout										*
blue	: #0065dc
************************************************/
#folder {
position: absolute;
right: 0;
top: 0;
background: url('images/folder.gif') no-repeat top right;
}

body {
	background: #fff url('images/header_bg.gif') repeat-x top left;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454545;
	line-height: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#page {
	width: 800px;
	margin: auto;
	text-align: left;
	padding: 0;
	border: none;
	background: none;
}
#header {
	height: 127px;
	background: none;
	padding: 0;
	margin: 0 0 40px 0;
}



.comments {
	clear: both;
	text-align: left;
	padding: 30px 0 0;
	position: relative;
}

/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px;
	}

ul.menu li a {
	font-size: 1em;
	color: white;
	margin: 0;
	}

ul.menu li a:hover {
	background: #333;
	background: url(images/button.gif) no-repeat bottom left;
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #fff !important;
	background: white;
	background: url(images/button.gif) no-repeat bottom left;
	text-decoration: none;
	}




/*- Headings */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1.blog-title { /* H1 is the title in the header */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 40px 30px 0;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

h1 a:hover {
	text-decoration: underline;
	}

#header .description { /* Description in header */
	font-size: 1em;
	margin: 10px 30px;
	}

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: center;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: -1px;
}
#page-menu h2 {
	font-size: 1.5em !important;
	font-weight: normal !important;
	padding: 0 !important;
	display: inline;
}


.item {
/*	background: url(images/item_bg.gif) no-repeat bottom right;*/
	padding: 0 0 25px 0;
}
.item_date {
	float: left;
	background: url(images/star.gif) no-repeat top left;
	margin: 0 0 0 0;
	height: 65px;
	width: 55px;
/*	
	position: absolute;
*/
	position: relative;
}

.item_month {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 12px;
	left: 13px;
}
.item_day {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 22px;
	left: 15px;
}


.secondary h4 { /* Secondary H4 is sidebar headlines */
	font-size: 1.5em !important;
	font-weight: normal !important;
	padding: 0 !important;
	display: inline;
	}

#primary h3, #primary h4, .single #primary .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 0.9em;
	}

#primary .entry-content h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 25px;
	}

#primary .entry-content h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 25px;
	}






.entry-tags {
	display: inline;
	margin: 2px 0;
	padding: 0 0 0 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}

/************************************************
*	General										*
************************************************/
.image {
	border-style: none;
}
/**********************************************/





/**********************************************/
.entry-head {
	clear: both;
	margin-top: 10px;
	}


.entry-meta { /* Time and category for blog entries */
	font-size: 1em;
	line-height: 1.6em;
	display: block;
	margin-top: 4px;
	color: #999;
	}



.entry-content {
clear:both;
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: justify;
	color: #444;
/*padding: -10px 0 0 0;
*/	}


.entry-content p,
.entry-content ul,
.entry-content ol,
/*.entry-content div,*/
.entry-content blockquote {
	margin: 13px 0;
	}

.k2-asides .entry-content p,
.k2-asides .entry-content ul,
.k2-asides .entry-content ol,
/*.k2-asides .entry-content div,*/
.k2-asides .entry-content blockquote {
	margin: 5px 0;
	}

.single .k2-asides .entry-content p,
.single .k2-asides .entry-content ul,
.single .k2-asides .entry-content ol,
/*.single .k2-asides .entry-content div,*/
.single .k2-asides .entry-content blockquote {
	margin: 13px 0;
	}


/******************
*	FOOTER
******************/

#footer {
	clear: both;
	color: #015da5;
	text-align: center;
	padding: 5px 0 5px 0;
	background: #0065dc url('images/footer_bg.gif') repeat-x top left;
	color: #fff;
}

#footer p {
	line-height: 1.3em;
}

#footer a {
	color: #fff;
	text-decoration: none;
	border: none;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: underline;
	border: none;
}






/************************************************
*	LINKS										*
************************************************/
h2 a:hover, h2 span a:hover {
	color: #0065dc !important;
	}

a {
	color: #0065dc;
	text-decoration: none;
	}


/************************************************
*	FLICKR										*
************************************************/
.flickr-photo {
	background: #FFFFFF; 
	border: solid 1px #0065dc; 
	margin: 0;
	padding: 3px;
}
.flickr-frame_left {
	float: left; 
	text-align: left; 
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
/*	border: solid 1px #0065dc; */
}
.flickr-frame_right { 
	float: right; 
	text-align: right; 
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
/*	border: solid 1px #0065dc; */
}
.flickr-caption { 
	margin: 0; 
	padding: 0;
	font-size: 10px;	
}


/************************************************
*	RELATED POSTS								*
************************************************/
h4 {
	font-size: 12px;
}

.related_post {
	padding: 5px 0 0 5px;
	margin: 0;
}
.related_post li {
	list-style: none;
	margin: 3px 0;
	padding: 0;
}


/************************************************
*	LINKS PAGE									*
************************************************/
.links {
	list-style: none;
	padding: 0;
	margin: 0;
}
.links .linkcat h2 {
	text-align: left;
	font-size: 1.5em;
}
.links .linkcat ul {
	list-style: none;
	padding: 0 0 10px 20px;
	margin: 0;
}



#footer .wp-version,
#footer .k2-version {
	display: inline;
}