/*

	Project: State of Creativity

	File: css/style.css

	Last edited: August 12th, 2010, 12:00 pm

*/



/*  Main  */

body {

	background: #FFF url('images/background.png') repeat-x fixed top center;

	font-family: 'AvenirLTStd35Light', Arial, sans-serif;

	font-size: 13px;

}
.nivo-slice { top: 0; }


#wrapper {

	margin: 0 auto;

	position: relative;

	width: 900px;

}


#okcf #register {

display: none;
}

.countdown, #countdown {
display: none;
}

#header {

	margin-top: 10px;

}

#okcf .back.button
{
display:none;
}


	#header #logo {

		display: block;

		float: left;

	}

	

	#header #social {

		height: 30px;

		float: right;

		width: 230px;

	}



		#header #social a {

			background-position: bottom center;

			display: block;

			font-size: 0.5pt;

			float: left;

			height: 24px;

			margin-right: 3px;

			text-indent: -9999px;

opacity:0.4;

filter:alpha(opacity=40);

		}

	

		#header #social a:hover {

			margin-top: 2px;

opacity:1;

filters:alpha(opacity=100);

		}

			#social_fb {

				background: url('images/social_facebook.png');

				width: 24px;

			}



			#social_yt {

				background: url('images/social_youtube.png');

				width: 24px;

			}



			#social_tw {

				background: url('images/social_twitter.png');

				width: 24px;

			}



			#social_li {

				background: url('images/social_linkedin.png');

				width: 24px;

			}



			#social_vm {

				background: url('images/social_vimeo.png');

				width: 24px;

			}



	#header #tagline {

		clear: right;

		color: #666666;

		font-size: 1.3em;

		float: right;

		letter-spacing: 0;

		text-align: right;

		width: 650px;

	}



	#header ul {

		float: right;

		list-style-type: none;

		margin: 10px 0 0 0;

		padding: 0;

		width: 780px;

	}

	

		#header ul li {

			float: right;

			height: 55px;

			margin-left: 10px;

			padding: 0;

			position: relative;

			width: 100px;

			z-index: 999;

		}

		

			#header ul li a {

				background: #222;

				color: #FFFFFF;

				display: block;

				font-size: 0.9em;

				height: 22px;

				overflow: hidden;

				padding: 23px 0 0 10px;

				text-decoration: none;

				text-transform: uppercase;

				width: 90px;

				

				border-radius: 5px;

				-moz-border-radius: 5px;

				-khtml-border-radius: 5px;

				-webkit-border-radius: 5px;

			}

			

			#header ul li a:hover {

				background: #444;

			}

			

			#header ul li.current_page_item a, #header ul li.current_page_ancestor a, #header ul li.current_page_parent a {

				background: #444;

			}

			

			#header ul li.current_page_item ul li a, #header ul li.current_page_ancestor ul li a, #header ul li.current_page_parent ul li a {

				background: #222;

			}

			

			#header ul li.current_page_item ul li a:hover, #header ul li.current_page_ancestor ul li a:hover, #header ul li.current_page_parent ul li a:hover  {

				background: #444;

			}

			

			#header ul li ul {

				display: none;

				float: right;

				margin-top: 2px;

			}

			

				#header ul li ul li {

					clear: right;

					float: left;

					height: 35px;

					float: right;

					margin-top: -40px;

					min-width: 100px;

					width: auto;

				}

				

				#header ul li ul li a {

					height: 20px;

					font-size: 0.8em;

					padding: 15px 10px 0 10px;

					width: auto;

				}





/* Main Content */

#main {

	clear: both;

	min-height: 400px;

	padding-top: 18px;

}



.content {

	width: 65%;

}



h1.title {

	font-size: 3.1em;

	margin: 20px 0;

color: #a1a3a7;

}



/* Sidebar styles */

#sidebar {

	float: right;

	margin-top: 20px;

	min-height: 200px;

	width: 30%;

}



	#sidebar h3 {

		margin-top: 20px;

	}





