/*  
Theme Name: Linoluna
Theme URI: http://michaelhutagalung.com/2007/12/linoluna-magazine-style-theme-for-wordpress/
Description: <a href="http://michaelhutagalung.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 Hutagalung
Author URI: http://michaelhutagalung.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;
	}

body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #333;
	}

p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #14d;
	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:440px; */
	padding: 10px;
	text-align: center;
	font-size:1.0em;
	line-height:1.5em;
	margin:10px;
	}

select {
	width: 130px;
	}	



/* Structure */


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

.left {
	float:left;
	}

.right {
	float:right;
	}


/* Header*/
.nav {
  padding: 15px 0 20px 0;
	font-size: 12px;
}

.nav a {
  color: #666;
}

.nav a:visited {
  color: #666;
}

.nav-bar {
	height:40px;
	line-height:40px;
	padding-right: 10px;
	font-size:12px;
	color: #666;
	word-spacing: 5px;
}

.nav-bar span {
	float:right;
}

.nav-bar span a {
  font-size: 12px;
	color: #666;
	}
	
.nav-bar span a:visited {
  color: #666;
}

/* Text*/

h1 {
	font-size:3.0em;
	font-weight:bold;
	}

h2 {
	font-size: 18px;
	padding-bottom:10px;
	}

h3 {
	font-size:1.3em;
	margin-bottom:3px;
	color:#49af27;
	}

h4 {
	font-size:1.0em;
	}

h3#respond {
	border-top:1px dotted #ccc;
	margin-top:25px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	}

/* Content*/

#head {
  background: url(images/kiamanokia_logo.jpg) no-repeat;
  height: 90px;
  margin-bottom: 10px;
}

#logo {
	width:350px;
}

#logo h1 a {
  display: block;
  width: 350px;
  height: 80px;
}

#logo .description {
	font-size:0.7em;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	float:right;
	}

#content {
	width:636px;
	border:1px solid #E5E5E5;
	float:left;
	font-size:0.7em;
	}

#aside {
	padding:10px;
}

#aside div.left {
  width: 400px;
}

#aside .clearfloat {
	margin:0px 0px 10px 0px;
	}

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

#aside-1 a:link {
	color: #14d;
}

#aside-1 a:visited {
	color: #14d;
}
	
#aside-2 {
	width:190px;
	float:left;
	padding:10px;
	}
	
#aside-2 a:link {
	color: #14d;
}

#aside-2 a:visited {
	color: #14d;
}

#aside-3 {
	width:190px;
	float:right;
	padding:10px;
	}
#aside-3 a:link {
	color: #14d;
}

#aside-3 a:visited {
	color: #14d;
}

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

#aside-4 a:link {
	color: #14d;
}

#aside-4 a:visited {
	color: #14d;
}

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

#aside-5 a:link {
	color: #14d;
}

#aside-5 a:visited {
	color: #14d;
}

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

#aside-6 a:link {
	color: #14d;
}

#aside-6 a:visited {
	color: #14d;
}

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

#aside-7 a:link {
	color: #14d;
}

#aside-7 a:visited {
	color: #14d;
}

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

#aside-8 a:link {
	color: #14d;
}

#aside-8 a:visited {
	color: #14d;
}

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

#aside-9 a:link {
	color: #14d;
}

#aside-9 a:visited {
	color: #14d;
}

#aside-1 img, #aside-2 img, #aside-3 img, #aside-4 img, #aside-5 img, #aside-6 img, #aside-7 img, #aside-8 img, #aside-9 img {
	border:1px solid #ccc;
	float:left;
	margin:0 8px 2px 0px;
	}

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

#aside p {
	margin-top:4px;
	}

#aside-1 p, #aside-2 p, #aside-3 p, #aside-4 p, #aside-5 p, #aside-6 p, #aside-7 p, #aside-8 p, #aside-9 p,#archive p {
	margin-top:0px;
	padding-top:0px;
	text-align: justify;
	}

#aside-1 .meta, #aside-2 .meta, #aside-3.meta, #aside-4.meta, #aside-5.meta, #aside-6.meta, #aside-7.meta, #aside-8.meta, #aside-9.meta {
  padding-bottom: 15px;
}  

h3.cat {
  background: url(images/shadow_cats.gif) no-repeat bottom right;
}

