/*
THEME NAME: Lokalheroz
THEME URI: http://www.lokalheroz.com
DESCRIPTION: Custom built for LokalHeroz
VERSION: 2.0
AUTHOR: <a href="http://www.nowton.nl/">Nowton</a> &amp; <a href="http://www.fotogravizer.nl/">Fotogravizer</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* GLOBAL */
@import url('reset.css');
@import url('gallery.css');
@import url('paginate.css');
.vvqbox { margin:0;}

/* TYPE */
h1, h2, h3, h4 { font-family: "Times New Roman", Times, serif; line-height: 1.1; font-style: italic; line-height: }
h1 { 
	font-size: 8em; 
	float: left; 
	width: 460px; 
	padding: 0 10px; 
	font-weight: normal; 
	line-height:.9; 	
	text-shadow: 2px 2px #333;
}
h2 { font-size: 2.4em; text-shadow: 2px 2px #333;}
.single h2 { margin-bottom: .5em; font-weight: normal;}
h3 { font-size: 2em; padding: .2em 0; text-shadow: 1px 1px #333;}
h4 { font-weight: normal;}
p, li,dl { font-family: "Lucida Sans Unicode", Arial, sans-serif; font-size: 1.25em;}
p { margin-bottom: 1em;}
dt {float: left; width: 60px;}
dd {float: left; width: 120px; margin-left: 20px;}
.menu li {	
	font-size: 2.4em; 
	font-family: "Times New Roman", Times, serif; 
	font-style:italic;
	font-weight: bold;
	text-shadow: 2px 2px #333;
	}
.menu li li { font-size: 1em;}
div#footer { text-align:center; font-size: 1.2em; color: silver; font-style: italic; letter-spacing: 1px;}

/* LAYOUT */
body { 
	width: 960px; 
	margin: 0 auto; 
	font-size: 62.5%; 
	line-height:1.6;
	background: #505050;
	margin-top: 10px; 
	color: silver;
	background: #505050 url(images/bg-body.jpg);
}
#actie { position: absolute; top: 0; right: 0; height: 240px; width: 240px;}
#wrapper { /*background: url(images/960_grid_12_col.png) center top repeat-y ;*/} 
/* Header */
#header { 
	overflow: hidden; 
	padding: 10px 0; 
	margin: 10px;
	/*background: #505050 url(images/bg-body.jpg);*/
}

#logo {float: left;  margin-top: 10px;}
#logo a { background: url(images/LokalHeroz-logo.png) no-repeat; display: block; width: 480px; height: 88px; }
#description { float: right; width: 420px; margin-top: 72px; margin-left: 40px;}
#description p { font-family: "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing:3px; }
.menu { width: 640px; overflow: hidden; float: left;}

#access { width: 100%; clear: both; overflow: hidden; border-top: 1px solid; border-bottom: 1px solid;  }
#search { float: left; width: 220px; margin-top: 8px; }
#searchsubmit { padding: 2px;}
#medal { display: none; width: 100px; height: 100px; position: absolute; top: 0; right: 20px; background: orange;}
/* /e Header */
#container { float:left; width:100%; }
#content {float: left; width: 438px; padding: 10px 0 30px 0;  margin-left: 10px; border-bottom: 4px double; }
.sidebar { float:left; overflow:hidden; width:220px;}
#primary {  width: 480px }
#secondary { /*margin-left: 20px;*/ }

#footer { clear:both;   margin-top: 10px; padding: 10px; border-top: 4px double;}
#contact { float: left; width: 480px; text-align: left;}

/*
NAVIGATION
*/

/* Menu */
.menu-header { overflow: hidden; width: 720px; float: left; }
.menu ul { overflow: hidden; }
.menu li { float: left; padding-right: 1em;}
	.menu li ul { left: -999em; position: absolute; }
	.menu li:hover ul { left: auto;}
	.menu li li { float: none; font-size: .75em; }
.menu li a { color: silver; text-decoration: none; display: block;}
.menu li a:hover { color: white;}
.menu li.current-menu-item a { color: gainsboro;}

/* Secondary Navigation*/
div#nav-below {margin-top:1em; border-top: 1px solid;}
div#nav-images {height:150px;margin:1em 0;}
.navigation { padding:20px 0; width: 100%; overflow: hidden; border-top: 1px solid; border-bottom: 1px bottom;}
div.navigation div.nav-next {float:right;text-align:right;}
div.navigation div { width:50%; }

.menu ul li, div.navigation div.nav-previous { float:left;}

/* FOR PAGES */

/* 
HOME 
*/
#arena { overflow: hidden; padding-bottom: 20px;}
#intro, #tweets, #subscribe { float: left; width: 300px; padding: 10px; }
#intro p, #tweets li { font-family: "Times New Roman", Times, serif; font-size: 1.4em; font-style: italic; letter-spacing: 1px; }
#tweets li { padding: 1em 0;  }
#tweets li:last-child { display: none; }
.aktt_tweet_time {display:block; } 
#subscribe { padding: 10px;}
#subscribe p { font-size: 1.1em;}
#subscribe input { padding: 4px;}
#subscribe label { font-size: 1.1em; margin-right: 10px;}
#subscribe .inputButton { margin-top: 3px; }

.home #content { width: 960px; margin:0; background: none; padding: 0; }
.home #primary { width: 960px; }



.post .entry-content { padding: 5px 10px 10px 10px;	background: rgba(0, 0, 0, 0.9); margin-top: 120px; }
#content .post .entry-date { 
	font-size: .5em; 
	font-weight: normal; 
	display: block; 
	color: silver;
	letter-spacing: 1px;
	}