#footer {

	clear: both;

	padding: 36px 0 30px 0;

}



	#footer ul {

		float: left;

		list-style-type: none;

		margin: 0;

		padding: 0;

		width: 600px;

	}

	

		#footer ul li {

			margin: 0;

			padding: 0;

		}



			#footer ul li a {

				display: block;

				float: left;

				margin-right: 10px;

				text-transform: uppercase;

			}

	/* Copyright */

	#footer span {

		display: block;

		font-size: 10px;

		float: right;

		letter-spacing: 1px;

		margin-top: 5px;

	}



/* Edit Page Link */

	

#edit-link a {

	background: url('images/edit.png') no-repeat;

	color: #FFF;

	display: block;

	font-size: 1.3em;

	height: 23px;

	opacity: 0.7;

	padding: 7px 0 0 30px;

	position: fixed;

	right: 5px;

	text-shadow: 1px 1px 3px #444;

	top: 5px;

	width: 90px;

}



#edit-link a:hover {

	color: #20451D;

}



/* Home Page Specific */

.prevNext {

	background: #222;

	color: #FFF;

	display: block;

	padding-top: 45px;

	height: 55px;

	text-align: center;

	width: 30px;



	border-radius: 5px;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

}



#thumbnailsPrev {

	float: left;

}



#thumbnailsNext {

	float: right;

}



	#thumbnails a {

		display: block;

		float: left;

		height: 100px;

		width: auto;

	}



#recent_content {

	clear: both;

	padding-top: 45px;

	height: 160px;

}



.recent_content {

	border-left: 1px #DDD solid;

	float: left;

	height: 135px;

	padding: 35px 10px 0 10px;

	width: 31%;

}



.recent_content:first-child {

	border: none;

}



	.recent_content:first-child h2 {

		border-top-left-radius: 5px;

		-moz-border-top-left-radius: 5px;

		-khtml-border-top-left-radius: 5px;

		-webkit-border-top-left-radius: 5px;



		border-bottom-left-radius: 5px;

		-moz-border-bottom-left-radius: 5px;

		-khtml-border-bottom-left-radius: 5px;

		-webkit-border-bottom-left-radius: 5px;

	}



	.recent_content:last-child h2 {

		border-top-right-radius: 5px;

		-moz-border-top-right-radius: 5px;

		-khtml-border-top-right-radius: 5px;

		-webkit-border-top-right-radius: 5px;



		border-bottom-right-radius: 5px;

		-moz-border-bottom-right-radius: 5px;

		-khtml-border-bottom-right-radius: 5px;

		-webkit-border-bottom-right-radius: 5px;

	}



	.recent_content h2 {

		background: rgba(0,0,0,0.2);

		background: #b9bbbb;

		color: #444;

		font-family: 'AvenirLTStd35Light', Arial, sans-serif;

		font-size: 1.5em !important;

		font-weight: normal;

		height: 34px;

		letter-spacing: 1px;

		margin: -70px -11px 22px -11px;

		padding: 20px 0 0 85px;

		xtext-align: center;

		text-transform: uppercase;

		xtext-shadow: 1px 1px 2px #777;

	}



	#latest_post h2 {

		background: rgba(0,0,0,0.1) url('images/pencil.png') no-repeat 30px 2px;

	}

	

		#latest_post span {

			display: block;

			margin: -10px 0 10px 0;

		}



	#latest_video {

		text-align: center;

	}



	#latest_video h2 {

		background: rgba(0,0,0,0.1) url('images/video.png') no-repeat 30px 0;

		text-align: left;

	}



	#latest_video img {

		margin-top: -10px;

		max-height: 110px;

	}



	#latest_tweet h2 {

		background: rgba(0,0,0,0.1) url('images/twitter_bird.png') no-repeat 30px 5px;

		padding: 20px 0 0 90px;

	}



/* Event Page Specific */



