/*
Theme Name: TIO
Theme URI: http://www.designcriativo.com
Version: 1.0
Description: 2 Column Theme
Author: DesignCriativo
Author URI: http://www.designcriativo.com
*/

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

	css

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

*{
	margin: 0;
	padding: 0;
}	
html{
	overflow-x:hidden;
	overflow-y:scroll;
}	
body{
	background: #a0c553;
	color: #333;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 62.5%; /* http://www.clagnut.com/blog/348/ */
	line-height: 1.68em;
	text-align: center;
}

/* links  */

a{
	color: #0174CD;
	text-decoration: none;
}
a:hover{
	text-decoration: underline !important;
}

/* headings */

h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

/* tables & forms */

input, select, th, td {font-size:1em}

/* backgrounds */

#ligue-se{background: #a0c553;}
#cuide-se{background: #e07fde;}
#divirta-se{background: #BCDD72;}
#supere-se{background: #aa2003;}

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

	page structure

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

#wrap{
	margin: 0 auto;
	text-align: left;
	width: 860px;
	font-size: 1.2em;

/*	background: url("images/760px.png") no-repeat; */
}
#header{
	position: relative;
	height: 275px;
}
#navigation{
	position: absolute;
	bottom: 0;
	right: 0;	
	width: 540px;
	height: 40px;
	background: url("images/nav_bg.png") no-repeat 3px 0;
}
#content{
	overflow: hidden;
}
#primary-content{
	background: url("images/cnt-bg.png") repeat-x bottom;
	float: right;
	width: 615px;
	padding: 15px 15px 28px 15px;
	font-size: 1.2em;
}
#secondary-content{
	float: left;
	width: 214px;
}
#bottom{
	background: #fff;
	overflow: hidden;
}
#footer{
	padding: 10px;
	text-align: center;
	margin-bottom: 40px;
}

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

	header

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

#header h1{
	position: absolute;
	top: 53px;
	left: 3px;
}
#header h2{
	color: #FFF !important;
	position: absolute;
	top: 83px;
	left: 215px;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -1px;
	width: 260px;
	line-height: 1.2em;
}
#header h2 span{
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	font-size: 36px;	
}
#header img.man{
	position: absolute;
	right: -45px;
	bottom: 0;
}
#header .uk{
	position: absolute;
	left: -10px;
	top: 30px;
}


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

	navigation

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

#navigation ul{margin: 17px 0 0 37px;}
#navigation li{float: left;list-style: none;position: relative;z-index: 1000;}
#navigation li a{color: #000;float: left;padding: 6px 8px;text-decoration: none;text-transform: uppercase;font-weight: bold;width: 70px;text-indent: -10000px;}

#navigation .last{
	position: absolute;
	right: 0;
	bottom: -2px;
}

/* child - level */

#navigation ul ul {position: absolute;top: 23px;left: -5px;right: 0;display: none;z-index: 500;width: 167px;margin: 0;font-size: 12px;margin: 0;padding: 0;border-top: 1px solid #aaa;}
#navigation ul ul li {margin: 0 0 0 0;}
#navigation ul ul a {width: 150px;background: #EDEAE1;text-indent: 0;font-size: 12px;text-transform: none;line-height: 12px;font-weight: normal;color: #555;border: 1px solid #aaa;border-top: none;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}
#navigation ul ul a:hover {width: 150px;text-decoration: underline;}

/* child - level 2 */

#navigation ul ul ul {position: absolute;left: 167px;top: 0;font-size: 1em;width: 167px;}

/* --- */

div#navigation ul ul, div#navigation ul ul ul, div#navigation ul li:hover ul ul, div#navigation ul li:hover ul ul ul, div#navigation ul li:hover ul ul ul ul, div#navigation ul li:hover ul ul ul ul ul{display:none;}
div#navigation ul li:hover ul, div#navigation ul ul li:hover ul, div#navigation ul ul ul li:hover ul, div#navigation ul ul ul ul li:hover ul, div#navigation ul ul ul ul ul li:hover ul{display:block;}

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

	primary content

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

#primary-content h2{color: #0174CD;margin-bottom: 5px;border-bottom: 1px solid #eee;padding-bottom: 10px;clear: both;}
#primary-content h3{font-size: 18px;}
#primary-content h4{font-size: 16px;}
#primary-content h5{font-size: 14px;}
#primary-content h6{font-size: 12px;}

