/**
 * Default styles for the project
 *
 * TOC
 * @section specific grid styles
 * @section header
 *
 * @section content styles
 * @subsection icons
 *
 * @section menu
 * @section billboard
 * @section subNav
 *
 * Forms:
 * @section forms
 * @subsection prettyDropdown.js
 * @subsection columns
 *
 * Blog:
 * @section filter
 * @section pager
 * @section posts
 * @subsection icons
 * @section comments
 * @subsection meta
 * @subsection comment
 * @subsection blockquote

 * About page:
 * @section about
 * @subsection people
 * @subsection behind the scenes
 *
 * Client page:
 * @section clients
 *
 * @section footer
 *
 *
 * COLORDEF
 * #f0ffff (azure) - text
 * #ccc (gray) - link
 * #66cdaa (MediumAquaMarine) - special color
 * #f4a460 (SandyBrown) - error
 * #90ee90 (Lightgreen) - success

check:
oldLace
PaleGoldenRod
PapayaWhip
PeachPuff
InfoBackground
 */
:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }
q:before { content:open-quote; }
q:after { content:close-quote; }
q q:before { content:open-quote; }
q q:after { content:close-quote; }

body {
	background:#2b2b2b url(../img/bg.jpg) no-repeat fixed 50% 0;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
}
a, a:link {
	outline:none;
	color:#ccc;
	text-decoration:none;
}
a:hover {
	color:#fff;
}
strong {
	font-weight:bold;
}
h1, h2, h3 {
	text-transform:uppercase;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", sans-serif;
	font-weight:200;
	letter-spacing:0.5px;
}
h1 {
	font-size:22px;
	line-height:28px;
}
h2, h3 {
	font-size:14px;
	line-height:20px;
}
h4 {
	font-weight:bold;
}
em {
	font-style:italic;
}
acronym {
	cursor:help;
	border-bottom:1px dotted #c0c0c0;
}
pre {
	overflow:auto;
}
pre, code {
	font-family:monospace;
}
.clr {
	clear:both;
}
.replaced {
	text-indent:-9999em;
	text-align:left;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
}

/**
 * @section specific grid styles
 * @see grid.css
 */
.wrapper {
	padding:40px 0;
}

/**
 * @section header
 */
.header {	
	background:url(../img/bg-mountains.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg-mountains.png',sizingMethod='crop');
	overflow:hidden;
	width:100%;
	height:55px;
}

/**
 * @section content styles
 */
.content {
	color:f0ffff;
	font-size:12px;
	line-height:18px;
}
.content p {
	margin-bottom:16px;
}
.content s {
	color:#191919;
	text-decoration:line-through;
}
.content h1 {
	margin:0 0 16px;
	color:#fff;
}
.content h2.subHeadline {
	margin:-16px 0 16px;
}
.content h2,
.content h3 {
	margin:20px 0 10px;
}
	.content h1 q,
	.content h1 span,
	.content h2,
	.content h3 {
		color:#66cdaa;
	}
.content h4 {
	color:#fff;
}
.content a {
	text-decoration:underline;
}
	.content a:hover {
		text-decoration:none;
	}
.content a.external {
	background:url(../img/arrow-external.gif) no-repeat 100% 0;
	padding-right:10px;
}
	.content a.external:hover {
		background:url(../img/arrow-external-hi.gif) no-repeat 100% 0;
	}
.content dl {
	margin:0pt 0pt 12px;
}
	.content dl dt {
		float:left;
		margin:0 4px 0 0;
		width:180px;
	}
	.content dl dd.seperator {
		margin:0 0 12px;
	}
	.content dl p {
		margin:0;
	}
.content ul.list {
	margin:0 0 12px;
}
	.content ul.list li {
		background:url(../img/list-icon.gif) no-repeat 0 50%;
		padding:0 0 0 10px;
	}
.content #loadingPage img {
	margin:1px 8px 0 0;
	float:left;
}

