/*  
Theme Name: Linoluna
Theme URI: http://www.michaeljubel.com/2007/12/linoluna-magazine-style-theme-for-wordpress/
Description: <a href="http://www.michaeljubel.com/2007/12/linoluna-magazine-style-theme-for-wordpress/">Liloluna</a> magazine-style theme for Wordpress. Slideshow of featured articles, tabbed navigation, neat icons, and multiple easy-configurable widgetized sidebars.
Version: 1.1
Author: Michael Jubel
Author URI: http://www.michaeljubel.com/2007/12/linoluna-magazine-style-theme-for-wordpress/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* HTML Elements */
* {margin:0;padding:0;border:none;list-style:none;text-decoration:none;vertical-align:middle;}

html{background:#fff url(bg.png) repeat-x; overflow: -moz-scrollbars-vertical;}

body {font: 100% Lucida Sans Unicode, Arial, Helvetica;background: #FFF;color: #333; width: 990px; margin: 10px auto;}

.clear{background: #fff url(top.jpg) no-repeat; width: 970px; height: 151px; *margin-top: -10px; color:red;}

#logo{width: 330px; text-indent: -9000px; overflow: hidden; margin: 25px 0 0 225px; *margin: 25px 0 0 120px;}
#logo h1 a{font:normal 1.2em Arial; font-weight:bold; color:#000;}
#logo h1 a:hover{color: #F8F200; text-decoration: underline;}
#logo h2.descricao{margin: 4px 0 0 220px; color:#F8F200; font:normal 0.9em Arial; text-decoration: none;}

a:link, a:visited {color: #06356E;text-decoration:none;}

a:hover, a:active {text-decoration:underline;}

a img {border:0;}

code {font: 1.1em 'Courier New', Courier, Fixed;}	

acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;cursor: help;}			

acronym, abbr {border-bottom: 1px dashed #999;}

blockquote {width:200px;padding: 10px 10px 0 10px;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;background: #ccff99;float:right;font:1.0em Georgia;line-height:1.5em;margin:10px 0px 10px 10px;}

select {width: 130px;}

img{max-width: 477px;}

/* Structure */


#page {width:970px;margin:10px auto; padding:0px;}

.left {float:left;}

.right {float:right;}

/* Header*/
.nav {margin:-29px 5px 0 20px;font-size:0.8em; color: #F8F200;}
.nav a{color: #F8F200;padding: 2px; }
.nav a:hover{background-color: red;}


#search{margin: 0 0 10px 220px;}
#search #s{padding: 4px; border: 2px #D02217 solid; width: 520px; }
#search #searchsubmit{background-color: #D02217; color:#FFF; padding: 6px; width: 100px; }


#commentform input{border: 1px #334C7F solid;}
#commentform textarea{ border: 1px #334C7F solid;}
#commentform .button{background-color: #901D2E; color:#FFF; padding: 3px; }
#commentform label{color:red; font-family: arial;}

.nav-bar {height:17px;margin:1px 0px 3px; background: red url(nav.jpg) repeat-x ; font-size:0.7em;padding:5px 10px 5px 0px;}
.nav-bar span {float:right;}
.nav-bar span a {color: #f8f200;}

/* Text*/

h2 {font:2.3em Arial; padding: 10px 0 10px 0; color:#901D2E; text-align: left;} 

h3 {font:1.3em Georgia;margin-bottom:3px;}

h4 {font:1.0em Georgia;}

h3#respond {border-top:1px dotted #ccc;margin-top:25px;padding-top:20px; color:#334C7F; font: bold 1.2em arial;}

h3#comments {margin-top:32px;padding-left:0px; color:orange;}
p {margin: 15px 0;font-size:1.3em; color:#083D7C;}
/* Content*/
/*
#logo {width:350px;}

#logo .webtitle {border-bottom:1px solid #bbb;letter-spacing:-0.05em;line-height:1.0em;}

#logo .description {
	font-size:0.7em;
	color:#bbb;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	float:right;
	}
*/
#content {
	width:636px;
	border:1px solid #ccc;
	float:left;
	font-size:0.7em;
	}

#aside {
	padding:10px;
	}

#aside .clearfloat {
	margin:0px 0px 10px 0px;
	border-bottom:1px dotted #ccc;
	}
#noticias{width: 635px; display: table; background-color: #E3EBF0; border-bottom: 1px #a1a1a1 solid;}



#aside-1 {
	width:190px;
	float:left;
	padding:10px;
	
	
	}
	

#aside-2 {
	width:190px;
	float:left;
	padding:10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}

#aside-3 {
	width:190px;
	float:right;
	padding:10px;
	}
 
#aside-1 img, #aside-2 img, #aside-3 img {
	border:1px solid #ccc;
	float:left;
	margin:4px 8px 2px 0px;
	}

#aside img, #archive img {
	border:1px solid #ccc;
	float:left;
	margin:4px 10px 15px 0px;
	}

#aside p {
	margin-top:4px;
	font-size:1.3em; color:#083D7C;
	}

#aside-1 p, #aside-2 p, #aside-3 p, #archive p {
	margin-top:0px;
	}

