/*
Theme Name: Berlin
Theme URI: http://www.graphpaperpress.com/
Description: A Wordpress magazine theme based on the Blueprint CSS Framework.
Version: 1.0
Author: Thad Allender for Graph Paper Press
Author URI: http://www.graphpaperpress.com/
Credits: http://code.google.com/p/blueprintcss/
*/

/* IMPORTANT - PLEASE READ
This theme uses the Blueprint CSS framework for
default positioning, typography, form styling, etc.
The styles below are specific for this theme
only.  Feel free to edit them as necessary.  Generally
speaking, you will will likely never need to edit
the Blueprint CSS stylesheets, which are located in:
wp-content/themes/name-of-this-theme/css/
*/

body
{
	background: #333;
	margin: 0;
	padding: 2em 0;
}

.container
{
	background: #fff;
	padding: 2em;
}

blockquote
{
	background: url('images/quote.png') .5em top no-repeat;
	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: #FF3706;
	text-decoration: none;
}

a:active, h2 a:active, h3 a:active
{
	color: #8c1b00;
	text-decoration: none;
}

a:hover, h2 a:hover, h3 a:hover
{
	color: #464646;
	text-decoration: none;
}

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

hr
{
	background: #CCC;
	height: 1px;
}

img { margin: 0; }

.photo_align_left
{
	float: left;
	padding: 0 1.5em 1.5em 0;
}

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: #FF3706;
	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;
	text-transformation: uppercase;
}

.five_posts h4 a, .five_posts h6 a { text-transform: uppercase; }

#maincontent h2
{
	border-bottom: 1px dotted #AAA;
	color: #3B4A25;
	margin-bottom: 15px;
}

h2 a
{
	color: #3B4A25;
	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; }
.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
{
	background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
	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;
}

#title { float: left; }

#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: #666;
	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: #f00; }

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;
}

#myGallery, #myGallerySet, #flickrGallery
{
	height: 300px;
	width: 575px;
	z-index: 5;
}

#flickrGallery
{
	height: 334px;
	width: 500px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail { display: none; }

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	background-color: #000;
	background-image: url('ajax/loading-bar-black.gif');
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

.jdGallery .loadingElement
{
	background-color: #000;
	background-image: url('ajax/loading-bar-black.gif');
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.jdGallery .slideInfoZone
{
	background: #333;
	bottom: 0;
	color: #fff;
	height: 65px;
	left: 0;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	text-indent: 0;
	width: 100%;
	z-index: 10;
}

* html .jdGallery .slideInfoZone { bottom: -1px; }

.jdGallery .slideInfoZone h2
{
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	margin: 2px 5px;
	padding: 0;
}

.jdGallery .slideInfoZone p
{
	color: #eee;
	font-size: 1em;
	margin: 2px 5px;
	padding: 0;
}

.jdGallery div.carouselContainer
{
	height: 75px;
	left: 0;
	margin: 0px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.jdGallery a.carouselBtn
{
	background: #333;
	bottom: 0;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	height: 20px;
	padding: 0 10px;
	position: absolute;
	right: 30px;
	text-align: center;
}

.jdGallery .carousel
{
	background: #333;
	color: #fff;
	height: 115px;
	left: 0;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	text-indent: 0;
	top: 0;
	width: 100%;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	height: 78px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 10px;
	width: 100%;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { position: relative; }

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	background: #000;
	background-position: center center;
	border: solid 1px #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail { margin-bottom: 10px; }

.jdGallery .carousel .label, .jdExtCarousel .label
{
	bottom: 5px;
	font-size: 13px;
	left: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	background: #222;
	border: 1px solid #888;
	bottom: 5px;
	cursor: pointer;
	font-size: 10px;
	margin: 0;
	padding: 1px 2px;
	position: absolute;
	right: 10px;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number { color: #b5b5b5; }

.jdGallery a
{
	color: inherit;
	font-size: 100%;
	text-decoration: none;
}

.jdGallery a.right, .jdGallery a.left
{
	cursor: pointer;
	filter: alpha(opacity=20);
	height: 99%;
	khtml-opacity: 0.2;
	moz-opacity: 0.2;
	opacity: 0.2;
	position: absolute;
	width: 25%;
	z-index: 10;
}

* html .jdGallery a.right, * html .jdGallery a.left { filter: alpha(opacity=50); }

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter: alpha(opacity=80);
	khtml-opacity: 0.8;
	moz-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	background: url('ajax/fleche1.png') no-repeat center left;
	left: 0;
	top: 0;
}

* html .jdGallery a.left { background: url('ajax/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	background: url('ajax/fleche2.png') no-repeat center right;
	right: 0;
	top: 0;
}

* html .jdGallery a.right { background: url('ajax/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.withArrows a.open
{
	background: none;
	cursor: pointer;
	height: 99%;
	khtml-opacity: 0.8;
	left: 25%;
	moz-opacity: 0.8;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 10;
}

.withArrows a.open:hover { background: url('ajax/open.png') no-repeat center center; }

* html .withArrows a.open:hover
{
	background: url('ajax/open.gif') no-repeat center center;
	filter: alpha(opacity=80);
}

.jdGallery a.gallerySelectorBtn
{
	background: #333;
	color: #fff;
	cursor: pointer;
	filter: alpha(opacity=40);
	font-size: 13px;
	height: 20px;
	khtml-opacity: 0.4;
	left: 30px;
	moz-opacity: .4;
	opacity: .4;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	top: 0;
	z-index: 15;
}

.jdGallery .gallerySelector
{
	background: #000;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20;
}

.jdGallery .gallerySelector h2
{
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin: 0;
	padding: 10px 20px 10px 20px;
}

.jdGallery .gallerySelector .gallerySelectorWrapper { overflow: hidden; }

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	border: 1px solid #888;
	color: #fff;
	cursor: pointer;
	float: left;
	height: 40px;
	margin-left: 10px;
	margin-top: 10px;
	padding: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover { background: #333; }

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	border: none;
	float: left;
	height: 40px;
	margin-right: 5px;
	width: 40px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	color: #aaa;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


.slentreabout img
{
padding-right: 500px,
}