/* @subsection inline box */
.content .inlineLeft {
	float:left;
	margin:0 20px 0 0;
	position:relative;
}
.content .inlineRight {
	float:right;
	margin:0 0 0 20px;
	position:relative;
}
	.content .inlineLeft img,
	.content .inlineRight img {
		border:5px solid #fff;
	}
	.content .caption {
		margin:5px 0 0;
		font-size:11px;
		color:#bbb;
	}

/* @subsection icons */
.content .hint {
	background:url(../img/icon-hint.gif) no-repeat 1px 3px;
	padding:0 0 0 20px;
	color:#bbb;
}
	.content .hint a {
		color:#bbb;
	}

/* subsection vcard */
.vcard .type {
	display:none;
}

/**
 * @section menu
 */
ul#menu {
	float:right;
	margin-top:14px;
}
ul#menu li {
	float:left;
	display:block;
	font-family:"HelveticaNeue", "Helvetica Neue", sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-left:20px;
}
ul#menu li a {
	display:block;
	padding:9px 0 0;
	text-decoration:none;
}
ul#menu li a:hover,
ul#menu li.selected a {
	text-decoration:none;
	color:#fff;
}
ul#menu li.selected a {
	background:url(../img/arrow-top.gif) no-repeat 50% 0;
	cursor:default;
}

/**
* @section billboard
*/
.billboard {
	padding:0 0 30px;
}

/**
* @section subNav
*/
.navigation {
	padding:40px 0;
}
#subNavMenu ul {
	margin:0;
	position:relative;
}
#subNavMenu ul * {
	margin-right:20px;
}
#subNavMenu ul * * {
	margin-right:0;
}
#subNavMenu ul li {
	color:#777;
	font-family:"HelveticaNeue", "Helvetica Neue", sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	cursor:default;
}
#subNavMenu ul li a,
#subNavMenu ul li span,
#clientsPage #subNavMenu ul li {
	display:block;
	padding:2px 0 2px 3px;
	font-size:10px;
	line-height:16px;
	height:16px;
	text-decoration:none;
	border-bottom:1px dotted #191919;
}
#subNavMenu ul li span  {
	color:#858585;
}
#subNavMenu ul li a:hover,
#subNavMenu ul li.selected,
#subNavMenu ul li.selected a {
	color:#fff;
}
#subNavMenu ul ul {
	margin-left:20px;
}
#subNavMenu ul a img {
	padding:0;
}

/**
 * @section forms
 */
form {
	clear:both;
}
form div {
	overflow:hidden;
    margin:0 0 5px;
}
label, input, select {
    float:left;
}
input, textarea, select {
	background:#191919;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
    border:none;
}
.text input, .password input, textarea {
	width:100%;
}
input {
	padding:5px 8px 6px;
}
textarea {
	width:712px;
	padding:5px 0 6px 8px;
	overflow:auto;
	/* @css-for safari */
	resize:none;
}
input.focus, textarea.focus,
input:focus, textarea:focus {
    background:#222;
}
select {
	width:275px;
	padding:5px 0 5px 4px;
	height:25px;
}
option {
	padding:5px 0 5px 4px;
}
div.radio input {
	width:auto;
	margin:0 3px 5px 0;
}
div.radio label {
	width:auto;
	margin:0 0 5px;
}
div.submit {
	padding:3px 0 0;
}
	div.submit input {
	    font-weight:bold;
		color:#c0c0c0;
		width:auto;
		padding:10px 20px;
	}

/* @subsection prettyDropdown.js */
div.selectContainer {
	background:#191919 url(../img/sprite-form-select.gif) no-repeat 100% 0;
	position:relative;
	overflow:hidden;
	float:right;
	width:275px;
	height:25px;
	_background:none;
}
	div.selectContainer.focus {
		background-position:100% -25px;
		background-color:#222;
	}
div.label {
	position:absolute;
	height:25px;
	line-height:25px;
	margin-right:23px;
	padding-left:8px;
	color:#fff;
	z-index:1;
	_display:none;
}
div.selectContainer select {
	cursor:pointer;
	display:inline;
	float:left;
	width:275px;
	height:25px;
	z-index:2;
}
div.select select {
	display:none;
}
	.noscript div.select select {
		display:block;
	}