ul#events {

	margin: 0;

	padding: 0;

}

	ul#events li {

		display: block;

		

		list-style-type: none;

		margin: 10px 0;



	}



		ul#events li a {

			display: block;

			height: 100px;

			overflow: hidden;

			position: relative;

		}

		

			ul#events li a img {

				display: block;

				position: absolute;

				top: -100px;

			}



/* Blog Page Specific */



#posts {

	

}

	.post {

		font-family: Arial, sans-serif;

		line-height: 17px;

		letter-spacing: 0;

		margin-bottom: 50px;

		text-transform: none;

	}

		.post h2 {

			font-family: 'AvenirLTStd35Light', Arial, sans-serif;

			font-size: 3.5em !important;

			line-height: 50px;

			text-align: left;

			width: 600px;

		}



.post_sidebar {

	margin-top: 60px !important;

}



	.post_sidebar ul {

		list-style-type: none;

		margin: 0;

		padding: 0;

	}



	.post_sidebar h1 {

		font-family: 'AvenirLTStd35Light', Arial, sans-serif;

		font-size: 3em !important;

		line-height: 40px;

	}

	

	.post_sidebar h3 {

		background: #333;

		color: #dedede;

		font-weight: normal;

		letter-spacing: 1px;

		margin-left: -5px;

		padding: 5px;

		

		

		border-radius: 5px;

		-moz-border-radius: 5px;

		-khtml-border-radius: 5px;

		-webkit-border-radius: 5px;

	}



/* Contact Page Specific */



.contact_details {

	float: right;

	margin-top: -20px;

	width: 300px;

}



	.contact_details h3 {

		margin: 0 0 -10px 0;

		padding: 0;

	}



.wpcf7-validation-errors {

	color: red;

	font-weight: bold;

}



.wpcf7-not-valid-tip-no-ajax {

	color: red;

	font-weight: bold;

	margin-left: 10px;

}



/* Video Page Specific (TubePress) */

.tubepress_container {

	float: left;

	margin-bottom: 2em;

	width: 100%;

}



.tubepress_normal_embedded_wrapper {

    text-align: left;

    margin: auto;

}



.tubepress_embedded_title {

    font-weight: bold;

    font-size: larger;

    margin-bottom: .3em;

}



.tubepress_thumbnail_area {

    margin-top: 1em;	

}



.tubepress_thumbs {

	padding: 1em 5px 0 5px;

	float: left;

	width: 100%;

}



.tubepress_thumb {

    float: left;

    width: 33%;

    line-height: 1.1em;

    font-size: 11px;

    height: 175px;

    overflow: hidden;

}



.tubepress_thumb a {

    cursor: pointer;    

}



.tubepress_meta_group {

    margin-top: 0;

    text-align: left;

}



.tubepress_meta_group dd {

    margin: 0;

}



.tubepress_meta_group dt {

    clear: left;

}



.tubepress_meta {

	float: left;

}



dt.tubepress_meta_title, 

dt.tubepress_meta_runtime, 

dt.tubepress_meta_url,

dt.tubepress_meta_description {

    display: none;	

}



dd.tubepress_meta_title, dd.tubepress_meta_title a, dd.tubepress_meta_title a:hover {

    font-size: 12px;

    font-weight: bold;

    margin-left: 0;

    clear: left;

}



dd.tubepress_meta_runtime {

    font-size: 11px;

    margin-left: 0;

    font-weight: bold;	

    clear: left;

}



dt.tubepress_meta_author, 

dt.tubepress_meta_keywords, 

dt.tubepress_meta_category, 

dt.tubepress_meta_rating, 

dt.tubepress_meta_ratings,

dt.tubepress_meta_likes,

dt.tubepress_meta_id,

dt.tubepress_meta_views,

dt.tubepress_meta_uploaddate {

    font-style: italic;

    color: #666666;

}



dt.tubepress_meta_author:after, 

dt.tubepress_meta_keywords:after, 