/*  Collectie,  About, Contact */
.page-template-collectie-php #content,
.page-template-contact-php #content,
.page-template-about-php #content {	width: 940px; float: left; margin: 0 10px; border: none; padding:0; background-image: none;}

/* POST */
#content .post {
	float:left;
	height: 320px; 
	overflow:hidden;
	padding:0;
	width: 298px;
	margin: 10px;
	border: 1px solid;
	/*box-shadow: 5px 5px 5px #333;
	-moz-box-shadow: 5px 5px 5px #333;
	-webkit-box-shadow: 5px 5px 5px #333;*/
}
.post { opacity: .8;}
.post:hover, .single #content .post { opacity: 1;}
.post h2 { 
	font-size: 1.8em;
	background: rgba(0, 0, 0, 0.8); 
	padding: 4px 10px;
	height: 3em;
	overflow: hidden;
}
.post .entry-date { 
	font-size: .5em; 
	font-weight: normal; 
	display: block; 
	color: silver;
	letter-spacing: 1px;
	}
	/* Single */
.single #content .post { 
	width: 620px; 
	margin:0 0  0 10px; 
	height: auto; 
	border: none; 
}
.single .post .entry-content {padding: 0; overflow: hidden; background: none; margin-top: 0;} 
.single #content .post h2 { margin-top: 0; background: none; padding: 0; height: auto;}
.single #content .post h2:hover { background: none;}

/*
	EVENEMENTEN 
*/
.lcp_catlist a.title {display: block; }
.category-events #content { width: 960px; background: none; margin: 0; padding: 0;}

/* CATEGORY */
.archive-meta p {  font-family: "Times New Roman", Times, serif; font-size: 1.6em;}

.category-events .entry-meta { float: right; }

#tags { padding: 10px; width: 940px;}
#container #tags a { border-bottom: none; }
#tags a:hover { border-bottom: 1px dotted;}

.category #content { width: 960px; background: none; margin: 0; padding: 0;}
.category .archive-meta { float: left; width: 460px; padding: 0 10px; }


/*.category #content .post h2 { 
	font-size: 1.8em;
	margin-top: 120px;
	background: rgba(0, 0, 0, 0.6); 
	padding: 4px 10px;
}*/
#content .post h2:hover { background: black;}


	/* Sidebar */
	#heroz { overflow: hidden; width: 100%;}
	#heroz li { 
		float: left; 
		width: 138px; 
		overflow: hidden; 
		height: 120px; 
		margin: 10px; 
		background-position: center; 
		padding: 0;
		opacity: .8;
	}
	#heroz li a { 
	font-family: "Times New Roman", Times, serif; letter-spacing: 1px; line-height: 1.2;
	border: none; 
	font-style: italic; 
	position: relative;
	background: rgba(0, 0, 0, 0.6); 
	padding: 4px; 
	margin-top: 70px;
	display: block;
	}
	#heroz li:hover { opacity: 1;}
	#heroz li a:hover { background: rgba(0, 0, 0, 0.8); }

/* 
	COLLECTIE
*/
.page-template-collectie-php h3, 
.page-template-collectie-php h2 {	clear: both; margin-left: 10px; }
.group {border: 1px solid gray; overflow: hidden; margin-bottom: 10px; background-image: url(images/bg-fullcontent.jpg); background-position: center top; }

	/* Sidebars/Footer */
	#collectie  {  width: 100%;}
	/* Friends: geen collectie: uit dus > beter naar Heroz */ #collectie #linkcat-16 { display: none;}
	#collectie li { 
		float: left; 
		width: 320px; 
		padding: 0; 
		border: none; 
		font-size: 1.1em; 
		font-family: "Times New Roman", Times, serif; 
		}
	#collectie h3 { margin-left: 10px;}
	#collectie li li { font-family: "Lucida Sans Unicode",Arial,sans-serif; width: 140px; height: 140px; overflow: hidden; margin:  10px;}
	#collectie li li a { font-family: "Times New Roman",Times,serif; display: block; border-top: 1px solid; padding-top: 5px; font-weight: bold; font-style: italic; letter-spacing: 1px}
	#collectie li li img { position: relative; width: 150px;}
	