.title
	{
	font:1.5em Georgia;
	line-height:1.0em;
	font-weight:bold;
	}

.author, .author a {
	font:0.9em Arial;
	color:red;
	text-transform:uppercase;
	}

.meta, .meta a {
	font-size:0.9em;
	}

#aside h3 a, #aside-1 h3 a, #aside-2 h3 a, #aside-3 h3 a {
	font:10px Arial;
	color:red;
	}

.post, #archive {
	padding:10px;
	}

.post p {
	margin-top:0px;ffont-size:1.3em; color:#083D7C;

	}

.post .clearfloat {
	border-bottom:1px dotted #ccc;
	margin:10px 0px;
	}

.post .title {
	font-size:2.3em;
	margin:3px 0px 3px 0px;
	}

.post ul, .post ol {
	margin-bottom:15px;
	}

.post ul li {	
	list-style:square;
	margin-left:30px;
	}

.post ol li {	
	list-style:decimal;
	margin-left:30px;
	}

.post ol li ul li {	
	list-style:square;
	margin-left:20px;
	}

.post .ads {
	margin-top:10px;
	}

#top_banner {
	margin:5px 0px 15px 0px;
	}

#stats {
	float:right;
	border:1px solid #ccc;
	margin:0px 0px 10px 10px;
	padding:4px;
	text-transform:uppercase;
	font:0.8em Arial;
	}

#stats span {
	border-bottom:1px dotted #ccc;
	padding: 8px 4px 8px 4px;
	}

#stats span a {
	color:#333;
	}

#archive .clearfloat {
	border-bottom:1px dotted #ccc;
	margin:10px 0px;
	}

#writer img  {
	margin:0px 10px 15px 0px;
	border: 1px solid #ccc;
	float:left;
	}

/* Sidebar*/
#sidebar {
	width:322px;
	float:right;
	font-size:0.7em;
	margin:0px;
	}

#sidebar li {
	list-style:none;
	}

#sidebar h3 {
	font:14px Arial;
	font-weight:bold;
	color:#8B1B2C;
	padding:0px 0px 2px 0px;
	margin-top:10px;
	border-bottom:1px dotted #ccc;	
	}

#sidebar-top, #sidebar-middle {
	width:300px;
	float:right;
	margin:0px 0px 10px 0px;
	padding:0px 10px 10px 10px;
	border:1px solid #ccc;
	}

#sidebar-bottom {
	width:322px;
	float:right;
	margin:0px 0px 10px 0px;
	}

#sidebar-tabs {
	width:322px;
	border:1px solid #ccc;
	float:right;
	padding:0px;
	margin-bottom:10px;
	}

#sidebar-left {
	width:135px;
	border:1px solid #ccc;
	padding:0px 5px 10px 7px;
	float:left;
	}

#sidebar-right {
	width:160px;
	border:1px solid #ccc;
	padding:0px 5px 10px 5px;
	float:right;
	}

#sidebar-ads {
	width:300px;
	float:right;
	margin:0px;
	padding:10px;
	border:1px solid #ccc;
	}

/* Form Elements */

select {
	background:#bbb;
	border:1px dotted red;
	width:100%
	}
	
#searchform {
	padding:16px 5px 0 0; 
	}

.button {
	padding: 1px;
	border:1px solid #ccc;
	background:#fff;
	font-size:1.0em;
	}

#search .button {
	padding: 1px;
	border:1px solid #ccc;

	font-size:0.7em;
	background-color: #901D2E; color:#FFF; padding: 3px; 
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}


/* Comments*/
form{}
#comments {
	padding:0 10px 10px 10px;
	}

.commentlist li {
	margin: 5px 0 3px;
	padding: 0px 15px 8px 15px;
	list-style: none;
	background:#D1DEEF;
	border-top: 1px dotted #ccc;
	}

.commentlist_author li {
	margin: 5px 0 3px;
	padding: 0px 15px 8px 15px;
	list-style: none;
	background:#ccff99;
	border-top: 1px dotted #ccc;
	
	}

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}

