/*
Theme Name: Lalai Loaded
Theme URI: http://olapersson.se/
Description: A  Wordpress theme with left sidebar.
Author: Ola
Author URI: http://olapersson.se
version: 1.0
Tags: two-column, widget-ready
*/

/* basics */
*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #fcfcfc;
	font-family: LucidaGrande, 'lucida Grande', LucidaSans, verdana, arial, sans-serif;
	font-size: 76%;
	color: #6f6f6f;
}

h1 { font-size: 18pt; }
h2 { font-size: 14pt; }
h3 { font-size: 10pt; }
h4 { font-size: 9pt; }

img
{
	border: none;
	padding: 0;
	max-width: 538px;
}

img a { border: none; }

img.left
{
	float: left;
	border: none;
	padding: 6px 0 0 0;
}

img.right
{
	float: right;
	border: none;
	padding: 0 0 0 6px;
}

blockquote
{
	border-left: 1px solid #A5ABAB;
	margin: 15px;
	padding: 0 12px 0 12px;
}

code { font-family: "Courier New", Courier, monospace; }

/* links */
a
{
	color: #000;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

/* container */
#container
{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	color: #6f6f6f;
}

/* header */
#header
{
	background: url('images/head.jpg') 0 0 no-repeat;
	width: 900px;
	height: 175px;
	color: #fff;
	border-bottom: solid 1px #a5afbf;
}

#header h1
{
	font: normal 20pt georgia, times;
	padding: 0;
	margin: 0;
}

#header h1 a
{
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 175px;
	width: 350px;
}

#header h1 a:hover
{
	color: #666;
	text-decoration: none;
}

#header p { display: none; }

/* main menu */
#menu
{
	border-bottom: solid 1px #a5afbf;
	font-size: 14px;
	width: 900px;
	overflow: hidden;
	font-weight: bold;
	height: 32px;
}

#menu ul
{
	margin: 0;
	padding: 0;
}
#menu ul li.first { background-image: none; }

#menu ul li
{
	list-style-type: none;
	float: left;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url('images/menudivide.gif') no-repeat 0 50%;
	width: 16%;
	text-align: center;
}

#menu ul li a
{
	padding: 7px 10px 8px 10px;
	margin: 0 27px;
	color: #5b5b5b;
	display: block;
}

#menu ul li a:hover
{
	background: #7e9d1d;
	background: rgba(126,157,29,.7);	
	color: #fff;
}

/* content */
#content
{
	float: left;
	width: 554px;
	padding: 34px 55px 10px 50px;
	background: #eee;
	border-right: 1px solid #a5afbf;

}

#teasers
{
	margin:-34px 0 60px -50px;
	background: url('images/teasers.png');
	width: 659px;
	padding:30px 0;
}
#teasers .post-sticky
{
	width: 160px;
	float: left;
	padding: 0 37px 0 20px;
}
#teasers .post-sticky h3
{
	padding: 4px 5px 5px 5px;
	margin: 0 0 5px 0;
}
#teasers .post-sticky h3 a
{
	padding: 0;
	font-size: 13px;
	color: #fff;
	font-weight: normal;
	display: block;
}
#teasers .post-sticky h3 a:hover
{
	text-decoration: none;
	background: #fff;
}

#teasers #sticky-1 h3 { background-color: #eb2a33; }
#teasers #sticky-1 h3 a:hover { color: #eb2a33; }
#teasers #sticky-2 h3 { background-color: #eb40b9; }
#teasers #sticky-2 h3 a:hover { color: #eb40b9; }
#teasers #sticky-3 h3 { background-color: #5588d5; }
#teasers #sticky-3 h3 a:hover { color: #5588d5; }
#teasers .post-sticky .text
{
	background-color: rgba(256, 256, 256, .8);
	padding: 5px;
	color: #333;
	font-size: 11px;
}
#teasers .post-sticky img
{
	max-width: 160px;
	margin: -5px 0 5px -5px;
	display: none;
}

.post
{
	margin: 0;
	padding: 8px;
	line-height: 14pt;
}

.post h2, .archives h2, h2.pagetitle, .post h3
{
	font: normal 32px georgia, times;
	position: relative;
}
h2.pagetitle { padding-top: 5px; }
.post h2 a, .post h3 a
{
	color: #6f6f6f;
	text-decoration: none;
}

.post h2 a:hover
{
	color: #777;
	text-decoration: none;
}
.post h3 a { font-size: 16px; }

.post ul { }
.post li { }
.entry p
{
	margin: 21px 0;
	line-height: 1.6em;
	width: 36em;
	font-size: 1.1em;
}

.post .date
{
	margin: -59px 0 -55px -117px;
	display: block;
	background: url('images/date.png');
	width: 110px;
	height: 82px;
	padding: 55px 0px 0 50px;
}
.post .date span
{
	color: #FFF;
	font-family: Georgia, Serif;
	font-size: 13px;
	font-style: italic;
	line-height: 1em;
	font-weight: bold;
}
.post .share-single
{
	float: right;
	width: 50px;
}
.post .share-single .tweetmeme_button
{
	float: none;
	margin: 0 !important;
}
.post .share-single .fb_share_count_wrapper {margin-top:2px;}
.sociable_tagline {color:#333;padding-bottom:7px}
.postmetadata
{
	clear: both;
	background: url('images/hr.png') no-repeat 0 100%;
	padding: 0 0 9px 0px;
	margin-bottom:16px !important;
}
.postmetadata .tags { float: left; }
.postmetadata .share
{
	float: left;
	clear: left;
	padding-top: 16px;
}
.postmetadata .commented
{
	border-left: solid 1px #a5afbf;
	float: right;
	padding: 15px 0 4px 0;
}
.postmetadata .commented a
{
	color: #fff;
	background: #7e9d1d;
	padding: 2px 4px;
}
.comment-navigation
{
	height: 5px;
	margin: 10px 0 0;
	width: 495px;
}
.comment-navigation div a
{
	background: #999;
	margin-bottom: -10px;
	margin-top: 6px;
	padding: 3px 5px 4px;
	font-size: 10px;
}
.comment-navigation-bottom
{
	height: 50px;
	margin: 0;
}

.navigation
{
	font-size: 8pt;
	width: 660px;
	float: left;
	margin: 0 -50px;
	padding: 0;
	overflow: hidden;
}
.singlenav {	margin: -34px -50px -30px -50px;}
.singlenav div a { margin: 0;}

.navigation div a
{
	background: #eb40b9;
	padding: 7px 9px;
	color: #fff;
	font-size: 13px;
	margin-bottom: 50px;
}
.navigation div a:hover
{
	background: #fff;
	color: #eb40b9;
}
.archives { padding: 20px 0 90px 0; }
.archives h2 { margin-bottom: 10px; }

.archives ul
{
	margin-bottom: 40px;
	list-style-image: url(images/bullet.gif);
	list-style-position: inside;
}
.archives #searchform { margin-bottom: 40px; }

.alignleft a
{
	float: left;
	margin: 25px 0;
}

.alignright a
{
	float: right;
	margin: 25px 0;
}

/* sidebar */
#sidebar
{
	font-family: verdana, arial, tahoma;
	font-size: 8pt;
	width: 240px;
	float: right;
	margin: 0 0 0 -1px;
	padding: 0;
	border-left: 1px solid #a5afbf;
}

#sidebar h2
{
	font: bold 18px LucidaGrande, 'Lucida Grande', georgia, times;
	color: #6f6f6f;
	margin: 0;
	padding: 0;
}

#sidebar label
{
	font: normal 11pt arial, georgia, times;
	color: #000;
	margin: 0;
	padding: 0;
}

#sidebar p
{
	margin: 0;
	padding: 0 20px 20px 12px;
}
#sidebar .festas img { margin: 0 0 5px 0; }
#sidebar .colaboradores img
{
	float: left;
	clear: both;
	margin: 0 10px 0 10px;
}
#sidebar .colaboradores h4 { margin-top: 15px; }
#sidebar .colaboradores p { padding: 0 6px 0px 12px; }
#sidebar img
{
	padding: 0;
	margin: 10px 0;
}

#sidebar ul
{
	margin: 26px 0 0 26px;
	padding: 0;
}

#sidebar ul li
{
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
}

#sidebar ul ul
{
	margin: 14px 0;
	padding: 0;
}

#sidebar ul ul li { list-style-type: none; }

#sidebar ul ul ul
{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li
{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

/* comments */
#commentform
{
	margin: 0 55px 0 0;
	padding: 0;
}
#respond { padding: 0 0 20px 9px; }
#commentform p
{
	color: #898989;
	font-size: 10px;
}

#commentform a
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #465D71;
	line-height: 14pt;
}

#commentform h3
{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin: 0;
	padding: 0;
}

#comment { width: 456px; }

#author, #email, #url, #comment, #submit
{
	background: #ccc;
	font-family: LucidaGrande, 'Lucida Grande', LucidaSans, verdana, arial, times;
	font-size: 1.3em;
	margin: 5px 5px 6px 0;
	padding: 11px;
	border: 1px solid #000;
	color: #444;
}
#author, #email, #url { padding: 4px 2px 4px 11px; }
#submit
{
	margin: 7px 9px 0 0;
	float: right;
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: 3px;
	background-color: #F30;
	border-color: #C20;
	color: #fff;
	padding: 4px 8px;
}

#comments
{
	margin: 0 55px 0 0;
	padding: 0 8px;
}

ol.commentlist
{
	list-style-type: none;
	margin: 0 55px 0 0;
	padding: 8px;
}

.avatar
{
	float: left;
	margin: 0 12px 0 0;
}

ol.commentlist li
{
	margin: 10px 0;
	padding: 10px 0 11px 10px;
	list-style-type: none;
	background-color: #ddd;
	border-bottom:1px dotted #999;
	border-top:1px dotted #999;	
}
.commentmetadata { font-size: 10px; }
.commentmetadata a { color:#555; }

ol.commentlist li.alt
{
	background: #eee;
	border-width: 0;
}

ol.commentlist li p
{
	margin: 6px 0 6px 0;
	padding: 0 12px 0 44px;
	line-height: 14pt;
	color: #444;
}

ol.commentlist a { color: #000; }

cite
{
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
}

cite a
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #465D71;
}

/* search */
#searchform
{
	padding: 0;
	margin: 14px 0;
}

#searchform input#s
{
	margin: 0;
	padding: 2px;
	border: 1px solid #000;
}

#searchform input#searchsubmit
{
	border: none;
	background: #6f6f6f;
	color: #fff;
	text-transform: lowercase;
}

/* misc */
img.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright { float: right; }
.alignleft { float: left; }

.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
#ad
{
	background: #fcfcfc;
	text-align: center;
}
#ad object, #ad img, #ad embed
{
	margin:5px 0;
}

/* footer */
#footer
{
	background: #000 url('images/footer.png') repeat-x;
	clear: both;
	width: 100%;
}

#footer p
{
	padding: 14px 5px;
	margin: 0;
	color: #eee;
	text-align: left;
	font-size: 10px;
	line-height: 1.6em;
}
#footer #foot
{
	width: 900px;
	margin: 0 auto;
	padding: 30px 0;
}
#footer ul
{
	padding: 0;
}

#footer ul li
{
	margin: 0;
	line-height: 14pt;
	list-style-type: none;
}

#footer ul ul
{
	margin: 14px 0;
	padding: 0;
}

#footer ul ul li { list-style-type: none; }

#footer ul ul ul
{
	margin: 0;
	padding: 0;
}

#footer ul ul ul li
{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}
#footer li
{
	width: 200px;
	padding-right: 25px;
	float: left;
}
#footer h3
{
	background: #7e9d1d;
	color: #fff;
	padding: 3px 3px 5px 5px;
	font-weight: normal;
}

#footer a
{
	color: #BCBCBC;
	text-decoration: none;
}

#footer a:hover
{
	color: #5D5D5D;
	text-decoration: underline;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
