@charset "UTF-8";
/*
Name:					Young Creative Chevrolet
Version:			0.9
Domain:				youngcreativechevrolet.eu
Author:				Benjamin Wiederkehr / Stefan Zollinger
Author URI:		http://coundco.ch/
*/
/* IMPORT
/////////////////////////////////////////////////////////////////*/
@import 'jquery.fancybox.css';
@import 'global.css';
@import 'helper.css';
/* COLORS
///////////////////////////////////////////////////////////////// */
/*
GREEN: #aad200
BLACK: #000  #333  #999  #ccc  #ddd
*/
/* BODY
/////////////////////////////////////////////////////////////////*/
html, body		{  height: auto; }
body					{ background: url('../img/frontend/body_bg_s.jpg') bottom right no-repeat;}
.wrapper{ margin: 0 auto; width: 970px; background: url('../img/frontend/wrapper_bg.png') 0 0; }
.container		{ }
/* HEADER
/////////////////////////////////////////////////////////////////*/
#header				{ position: relative; padding: 10px 0 0; height: 115px; margin: 0 0 10px;}
#logo					{ position: absolute; right: 0; top: 52px;}
#chevrolet_logo{ position: absolute; top: 15px; left: 0px;}
#access_nav		{ display: none;}
.nav					{ line-height: 1; list-style: none; padding: 0; margin: 0; text-transform: uppercase; }
.nav a				{ color: #333; text-decoration: none;}
/* MAIN NAVIGATION
////////////////////////////////*/
#main_nav			{ position: absolute; top: 95px;}
#main_nav li	{ float: left; background: #000; font-size: 18px; padding: 5px 10px; height: 20px;}
#main_nav li.last-child,
#main_nav li:last-child{ }
#main_nav li a{ color: #fff; line-height: 1;}
#main_nav li.active a{ border-bottom: 1px solid #fff;}

hr{
	margin: 20px 0;
}

/* LANGUAGE SWITCH
////////////////////////////////*/
#language_switch {
	position:relative;
}
#language_switch ul {
	height: 0px; 
	overflow: hidden;
	z-index: 200;

	position: absolute;
	top: 14px;
	right: 0px;
}

#language_switch:hover ul,
#language_switch ul:hover
 {
	height: auto; 
	overflow: hidden;
}


#language_switch ul{
	margin:0;
}
#language_switch ul li a,
#language_switch ul li span
{ 
	background-color: #fff;
	display: block;
	padding: 2px 4px;
	font-weight:bold;
	text-transform: uppercase;
	
}
#language_switch ul li{
	
	float:left;
	display:block;
	margin:0;
	text-align: right;
	
}

/* SEARCH BOX
////////////////////////////////*/
#search_form{position: absolute; top: 95px; left: 619px; }
#search_form input{ width: 100px; border: 1px solid #666; background: #fff url('../img/frontend/search_bg.png') 120px 8px no-repeat; height: 18px; padding: 7px 30px 3px 10px; margin: 0;}
/* TOP NAVIGATION
////////////////////////////////*/
#top_nav			{ font-size: 11px; position: absolute; right: 0; }
#top_nav li		{ display: inline; margin: 0 0 0 12px;}
/* CONTENT
/////////////////////////////////////////////////////////////////*/
#content			{ clear: both; margin: 0 0 50px;}
.lead p,
p.lead				{ font-size: 14px;}
/*
.lead p,
p.lead				{ font: italic 16px/1.5 'Georgia', Georgia, serif;}
#main p				{ font: normal 14px/1.5 'Georgia', Georgia, serif;}
*/
#main li			{ margin-bottom: 10px;}
/* PAGE BLOCKS
////////////////////////////////*/
.file-list{ margin-left: 0; padding: 0; list-style: none; text-indent: 0;}
.file-list a{ display: block;}
a.file-pdf,
a.file-xls,
a.file-doc,
a.link-external,
a.file-zip	{ padding: 0 0 0 20px; background: url('../img/frontend/file_icons.png') 0 0 no-repeat;}
a.file-zip	{ background-position: 0 -30px;}
a.file-doc	{ background-position: 0 -60px;}
a.link-external{ background-position: 0 -90px;}

