/*  
Theme Name: Froq
Theme URI: http://www.froq.nl
Description: wordpress theme for Froq
Author: Marten Timan
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body {
	font: 11.5px Verdana;
	color: #737373;
	background: #fff;
	margin: 0;
	padding:0;
	text-align: left;
	line-height: 16px;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-weight: bold;
	color: #ff8511;
	margin: 0;
	padding: 15px 0 0 10px;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 13px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 11px;
}
h6 {
	font-size: 10px;
}
h7 {
	font-size: 8px;
}
h1.title {
	width: auto;
	clear: both;
	padding: 20px 0 0 63px;
	color: #000;
}

h1.singletitle {font-size: 14px; line-height:17px; padding-bottom:15px;}


h2.title_news {
	width: auto;
	clear: both;
}
/* define different link colors */
.entry a:link, .entry a:visited, .post a:link, .post a:visited, .post_news a:link, .post_news a:visited {
	font-weight: normal;
	color: #ff7e0d;
	text-decoration: underline;
}
.entry a:hover, .entry a:active, .post a:hover .post a:active, .post_news a:hover .post_news a:active {
	text-decoration: none;
	color: #fff;
	background: #ff7e0d;
}
small {
	font-size: 10px;
	margin: 0;
	padding: 0;
}
blockquote {
	padding: 10px 0 10px 30px;
	margin:0;
}
/* specific divs */
/* styles for IE 5 Mac article: http://www.hicksdesign.co.uk/journal/30/vertical-centering-with-css */
#horizon {
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
}
/* following rules are invisible to IE 5 \*/
#horizon {
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	min-width: 1000px;
}
/* end IE 5 hack */ 

#container {
	padding: 0;
	border: 0;
	text-align: left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/* een absolute-positioned container om de andere items (links etc) ook absolute te kunnen positioneren */	
#container_abs {
	position: absolute;
	top:0px;
	padding: 0;
	border: 0;
	text-align: left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	z-index:0;
}
#wrap {
	float: left;
	width: 1000px;
	padding: 0;
	border: 0;
}
#header {
	float: left;
	width: 1000px;
	height: 110px;
	padding: 0;
	border: 0;
	background: url(images/header.gif) no-repeat;
}
#header_left {
	float: left;
	width: 325px;
	height: 110px;
	padding: 0;
	border: 0;
	background: url(images/animated_froq.gif) no-repeat 38px 14px;
}
#header_right {
	float: right;
	width: 675px;
	height: 110px;
	padding: 0;
	border: 0;
	text-align: left;
}
#backtohome {
	position: absolute;
	top: 0;
	left: 30px;
	padding:0;
	margin:0;
	border:0;
	width: 300px;
	height: 100px;
	z-index: 1;
}
#backtohome a:link, #backtohome a:visited, #backtohome a:hover, #backtohome a:active {
	position: absolute;
	width: 300px;
	height: 100px;
	border:0;
	padding:0;
	margin:0;
	text-decoration: none;
	background: transparent;
	z-index: 2;
}
#content {
	float: left;
	padding: 0 0 0 0;
	margin: 0;
	text-align: left;
	width: 1000px;
	background: url(images/bg_sky.gif) no-repeat right top;
}
/* post related */	

.post {
	float: left;
	padding: 0 200px 5px 55px;
	margin: 0;
	text-align: left;
	width: 500px;
}
.post_orange {
	float: right;
	padding: 10px 0 20px 0;
	margin: 0;
	text-align: left;
	width: 780px;
}
.entry_orange {
	float: right;
	width: 350px;
	text-align: left;
	color: #f97601;
	line-height: 16px;
}
.post p {
	text-align: left;
	padding:  10px;
}
.post ul {
	padding: 5px 10px 5px 23px;
}
/* special classes for News on Frontpage (index.php) */

.post_news {
	clear: both;
	padding: 10px 250px 0 250px;
	margin: 0;
	text-align: left;
	width: 500px;
}
.post_news p {
	clear: both;
	text-align: left;
	padding: 0 10px 0 10px;
}
.postmetadata {
	width: auto;
	padding: 10px;
	margin: 0;
}
.postmetadata a {
	text-transform: uppercase;
	font-size: 9px;
	text-decoration: none;
	position: relative;
	z-index: 1000;
}
.postmetadata a:hover {
	background: #fbc0df;
}
.separator {
	clear: both;
	width: 620px;
	height: 10px;
	padding:0 0 5px 0;
	margin:0;
	border:0;
	background: url(images/separator.gif) no-repeat;
}
.space {
	float: left;
	width: 100%;
	padding:0;
	margin:0;
	border:0;
	height: 10px;
}
/* define sidebars and main divs*/    