div.select select {
	float:right;
}
label {
	margin:3px 5px 5px 0;
	font-weight:bold;
}
	div.input span,
	div.select span {
    	/*float:left;*/
		display:block;
		margin:3px 0 5px;
	}
	div span.optional,
	div span.optional a,
	div span.optional a:hover {
		color:#bbb;
	}
	div span.error {
        font-style:italic;
		color:#f4a460;
	}
	#flashMessage.error {
    	color:#f4a460;
	}
	#flashMessage.success {
		color:#90ee90;
	}
div.tiny input {
	float:right;
	width:270px;
}
div.break span {
	clear:both;
	display:block;
}

/* @subsection columns */
form div.leftColumn {
	clear:left;
	float:left;
	/*padding-bottom:10px;*/
	width:350px;
}
form div.rightColumn {
	float:right;
	padding-bottom:10px;
	width:350px;
}
form div.doubleColumn {
	position:relative;
	/*padding-bottom:0;*/
	clear:both;
}
	
/**
 * @section filter
 */
.filter {
	width:100%;
	clear:both;
	position:relative;
	overflow:hidden;
	font-size:11px;
}
	.filter.top {
		padding-top:10px;
		border-top:1px solid #191919;
	}
	
.filter form {
	float:left;
	_width:1%;
}
	.filter form div {
		margin:0;
	}
	.filter form select {
		font-size:11px;
	}
	.filter form select,
	.filter form div.selectContainer,
	.filter form div.selectContainer select {
		width:182px;
	}
	
/**
 * @section pager
 */
.pager {
	float:right;
	text-align:right;
	border:none;
}
	.pager.top {
		padding-top:10px;
	}
	.pager.bottom {
		padding-bottom:10px;
	}
	.pager span a,
	.pager span.current {
		margin:0 0 0 2px;
		padding:5px 8px 4px;
		font-size:11px;
		line-height:25px;
		font-weight:normal;
	}
	.pager span a {
		background:#191919;
		text-decoration:none;
	}
	.pager span a:hover,
	.pager span.current {
		background:#222;
		color:#fff;
	}
	.pager strong {
		color:#fff;
	}

/**
 * @section posts
 */
.post h3.summary {	
	font-size:22px;
	line-height:28px;
	margin:0 0 16px;
}
	.post h3.summary,
	.post h3.summary a {	
		color:#66cdaa;
	}
	.post h3.summary a:hover {	
		color:#fff;
	}
.post .date {
	margin:0 0 10px;
	color:#66cdaa;
}
.post img {
	border:5px solid #fff;
}
.event {
	margin:20px 0 48px;
}
	.event .description {
		position:relative;
	}
	.event .date {
		background:url(../img/bg-date.gif) no-repeat;
		position:absolute;
		overflow:hidden;
		width:48px;
		height:71px;
		margin:4px 0 0 -100px;
		padding:10px 0 0;
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		line-height:21px;
		font-size:12px;
	}
	.event .date span {
		display:block;
		font-size:24px;
	}
	.event h3 a {
		text-decoration:none;
	}
	.event img {
        margin:3px 0 0;
	}
div.info {
	background:#191919;
	overflow:hidden;
	padding:3px 8px 4px;
	font-size:11px;
}	
	div.info a {
		/*text-decoration:none;*/
	}
	div.info div {
		display:inline;
	}
div.backLink {	
	background:url(../img/arrow-left.gif) no-repeat 0 50%;
	position:absolute;
	margin:0 0 0 -230px;
	padding-left:19px;
	color:#ccc;
}

/* @subsection icons */
.iconComments {
	margin-right:10px;
	padding-left:20px;
	background:url(../img/icon-comments.gif) no-repeat 0 50%;
}
.iconTag {
	padding-left:18px;
	background:url(../img/icon-tag.gif) no-repeat 0 50%;
}

/**
 * @section comments
 */
#comments {
	margin:40px 0 0;
}
#comments ol {
	overflow:hidden;
}
	#comments ol li {
		overflow:hidden;
		list-style:none;
		margin:0 0 4px;
	}