h3.cat a {
  padding: 2px 10px 0;
  font-size:11px;
  font-weight: bold;
  text-align:center;
  text-transform: uppercase;
  background: #39831B;
  color: #FFF;
}

.title {
  display: block;
  padding: 0;
  font-size: 18px;
  color: #333 !important;
}

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

.meta {
  display: block;
	font-size: 12px;
	color: #999;
}
.meta a {
  font-size: 12px;
  color: #14D;
}

a.cmnt {
  display: block;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;

  background: url(images/ico_commento.gif) no-repeat;  
}

a.cmnt2 {
  background: url(images/ico_commento2.gif) no-repeat;
}

#aside-1 h3 a, #aside-2 h3 a, #aside-3 h3 a, #aside-4 h3 a, #aside-5 h3 a, #aside-6 h3 a, #aside-7 h3 a, #aside-8 h3 a, #aside-9 h3 a {
  background: #CCC;
}

.post, #archive {
	padding:10px;
	font-size: 12px;
	text-align: justify;
	}

.post p {
	margin-top:0px;
	text-align: justify;
	}
	
.post div {
	margin-bottom: 15px;
	}

.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;
	margin-bottom: 7px;
	}

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

.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 {
	margin:0px;
	float:right;
	width:322px;
	color: #333;
	font-size: 12px;
	border: 1px solid #E5E5E5;
}

#sidebar a {
  color: #333;
  font-weight: bold;
}
#sidebar a:hover {
  color: #14d;
  text-decoration: none;
}

.boxe {
  background: url(images/bkg_side.gif) no-repeat top right;
}

#sidebar li {
	list-style:none;
	padding: 0 0 5px 10px;
	}

#sidebar h3 {
	padding:0px 0px 10px 10px;
	margin-top:10px;
  font-size:18px;
	color:#999;
	border-top:1px solid #E5E5E5;	
	}

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

#sidebar-top {
  padding-top: 10px;
}

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

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

#sidebar-left {
	width:125px;\width:145px;w\idth:125px;
	margin-left: 10px!important;
	margin-left: 5px;
	margin-right: 10px;	
	padding:0px 10px 10px 10px;
	float:left;
	background: #F5F5F5;
	}

#sidebar-right {
	width:125px;\width:145px;w\idth:125px;
	padding:0px 10px 10px 10px;
	float:left;
	background: #F5F5F5;
	}

#sidebar-left h3, #sidebar-right h3 {
  color: #49AF27;
  font-size: 18px;
  border: 0 none;
  padding: 0 0 10px;
}

#sidebar-left li, #sidebar-right li {
  padding: 0 0 5px;
}

#sidebar-left li a, #sidebar-right li a {
  padding-left: 15px;
  font-weight: normal;
  font-size: 12px;
}
#sidebar-left li a:hover, #sidebar-right li a:hover {
  background: url(images/arrow_side.gif) no-repeat;
}

#sidebar-ads {
	width: 300px;
	float: right;
	margin: 0px;
	padding: 10px;
	border: 0 none;
	}
#aroundtweets h3 {
	margin-top: 1px;
	margin-bottom: 8px;
}
.aroundtweets {
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 41px;
}
html>body .aroundtweets {
	margin-bottom: -16px;
}
.aroundtweet {
	clear: both;
	font-size: 12px;
	margin: 0 6px 5px 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
}
html>body .aroundtweet {
	margin: 0 6px 0 0;
}
.aroundtweet .tweet-avatar {
	float: left;
	width: 48px;
}
.aroundtweet p {
	float: right;
	width: 250px;
	margin-top: 0;
}
	
#TagCloud {	
		text-align: justify;
	}
	
#socialicons {	
		text-align: center;
	}
	
/* Form Elements */

select {
	background:#bbb;
	border:1px dotted #ccc;
	width:100%
	}
	
#searchform {
	}

.button {  
	display: block;
	float: right;
	width: 60px;
	height: 20px;
	border: 0 none;
	background: url(images/btn_search.gif) no-repeat;
	cursor: pointer;
	}