#home #primary-content h3{margin: 0; text-transform: uppercase;font-weight: normal;font-size: 12px !important;padding: 0px 10px 10px 10px;}
#home #primary-content h4{font-size: 12px;font-weight: bold;}

#ligue-se #primary-content h2, #other #primary-content a, #ligue-se #primary-content a, #primary-content h2 a{color: #0174CD;}
#cuide-se #primary-content h2, #cuide-se #primary-content a{color: #CC0099;}
#divirta-se #primary-content h2, #divirta-se #primary-content a{color: #465B15;}
#supere-se #primary-content h2, #supere-se #primary-content a{color: #E8872B;}

#primary-content p{line-height: 1.6em;margin-bottom: 15px !important; }

#primary-content .alignleft{float: left;margin: 0 10px 5px 0;}
#primary-content .alignright{float: right;margin: 0 0 5px 10px;}
#primary-content .wp-caption{background: #eee;color: #777;font-style: italic; font-size: 11px;padding: 0 !important;}
#primary-content .wp-caption-text{text-align: center;padding: 0 !important;margin: 0;}
#primary-content .addthis_toolbox{}

/* post */
#primary-content .post, #primary-content .event{
	margin-bottom: 20px;
}
#primary-content .event p{
	margin-bottom: 5px !important;
}
#primary-content .posted{
	font-style: italic;
	color: #888;
	font-size: 11px;
	margin-top: 0;
}
#primary-content .entry{
	overflow: hidden;
}
#primary-content .entry p{
	padding: 0;
	margin: 0;
}
#primary-content .entry img{
	padding: 5px; 
	border: 1px solid #eee;
	float: left;
	margin: 0 10px 5px 0;
}

/* feed pages */

#primary-content .feed{
	border-top: 3px solid #eee;
	padding: 10px 0 0 0;
	margin: 0 0 0 0; 
}
#primary-content a:hover{
	text-decoration: none !important;
}
#primary-content .feed img{
	padding: 0; 
	border: none;
	float: none;
	margin: 0;
}
#primary-content .feedtitle{
	padding-bottom: 5px;
}
#primary-content .feedtitle img{
	display: none;
}

table{margin: 10px 0;}
table td{padding: 10px;}

/* comments */

/* comments
--------------------------------------------------*/

#comments ul {margin:0 0 0 20px;}

#comments li {
  position:relative;
  margin-bottom:18px;
  margin: 0;
  padding: 0;
}


#comments li p {padding:0 0 10px 0;}

#comments .header {
  position:relative;
  min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */
  margin:0 0 10px 0;
  padding:3px 6px;
}

* html #comments .header {height:19px;} /* IEWin */

#comments .header strong {font-family:Georgia,sans-serif;}

#comments .header .gravatar {
  position:absolute;
  top:1px;
  right:1px;
}

/* news */

#home #primary-content{height: 329px;}

#news{text-align: right;float: left;width: 285px;}
#news a:hover{text-decoration: underline !important;}
#news .news-articles p{margin: 0 0 13px 0 !important;font-size: 12px;}
.news-articles{background: #ffffcc;padding: 10px;height: 285px;}
.news-articles a{color: #231f20;}
.news-articles h4{margin: 0;list-style: none; padding-right: 15px;background: url("images/bullet2.gif") no-repeat right center;font-size: 14px !important;}
.news-articles ul{padding: 0;margin: 0;}
.news-articles ul li{list-style: none; padding-right: 20px;background: url("images/bullet2.gif") no-repeat right center;}
.news-articles ul li a:hover{text-decoration: none}

.news-articles img{display: none !important;}

/* youtube */

#youtube{float: right;text-align: right;}
.youtube-list{background: #e7e8e9;padding: 6px;}
.youtube-list h2{display: none;}

.ban{padding: 10px 0;text-align: center;}
.ban img{padding-left: 3px;}

/* forms */
 
#contactform, #commentform {margin-bottom:18px;}
#contactform fieldset, #commentform fieldset {border:0 solid #ddd;} /* Opera */
#contactform p, #commentform p {
  padding:6px 0;
  border-bottom:1px solid #ddd;
}
#contactform label, #commentform label {
  display:block;
  float:left;
  width:80px;
}
#contactform label, #commentform label {margin:10px 15px 0 0;}
#contactform em, #commentform em {
  margin-left:5px;
  font-size:0.9em;
  font-style:normal;
}
#contactform input, #contactform textarea, #commentform input, #commentform textarea {
  padding: 3px 0;
  width:300px;
  border:1px solid #ddd;
  font-size: 16px;
}
#contactform textarea, #commentform textarea {overflow:auto;}

