/*
Theme Name: PHP-AL Roadshow
Theme URI: http://fragmentsvisuais.com.br/portfolio/phpalroadshow
Description: Template created based on H5 () with HTML 5 for PHP-AL Roadshow.
Version: 1.0
Author: Juarez P. A. Filho
Author URI: http://juarezpaf.com/
Tags: events, template, html5

*/


/* == BASICS == */
* { background-repeat: no-repeat}
.half	{ width: 48%}
.left	{float: left}
.right	{ float: right}


header, footer, section, article, aside, nav, figure, .button {
	display: block;
	}
body {
	margin: 0 auto;
	width: 940px;
	font: 62.5% "Trebuchet MS", Trebuchet;
	background: #222 url(images/layout/background/bodyDark.jpg) no-repeat fixed center -70px;	
	}
nav+section {
	overflow: hidden;
	width: 600px;
	float: left;
	clear: none;
	}

/* == LINKS == */
a { text-decoration: none;color: #AA9887}
/*

a:link, a:visited {
	text-decoration: underline;
	color: #336666;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #339966;
	}
*/

/* == HEADER == */

body>header {
	background: #efecd7;
	color: #ccc;
	position: relative
	}
	
	body>header aside	{ width: 186px; float: left; margin: 0; padding: 0 24px}
	
	body>header h1 {
		width: 170px; height: 62px; text-indent: -9999em; background-image: url(images/layout/logoroadshow.png); margin: 13px 0 20px
		}
		body>header h1 a:link, body>header h1 a:visited {
			text-decoration: none;
			color: #ddd;
			}
		body>header h1 a:hover, body>header h1 a:active {
			text-decoration: none;
			color: #fff;
			}
	

/* == POSTS == */

article[id*=post-] {
	padding: 10px 0;
	}
article>header p, 
article>footer p {
	font-style: italic;
	}
article+nav {
	font-weight: bold;
	}
section>h1 {
	padding-top: 10px;
	}

/* == NAVIGATION == */


	header nav ul {
		text-align: left;
		margin: 0;
		}
	header nav li {
			position: relative;
			padding-bottom: 6px;
			padding-left: 36px; 
			}
			header nav li.home span	{ padding-bottom: 0}
			
			header nav li a { font-size: 1.4em; color: #aa9887; text-decoration: none}
			header nav li.current a,
			header nav li a:hover { color: #61958d; font-weight: bold }
			header nav li a span { font-size: 11px; color: #999783; font-weight: normal; display: block; border-bottom: 1px solid #e1dac9; padding-bottom: 6px}
			header nav li:last-child a span { border-bottom: 0}
			header nav li .icon	{background-image: url(images/layout/nav.png); display:block; height:28px; left:0;
position:absolute; width:29px;}			
			
			header nav li.about .icon		{ background-position: left -39px}
			header nav li.subscribe .icon	{ background-position: left -80px}
			header nav li.partner .icon		{ background-position: left -120px}
			header nav li.spread .icon		{ background-position: left -162px}
			header nav li.contact .icon		{ background-position: left -200px}
						
			header nav li.home.current .icon,
			header nav li.home:hover .icon 			{ background-position:  right top}
			header nav li.about.current .icon,
			header nav li.about:hover .icon 		{ background-position: right -39px}
			header nav li.subscribe.current .icon,
			header nav li.subscribe:hover .icon		{ background-position: right -80px}
			header nav li.partner.current .icon,
			header nav li.partner:hover .icon		{ background-position: right -120px}
			header nav li.spread.current .icon,
			header nav li.spread:hover .icon		{ background-position: right -162px}
			header nav li.contact.current .icon,
			header nav li.contact:hover .icon		{ background-position: right -200px}
			
			
			
/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* == SIDEBAR == */

aside {
	margin-top: 30px;
	overflow: hidden;
	width: 300px;
	float: right;
	clear: none;
	}
	aside li {
		list-style: none;
		}
		aside li ul li {
			list-style: disc outside;
			}

/* == FOOTER == */

body>footer {
	text-align: center;
	overflow: hidden;
	width: 100%;
	clear: both;
	}
	
	footer .section		{ background-color: #FFF; height: 92px; padding: 13px 0 0 13px; margin: 1px 0}
	footer .section ul	{ height:79px;}
	#support 			{background: #F2F2CA url(images/layout/support.png) no-repeat;padding:0 10px 0 15px; float: left}
	#execution			{background: #F2F2CA url(images/layout/execution.png) no-repeat left center;float:right;margin-right:13px;padding-left:30px;width:10%;}
	footer ul li 		{display: inline; padding:0 0 0 25px;}
	footer ul li img 	{padding-top: 18px}
	#execution li		{padding:0 5px 0 0}
	
	.fragmentosVisuais	{ color: #8B8888; background: url(images/layout/logoFrag.png) no-repeat right center; margin: 10px 0 20px; height: 23px; line-height: 23px; float: right; padding-right: 10px; }
	.fragmentosVisuais .fn { text-indent: -9999em; display: block; float: right; width: 23px; height: 23px;padding-left:6px; }

	
/* == SEARCH == */

label[for=s] {
	display: none;
	}



/* == ALL YOUR CODE ARE BELONG TO POETRY == */


/** Header **/
.local { text-align: right; padding-right: 10px; color: #909191; background-color: #fff; height: 18px; line-height: 18px}
.country	{background: url(images/layout/icons/flag-brazil.gif) no-repeat right center; padding-right:25px; }

#highlight				{ background-color: #FFF; width: 706px; float: right}
#highlight h2,				
#highlight h3			{ font-size: 1.4em}
#highlight h2			{ background-color:#7cbaa1 ; color: #FFF; height: 36px; line-height: 36px;margin-top:-3px;}
#highlight h3			{ color: #425a4e; margin: 10px 0}
#highlight p			{ font-size: 1.2em; color: #666; line-height: 16px; margin-bottom: 10px}
#highlight h2,				
#highlight h3,
#highlight p			{padding-left: 24px}

#twitterHash			{ height: 42px; position: relative; border-width: 1px 0; border-style: solid; border-color: #222221; background-color: #f6f0d2; clear: both}
#twitterHash .followUs	{ background-image: url(images/layout/buttons/followOnTwitter.png); width: 235px; height: 42px; display: block; text-indent: -9999em; float: left}
.twitter-hash-tag-widget{ left:250px;position:absolute;top:7px;width:680px;}
.twitter-hash-tag-widget li	{ color: #3C4740; font-size: 1.1em; display: inline}
a[href$=phpalrs] { color: #61958D}

.rounded				{ height: 14px; background-color: #dfd8cc;-moz-border-radius-bottomleft:12px;-moz-border-radius-bottomright:12px; -webkit-border-bottom-right-radius: 12px;-webkit-border-bottom-left-radius: 12px;}
.roundedUp				{ height: 14px; margin-top: 17px; background-color: #dfd8cc;-moz-border-radius-topleft:12px;-moz-border-radius-topright:12px; -webkit-border-top-right-radius: 12px;-webkit-border-top-left-radius: 12px;}

/** Tabs **/
/* root element for tabs  */
#tabs ul { 
	list-style:none;
	height:64px;
	margin-top: 17px
}

/* single tab */
#tabs ul li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#tabs ul a { 
	font-size:1.8em;
	display:block;
	height: 64px;  
	line-height:64px;
	width: 235px;
	text-align:center;	
	text-decoration:none;
	color:#FFF;
	position:relative;
}

#tabs ul a:active {
	outline:none;		
}

#tabs ul a:hover {
	text-decoration: underline	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#tabs ul a.current, #tabs ul a.current:hover, #tabs ul li.current a {
	
	cursor:default !important; 
	color:#1f1f1f !important;
	background-color: #FFF;
	-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 12px; -webkit-border-top-left-radius: 12px;
}

.panes			{ background-color: #FFF;overflow: hidden;padding: 28px 25px 16px;}
.panes	figure 	{ float: left; height: 100%; margin-right: 20px}
.panes h3		{ font-size: 1.4em; font-weight: normal; color: #1d231f; margin-bottom: 16px}
.panes p 		{ font-size: 1.1em; color: #3c4740; margin-bottom: 16px}


/* == Speakers == */
#speakers					{ height: 230px; background-color: #f6f6f0; margin: 1px 0 0; overflow: hidden; position: relative; padding-bottom: 10px}
#speakers ul				{ padding-top: 16px; overflow: hidden; height: 193px}
#speakers .vcard,
.keynoteInfo .vcard			{ width: 227px; height: 195px; text-align: center; display:inline;float:left;margin:0 0 20px 7px;}
#speakers .vcard .front,
.keynoteInfo .vcard			{background-image: url(images/layout/speakers/flip-front.png);}
#speakers .vcard .back		{background-image: url(images/layout/speakers/flip-back.png);width: 187px !important; padding: 18px 20px 0 !important; height: 177px !important; position: relative}
#speakers .vcard *,
.keynoteInfo .vcard *		{ color: #FFF !important}
#speakers .vcard p,
#speakers .viewDetails,
.keynoteInfo .vcard p		{font-size: 1.1em !important}
#speakers .vcard figure,
.keynoteInfo figure		 	{ width: 230px; height: 126px; position: relative; text-align: center; padding-top: 12px}
#speakers .vcard strong,
.keynoteInfo strong			{ font-size: 1.5em; font-weight: bold; display: block; height: 24px; line-height: 22px}
.vcard .keynote				{ padding: 0 6px; height: 29px; overflow: hidden;}
#speakers .vcard .back p	{ margin-bottom: 16px; text-align: left;}
#speakers .viewDetails		{ width: 190px; height: 30px; text-indent: -9999em; position: absolute; bottom: 12px}

.category-palestras .keynoteInfo figure { padding: 6px 0 5px 0;  }

/* == Content == */
#content 			{ background-color: #f6f6f0; padding: 12px 26px 40px 32px; margin-top: 1px; float: left}
.category-palestras #content header		{ background-image: url(images/layout/icons/keynotes.jpg); padding-left: 21px}
.category-palestras #content header h2	{padding-left: 10px;}

#content h2			{ border-bottom: 1px solid #e3dcce; margin-bottom: 12px; color: #aa9887; font-size: 1.6em; line-height: 25px}
#content div h2		{ padding-left: 0}
#content header p	{ margin-bottom: 24px; padding-left: 10px}
#content p			{ margin-bottom: 20px; color: #666; font-size: 1.2em; line-height: 16px}

#keynoteList			{ background-color: #f3f3e7; border: 1px solid #e5e5d9; padding: 15px 0 0 20px; overflow: hidden; margin-bottom: 20px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(css/border-radius.htc);}
#keynoteList li			{ width: 152px; height: 85px; float: left; margin:0 20px 20px 0;}

/** Active 
right: #cec9b0
bottom: #bcb78f
top: #fcf9ee
left: #f5f0da
 -webkit-box-shadow:0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; 
**/



#keynoteList li *				{ display: block}

#keynoteList li strong			{ background-color: #f9f9f9; padding: 12px 10px 0; height: 50px; line-height: 14px; font-size: 1.1em; color: #5e8182; border-right: 1px solid #d6d6d6;-moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius:  5px;-webkit-border-top-right-radius: 5px;}
#keynoteList .current strong	{ background-color: #f1ebce}
#keynoteList li span			{ background-color: #ededd4; height: 22px; line-height: 22px; color: #5e8182; padding-left: 10px; border-bottom: 1px solid #c2c2ae; border-right: 1px solid #d6d6d6; -webkit-border-bottom-left-radius:  5px;-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;}
#keynoteList .current span		{ background-color: #e6e0af}


.keynoteInfo					{ clear: both; }
.keynoteInfo .content			{ margin-left: 250px}

/**Promo**/
.promo {position:absolute;
right:0;
top:15px;}
.promo span { display: none}

/** Schedule **/
table 				{ margin: 1em 0 2em; border:1px solid #DFD8CC;}
table thead th		{ font-size: 1.4em; font-weight: bold; padding: 6px}
table tr td			{ font-size: 1.2em; padding: 8px; border:1px solid #DFD8CC;}
.schedule thead 	{ background-color: #FFF; }


/*to cool for ie*/
a#tooCool {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(images/too_cool.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}