/*

Theme Name: Berlin

Theme URI: http://www.graphpaperpress.com/

Description: A Wordpress magazine theme based on the Blueprint CSS Framework.

Version: 2.0

Author: Thad Allender for Graph Paper Press

Author URI: http://www.graphpaperpress.com/

License: GPL

*/



body

{

	background: #333;

	margin: 0;

	padding: 2em 0;

}



.container

{

	background: #fff;

	padding: 2em;

}



blockquote

{

	color: #000;

	font-style: normal;

	padding: 0 0 0 0;

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }



a

{

	color: #2e5080;

	text-decoration: none;

}



a:active, h2 a:active,  a:active

{

	color: #72b3FF;

	text-decoration: none;

}



a:hover, h2 a:hover, h3 a:hover

{

	color: #72b3FF;

	text-decoration: none;

}



blockquote p { padding: 0 20px 0 30px; }



hr

{

	background: #CCC;

	height: 1px;

}



img { margin: 0; }



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

	

.post img {

	max-width: 590px;

	height:auto

}



.sticky {

	background: #e4ffff;

	padding: 0 10px 10px;

	}

.sticky h2 {

	padding-top: 10px;

	}

	

.postmetadata {

	clear: both;

	font-size: .8em

}



a.button { float: left; }



input

{

	border: 1px solid #CCCCCC;

	padding-left: 0;

}



ol { margin-left: 35px; }

label { font-weight: normal; }



textarea

{

	height: 200px;

	width: 500px;

}



.small { font-size: .9em; }

.nomargin { margin: 0; }

a.button, button { font-weight: normal; }

dl.small dd { font-size: .9em; }

.linkcat { list-style: none; }



.post_first

{

	background: #fff;

	padding: 1em;

}



.post_alt

{

	background: #eee;

	padding: 1em;

}



span.meta_align_right

{

	color: #ccc;

	float: right;

	font-size: .6em;

}