* html #commentform textarea, * html #commentform textarea {width:320px;} /* IE WIN; but why? */
* html #contactform textarea, #contactform #bx_subject, * html #commentform textarea, #commentform #bx_subject {width:445px;} /* IE WIN; but why? */

form .button {
  width:90px !important;
  background: none;
  color: #555;
  cursor: pointer;
}
 
#contactform .button, #commentform .button {margin-left:95px;}
 
form .hiddenfield {display:none;}
 
form .info {padding-left:90px;}

/* pagination */

.pagination{overflow: hidden;position: relative;border-top: 1px solid #eee;padding: 10px;}
.pagination .alignleft{float: left;width: 200px;text-align: left;}
.pagination .alignright{float: right;width: 200px;text-align: right;}
.pagination .alignright span{font-size: 12px; color: #666;}
.pagination .alignright br{display: none;}

.addthis_toolbox{width: 40%;float: left;}

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

	secondary content

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

.box-top{background: url("images/box-top.png") no-repeat;height: 11px;}
.box-middle{background: url("images/box-middle.png") repeat-y;padding: 0 20px 0 10px;}
.box-bottom{background: url("images/box-bottom.png") no-repeat;height: 20px;}

.search {background: #e7e8e9;padding: 10px 5px 10px 5px;font-size: 9px; text-transform: uppercase;color: #7e7f81;position: relative;}
.search .text{background: #fff;border: none;padding: 2px;width: 90px; position: absolute; right: 30px;}
.search .bt{position: absolute; left: 160px;}

.newsletter {background: #e7e8e9;padding: 5px 0 5px 5px;font-size: 10px; text-transform: uppercase;color: #686ba2;overflow: hidden;position: relative;}
.newsletter h4 {font-size: 10px; text-transform: uppercase;color: #686ba2;margin: 0 0 5px 0;}
.newsletter label {font-size: 9px; text-transform: uppercase;color: #7e7f81;}
.newsletter .text{background: #fff;border: none;padding: 2px;width: 135px;margin: 2px 0;}
.newsletter .bt{margin: 5px 10px 0 0;position: absolute;right: 0;bottom: 5px;}


.map {background: transparent;padding: 5px 0 10px 5px;font-size: 10px; text-transform: uppercase;color: #686ba2;overflow: hidden;position: relative;}
.map h4 {font-size: 12px; text-transform: uppercase;color: #686ba2;margin: 0 0 5px 0;letter-spacing: 1px;}
.map h4 span {color: #e8872b;}

.map ul {margin-left: 10px;}
.map ul li {list-style: square;line-height: 19px;}
.map ul li a {color: #88949e;text-transform: none;font-size: 12px;text-decoration: none;}
.map ul li a:hover {text-decoration: underline;}
.map img {position: absolute;right: 0;top: 30px;}

.rss{background: #e7e8e9;padding: 15px 5px 5px 15px !important;font-size: 11px;color: #686ba2;margin: 0 !important;}
.rss h4 {font-size: 13px; text-transform: uppercase;color: #686ba2;margin: 0 0 5px 0;}
.rss ul a{display: block; font-size: 12px;}

.social{background: #e7e8e9;padding: 5px 5px 5px 15px !important;font-size: 12px;color: #686ba2;margin: 0 !important;}
.social h4 {font-size: 10px; text-transform: uppercase;color: #686ba2;margin: 0 0 5px 0;}
.social ul a{display: block;}

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

	bottom

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

.part{padding: 5px;background: #e7e8e9;float: left;margin: 15px 0 20px 15px;width: 186px;height: 250px;overflow: hidden;}
html* .part{height: 253px;}
.part p a{color: red !important;}
.part h4{font-size: 11px; text-transform: uppercase;color: #686ba2;font-weight: bolder;margin: 5px 0 0 0;}
.part h4 a{color: #686ba2;}
.part p{margin: 5px 0 0 0;font-size: 11px;text-align: left !important;font-weight: bold;}

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

	footer

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

#footer{
	font-size: 12px;
}
#footer a{
	color: #20486A;
}

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

	global

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

h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
a img{ border:none; }
hr, .hide {display: none;}
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
.left{ float:left; }
.right{ float:right; }

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

	browser issues

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

.floatclear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.floatclear {display: inline-table;}

/* hides from IE-mac \*/
* html .floatclear {height: 1%;}
.floatclear {display: block;}
/* end hide from IE-mac */

/* end */