/* @subsection meta */
#comments ol li .meta {
	width:660px;
	position:relative;
	border-bottom:1px dotted #191919;
	margin:0 0 10px;
	padding:6px 0 4px 60px;
	font-size:11px;
	color:#bbb;
}
	#comments ol li .meta .permalink {
		position:absolute;
		left:0;
		text-decoration:none;
	}
	#comments ol li .meta strong a:hover {
        color:#fff;
	}
	#comments ol li.author .meta strong,
	#comments ol li.author .meta strong a,
	#comments ol li.author .meta strong a:hover {
        color:#66cdaa;
	}
	#comments ol li .meta .date {
		position:absolute;
		right:0;
	}

/* @subsection comment */
#comments ol li .comment {
	margin-left:60px;
}
.comment blockquote {
	padding:0 20px;
	color:#191919;
	font-style:italic;
}
	.comment blockquote div.quote {
		color:#66cdaa;
	}
	.comment blockquote div.quote span {
		font-weight:bold;
	}

/* @subsection people */
#people {
	height:420px;
	overflow:hidden;
	position:relative;
}
	#peopleMover {
		position:relative;
		top:0;
	}
	#people .person {
		clear:both;
		height:420px;
	}
	#people .person div.body {
		float:left;
		width:490px;
	}

/* @subsection behind the scenes */
#left {
	width:720px;
}
#leftPhotos {
	width:720px;
	height:449px;
}
#scenes div {
	overflow:hidden;
	margin-bottom:10px;
}
#scenes div.photos {
	clear:both;
}
#scenes img {
	display:none;
	float:left;
	border:5px solid #fff;
}
#scenes img.selected {
	display:block;
}

/**
 * @section sponsors
 */
ul.sponsorsList li {
	clear:both;
	overflow:hidden;
	margin:0 0 20px;
	padding:20px;
	border:1px dashed #191919;
	_height:1%;
}
	ul.sponsorsList .vcard {
		float:left;
	}
	ul.sponsorsList .vcard h2 {
		margin-top:5px;
	}
	ul.sponsorsList li a.logo {
		float:right;
		border:5px solid #777;
		width:260px;
		height:140px;
	}
	ul.sponsorsList li a.logo:hover {
		/*border-color:#fff;*/
	}
#navigation .box {
	overflow:hidden;
	background:#c0c0c0;
	margin:44px 20px 0 0;
	padding:10px 10px 0;
	line-height:16px;
	color:#111;
	_height:1%;
}
	#navigation .box h3 {
		background:#191919;
		margin:-10px -10px 10px;
		padding:2px 10px;
		font-size:11px;
		color:#fff;
	}
	#navigation .box p {
		margin:0 0 10px;
	}

/**
 * @section markItUp!
 */
.bbcode,
.bbcode div {
	margin:0;
	overflow:visible;
}
.markItUpHeader ul {
	padding:5px 0;
	height:20px;
}
.markItUpHeader ul li {
	list-style:none;
	float:left;
	position:relative;
}
.markItUpHeader ul li ul{
	display:none;
}
.markItUpHeader ul li:hover > ul{
	display:block;
}
.markItUpHeader ul .markItUpDropMenu {
	margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right:0px;
}
.markItUpHeader ul .markItUpSeparator {
	background-color:#222;
	margin:0 10px;
	width:2px;
	height:16px;
	overflow:hidden;
}
.markItUpHeader ul ul .markItUpSeparator {
	width:auto;
	height:1px;
	margin:0px;
}
.markItUpHeader ul ul {
	display:none;
	position:absolute;
	top:20px;
	left:0px;	
	background:#fff;
	border:1px solid #fff;
	height:inherit;
	padding:0 0 1px;
}
.markItUpHeader ul ul li {
	float:none;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background:#fff;
}
.markItUpHeader ul ul ul {
	position:absolute;
	top:-1px;
	left:150px;
}
.markItUpHeader ul ul ul li {
	float:none;
}	

