/**
 * Frontend stylesheet for qbus.com
 *
 * @section		screen
 * @author		Sebastian Deutsch
 * @version		1.0
 * @copyright	9elements.com
 * @media		screen
 *
 * @colordef	black			#000000
 * @colordef	white			#ffffff
 *
 */

/** 
 * @section HTML Styles
 *
 * Definitions for HTML entities
 */ 

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.4em;
	margin-top:48px;
	background:#fff;
}

a {
	color:#000;
}

strong {
	font-weight:bold;
}

/** 
 * @section Bugfixes and shortcuts
 *
 * This section contains bugfixes and shortcuts
 */ 

.clearfix {display:inline-block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

.left { float:left; }
.right { float:right; }
.hide { display:none; }

/** 
 * @section Layout Wrapper
 *
 * This section contains all definitions for the general layout
 */ 

.container {
	width:900px;
	margin:0 auto;
}

/** 
 * @section Header
 *
 * This section contains all definitions for the header and navigation
 */

#header {
	height:56px;
}

#header h3#logo {
	float:left;
	background: transparent url(/images/logo.png) top left no-repeat;
	width:158px;
	height:29px;
}

#header h3#logo strong {
	display:none;
}

#header ul#navigation {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:4px;
} 

#header ul#navigation li {
	float:left;
	margin-right:30px;
}

#header ul#navigation li.last {
	margin-right:0px;
}

#header ul#navigation li a {
	text-decoration:none;
	padding-bottom:11px;
}

#header ul#navigation li a:hover {
	border-bottom:2px solid #000000;
}

#header ul#navigation li.active a {
	border-bottom:2px solid #000000;
}

/** 
 * @section Footer
 *
 * This section contains all definitions for the footer
 */

#footer {
	margin-top:15px;
	font-size:12px;
}

#footer ul li {
	float:left;
	padding-top:12px;
	margin-right:16px;
}

#footer ul li.last {
	margin-right:0;
}

/** 
 * @section Flash
 *
 * This section contains all definitions for the error flashes
 */

#flash {
	margin-bottom:10px;
	font-weight:bold;
}

#flash.error {
	border:2px solid #f00;
	color:#f00;
	padding:10px;
}

#flash.success {
	border:2px solid #0a0;
	color:#0a0;
	padding:10px;
}

/** 
 * @section Content
 *
 * This section contains all definitions for the main content
 */

#content {
	line-height:2.0;
}

#content h1 {
	font-weight:bold;
	margin-bottom:20px;
}

#content h1 em {
	font-family:"Times New Roman",Times,serif;
	font-size:14px;
	margin: 0 10px 0 10px;
}

#content h2 {
	font-family:Arial,Helvetica,sans;
	font-weight:bold;
}

#content h3 {
	font-family:"Times New Roman",Times,serif;
	font-weight:bold;
}

#content p {
	margin-bottom:20px;
}

#content .title {
	margin-top:20px;
}

#content .title h1 {
	float:left;
	font-weight:normal;
	font-size:20px;
	margin-right:25px;
	line-height:1.0;
}

#content .title h2 {
	float:left;
	font-family:Arial, sans;
	padding-top:10px;
	font-size:14px;
}

#content .title .options {
	float:right;
	font-size:14px;
}

#content .title .options a {
	text-decoration:none;
}

#content .sidebar {
	float:left;
	width:250px;
	margin-right:10px;
}

#content .description {
	float:left;
	width:450px;
}

#content div.overview_container {
	padding-top:20px;
	margin-bottom:20px;
}


#content a.overview {
	text-decoration:none;
}

#content a.underline {
	padding-bottom:2px;
	border-bottom:2px solid #fff;
}

#content a.underline:hover {
	padding-bottom:2px;
	border-bottom:2px solid #000;
}

/** 
 * @section Projects
 *
 * This section contains all definitions for the main content
 */

#content .projects {
	width:900px;
}

#content .projects .project img {
	margin-bottom:9px;
}

#content .projects a {
	text-decoration:none;
}

#content .projects .project {
	float:left;
	margin-right:9px;
	margin-bottom:35px;
	line-height:1.2;
	border-bottom:2px solid #fff;
	height:230px;
}

#content .projects .project:hover {
	border-bottom:2px solid #000;
}

#content .projects .project h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:normal;
	margin-bottom:5px;
}

#content .projects .project p {
	margin-bottom:12px;
}

#content .projects .last_project {
	float:left;
	margin-right:0;	
}

#teaser_image {
    font-size:0px;
    line-height:0;
}

#teaser_image_container {
	position:relative;
	height:506px;
}

#content #teaser_image_container #teaser_image {
	text-align:center;
	height:506px;
}

#content #teaser_image_container #media_images {
	height:506px;
}

#content #teaser_image_container #media_images ol.image_float_list {
	font-size:1px;
	line-height:0;
	margin:0;
	padding:0;
}

#content #teaser_image_container #media_images ol.image_float_list li {
	position:relative;
}

#content #teaser_image_container #media_images ol.image_float_list img.overlay {
	position:absolute;
	top:0;
	left:0;
}

#content #teaser_image_container #linear_controls {
	position:absolute;
	top:0;
	left:0;
	height:506px;
}

#content #teaser_image_container #linear_controls a {
	text-decoration:none;
}

#content #teaser_image_container #previous {
	position:absolute;
	left:-44px;
	top:230px;
	font-size:24px;
}

#content #teaser_image_container #next {
	position:absolute;
	left:932px;
	top:230px;
	font-size:24px;
}

#content #media_images ol {
	line-height:0.0;
}

#content #media_images li {
	float:left;
}

#content #media_images ol li img {
	cursor:pointer;
	margin-right:5px;
	margin-bottom:5px;
}

#content .article {
	width:650px;
}