/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline. */
/*   .container { background: url(lib/grid.png); } */

body { background: #000;border-top:10px solid #f0a; }

div#header { 
	padding: 40px 0;
	border-bottom:1px dotted #333;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#000), color-stop(0.75,#000), color-stop(1,#333));
	}
div#header h1 { 
	background: transparent url(../media/images/hdr-bereninga.gif) top left no-repeat; 
	float: left;
	width: 220px;
	}
div#header h1 a {
	display: block;
	padding-top: 50px;
	height: 0 !important;
	overflow: hidden;
	background: transparent url(../media/images/hdr-bereninga.gif) top left no-repeat;
}
div#header h1,
div#header h2 { margin: 0; line-height: 1; color: #fff; }
div#header h2 { float: left;clear:left;width:100%; }
/* =NAV
********************************************/
div#navigation h3 { display: none; }
a#skipNavigationLink { display: none; }

div#navigation { 
	line-height: 1; 
	padding: 5px 0; 
	float: right;
	}
div#navigation ul { margin: 0; padding: 0; list-style: none; }
div#navigation ul li { margin-left: 20px; display: inline; float: left; }
div#navigation ul li a {
	display: block;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #dfdfdf;
	font-weight: bold;
	border-bottom: 5px solid #000;
	-webkit-transition: border-color 0.5s linear;
	-moz-transition: border-color 0.5s linear;
	-o-transition: border-color 0.5s linear;
	transition: border-color 0.5s linear;
	}
div#navigation ul li a:hover { 
	border-color:#f0a; 
	}
body#body-home div#navigation ul li#nav-home a,
body#body-about div#navigation ul li#nav-about a,
body#body-portfolio div#navigation ul li#nav-portfolio a,
body#body-blog div#navigation ul li#nav-blog a,
body#body-contact div#navigation ul li#nav-contact a {
	border-bottom: 5px solid #00aeff;
	}

div#content {
	background: #000;
	border-bottom: 1px dotted #f0a;
	padding-top: 2em;
	padding-bottom: 20px;
	}

div#footer { 
	padding: 10px 0;
	}

/* =HOME
************************************************************/		
div#home-portfolio-link {
	background: url(../media/images/btn-ed.gif) top left no-repeat;
	margin-bottom: 1em;
}
div#home-portfolio-link a {
	display: block;
	background: url(../media/images/img_details.png) top left no-repeat;
	padding-top: 150px;
	height: 0 !important;
	overflow: hidden;
}
div#blog-ad ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
div#blog-ad li a {
	border-top: 1px solid #dfdfdf;
	padding: 6px 3px;
	display: block;
}
div#blog-ad li a:hover {
	background: #e7eded;
}

/* =ABOUT
************************************************************/		
div.photo-container { 
	border: 1px solid #ddd; 
	padding: 5px; 
	float: left; 
	background: #fff; 
	margin-right: 10px; 
	margin-bottom: 20px; 
	}
div.photo-container img { margin: 0; line-height: 1; }


/* =PORTFOLIO
************************************************************/	
ul#portfolio-list {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#portfolio-list li { 
		float: left; 
		width: 100%; 
		margin: 0 0 0 0; 
		border-top: 1px solid #333;
		padding-top: 1em;
		}

		
span.imis { font-weight: bold; font-style: italic; font-family: "Times New Roman", Times, serif; }

/* =CONTACT
************************************************************/	
div#contact-form label { display: block; text-align: right; padding-top: 10px; }
div#contact-form fieldset { padding: 0; border: 0; }
div#contact-form fieldset legend { display: none; }
#contact-submit-button { border:1px solid #333;background:#000;color:#fff;position:relative;left:120px;cursor:pointer; }


/* =BLOG MAIN
************************************************************/	
div.post { padding-bottom: 2em; border-bottom:1px dotted #f0a; margin-bottom:2em;clear:both; }
div.post h3 { margin-bottom: 0.5em; font-size: 2.2em; }

div.entry { padding-bottom: 0; }
div.entry-date { font-size:0.833em;text-transform:uppercase; }
div.entry-meta { font-size: 0.9em;border-top:1px dotted #333; }
div.entry-meta p { margin: 0.5em 0; padding: 0 0.5em; }

div.navigation { margin-bottom: 1em; font-size: 0.9em; }

div.comment-gravatar { text-align: center; }

.navigation { float:left;width:100%; }
.alignleft,.alignright { width:49%; }
.alignleft { float:left;text-align:left; }
.alignright { float:right;text-align:right; }

em { background:none; }

#zrx_captcha .textfield { float:left;margin-right:10px;  }

/* =BLOG SIDEBAR
************************************************************/	
input#searchsubmit { border: 1px solid #333; background: #282832; color: #fff; padding: 2px;margin:0.5em 0.5em 0.5em 0;}
div#blog-sidebar ul { list-style: none; margin: 0; padding: 0;}

div#blog-sidebar li { display:inline; }

div#blog-sidebar div#delicious-ad h2,
div#blog-sidebar div#delicious-cloud h2 { display: none; }

div#blog-sidebar div#archives-ad ul { margin: 0; }

div#blog-sidebar div#archives-ad a,
div#blog-sidebar div#categories-ad a,
div#blog-sidebar div#delicious-ad ul li a,
div#blog-sidebar div#twitter-ad li a { 
	border-bottom:1px dotted #333;
	text-decoration:none;
	padding: 4px 0;
	display: block;
}
div#blog-sidebar div#twitter-ad li span a { display:inline;border:none;padding:0;text-decoration:underline; }

div#blog-sidebar div#delicious-cloud { margin-top: 1em; }

div#blog-sidebar div#flickr-ad { float: left; width: 100%; margin-bottom: 2em; }
div#blog-sidebar div.flickr_badge_image { float: left; }
div#blog-sidebar div.flickr_badge_image { 
	border: 1px solid #dfdfdf; 
	background: #fff; 
	padding: 3px; 
	margin-right: 3px; 
	margin-bottom: 3px; 
}
div#blog-sidebar div.flickr_badge_image img { margin: 0; }


div#blog-sidebar div#twitter-ad h3,
div#blog-sidebar div#flickr-ad h3,
div#blog-sidebar div#delicious-ad h3 { position: relative; }

div#blog-sidebar div#twitter-ad h3 a,
div#blog-sidebar div#flickr-ad h3 a,
div#blog-sidebar div#delicious-ad h3 a { position: absolute; right: 0; top: 0; }