/*  
Theme Name: Okay Team
Theme URI: http://www.akoayanimazione.it/
Description: Theme for Okay Animazione website
Version: 1
Author: Berardo Mat�
Author URI: http://berardomate.com/
*/

/*	--------------------------------------------------
	Global Reset
	
	Props to Eric Meyer (meyerweb.com) for his CSS 
	reset file. We're using an adapted version here 
	that cuts out some of the reset HTML elements we 
	will never need here (i.e., dfn, samp, etc).
	-------------------------------------------------- */

	html, body { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }
	q:before, q:after, blockquote:before, blockquote:after { content: ""; }
	
	
/*	--------------------------------------------------
	Structure
	-------------------------------------------------- */
	
	body { background: #FD6802 url(images/bg.png) repeat-x; font: 62.5%/1 "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 .1em .1em #CF5606; color: #fff; }
	
	.container { width: 960px; margin: 0 auto; position: relative; }
	#header { position: relative; overflow: hidden; margin: 0; padding: 0; text-align: center; }
	#main { width: 640px; float: left; margin-left: 20px; }
	#sidebar { float: right; width: 260px; margin-right: 20px; }
	#footer { margin: 0 0; padding: 0; background: url(images/bg_foot.png) repeat-x 0 0; padding-top: 60px; }
	#bg { background: url(images/bg_wrap_int.png) no-repeat center 189px; }
	#home #bg { background: url(images/bg_wrap.png) no-repeat center 189px; }
	.clear { clear: both;  }
	.clearfix:after { content: "."; display: block; font-size: 1px; line-height: 0px; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: block; }


/*	--------------------------------------------------
	Links
	-------------------------------------------------- */
	
	a { color: #FEE05D; text-decoration: none; font-weight: bold; -webkit-transition: all .1s linear; }
	a:hover { color: #FFFA8D; text-shadow: #fff 0 0 8px; } 
	
	
/*	--------------------------------------------------
	Type
	-------------------------------------------------- */
	
	h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #FED36E; }
	h1 { font-size: 2.8em; line-height: 1.5;  padding: 0 0 .5em; }
	h2 { font-size: 1.8em; line-height: 1.125; padding: 0 0 .28125em; }
	h3 { font-size: 1.4em; line-height: 1.5; font-weight: bold; }
	
	p { font-size: 1.3em; line-height: 1.6em; margin: 0 0 1.5em; }
	
	em { font-weight: inherit; font-style: italic; }
	strong { font-style: inherit; font-weight: bold; }	

	ul, ol { margin: 0 0 1.8em; }
	ol { list-style: decimal; padding: 0 3em; }
	li { font-size: 1.2em; line-height: 1.5em; }
	
	blockquote { display: block; font-size: 1em; border-left: .2em solid #ddd; margin: 0 0 1.8em 3.6em; padding: 0 3.6em 0 1.3em; }
	blockquote p { padding: 0; color: #777; font-style: italic; }
	
	
/*	--------------------------------------------------
	Header & Nav
	-------------------------------------------------- */	
	 
	#header .container { background: url(images/bg_head.jpg) no-repeat; padding-top: 35px; height: 154px; }
	#nav { height: 50px; }
	#nav ul { list-style: none; margin: 0; padding: 0;  }
	#nav li { list-style: none; display: inline; }
	#nav a { float: left; height: 0px !important; overflow: hidden; border: 0; margin: 0; padding-top: 50px; margin-right:0; -webkit-transition: none; }
	#nav .page-item-2 a { width: 117px; background: transparent url(images/butt01.png) top left no-repeat; }
	#nav .page-item-3 a { width: 112px; background: transparent url(images/butt02.png) top left no-repeat; }
	#nav .page-item-16 a { width: 123px; background: transparent url(images/butt03.png) top left no-repeat; }
	#nav .page-item-17 a { width: 109px; background: transparent url(images/butt04.png) top left no-repeat; }
	#nav .page-item-23 a { width: 186px; background: transparent url(images/butt05.png) top left no-repeat; }
	#nav .page-item-24 a { width: 169px; background: transparent url(images/butt06.png) top left no-repeat; }
	#nav .page-item-25 a { width: 144px; background: transparent url(images/butt07.png) top left no-repeat; }
 	#nav a:hover { background-position: 0 -50px; }
 		
	
/*	--------------------------------------------------
	Teaser
	-------------------------------------------------- */	
	
	#home #teaser .container { background:  url(images/bg_teaser.jpg) no-repeat 0 0; height: 250px; margin-bottom: 15px; }
	#teaser .container { background:  url(images/bg_teaser.jpg) no-repeat 0 0; height: 120px; margin-bottom: 15px; }
	#ss { display: inline; float: right; margin: 30px 60px 0 0; }
	#ss ul { background:  url(images/bg_ss.png) no-repeat 0 0; width: 394px; height: 259px; }
	#ss ul li { margin: 0; padding: 17px 14px 16px 8px;  }
	#teaser #promo { padding: 30px 0 0 20px; width: 350px; display: inline; float: left; }
	#teaser #promo p { font-size: 14px; text-shadow: 0 1px 1px #C79120; }
	#teaser a.more { display: block; width: 121px; height: 0px !important; overflow: hidden; border: 0; padding-top: 36px; background:url(images/btn_feat.png) no-repeat; }
	#title h1 { color: #E35806; padding: 20px; font-size: 32px;  }
	
	
/*	--------------------------------------------------
	Home
	-------------------------------------------------- */		
	
	.bar .col1 { margin: 0; float: left; width: 340px; padding-top: 10px; }
	.bar .col2 { margin: 0; float: right; width: 280px; padding-top: 10px; background: url(images/bg_bar.jpg) no-repeat top right; }
	.bar img, div.img img, .albumoverview img, .galleryoverview img, .pimage img { background-color: #FC7F0D; padding: 3px; margin: 0 8px 8px 0; float: left; }
	.bar p  { font-size: 12px; padding-right: 120px }
	.bar .last	{ margin: 0; padding: 0; }
	
	#featured { background: url(images/bg_feat.png) no-repeat 0 0; padding: 20px 20px 0 20px; height: 270px; margin: 0; overflow: hidden; }
	#featured .img { float: right; }
	#featured p { margin: 0; }
	.event { width: 210px; position: relative; margin-bottom: 10px; padding: 10px 0 10px 50px; }
	.event .date { background: url(images/bg_date.gif) no-repeat 0 0; position: absolute; left: 0; top: -2px; width: 37px; height: 69px; padding: 0; color: #FE5C03; text-shadow: 0 1px 1px #fff; }
	.date .month { font-size: 11px; text-transform: uppercase; font-weight: normal; padding: 20px 0 0; display: block; text-align: center; }
	.date .day { font-size: 18px; padding: 0; display: block; text-align: center; }
	.event h2 { font-size: 11px; }
	.event p { font-size: 11px; margin: 0; }
	.event span { padding: 1px; }
	
	
/*	--------------------------------------------------
	Main
	-------------------------------------------------- */
		
	#breadcrumb p { color: #FED39D; margin-bottom: 20px; padding: 5px 20px; font-size: 11px; }
	.box { margin: 0; padding-bottom: 15px; margin-bottom: 20px; float: left; width: 520px; }
	.box img { background-color: #021F41; padding: 3px; float: left; margin: 0 15px 5px 0; }
	.paging { border-top: 1px solid #121212; clear: both; padding: 10px 0; }
	.paging span.current { padding: 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #222; color: #333; background-color: #111; }
	#main ul { list-style: none; }
	#main ul li { background: url(images/bul.gif) no-repeat 0 4px; padding-left: 12px; }
	#main .albumoverview ul { padding: 0; }
	#main .albumoverview ul li { width: 500px; height: 100px; padding: 0; position:relative; list-style: none; margin: 0; }
	.albumoverview ul li h2 { font-size: 16px; }
	.albumoverview ul li p { font-size: 12px; }
	.albumoverview ul li p span { font-size: 11px; display: block; }
	a.more { display: block; width: 98px; height: 0px !important; overflow: hidden; border: 0; padding-top: 28px; background:url(images/btn_more.gif) no-repeat; -webkit-transition: none; }
	a.more:hover { background-position: 0 -28px; text-shadow: none; }
	a.btn { display: block; width: 136px; height: 0px !important; overflow: hidden; border: 0; padding-top: 28px; -webkit-transition: none; float: right; margin: 0 0 10px; }
	a.btn.readgb { background:url(images/btn_read.gif) no-repeat; }
	a.btn.writegb { background:url(images/btn_write.gif) no-repeat; }
	.entry { min-height: 90px; margin-bottom: 15px; }
	.entry .meta { border-top: 1px dotted #FC7F0D; border-bottom: 1px dotted #FC7F0D;  }
	.entry .meta p { margin: 0; padding: 5px; position: relative; }
	.entry .meta p a { position: absolute; right: 10px; top: 8px; display: block; }
	a.external { padding-right: 10px; background: url(images/ico_arr.gif) right 5px no-repeat; }
	.col { float: right; width: 264px; margin: 5px 0 10px 10px; position: relative; }
	img.pic { float: left; border: 4px solid #eee; margin: 2px 5px 5px 0; }
	ul#filter { float: left; list-style: none; margin-left: 0; width: 100%; }
	ul#filter li { 
/*		border-right: 1px solid #dedede;*/
		float: left;
		line-height: 16px;
		margin-right: 10px;
		padding-right: 10px;
	}
	ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
	ul#filter a { text-decoration: none; }
	ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
	ul#filter li.current a { color: #fff; font-weight: bold; }
	
	
/*	--------------------------------------------------
	Form
	-------------------------------------------------- */	
	form.wpcf7-form { width: 100%; margin: 0 0 5px; padding: 0; }
 	form.wpcf7-form p { position: relative; margin: 0; padding: 5px 0 5px 245px; border-top: 1px solid #FC7408; width: 390px; }

 	p#success, p#bademail, p#badserver { display: none; }
 	.status { background-position: 10px 50%; background-repeat: no-repeat; font-size: 1.17em; margin: 10px auto; padding: 10px 10px 10px 40px; color: #000; }
 	#bademail, .usermessagea { background-color: #ebcccc; border: 1px solid #F33; background-image: url(images/ico_alert.gif); }
 	#success { background-color: #DAF8C4; border: 1px solid #447D1F; background-image: url(images/ico_ok.gif); }
   	form.wpcf7-form p label, .label { position: absolute; left: 0; top: 8px; width: 240px; font-weight: bold; }
  	form.wpcf7-form p input.txt { width: 250px; padding: 2px 3px; border: 1px solid #dadada; background: #fff url(images/bg_txtfield.gif) repeat-x 0 1px; }
  	form.wpcf7-form p .txt.short { width: 100px; }
  	form.wpcf7-form p .txt.mid { width: 130px; }
  	form.wpcf7-form label img { vertical-align: middle; margin-bottom: 5px; }
  	form.wpcf7-form p textarea { overflow: auto; width: 250px; height: 100px; padding: 2px 3px; border: 1px solid #dadada; background: #fff url(images/bg_txtfield.gif) repeat-x 0 1px; }
	form.wpcf7-form p small { display: block; font-size: 11px; font-weight: bold; color: #FDCC60; margin: 5px 0; }
	
/*	--------------------------------------------------
	Sidebar
	-------------------------------------------------- */		
	
	#sidebar .module { padding: 0 5px; position: relative; }
	#sidebar h3, .bar h3 { font-size: 22px; margin: 0 0 10px; padding: 0; }
	#sidebar dl { margin: 0 0 1.8em; }
	#sidebar dl dt { margin-bottom: 3px; font: 1.7em Constantia, Georgia, "Hoefler Text", serif; font-style: italic; }
	#sidebar dd { margin-bottom: 3px; padding: 0 0 10px; font-size: 1.2em; line-height: 1.5em; }
	#sidebar .banner { margin-bottom: 20px; }
	 
	
/*	--------------------------------------------------
	Footer
	-------------------------------------------------- */
	
	#footer .container { background: url(images/bg_foot.gif) no-repeat top center; }
	#footer ul { margin: 0 0 20px; }
	#footer ul li { display: inline; padding: 0 .85em 0 0; color: #fff; font-size: 1em; text-transform: uppercase; }
	#footer a, #breadcrumb a { color: #FDCC60; text-decoration: none; }
	#footer a:hover, #breadcrumb a:hover { color: #FFF06F; text-shadow: #fff 0 0 5px; }
	#footer p { font-size: 10px; color: #fff; }
	#yako { position: absolute; top: -140px; right: 50px; width: 195px; height: 247px; background: url(images/yako.png) no-repeat top center;  }
	
	
/*	--------------------------------------------------
	Plugins
	-------------------------------------------------- */

	table.jCalendar {border: 1px solid #666;	background: #aaa;  border-collapse: separate; border-spacing: 2px;}
	table.jCalendar th { background: #444;color: #fff;font-weight: bold;padding: 3px 5px;}
	table.jCalendar td {background: #f0f0f0;color: #000;padding: 3px 5px;text-align: center;}
	table.jCalendar td.other-month {	background: #ddd;color: #aaa;}
	table.jCalendar td.today {background: #666;	color: #fff;}
	table.jCalendar td.selected {background: #f66;color: #fff;}
	table.jCalendar td.selected:hover {	background: #f33;	color: #fff;}
	table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #fff;	color: #000;}
	table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #bbb;color: #888;}
	/* For the popup */
	div.dp-popup {position: relative;background: #d6eafe;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: auto;line-height: 1.2em;}
	div#dp-popup {position: absolute;z-index: 199;border:2px solid #c2e0f8;}
	div.dp-popup h2 {font-size: 12px;text-align: center;margin: 3px 0pt 4px;padding: 0;}
	a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;}
	a#dp-close:hover {text-decoration: underline;}
	div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;}
	div.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;}
	div.dp-popup div.dp-nav-prev a {float: left;}
	/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
	div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
	div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
	div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
	div.dp-popup div.dp-nav-next a {float: right;}
	div.dp-popup a.disabled {cursor: default;color: #aaa;}
	div.dp-popup td {cursor: pointer;}
	div.dp-popup td.disabled {cursor: default;}
	/* Fancybox */
	div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; display: none; z-index: 30; }
	* html div#fancy_overlay { position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
	div#fancy_wrap { text-align: left; }
	div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } 
	div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('images/fancy_progress.png') no-repeat;}
	div#fancy_loading_overlay { position: absolute; background-color: #FFF;	z-index: 30; }
	div#fancy_loading_icon { position: absolute; background: url('images/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
	div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
	div#fancy_inner { position: relative; 	width:100%; height:100%; border: 1px solid #BBB; background: #FFF; } 
	div#fancy_content { margin: 0; 	z-index: 100; 	position: absolute; } 
	div#fancy_div { background: #000; 	color: #FFF; 	height: 100%; width: 100%; z-index: 100; } 
	img#fancy_img { position: absolute; top: 0; left: 0; border:0;	padding: 0; margin: 0; 	z-index: 100; width: 100%; 	height: 100%; } 
	div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('images/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
	#fancy_frame { position: relative; 	width: 100%; height: 100%; display: none; } 
	#fancy_ajax { width: 100%; 	height: 100%; 	overflow: auto; } 
	a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; } 
	a#fancy_left { left: 0px; } 
	a#fancy_right { right: 0px; } 
	span.fancy_ico { position: absolute;  top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } 
	span#fancy_left_ico { left: -9999px; background: transparent url('images/fancy_left.png') no-repeat; } 
	span#fancy_right_ico { right: -9999px; 	background: transparent url('images/fancy_right.png') no-repeat; } 
	a#fancy_left:hover { visibility: visible; } 
	a#fancy_right:hover { visibility: visible; } 
	a#fancy_left:hover span { left: 20px; } 
	a#fancy_right:hover span { right: 20px; } 
	.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } 
	div#fancy_bg { position: absolute; 	top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
	div.fancy_bg { position: absolute; 	display: block; z-index: 70; border: 0; padding: 0; margin: 0; } 
	div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('images/fancy_shadow_n.png') repeat-x; } 
	div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; 	background: transparent url('images/fancy_shadow_ne.png') no-repeat; } 
	div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('images/fancy_shadow_e.png') repeat-y; } 
	div.fancy_bg_se { bottom: -18px; right: -13px; 	width: 13px; height: 18px; 	background: transparent url('images/fancy_shadow_se.png') no-repeat; } 
	div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; 	background: transparent url('images/fancy_shadow_s.png') repeat-x; } 
	div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('images/fancy_shadow_sw.png') no-repeat; } 
	div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('images/fancy_shadow_w.png') repeat-y; } 
	div.fancy_bg_nw { top: -18px; left: -13px; 	width: 13px; height: 18px;	background: transparent url('images/fancy_shadow_nw.png') no-repeat; } 
	div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; 	z-index: 100; 	display: none; } 
	div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } 
	div#fancy_title table { margin: 0 auto; } 
	div#fancy_title table td { padding: 0; vertical-align: middle; } 
	td#fancy_title_left { height: 32px; width: 15px; background: transparent url(images/fancy_title_left.png) repeat-x; } 
	td#fancy_title_main { height: 32px; background: transparent url(images/fancy_title_main.png) repeat-x; } 
	td#fancy_title_right { height: 32px; width: 15px; background: transparent url(images/fancy_title_right.png) repeat-x; }
	
	.gb-entry { margin-top: 10px; }
	.gb-entry .author-info {font-size: 13px; background: url(images/bg_gbhead.gif) repeat-x; padding: 5px 15px 9px; color: #AE1F11; text-shadow: 0 1px 1px #FEB85F; }
	.gb-entry .entry-content { padding: 5px 15px; border-bottom: 1px solid #FC7408; }
	.gb-entry .author-info .author-name { font-weight: bold; }