.gallery{ margin-bottom: 30px;}
.gallery ul.thumbnail-list{ list-style: none; margin: 0 0 0 0; padding: 0; background: #eee; padding: 10px 10px 0 20px; overflow: hidden;}
.gallery ul.thumbnail-list li{float: left; margin: 0 10px 10px 0;}
.gallery ul.thumbnail-list li a{ display: block; width: 70px; height: 70px;}
.gallery ul.thumbnail-list li img{ width: 70px; height: 70px; margin: 0;}

.user_feed_gallery ul.thumbnail-list li a{ display: block; width: 75px; height: 75px;}
.user_feed_gallery ul.thumbnail-list li img{ width: 75px; height: 75px; margin: 0;}
.user_feed_gallery ul.thumbnail-list{ margin: 0; padding: 0px; background: transparent;}
.user_feed_gallery ul.thumbnail-list li{float: left; margin: 0 2px 2px 0 !important;}

.video{ margin-bottom: 30px; }
.video p{ background: #eee; padding: 5px;  }

.player{ text-align: center; background-color: #eee; position: relative;}

/* HEADLINES
////////////////////////////////*/
#main h2,
#sidebar h3,
.section_header h2,
.section_header h3,
h2.section_header,
h3.section_header{ color: #222; text-transform: uppercase; border-bottom: 7px solid #000;}
#main h2,
#sidebar h2,
h2.section_header	{ color: #222; font-size: 24px; margin: 50px 0 15px 0;}
.section_header h3,
#sidebar h3,
h3.section_header{ color: #222; font-size: 18px; margin: 56px 0 15px 0;}
/* SECTION FOOTER
////////////////////////////////*/
.form_footer,
.section_footer		{ border-top: 1px solid; text-align: right; padding-top: 5px; display: block;}
/*
.section_footer a	{ font: italic 12px/1.5 'Georgia', Georgia, serif;}
.section p				{ font: 12px/1.5 'Georgia', Georgia, serif;}
*/
/* SIDEBAR
////////////////////////////////*/
#sidebar ul{ margin: 0 0 50px; padding: 0; list-style: none;}
#sidebar ul li a	{ display: block; color: #333; text-decoration: none; text-transform: uppercase; font: 10px/1 'Verdana', Verdana, sans-serif; background: #eee; padding: 15px 20px; margin: 0 0 1px; height: 10px;}
#sidebar ul li a.active,
#sidebar ul li a:hover{ background-color: #000; color: #fff;}
#sidebar ul.subscribe-list li a,
#sidebar ul.share-list li a{ background-image: url('../img/frontend/social_icons.png'); background-repeat: no-repeat; background-position: 20px 12px; text-indent: 25px;}
#sidebar ul.share-list li.share-facebook a{ background-position: 20px 12px;}
#sidebar ul.share-list li.share-twitter a{ background-position: 20px -68px;}
#sidebar ul.share-list li.share-any a{ background-position: 20px -188px;}
#sidebar ul.subscribe-list li.subscribe-rss a{ background-position: 20px -228px;}
#sidebar ul.subscribe-list li.subscribe-email a{ background-position: 20px -268px;}
#sidebar ul.subscribe-list li.subscribe-twitter a{ background-position: 20px -68px;}

#sidebar dl{ margin: 0 0 50px; padding: 0; list-style: none;}
#sidebar dl dt{ display: block; color: #333; text-decoration: none; text-transform: uppercase; font: 10px/1 'Verdana', Verdana, sans-serif; background: #eee; padding: 15px 20px; margin: 0 0 1px; height: 10px; width: 50px;}
#sidebar dl dd{ display: block; color: #333; text-decoration: none; text-transform: uppercase; font: bold 10px/1 'Verdana', Verdana, sans-serif; background: #eee; padding: 15px 20px; margin: 0 0 1px; height: 10px;}
/* HOME
////////////////////////////////*/
#teaser_carousel.js							{ background: #000; height: 300px; width: 950px; overflow: hidden; position: relative;}
#teaser_carousel ul							{ margin: 0; list-style: none;}
#teaser_carousel ul li					{ margin: 0; padding: 0; position: relative; width: 950px;}
#teaser_carousel.js ul li				{ position: absolute; top: 0; height: 300px; overflow: hidden; text-align: center; width: 950px;}
#teaser_carousel.js ul li img		{ margin: 0;}
#sticky_posts h3{ width: 390px;}
/* USER LOGIN
////////////////////////////////*/
#main #UserLoginForm{ margin-top: 50px;}

#sidebar #UserLoginForm{ margin-top: 0px;}
#sidebar #UserLoginForm input{ width: 100%;}
#sidebar .submit,
#sidebar #UserLoginForm .submit{ margin-left: 0;}
#sidebar #UserLoginForm .submit input{ width: auto;}
#sidebar #UserLoginForm .submit input:hover{ }
/* USER REGISTER
////////////////////////////////*/
#UserRegisterForm{ margin-top: 50px;}
#UserRegisterForm .text div.error-message{ margin: 0 0 20px 120px;}
/* SCHOOL REGISTER
////////////////////////////////*/

#SchoolRegisterForm label{ width: 80px;}
#SchoolRegisterForm input{ width: 220px;}
#SchoolRegisterForm select{ width: 220px;}
#SchoolRegisterForm textarea{ width: 208px;}
#SchoolRegisterForm .submit input,
#SchoolRegisterForm .checkbox input{ width: auto;}
#SchoolRegisterForm .form_footer{ padding: 20px 0 0 0;}
#SchoolRegisterForm .form_footer .checkbox input{ margin-top: 2px;}
#SchoolRegisterForm .form_footer .checkbox label{ float: left; width: 368px; padding: 0; text-align: left;}
#SchoolRegisterForm .text div.error-message{ margin: 0 0 20px 80px;}
#SchoolRegisterForm #disciplines_fieldset legend.deactivated{ background: #ccc;}
#SchoolRegisterForm #disciplines_fieldset p.deactivated{ color: #ccc;}

#FormAddForm .text div.error-message{ margin: 0 0 20px 120px;}

.text.error input{ margin-bottom: 0; border-bottom-color: #e32;}
/* CONTACT FORM
////////////////////////////////*/
#main #FormAddForm .input fieldset{ margin: 20px 0 10px 120px;}
#main #FormAddForm .input fieldset label{ width: auto; margin-right: 20px;}

#content table{ width: 100%;}
/* BLOG
/////////////////////////////////////////////////////////////////*/
.blog{}
.post{ position: relative; padding: 0 0 20px; margin: 0 0 0px; border-bottom: 1px solid #000;}
.post h3{margin: 40px 30px 18px 0;}
.post-date{ position: absolute; right: -20px; top: -28px; width: 57px; height: 50px; display: block; background: url('../img/frontend/date_bg.png') 0 0 no-repeat;}
.post-date span.post-date-day{ line-height: 1; font-size: 24px; color: #fff; text-align: center; display: block; padding: 6px 0 0 8px;}
.post-date span.post-date-month{ line-height: 1; font-size: 11px; color: #fff; text-align: center; text-transform: uppercase; display: block;padding: 0 0 0 8px;}
.post-meta{ color: #ccc; border-bottom: 1px solid #ddd; display: inline-block;}
.post-meta a{ color: #999; text-decoration: none;}
.post-meta a:hover{ color: #000;}
.next{ text-align: right; margin-bottom: 0;}
.paging{ padding: 6px 0 0;}
.paging div{ width: 100px;}
.paging div.paging_numbers{ float: left; width: 200px; margin: 0 auto;}
.paging div.next{ float: right;}
.paging div.prev{ float: left;}

/* DESIGNER PROFILE
/////////////////////////////////////////////////////////////////*/
.designer_profile h2.profile_name{ font-size: 18px !important; margin: 0 0 10px !important;}
.jury_profile h2.profile_name{ font-size: 18px !important; margin: 0 0 10px !important;}
p.project_meta{ margin-bottom: 0;}
p.project_meta span{ color: #999;}
#group_members{ margin: 0; list-style: none;}
#group_members li{ float: left; margin-right: 1px;}
#group_members li img{ margin-bottom: 0;}
#project_btn{ float: right;}

.profile_list dd a{
	font-size: 9px;
}

.widget{ font-size: 12px; position: relative; margin-bottom: 25px;}
.widget h4{ margin: 0; font-size: 12px;}
.widget ul{ margin: 0; list-style: none; overflow: hidden;}
.widget p{ color: #999; margin-bottom: 0;}
.widget span.date{ color: #999;}
.widget .section_footer a{ color: #999;}

.rss h3{ color: #edb16a; border-color: #edb16a;}
.rss a{ color: #C49359; }
.twitter h3{ color: #9adee2; border-color: #9adee2;}
.twitter blockquote{ background: #e1f3f4; margin: 0 0 10px; padding: 10px 20px;}
.twitter a{ color: #336B6F; }

.flickr h3{ color: #f690d6; border-color: #f690d6;}
.vimeo h3,
.youtube h3{ color: #ed6a6a; border-color: #ed6a6a;}
.vimeo li,
.youtube li{ clear: left;}
.vimeo img,
.youtube img{ float: left; margin: 0 10px 10px 0;}

.widget h3.section_header {
	 margin:0;
}
.widget ul.module_actions{
	list-style-type: none;
	padding:0;
	position: absolute;
	right: 0;
	top:0;
	
}
.widget ul.module_actions li{
	float: right;
	margin-left: 4px;
}
.widget ul.module_actions a{
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	background-color: #000;
	text-decoration: none;
	display:block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:0 2px;
}
.widget ul.module_actions a.handle{
	cursor: crosshair;
		 
}
.widget ul.module_actions a:hover{
	background-color: #aad200;
	color: #000;
	
}
.widget ul.module_actions a:active{
	background-color: #aad200;
	
}


#ModuleAddForm{
	padding: 0 10px;
}

#ModuleAddForm fieldset fieldset{
	margin-bottom: 20px;

}
#ModuleAddForm label{
	width: auto;
	margin-bottom: 2px;
	float:none;
}
#ModuleAddForm input{
	clear: both;
	
}
#ModuleAddForm div.submit{
	margin:0;
}

/* DESIGNER INDEX
/////////////////////////////////////////////////////////////////*/
.designer_index table{ margin-top: -10px;}
.designer_index table td{ border-color: #000; padding: 0;}
.designer_index table td.profile_portrait{ width: 40px;}
.designer_index table td.profile_name{ width: 200px; padding-right: 20px !important;}
.designer_index table td.school_name{ width: 200px;}
.designer_index table td.country_name{ width: 200px;}
.designer_index table td.discipline{}
.designer_index table td p{ margin: 0;}
.designer_index table td.discipline p{ color: #999;}
.designer_index table td a{ display: block;text-decoration: none;}
.designer_index table td.profile_portrait a{ display: block; margin-top: 10px; width: 70px; height: 70px; overflow: hidden;}
.designer_index table td h4{ margin: 0;}
.designer_index table td img{ margin: 0 10px 10px 0; float: none; }
/* DESIGNER INDEX
/////////////////////////////////////////////////////////////////*/
.work_index ul{ list-style: none; margin: 0;}
.work_index ul li{ float: left; width: 230px; margin: 0 10px 0 0; height: 300px; overflow: hidden;}
.work_index ul li.last{ margin-right: 0;}
.work_index ul li a{ }
.work_index ul li a img{ margin: 0 0 10px 0; float: left;}
.work_index ul li a h4{ margin: 0;}
.work_index ul li a p{ color: #999; padding-bottom: 5px;}
.work_index ul li a:hover h4,
.work_index ul li a:hover p{ background: #eee;}

.profile-photo-container{
	
	width: 80px;
	height: 80px;
	padding: 4px;
	
	text-align: center;
}
.profile-photo-container a,
.profile-photo-container img{
	margin: 0 !important;
	float: none;
}

/* SIDEBAR SEARCH
/////////////////////////////////////////////////////////////////*/
#sidebar_search fieldset{ background: #eee; padding: 10px; width: 135px; float: left; margin: 0 1px 0 0;}
#sidebar_search input{ width: 135px; height: 20px; border: none; margin: 0;}
#sidebar_search input.submit{ width: 74px; height: 43px; padding: 0; cursor: pointer;}
#sidebar_search input.submit:hover{ background: #333; color: #fff;}
/* WORK DETAIL
/////////////////////////////////////////////////////////////////*/
.work_profile h4.profile_name{ font-size: 14px !important; margin: 0 0 6px !important;}
.work_profile img{ float: left; margin: 0 10px 0 0;}


/* PRESS RELEASES
/////////////////////////////////////////////////////////////////*/

.sidebar_form{
	background-color: #eee;
	padding: 15px;
}
#sidebar div.text input,
#sidebar div.select select
{
	width: 100px;
}
#sidebar div.select label{
	display:block;
	float:none;
	margin-bottom: 5px;
	font-weight: normal;
	text-transform: uppercase;
}
#sidebar div.checkbox{
	padding-left: 15px;
}
#sidebar div.checkbox label{
	display: inline;
	float:none;
}
.press_releases ul{ list-style-type: none; margin: 0; }
.press_releases ul li{ border-bottom: 1px solid #000; margin-bottom: 0 !important;}
.press_releases li a{ color: #000; text-decoration: none;}
.press_releases li p img{
	margin-bottom: 10px;
}



ul.press_release_images{ list-style: none; margin: 0 0 20px 0; padding: 0; background: #eee; padding: 20px 10px 10px 20px; overflow: hidden;}
ul.press_release_images li{float: left; margin: 0 10px 10px 0;}
ul.press_release_images li a{ display: block; width: 70px; height: 70px;}
ul.press_release_images li img{ width: 70px; height: 70px; margin: 0;}

#main_image{
	width: 674px;
	height: 300px;
	text-align:center;
	background-color: #eee;
}

.search-results {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.search-results li{
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	border-bottom: 2px solid #000;
}
.search-results h3{
	font-size: 13px;
	margin-bottom: 5px;
}
.search-results p{
	margin-bottom: 5px;
}


/** works **/

.placeholder-image{
	width: 600px;
	height: 200px;
	border: 10px dashed #ccc;
	text-align: center;
	padding: 50px 25px;
	background-color: #fff;
}
.placeholder-header{
	
	font-weight: bold;
	text-transform: uppercase;
	color: #222; 
	border-bottom: 7px solid #000;
	font-size: 24px; 
	margin: 20px 0 15px 0;
}
.placeholder-header input{
	font-size: 16px;
	font-weight: bold;
	color: #222; 
	font-size: 24px;
}
.edit-area,
.edit-text,
.edit
{
	background: transparent url("../img/pencil.png") right top no-repeat;
}

#keyImage{
	position: relative;
}
#imageFormContainer{
	position: absolute;
	top: 0;
	right: 0;
}
#showImageForm{
	width: 22px;
	height: 22px;
	display:block;
	text-indent: -9999px;
	background: #fff url("../img/pencil.png") 3px 3px no-repeat;
}
#imageForm{
	position: absolute;
	background-color: #fff;
	width: 370px;
	height: 250px;
	padding: 50px 100px 0px 200px;
	top: 0;
	left: 0;
	margin: 0px;
}
#imageForm div.submit{
	margin: 0;
}

#completionIndex{
	height: 20px;
	margin-bottom: 20px;
	border: 1px solid #000;
	position: relative;
	background-color: #fff;
	
}
#completionBar{
	position: absolute;
	top: 0;
	lefT: 0;
	height: 20px;
	background-color: #96BF0D;
}
#completionPercentage{
	position: absolute;
	top: 0;
	lefT: 0;
	height: 20px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
p.message{
	margin-top: 20px;
	font-weight: bold;
}
p.message img{
	margin: 0;
	display: inline;
	float:none;
}
/*
.paging { font: italic 12px/1.5 'Georgia', Georgia, serif;}
*/
.paging .disabled{ color: #ddd;}
/* FOOTER
/////////////////////////////////////////////////////////////////*/
#footer				{ border-top: 7px solid #000; padding: 20px 0 50px;}
#footer h4		{ font-size: 12px; text-transform: uppercase; line-height: 1; margin: 0 0 20px;}
#footer h4 a	{ text-decoration: underline;}
#footer .nav	{ color: #333; line-height: 22px;}
#social_nav		{ }
#social_nav li a{ display: block; text-indent: 26px; background-image: url('../img/frontend/social_icons.png'); background-repeat: no-repeat;}
#fb_link a			{ background-position: 0 0px;}
#fl_link a			{ background-position: 0 -40px;}
#tw_link a			{ background-position: 0 -80px;}
#vm_link a			{ background-position: 0 -120px;}
#yt_link a			{ background-position: 0 -160px;}
#credits			{ clear: both;}


.voting-form label{
	width: 80px;
	margin-right: 5px;
}
#sidebar .voting-form div.text input{
	width: 127px;
}
.voting-form .submit input{
	width: 215px;
}
div.stars{
	margin-bottom: 10px;
}

/** star rating **/
.ui-stars-star,
.ui-stars-cancel {
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.ui-stars-star a,
.ui-stars-cancel a {
	width: 26px;
	height: 26px;
	display: block;
	position: relative;
	background: url(../img/big_stars.png) no-repeat 0 0;
}
.ui-stars-star a {
	background-position: 0 -56px;
}
.ui-stars-star-on a {
	background-position: 0 -84px;
}
.ui-stars-star-hover a {
	background-position: 0 -112px;
}
.ui-stars-cancel-hover a {
	background-position: 0 -28px;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
	cursor: default !important;
}