#sidebar {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0;
	border: 0;
}
/* contains .enties and #sidebar */    
.mid_wrap {
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	width: 780px;
	border: 0;
}
.entries {
	float: left;
	padding:  0;
	margin: 0;
	border: 0;
	width: 780px;
}
#sidebar ul {
	padding: 0;
	margin:0;
}
#sidebar li {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* added div wp-tags for tagcloud */

.wp-tags {
	text-align: center;
}
/* search */

#search_field {
	float: right;
	width: 180px;
	height: 25px;
	padding: 10px 0 0 0;
	margin: 0;
	z-index: 103;
}
#search_field input, #mp-formdiv input {
	float: left;
	height: 12px;
	padding: 1px;
	margin: 0;
	width: 140px;
	color: #4a4a4a;
	border: 1px solid #6a6a6a;
	background: #fff;
}
#search_field .search_submit {
	float: right;
	height: 16px;
	width: 35px;
	cursor: pointer;
	padding:0;
	margin: 0;
	border: 0;
	background: url(images/bg_zoek.gif) no-repeat;
}
#search_field .search_submit:hover {
	background: url(images/bg_zoek-over.gif) no-repeat;
}
.navigation {
	float: left;
	width: 390px;
	padding:10px 0 10px 0;
	margin:0;
}
#footer {
	clear: both;
	width: 1000px;
	height: 10px;
	text-align: center;
	padding: 0;
	background: url(images/bg_footer.gif) no-repeat top;
}
#footer_home {
	clear: both;
	width: 1000px;
	height: 40px;
	text-align: center;
	padding: 20px 0 0 0;
	background: url(images/bg_footer_home2.gif) no-repeat bottom;
}
/* align images  */
    
img.alignnone {
	display: inline;
	margin:0;
	padding:0;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry img.alignright {
	padding: 3px 0 0 8px;
	margin: 0;
	max-width: 450px;
	float: right;
}
.entry img.alignleft {
	padding: 3px 8px 0 0;
	margin: 0;
	display: inline;
	max-width: 450px;
	float: left;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* End align Images */


/* start forms */


#comment {
	width: 360px;
	padding: 2px;
	height:200px;
	border: 1px solid #523e2e;
}
form.ddfm .form_submit {
	padding: 5px;
	margin: 0;
	float: right;
	width: 65px;
	height: 65px;
	background: url(images/btn_verstuur.gif) no-repeat;
	cursor: pointer;
	border: 0;
}
/* einde forms */

/* commentaar */

ol.commentlist {
	margin:0;
	padding:0;
	list-style:outside none;
}
.commentlist li {
	background:#F5F5F5 url(images/comm-hoek.gif) bottom left no-repeat;
	padding:10px;
	border-top: #FFFFFF 3px solid;
	color:#333;
	margin-bottom:10px;	
}
.commentlist li.alt {
	background:#EDEDED url(images/comm-hoek-alt.gif) bottom left no-repeat !important;}


.commentlist p {
	padding: 0 0 10px 0;
}
.p-who {
	font-size:10px;
	text-transform:uppercase;
	border-bottom:#E4E4E4 solid 1px !important;
	margin-left:10px !important;
	padding-left:0 !important;
	padding-bottom:5px !important;
}

.addthis_toolbox, a.post-edit-link {
	margin-left:10px;
}
.addthis_toolbox a:hover {
	background: none;
}
h3#comments {
	margin-bottom:15px;
}
.commentmetadata {
	color:#737373;
	border-bottom:#E4E4E4 solid 1px !important;
	font-size:10px;
}
.p-tag {
	margin: 15px 0 5px 10px !important;
	padding-top:5px;
	padding-bottom:5px;
	color:#737373;
	border-top:#E4E4E4 1px dotted !important;
	border-bottom:#E4E4E4 1px dotted !important;
	font-size:10px;
}
.p-com {
	padding:10px 10px 20px 10px;
	background:url("images/bg_footer.gif") no-repeat scroll center bottom transparent;
}
.archief { color:#737373 !important;} 

h2.title_news a { text-decoration:none !important; font-weight:bold !important;}
h2.title_news a:hover { text-decoration:underline; background:#FF7E0D; color:#FFFFFF;}

/* extra nav menu*/

#menu .extranav a:link, #menu .extranav a:visited {	
	float: right;
	padding: 1px 0 6px 5px;	
	margin: 0;
    border: 0;
	height: 17px;
	font-size:12px;
    width: 105px;
	color: #707070;
    text-decoration: none;
    font-weight: bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
}

#menu .extranav a:hover, #menu .extranav a:active, #menu .current_page_item a, #menu .current_page_item a:visited {	
    background: url(images/btn_hover.gif) no-repeat;
	color: #fff;
}

.mid_wrap_single {	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	width: 780px;
	border: 0;
	margin-left:200px;}
p.rss a { display:block;}