/*
Theme Name: Quiz Control
Theme URI: http://quizcontrol.com/
Description: Quiz Control website theme
Version: 1
Author: Martijn Reintjes
Author URI: http://pepergroen.nl
Tags: blue, custom header, fixed width, two columns, widgets

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/***************************************************/
/******************     SETUP     ******************/
/***************************************************/

html,
body {
	margin:0; padding:0; height:100%;
	background:#CDE0EF url('images/bg.gif') repeat-x;
	font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	color: #777;
	}

#wrapper {
	width:1000px;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -150px;
	background:#ffffff;
	}

a {	text-decoration:none; color: #9CBDD6; color:#FF8215;}
a:hover { text-decoration:underline;}
img{ border:none; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; color: #9CBDD6; }
h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}
h2 { font-size: 28px; }
h3 { font-size: 24px; margin-bottom:0px; }
h4, h5, h6 { font-size: 20px; }

.post h4 { font-size:14px; font-weight:bold; color:#FF8215; margin:30px 0px -10px 0px; padding:0px 0px 0px 0px; line-height:14px;}



/***************************************************/
/******************    HEADER     ******************/
/***************************************************/
#headspace { width:100%; height:20px; background:#CDE0EF url('images/bg.gif') repeat-x; }
#header {
	width:100%;
	height:120px;
	background:url('images/header.gif') no-repeat;
	position:relative;
	margin:0;
	}
	#header a#logo { float:left; margin:20px 10px 10px 10px;}
	#header a#logo img {border:none;}
	#header h1 { padding:60px 0 0 29px; font-size:36px; font-weight:bold; margin:0; line-height:35px; }
	#header a, #header a:hover { color:#FF8215; text-decoration:none;}
	#header .description { margin-left:125px;}
	#header #mission { float:right; width:270px; margin:60px 40px 0 0px; text-align:center; font-style:italic; color:#999;}

	#menu { clear: both; float: left; width: 100%; background-image: url(images/nav-bg.gif); height: 51px; margin-top: 0px; padding: 0px; }
	#menu ul { list-style-type: none; list-style-image: none; float: left; padding: 0px 0px 0px 20px; margin: 0px; }
	#menu li { float: left; margin: 0px; padding: 0px; }
	#menu li a:link, 
	#menu li a:visited { float: left; color: #5A869E; display: block; padding-right: 10px; padding-left: 10px; padding-top: 10px; height: 36px; font-size: 14px; line-height:28px; margin-top: 0px; min-width:60px; text-align:center; border-left:#C5DDEA 1px solid; border-right:#C5DDEA 1px solid; }
	#menu li a:hover,
	#menu li a:active,
	#menu li.current_page_item a, #menu li.current_page_ancestor a 
		{ color: #FFFFFF; background: #B9D3E4; background-repeat: repeat-x; font-size: 14px; margin-top: 0px; background-image: url(images/nav-bg2.gif); }
	#menu li.active a { color: #555555; background-color: #ffffff; font-weight:bold; }
	

/***************************************************/
/******************    CONTENT    ******************/
/***************************************************/

#content {float:left; padding:1px 40px; margin-top:1px; display:block; }

	
	.subpages { width:740px; }
	#content p { font-size:13px; }
	#content h2 { margin:0; color:#FF8215;}
	#content h2.front { font-size:18px; font-weight:bold;}
	.alignrightslider { float:right; margin:-10px -10px 10px 20px; }
	#keybuttons a { display:block; margin:0 0 0 35px; width:203px; height:31px; background: url("images/greyMenuButton.jpg") no-repeat; padding:6px 0 0 8px; color:#FFFFFF; font-size:12px;}
	#keybuttons a:hover { text-decoration:none; background-position:0 -37px; }
	#keybuttonsOrange { margin:20px 0 60px 0;}
	#keybuttonsOrange a { display:block; margin:0 0 0 35px; width:203px; height:31px; background: url("images/orangeMenuButton.jpg") no-repeat; padding:6px 0 0 0px; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:center;}
	#keybuttonsOrange a:hover { text-decoration:none; background-position:0 -48px; }
	a.calltoaction { display:block; margin:0 0 8px 95px; width:327px; height:28px; background:url("images/btn_calltoaction.jpg") no-repeat; color:#ffffff; font-size:14px; font-weight:bold; padding:3px 0 0 10px; }
	a.calltoaction:hover { text-decoration:none; background-position:0 -31px;}
	
	ol.frontpage { clear:both; list-style-type: none; list-style-image: none; margin:0px; padding: 0px; }
	ol.frontpage li { display:block; float:left; margin:10px 0 25px 0; padding:0px 10px 10px 10px; width:185px; height:200px; background-color:#deeaf3; }
	ol.frontpage li.middle { margin:10px 33px; }
	ol.frontpage strong { font-size:36px; font-weight:bold; color:#FF8215; }
	
	/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
		}

	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	img.alignright {
		margin: 0 0 2px 7px;
		display: inline;
		}

	img.alignleft {
		margin: 0 7px 2px 0;
		display: inline;
		}

	.alignright {
		float: right;
		}

	.alignleft {
		float: left
		}
	/* End Images */
	

	
	.post { margin-bottom:20px;}
	.post .contentsquares {float:left; width:240px; margin-bottom:20px;}
	.post .leftsquare {margin-right:20px;}
	
	.greybar { clear:both; width:902px; height:100px; margin-top:30px; background:url("images/bg_greygradient.png") repeat-x; padding:0px 0 30px 20px; font-size:13px;}
	.greybar h3 { font-size:14px; font-weight:bold; color:#0E9EFF; padding:10px 0 0 0; margin:0; }
	.greybar .row {float:left; width:220px;}
	.greybar .row p {margin:0; padding:0; text-align:center;}
	.greybar #row3 { }
	.greybar #row4 { margin-top:20px; text-align:center; }
	.greybar #row3 img { margin:0px 0 10px 0;}
	.greybar ul { list-style:none; margin:0 0 1em 0px; padding: 0;	}
	.greybar #row2 ul {margin-top:25px;}
	.greybar ul li{ line-height:1.3em; margin: .25em 0; padding: 0 0 0 22px; background:url(images/ul_blueboxplus.png) no-repeat 0 3px; }
	
	#content .aboutus { clear:both; display:block; padding-top:20px; }
	#content .aboutus p { font-size: 12px;}
	#content .aboutus h4 { margin-top:4px; }
	#content .smallblock { display:block; width:370px; float:left;}
	#content a.caselink { margin:0 15px;}
	#content .casebarRight { float:right; margin-left:15px; padding-top:20px; width:250px;}
	
	#content ul {margin-top:0;}
	#content ul.features { list-style:none; margin:10px 0 0 0; padding:0; }
	#content ul.features li { float:left; width:200px; margin:0 10px; }
	
	.cases .slideshow { border:4px #9CBDD6 solid; margin:16px 0px 0 0;}
	.clear { clear:both; }

/*****************   BLOG   *****************/
	.blog { width:650px;}
	.blog h3 { color:#FF8215; font-size:16px; margin:0 0 4px; padding:0; font-weight:bold; line-height:16px; }
	.blog p {margin:0 0 24px; padding:0;}

/*****************   CONTACT FORM  *****************/
#wpcf { margin: 0 0 0px 150px; padding-bottom:50px; }
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

/***************************************************/
/******************    SIDEBAR    ******************/
/***************************************************/
#sideleft { float:left; width:130px; display:block; padding-top:30px; margin-left:30px;}
#sideleft ul, #sideleft ul ol { margin: 0; padding: 0; }
#sideleft ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sideleft .current_page_item a { color:#9CBDD6; }

#sidebar2 {
	float:right;
	width:220px;
	background: url(images/sidebar-bg.gif) repeat-x top;
}

#sidebar2 ul { }
#sidebar2 h3 { margin-top: 5px; font-size: 14px; color: #FF8215; font-weight: bold; }

#sidebar2 h2 {
	color: #FF8215;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
}
#sidebar2 ul, #sidebar2 ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar2 ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar2 ul p, #sidebar2 ul select {
	margin: 5px 0 8px;
	}

#sidebar2 ul ul, #sidebar2 ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar2 ul ul ul, #sidebar2 ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar2 ul ol li {
	list-style: decimal outside;
	}

#sidebar2 ul ul li, #sidebar2 ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}




/***************************************************/
/******************    FOOTER     ******************/
/***************************************************/
.push { height:150px;}
#footer {
	width:920px; margin:0 auto 0px;
	height: 150px;
	border-top:1px dashed #bed5e4;
	padding:5px 40px 0px;
	font-size:11px;
	color:#888;
	background-color:#ffffff;
}

#footer a {color: #777;}
#footer ul { padding:0 0 0 15px; margin:0; }
#footer .row {float:left; width:215px; margin-right:10px;}
#footer .row h3 { font-size:14px; font-weight:bold; margin:4px 0 0; padding:0;}
#footer .row4 #mce-EMAIL { 
	border:1px solid #bed5e4;
	float:left;
	color:grey;
	width:120px;
	}
#footer .row4 #mc-embedded-subscribe { margin-left:10px; }