/* SINGLE */
.single #content { width: 940px; margin:0; padding: 0 10px;}
.single .entry-meta { width: 300px; float: left; padding-right:10px; font-family: "Lucida Sans Unicode", Arial, sans-serif;}
.single h1 { width: 300px; font-size: 5em; padding:0; margin-bottom:.25em;}
.single .entry-content p:first-child { font-family: "Times New Roman", Times, serif; font-size: 1.5em; letter-spacing: 1px; font-style: italic;}
.single .post { float: left; width: 630px;}
.single .navigation { border-bottom: 1px solid; margin-top: 20px; font-family:"Times New Roman", Times, serif;}
.single .navigation a { font-size: 1.4em; font-style:italic; letter-spacing: 1px; line-height:1.1; border-bottom: none !important;}

	/* Sidebar */
	#collectie #recent { margin: 0;}
	#collectie #recent li { width: auto; height: auto; margin: 0 10px; }
	#collectie #recent li a { border-top: none; font-weight: normal; font-family: "Lucida Sans Unicode", Lucida, Arial, sans-serif; font-style: normal;}
	.actueel p { font-size: 1.1em; margin: 0 10px;}
	#linklist div { overflow: hidden;}

/* COMMENTS */
#comments { padding: 10px 0; border-top: 1px solid #ccc;}
.comment-author a { font-family: "Times New Roman", Times, serif; font-size: 1.2em;}
#comments p { font-size: 1em;}
#comments form { padding: 10px; background: rgba(0, 0, 0, 0.5);}
#comments .form-label { font-size: 1.2em; font-family: "Lucida Sans Unicode", Arial, sans-serif; padding: .25em 0; }
.comments li { border-bottom: 1px dotted;}
.comment-author { font-size: 1.6em; font-style: italic; font-family: "Times New Roman", Times, serif; }
.comment-meta { color: #898989;}
.authcomment {    background-color: #B3FFCC !important;}


/* Contact */
.page #content { width: 940px; border-bottom: none; margin-left: 0;}
.page h1 { width: 300px; float: left; padding: 0; }
.page .entry-content { width: 640px; overflow: hidden; float: left;}
.nfo {	width: 240px; float: left; padding-right: 20px }
.loc {	width: 320px; float: left; }

/* Forms */
input, select { border: none; padding: 2px;}
input[type=submit] { font-family: "Times New Roman", Times, serif; font-style: italic; padding: 5px; background: #ABABAB;}
input[type=submit]:hover { background: #BCBCBC;}

/* SIDEBAR */
div.sidebar h3 { font-size:2em; font-weight: normal; color: gainsboro;}
div.sidebar input#s { width:7em;  }
div.sidebar li { 
	list-style:none; 
	margin:0 0 10px 0;  
	border: 1px solid gray; 
	padding: 10px;
	/*background-image: url(images/bg-qrtcontent.jpg);*/
}
.sidebar li li {border: none; padding: 0; background-image: none;}
div.sidebar li form { margin:0.2em 0 0; padding:0; }
div.sidebar ul ul { margin:1em 0; }
div.sidebar ul ul li {  margin:0; }
div.sidebar ul ul ul { margin:0 0 0 0.5em; }
div.sidebar ul ul ul li { list-style:circle;}
.sidebar .aktt_tweets li {margin: 1em 0; font-size: 1em;}

/*
LINKS
*/
#container a {	text-decoration: none; border-bottom: 1px dotted; color: silver; }
#container h2 a { border: none;}
#container a:hover { color: white;}
#container a:active { color: white; border-bottom: 1px solid;}

#footer a {color: white;}


/* Inline Images */
.alignright,img.alignright{ float:right; margin:0 0 0 1em; }
.alignleft,img.alignleft{ float:left; margin:0 1em 0 0; }
.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

p.wp-caption-text{font-style:italic;}

/* SEARCH & TAG */
.search #content, .tag #content { width: 100%; }
.search h1, .tag h1 { width: 300px; padding: 0 20px 0 0; font-size: 2em;}
.search h1 span, .tag h1 span { font-size: 3em;}
.search #content .post, .tag .post { float: none; width: auto; margin: 0; height: auto; overflow: hidden; border: none;}
.search .entry-date, .tag .entry-date { font-size: .5em; display: block; font-weight: normal;}
.search #content .post h2 { background: none; margin:0;}
.search #content .entry-content, .tag .entry-content { padding: 0 10px; background: none;}

/* 4oh4 */
.four04 #content { width: 940px;}
.four04 #content .post { float: none; border: none; height: auto; width: auto;}
.four04 #content .post h2 { background: none; margin-top: 0; padding: 0;}
.four04 #content .post .entry-content { background: none; padding: 0; }

/* DEVELOPMENT */
#uc {
	display: none; 
	width: 100%; 
	background: yellow; 
	color: black; 
	text-transform : uppercase; 
	border-top: 20px solid; 
	border-bottom: 20px solid; 
	font: 8em Impact; 
	text-align: center; 
	position: relative; 
	top: 120px; 
	z-index: 1;
}

span.edit-link {display: none;}