/* @subsection icons */
.markItUpHeader ul a {
	background-color:#111;
	background-image:url(../img/icons-editor.gif);
	background-repeat:no-repeat;
	display:block;
	width:20px;
	height:20px;
	text-indent:-9999em;
}
	.markItUpHeader ul a:hover {
		background-color:#fff;
	}
.bbcode .buttonH2 a { background-position:0 0; }
.bbcode .buttonH3 a { background-position:-20px 0; }
.bbcode .buttonBold a { background-position:-40px 0; }
.bbcode .buttonItalic a { background-position:-60px 0; }
.bbcode .buttonUnderline a { background-position:-80px 0; }
.bbcode .buttonStroke a { background-position:-100px 0; }
.bbcode .buttonSub a { background-position:-120px 0; }
.bbcode .buttonSup a { background-position:-140px 0; }
.bbcode .buttonAcronym a { background-position:-160px 0; }
.bbcode .buttonLink a { background-position:-180px 0; }
.bbcode .buttonPicture a { background-position:-200px 0; }
.bbcode .buttonColor a { background-position:-220px 0; }
.bbcode .buttonList a { background-position:-240px 0; }
.bbcode .buttonNumList a { background-position:-260px 0; }
.bbcode .buttonListItem a { background-position:-280px 0; }
.bbcode .buttonCode a { background-position:-300px 0; }
.bbcode .buttonClean a { background-position:-320px 0; }
.bbcode .buttonQuote a { background-position:-340px 0; }

/* @subsection colors */
.markItUpHeader ul ul a {
	display:block;
	padding-left:0px;
	text-indent:0;
	width:120px; 
	padding:5px 5px 5px 25px;
	background:none;
}
.markItUpHeader ul ul a:hover  {
	background-color:#777;
	color:#FFF;
}
.bbcode .buttonColor ul {
	width:76px;
	/* padding:1px; */
}
	.bbcode .buttonColor li {
		float:left;
		/* border:1px solid #fff; */
		width:25px;
		height:25px;
		overflow:hidden;
		margin:0px;
		padding:0px;
	}
	.bbcode .buttonColor ul a {
		width:25px;
		height:25px;
		margin:1px;
	}
	.bbcode .buttonColor .col1-1 a { background:#f4a460; }
	.bbcode .buttonColor .col1-2 a { background:#90ee90; }
	.bbcode .buttonColor .col1-3 a { background:#66cdaa; }
	
/**
 * @section footer
 */
.footer {
	clear:both;
	background:#191919;
	padding:6px 10px;
	margin:0 0 20px;
	/*border-top:1px solid #191919;*/
}
ul.copyright {
	overflow:hidden;
	display:block;
	_height:1%;/* @bugfix - IE6 */
}
	ul.copyright li {
		float:left;
		font-size:10px;
		color:#888;
		cursor:default;
	}
	ul.copyright li.meta {
		float:right;
	}

/**
 * @section boxes
 */
ul.boxes {
	clear:both;
	overflow:hidden;
	_height:1%;
	font-size:11px;
}
	ul.boxes li.tagCloud,
	ul.boxes li.recentComments,
	ul.boxes li.archive {
		float:left;
		margin:0 20px 0 0;
		width:303px;
	}
	ul.boxes li.last {
		margin:0;
	}
	ul.boxes li h4 {
		background:#66cdaa;
		display:block;
		padding:5px 10px;
	}
	ul.boxes li .body {
		background:#454545;
		padding:5px 10px;
		min-height:120px;
		height:auto !important;
		height:120px;
	}

/* @subsection tag cloud */
.tagCloud a {
	text-decoration:underline;
	margin-right:2px;
	padding-right:1px;
	line-height:20px;
}

/* @subsection recent comments */
.recentComments ol li {
	background:url(../images/list-icon.gif) no-repeat 0 7px;
	padding:0 0 0 10px;
}

/* @subsection archive */
.archive th {
	cursor:default;
	padding:1px 16px 1px 0;
	color:#ededed;
	font-weight:bold;
}
	.archive td {
		cursor:default;
		padding:1px 0 1px 8px;
		color:#191919;
	}
	.archive td a {
		font-weight:bold;
	}