#search .button {
  display: block;
  float: left;
  width: 60px;
  height: 20px;
  border: 0 none;
  background: url(images/btn_search.gif) no-repeat;
  cursor: pointer;
  margin-right: 10px;
}
#commentform .button {
  display: block;
  float: right;
  width: 60px;
  height: 30px;
  border: 0 none;
  background: url(images/btn_invia.gif) no-repeat;
  cursor: pointer;
}

#search input {
  border: 1px solid #CCC;
  width: 160px;
  float: left;
  margin-right: 10px;
}

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

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



/* Comments*/

#comments {
	padding:0 10px 10px 10px;
	font-size: 12px;
	}
	
#comments ul li {
	list-style-type: none;
	}
		
.commentlist li {
	margin: 5px 0 3px;
	padding: 0px 15px 8px 15px;
	background:#f2f2f2;
	border-top: 1px dotted #ccc;
	list-style-type: none;
	}

.commentlist_author li {
	margin: 5px 0 3px;
	padding: 0px 15px 8px 15px;
/*	background:#ccff99; */
	border-top: 1px dotted #ccc;
	}
	
#commentform small {
	font-weight:bold;
	padding:0;
	}

.commentlist cite, .commentlist_author cite {
	font-size: 1.0em;
	font-weight:bold;
	letter-spacing:-0.05em;
	}	


/* Footer*/


#footer {
	margin: 0 auto;
	width: 970px;
	border-top: 1px solid #ccc;
	margin-top:10px;
	font-size: 12px;
	padding:20px 0 10px;
}


/* sidebar-tabs */


#sidebar-tabs ul.tabs {
	display: block;
	padding: 0;
	margin-left: 10px;
	white-space: nowrap;
	z-index: 5500;
/*\*/	vertical-align: middle;/*\*/
	}
		
#sidebar-tabs ul.tabs li {
	margin: 0;
	padding: 0 3px 0 0 !important;
	display: block;
	float: left;
	z-index: 6000;
	white-space: nowrap;
	background-image: none;
	}
	
#sidebar-tabs ul.tabs li a {
  display: block;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: normal;
  background: #E5E5E5;
}	
#sidebar-tabs ul.tabs li.selected a {
  color: #49AF27;
  background: url(images/bkg_tabs.gif) repeat-x;
}	
		
#sidebar-tabs ul.tabs li.selected {
	z-index: 9998;
}
		
#sidebar-tabs div.tabContent {
	clear: both;
	padding: 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;
	margin-top: 1px;
	left: 0px;
	height: 100%;
	display: block;
	overflow-x: hidden;
	}

#tabsContainer {
	margin-top: 1px!important;
	margin-top: -7px;
	}


#mostPopWidget ul.tabs {
	font-size: 10px;
	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;
	}

.nope {
  display: none;
}

/* Animation*/

#slideshow .clearfloat {
	margin-bottom:0px;
	}

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

#control {
  height: 25px;
}

#control img {
  margin: 0;
  padding: 0;
}

#control span a {
  display: block;
  float: left;
  width: 25px;
  height: 15px;
  line-height: 15px;
  margin-right: 3px;
  text-decoration: none;
  text-align: center;
  font-size: 11px;
  color: #666;
  background: transparent url(images/tab.gif) no-repeat left;
}

#control .cntrl_active a {
	background: transparent url(images/tab.gif) no-repeat right;
	color: #393;
}

#cntrl_play a {
  width: 15px !important;
  background: transparent url(images/tab_arrow.gif) no-repeat center center !important;
}
#cntrl_pause a {
  width: 15px !important;
  background: transparent url(images/ico_pause.gif) no-repeat center center !important;
}

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

#feature_1 div.left, #feature_2 div.left, #feature_3 div.left, #feature_4 div.left  {
	width: 193px;\width: 213px;w\idth: 193px;
	height: 292px;\height: 302px;he\ight: 292px;
	padding: 10px 10px 0;
	background: url(images/bkg_featured.jpg) no-repeat top right;
}

 div.left p{
	text-align: justify;
}

#feature_1 h3.cat, #feature_2 h3.cat , #feature_3 h3.cat, #feature_4 h3.cat {
	background: url(images/shade_category.jpg) no-repeat bottom right;
}

.left h3.cat a {
	color: #fff;
}

#feature_1 .wp-smiley, #feature_2 .wp-smiley, #feature_3 .wp-smiley, #feature_4 .wp-smiley {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}