.commentlist cite, .commentlist_author cite {
	font: 1.0em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:red;
	letter-spacing:-0.05em;
	}

.comment-number {
	font: 30px Georgia;
	color: rgb(192,192,192);
  padding:0;
  float: right;
  margin: 0 5px 0 0;
	}


/* Footer*/


#footer {
padding-top:10px;
	background: url(footer.jpg) no-repeat;
  width: 970px;
  height: 82px;
   padding-bottom:10px;
   margin: 0 auto;
	width: 970px;
	border-top: 1px solid #ccc;
	}

	
	
#footer #complete{margin-top: 80px;font-size:0.6em;}
/* sidebar-tabs */


#sidebar-tabs ul.tabs {
	display: block;
	color:#FFF;
	padding: 0;
	margin-left: 10px;
	white-space: nowrap;
	text-transform: uppercase;
	z-index: 5500;
/*\*	vertical-align: middle;/*\*/
	font-family: Arial, Helvetica, sans-serif;
	}
		/*aquels*/
#sidebar-tabs ul.tabs li {
	margin: 0;
	display: block;
	float: left;
	color:#fff;
	background-color: #FFFEEF;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 0;
	white-space: nowrap;
	padding: 4px 7px 3px 7px;
	z-index: 6000;
	background-image: none;
	
	}
		
#sidebar-tabs ul.tabs li.selected {
	background-color: #FF6600;
	border-bottom: none;
	z-index: 9998;
	color:#FFF;
	padding: 4px 7px 4px 7px;
	}
		
#sidebar-tabs div.tabContent {
	clear: both;
	border-top:1px solid #ccc;
	padding: 15px;
	_padding: 15px 15px 15px 15px;
	margin: 0;
	display: none;
	}
		
#sidebar-tabs div.tabContent.tabContentActive {
	display: block;
	}
		
#sidebar-tabs div.tabContent ol {
	margin-top: 0;
	margin-bottom: 5px;
	}
		
#sidebar-tabs div.tabContent ol li {
	_padding-left: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	}

#sidebar-tabs div.tabContent ul {
	margin-top: 0;
	margin-bottom: 5px;
	}
		
#sidebar-tabs div.tabContent ul li {
	_padding-left: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	}
		

/* Most Popular Module */

#mostPopWidget, #tabsContainer {
	position: relative;
	top: 1px;
	_top: 0;
	left: 0px;
	_left: 0;
	_height: 14px;
	_padding-top: 6px;
	display: block;
	}


#mostPopWidget ul.tabs {
	font-size: 10px;
	_position: absolute;
	top: 0;
	}
					
#mostPopWidget ul.tabs li {
	position: relative;
	top: 0; 
	padding-left: 4px;
	padding-right: 5px;
	_padding-bottom: 2px;
	}
		
#mostPopWidget ul.tabs li.selected {	
	_padding-bottom: 3px;
	}	
				
#mostPopWidget ul.tabs li:first-child {
	border-left-width: 1px;
	padding-left: 4px;
	}
					
#mostPopWidget  ul.tabs li a {
	color: #333333;
	}			

#mostPopWidget ol li {
	padding-left:2px;
	margin-left:25px;
	list-style-type: decimal;
	line-height:115%;
	}

#mostPopWidget ul li {
	padding-left:2px;
	margin-left:25px;
	list-style-type:square;
	line-height:115%;
	}


/* Float Properties*/

.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfloat {display: inline-block;	}


/* Hides from IE-mac \*/
* html .clearfloat {height:1%;}

*+html .clearfloat {height:1%;}

.clearfloat {display:block;}

/* Animation*/

#slideshow .clearfloat {border-bottom:1px dotted #ccc;margin-bottom:0px;}

#slideshow .title{font:2.0em Georgia;line-height:1.0em;font-weight:bold;}

#control {margin: 0px 0px 10px 0px;}

#control img {margin: 0;padding: 0; width: 250px; height: 250px;}

#control span a {font:0.9em Arial, Verdana, Helvetica;border-right: 1px dotted #ccc;border-left: 1px dotted #ccc;border-bottom: 1px dotted #ccc;padding: 0 3px 0 3px;text-decoration: none;}

#control .cntrl_active {background-color: #94a9d1;}

#control .cntrl_active a {color: #fff;}

#feature_1 img, #feature_2 img , #feature_3 img, #feature_4 img  {margin:0px 10px 15px 0px;border: 1px solid #ccc;float:left;}

#feature_1 p, #feature_2 p, #feature_3 p, #feature_4 p  {margin-top: 4px;}