dt.tubepress_meta_category:after, 

dt.tubepress_meta_rating:after, 

dt.tubepress_meta_ratings:after,

dt.tubepress_meta_likes:after,

dt.tubepress_meta_id:after,

dt.tubepress_meta_views:after,

dt.tubepress_meta_uploaddate:after {

    content: ":";	

}



dd.tubepress_meta_author, 

dd.tubepress_meta_keywords,

dd.tubepress_meta_category, 

dd.tubepress_meta_rating, 

dd.tubepress_meta_ratings,

dd.tubepress_meta_likes,

dd.tubepress_meta_id,

dd.tubepress_meta_views,

dd.tubepress_meta_uploaddate {

    margin-left: .5em;	

}



dd.tubepress_meta_url {

	clear: left;

}



.tubepress_sidebar .tubepress_thumb {

    width: 100%;	

    height: auto;

    margin-top: 1em;

}



.tubepress_container div.pagination {

    padding: 3px;

    margin: 3px;

    text-align:center;

    clear: both;

}



.tubepress_container div.pagination a {

    border: 1px solid #dedfde;

    margin-right:3px;

    padding:2px 6px;

    background-position:bottom;

    text-decoration: none;

    color: #0061de;

    cursor: pointer;        

}



.tubepress_container div.pagination a:hover, div.meneame a:active {

    border: 1px solid #000;

    background-image:none;

    background-color:#0061de;

    color: #fff;

}



.tubepress_container div.pagination span.current {

    margin-right:3px;

    padding:2px 6px;    

    font-weight: bold;

    color: #ff0084;

}

.tubepress_container div.pagination span.disabled {

    margin-right:3px;

    padding:2px 6px;

    color: #adaaad;

}



div.tubepress_single_video {

    float: left;	

    width: 100%;

    text-align: left;

}



div.tubepress_single_video dd.tubepress_meta_description {

    margin-top: .3em;

    margin-bottom: .8em;

}



/* The Get Your Tickets Now button */

#price {

	background: url('images/green_button.png') no-repeat;

	color: #FFF;

	display: block;

	height: 50px;

	float: right;

	font-family: 'Georgia', serif;

	font-size: 2.8em;

	letter-spacing: 0;

	margin: 35px 35px 0 0;

	padding: 10px;

	text-align: right;

	text-shadow: 1px 1px 3px #777;

	width: 180px;

}



	#price span {

		display: block;

		margin: 0;

		padding: 0;

		font-size: 0.4em;

		text-align: center;

	}



	#price em {

		font-size: 0.3em;

	}



#price:hover {

	background-position: 0px -70px;

}



/* The BIG Get Your Tickets Now button */

#big_price {

	background: url('images/green_button_big.png') no-repeat;

	color: #FFF;

	display: block;

	height: 50px;

	float: left;

	font-family: 'Georgia', serif;

	font-size: 3.1em;

	letter-spacing: 0;

	margin: 20px 0 10px 50px;

	padding: 10px;

	text-align: right;

	text-shadow: 1px 1px 3px #777;

	width: 480px;

}



	#big_price span {

		display: block;

		letter-spacing: 1px;

		padding: 0;

		font-size: 0.7em;

		text-align: center;

	}



	#big_price em {

		font-size: 0.3em;

	}

	

	#cwf #big_price {

		margin: 5px 0 0 10px;

	}

	

		#cwf #big_price span {

			margin: 0 0 -18px 0;

		}

	

#big_price:hover {

	background-position: 0px -70px;

}



.front_cwf_bar{

	background: rgba(255, 255, 255, 0.5);

	height: 60px;

	margin: 10px 0 0 0;

	padding: 10px;

	

	border-radius: 8px;

	-moz-border-radius: 8px;

	-khtml-border-radius: 8px;

	-webkit-border-radius: 8px;

}