span.meta_align_right a { color: #ccc; }

span.meta_align_right a:hover { color: #000; }



.meta

{

	color: #ccc;

	font-family: Georgia;

	font-size: .8em;

	line-height: 1.875em;

}



.meta a { color: #ccc; }

.meta a:hover { color: #000; }



.byline

{

	color: #ccc;

	font-size: .8em;

	line-height: 1.875em;

}



.byline a

{

	color: #D6FFFF;

	line-height: 1.875em;

	text-decoration: none;

}



.byline a:hover { color: #000; }



.meta_list, .meta_list a, ul.meta_list

{

	color: #aaa;

	list-style-image: none;

}



.meta_list li

{

	border-bottom: 1px dotted #aaa;

	list-style-image: none;

}



.five_posts h3

{

	margin-bottom: 0;

	padding: .5em 0 .5em 0;

}



.five_posts h3 a { text-transform: uppercase; }



.five_posts h6, .five_posts h4

{

	margin-bottom: 0;

	padding: .5em 0 .5em 0;

}






#maincontent h2

{

	border-bottom: 1px dotted #AAA;

	color: #2e5080;

	margin-bottom: 15px;

}



h2 a

{

	color: #2e5080;

	text-decoration: none;

}



#maincontent .post h2 { margin-bottom: 5px; }

#maincontent .content { padding: 25px 30px 20px 48px; }



#maincontent h2.pagetitle

{

	border: none;

	text-transform: uppercase;

}



#feature h3

{

	margin-bottom: 0;

	padding: 0;

}



#feature p img { margin: 7px 0 2em 0; }

.feature_text { margin-top: 2em; }

#home_right { padding: 0; }

#home_right .entry { padding: 0 0 2em 0; }

#home_right ul {margin: 0 0 1.5em 0; padding: 0}

#home_right ul li { list-style-image:none; line-height: 1.5em}

.news h3 { text-transform: uppercase; }



ul#featurenav

{

	margin-left: 0;

	padding-left: 0;

	white-space: nowrap;

}



#featurenav li

{

	display: inline;

	list-style-type: none;

}



#featurenav a { padding: 3px 10px; }



#featurenav a:link, #featurenav a:visited

{

	background-color: #333;

	border: 1px solid #000;

	color: #fff;

	text-decoration: none;

}



#featurenav a:hover

{

	background-color: #FF3706;

	color: #fff;

	text-decoration: none;

}



.author

{

	background: #eee;

	margin-bottom: 1.5em;

	padding: 1.5em;

}



.author img

{

	float: left;

	padding: 0 1em 1em 0;

}



.author p { margin-left: 8em; }



.author h6

{

	border-bottom: 1px #000 dotted;

	margin-left: 7em;

}



.navigation, 



.navigation a { color: #AAA; }

.alignright { float: right; }

.alignleft { float: left; }

.post { margin-bottom: 25px; }

.entry { padding-bottom: 25px; }



#header

{

	height: 50px;

	padding: 4px 0 0 0;

	width: 950px;

}



#header h1, #header .description

{

	line-height: 1em;

	margin: 0;

	padding: 0;

}



h1 a.logo { text-transform: uppercase; }



.entry #nav .content

{

	margin: auto;

	padding: 0;

}



.entry #nav

{

	background: #FFF;

	margin-bottom: 15px;

}



.entry #nav li a

{

	background: #666;

	border-right: 1px solid #AAA;

	color: #FFF;

}



.entry #nav li.last a { border-right: none; }



.entry #nav li a:hover

{

	background: #333;

	color: #FFF;

}



#footer

{

	font-size: .9em;

	margin: 0;

	text-align: center;

}



#footer a { text-decoration: none; }

#search { float: right; }



#search #s

{

	color: #CCCCCC;

	font-size: 0.9em;

	margin-right: 0px;

	margin-top: 10px;

	padding: 2px 0 2px 17px;

	width: 135px;

}



#search #s:hover { color: #000; }

.search-excerpt { margin: 0; }

.commentlist li { padding: 8px 15px; }

.comments-alt { background: #EEE; }

.bottombar { }



.bottombar h2

{

	font-size: 1em;

	font-weight: bold;

	line-height: 1em;

	margin: 1em 0 1em;

}



ul

{

	list-style-type: none;

	margin-left: 1em;

	padding: 0;

}



ul li

{

	background-repeat: no-repeat;

	line-height: 2em;

	list-style-image: url('images/icons/li.png');

	margin: 0;

	padding: 0;

}



ul li a { color: #000; }



#top

{

	margin: 0 auto;

	width: 950px;

}


#foto-slogan-home { 

	float: left; 
	
	left: 10px;

	height: 285px;

	width: 544px;

	top: 5px;

	padding-top: 10px;

	position: absolute;

}



#title { 

	float: left; 
	
	top: 0px;

	padding-top: 20px;

	position: absolute;

}



#title h1 {

	margin:0;

}



#title h1 a

{

	color: #fff;

	font-weight: bold;

	letter-spacing: -.1em;

	line-height: 1.3em;

	text-transform: uppercase;

}



#title h1 a:hover { color: #eee; }



#navlist

{

	margin: 0 auto;

	padding: 10px 0 26px 0;

	width: 950px;

}



#navlist ul, #navlist li

{

	display: inline;

	float: right;

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#navlist a:link, #navlist a:visited

{

	background: #444;

	color: #ffffff;

	float: left;

	font-size: small;

	font-weight: normal;

	line-height: 14px;

	margin-right: 8px;

	padding: 6px;

	text-decoration: none;

}



#navlist a:link#current, #navlist a:visited#current

{

	background: #fff;

	color: #000;

}



#navlist a:hover { color: #2e5080; background:#fff}



body.section-1 #navlist li#nav-1 a,



body.section-2 #navlist li#nav-2 a,



body.section-3 #navlist li#nav-3 a,



body.section-4 #navlist li#nav-4 a

{

	background: #fff;

	border-bottom: 1px solid #fff;

	color: #000;

}



#navlist #subnav-1,



#navlist #subnav-2,



#navlist #subnav-3,



#navlist #subnav-4

{

	display: none;

	width: 90%;

}



body.section-1 #navlist ul#subnav-1,



body.section-2 #navlist ul#subnav-2,



body.section-3 #navlist ul#subnav-3,



body.section-4 #navlist ul#subnav-4

{

	display: inline;

	left: 10px;

	position: absolute;

	top: 95px;

}



body.section-1 #navlist ul#subnav-1 a,



body.section-2 #navlist ul#subnav-2 a,



body.section-3 #navlist ul#subnav-3 a,



body.section-4 #navlist ul#subnav-4 a

{

	background: #fff;

	border: none;

	border-left: 1px solid #ccc;

	color: #999;

	font-size: smaller;

	font-weight: bold;

	line-height: 10px;

	margin-right: 4px;

	padding: 2px 10px 2px 10px;

	text-decoration: none;

}



#navlist ul a:hover { color: #f00 !important;}



#contents

{

	background: #fff;

	border: 1px solid #ccc;

	border-top: none;

	clear: both;

	margin: 0px;

	padding: 15px;

}



#slider-posts {margin-bottom: 0}

#slider-posts .slide {position:relative; width: 590px; height: 255px}

#slider-posts .slide .slide-details {position: absolute; bottom:0px; left:0px; padding: 4px; }

#slider-posts .slide .slide-details p, #slider-posts .slide .slide-details h2 {color:#eee}

#slider-posts .slide .slide-details a, #slider-posts .slide .slide-details h2 a {color:#fff; font-weight: bold}

#slider-posts .slide .slide-details a:hover, #slider-posts .slide .slide-details h2 a:hover {color:#fff; font-weight: bold; text-decoration: underline}

ul#slider-nav {margin: 0 0 1em 0; padding: 0}

ul#slider-nav a { padding:5px 9px; background:#ddd; color:#fff; margin:0 12px 0 0; }

ul#slider-nav a.activeSlide,ul#slider-nav a:hover { background:#333; }