.front_cwf_bar h2 {

	float: right;

	margin: 33px 10px 0 0;

}



	.front_cwf_bar h2 .converge {

		color: #222;

	}

	

	.front_cwf_bar h2 .connect {

		color: #db2f37;

	}

	

	.front_cwf_bar h2 .create {

		color: #AAA;

	}



.front_cwf_bar img {

	margin: -35px 0 20px -65px;

	position: relative;

	z-index: 2;

}



.front_cwf_bar #price {

	margin: 0;

}



.front_cwf_bar div {

	float: left;

	font-size: 1.4em;

	padding: 25px 20px;

	text-align: center;

	text-transform: uppercase;

	width: 240px;

}



.front_cwf_bar div span {

	color: #EB2128;

}



#cwf_pressroom {

	background: url('images/cwf_pressroom.png') no-repeat;

	background-position: 0px -80px;

	display: block;

	height: 80px;

	margin-left: -8px;

	text-indent: -9999px;

}



	#cwf_pressroom:hover {

		background-position: 0px 0px;

	}



/* Global Styles */





h1, h2, h3, h4 {

	color: #666666;

	margin: 20px 0 10px 0;

}



h1 {

	font-size: 2.5em;

	font-weight: normal;

	letter-spacing: 2px;

	text-transform: uppercase;

}



h2 {

	font-size: 150%;

}



h3 {

	font-size: 120%;

}



p {

	margin-bottom: 1em;

}



p, li {

	font-family: Arial, sans-serif;

	line-height: 17px;

	letter-spacing: 0;

	text-transform: none;

}



.content ul li {

	list-style-type: square;

	margin: 10px 0 10px 15px;

}



img.alignleft {

	clear: left;

	float: left;

	padding-right: 20px;

}



a { 

	color: #666666;

	text-decoration: none; 

}



a:hover { color: #87BDEF; }



img { border: none; }



.left {

	float: left;

}



.clear { clear: both; }



.clear-left { clear: left; }



#show_menu {

	display: none;

}



/* Fonts */



@font-face {

	font-family: 'AvenirLTStd35Light';

	src: url('fonts/avenirltstd-light-webfont.eot');

	src: local('☺'), url('fonts/avenirltstd-light-webfont.woff') format('woff'), url('fonts/avenirltstd-light-webfont.ttf') format('truetype'), url('fonts/avenirltstd-light-webfont.svg#webfontRoG6onFB') format('svg');

	font-weight: normal;

	font-style: normal;

}





/* -------------------------

Carousel for smaller slider. 

Modifed from http://web.enavu.com/tutorials/making-an-infinite-jquery-carousel/

---------------------------- */



#carousel_inner {



	float:left; /* important for inline positioning */

	width:840px; /* important (this width = width of list item(including margin) * items shown */

	overflow: hidden;  /* important (hide the items outside the div) */

	/* non-important styling bellow */

	background: #F0F0F0;

}



#carousel_ul {

	position:relative;

	left:-210px; /* important (this should be negative number of list items width(including margin) */

	list-style-type: none; /* removing the default styling for unordered list items */

	margin: 0px;

	padding: 0px;

	width:9999px; /* important */

	/* non-important styling bellow */

	padding-bottom:10px;

}



#carousel_ul li{

	float: left; /* important for inline positioning of the list items */

	width:200px;  /* fixed width, important */

	/* just styling bellow*/

	padding:0px;

	height:110px;

	background: #000000;

	margin-top:10px;

	margin-bottom:10px;

	margin-left:5px;

	margin-right:5px;

}



#carousel_ul li img {

	.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/

	/* styling */

	cursor:pointer;

	cursor: hand;

	border:0px;

}



#left_scroll, #right_scroll{

	float:left;

	height:130px;

	width:30px;

	background: #C0C0C0;

}



#left_scroll img, #right_scroll img{

	/*styling*/

	cursor: pointer;

	cursor: hand;

	margin-top: 10px;

}



/*------------------------

End of carousel styles

------------------------*/