/*  
Theme Name: Base 01
Version: 1.0
Autora: Helô Lazarini
Autora URL: http://hldesign.com.br/
*/

/* Basic styles*/
body {
	background:#e7e7e2 url(images/bg7.jpg) repeat;
	font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif; 
	margin:0 auto;
	font-size:12px;
}

img { border:0;}
a { outline-style:none;  }
a:link ,a:active ,a:visited { text-decoration: none; color : #819eac; border: none;}
a:hover	{ text-decoration: none; color : #666464; border: none;} 
textarea,input {color:#7b7d6f}
p img {padding: 0;max-width: 100%;}
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}
.alignright {float: right;}
.alignleft {float: left}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}


#wrapper {margin:0 auto;width:880px;}
#wrapper #header {clear:both;height:75px; width:840px;padding:7px 20px;background:url(images/body_top.png) bottom left no-repeat; overflow:hidden;}
#wrapper #main {clear:both;overflow:hidden;width:860px; padding:5px 10px; background:#ffffff url(images/body_middle.png) top left repeat-y;}
#wrapper #footer { color:#5e5e5e;clear:both;overflow:hidden;  width:830px; padding: 20px 30px 10px 20px; background:#e7e7e2 url(images/body_bottom.png) top left no-repeat;}

#header #logo { width:280px; float:left;}
#header #nav {width:560px; float:right;}

#header #nav .pages, #header #nav .pages * {margin:0; padding:0;list-style:	none;}
#header #nav .pages { float:right; margin-top:18px;}
#header #nav .pages li {display:inline; float:left; margin-right:5px;}

#header #nav .pages li a:link, #header #nav .pages li a:visited, #header #nav .pages li a:active {color:#426372;font-size:14px;height:34px;line-height:34px;padding-right:10px;}
#header #nav .pages li a:hover {color:#5d6061;background:transparent url(images/navbgs.png) repeat scroll top right;float:left}
#header #nav .pages li a:hover span {background:transparent url(images/navbgs.png) repeat scroll left top;display:block;}
#header #nav .pages li.current_page_item a:visited,#header #nav .pages li.current_page_item a:active,#header #nav .pages li.current_page_item a:link {background:transparent url(images/navbgs.png) repeat scroll top right;color:#5d6061;float:left}
#header #nav .pages li.current_page_item a:visited span,#header #nav .pages li.current_page_item a:active span,#header #nav .pages li.current_page_item a:link span {background:transparent url(images/navbgs.png) repeat scroll left top;display:block;}
#header #nav .pages li a:link span, #header #nav .pages li a:visited span, #header #nav .pages li a:active span  {padding-left:10px;}


#main #content { width:540px; float:left; margin:10px;}
#main #sidebar {width:280px; float:right;line-height:18px; margin-right:10px;}

#footer .left { float:left; width:45%;}
#footer .right { float:right; width:45%; text-align:right;}

.widget { margin-bottom:20px; padding:0; overflow:hidden;clear:both; }
.widget h4 { font-size:14px; margin:0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.widget ul { list-style:none; font-size:11px; margin:5px 0; padding:0;}
.widget ul li { background:url(images/icon_bullet.png) 5px 2px no-repeat; padding:0 0 7px 24px;}
.widget_categories ul li { width:40%; float:left; margin:0;}
.widget_rssfeed {color:#727576;font-size:14px; padding:0 10px;}
.widget_rssfeed ul li {margin-bottom:5px;}
.widget_rssfeed ul li.rss { background:url(images/rssfeed.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_rssfeed ul li.email { background:url(images/mail.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_rssfeed ul li.twitter { background:url(images/twitter.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_search form { padding:0 10px;}
.widget_search input{width:63%;padding:5px; margin:0 5px 10px 0;background:#f8f8f5 url(images/random.png) top left repeat-y;border-left:1px solid #dddbd4;border-top:1px solid #dddbd4;border-right:1px solid #f5f5f1;border-bottom:1px solid #f5f5f1;}
.widget_search input#searchsubmit { width:70px;margin-top:10px; background:url(images/submit.png) top left repeat-x;color:#ffffff;padding-bottom: 3px;border:1px solid #94c1cd;}


.post {border-bottom:1px solid #d9d9d9;color:#6e6e6e;padding-bottom:5px;margin-bottom:20px;}
.post .title { width:480px!important;width:460px; float:left; padding-bottom:5px;}
.post .title h2 { color:#000000; font-size:15px;margin:0;padding:0 0 7px 0;}
.post .title h2 a { color:#000000;}
.post .title h2 a:hover { color:#66808d;}
.post .title .meta { color:#858585; font-size:11px;}
.post .title .meta a { background-color:#a2c2d1; color:#ffffff; padding:4px;} 
.post .title .meta a:hover { background-color:#000000; } 
.post .commentcount { font-weight:600;font-size:11px;width:35px; height:28px;text-align:center;margin:0 7px 0 10px;padding-top:8px; float:left; background:url(images/commentcount.png) top left no-repeat;}
.post .commentcount a {color:#6e6e6e;}
.post .entry {line-height:22px;padding:10px;display:block; clear:both; overflow:hidden;color:#787575;}
.post p { margin:0; padding:0 0 10px 0;}
.post blockquote { background:transparent url(images/quote.png) no-repeat scroll 0 0;font-size:0.9em;font-style:italic;line-height:1.5em;margin:5px 0 5px 0;padding:10px 15px 10px 60px;}
.post ul.split3cols,.post ul.split2cols {font-size:12px;overflow:auto;width:520px;}
.post ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.post ul.split3cols li { float:left;width:155px;margin-right:5px;}
.post ul.split2cols li { float:left;width:240px;margin-right:5px;}
.post ul li { background:transparent url(images/bullet.png) no-repeat scroll 0 8px;line-height:20px;margin:4px 0;padding:0 0 0 10px; }
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4 {margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.post .entry h1 { font-size:16px;}
.post .entry h2 { font-size:15px;}
.post .entry h3 { font-size:14px;}
.post .entry h4 { font-size:13px;}

.page h2 {  font-size:24px; margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.page .entry {line-height:22px;padding:0 10px;display:block; clear:both; overflow:hidden;color:#787575;}
.page p { margin:0; padding:0 0 10px 0;}
.page blockquote { background:transparent url(images/quote.png) no-repeat scroll 0 0;font-size:0.9em;font-style:italic;line-height:1.5em;margin:5px 0 5px 0;padding:10px 15px 10px 60px;}
.page ul.split3cols,.page ul.split2cols {font-size:12px;overflow:auto;width:520px;}
.page ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.page ul.split3cols li { float:left;width:155px;margin-right:5px;}
.page ul.split2cols li { float:left;width:240px;margin-right:5px;}
.page ul li { background:transparent url(images/bullet.png) no-repeat scroll 0 8px;line-height:20px;margin:4px 0;padding:0 0 0 10px; }
.page .entry h1,.page .entry h2,.page .entry h3,.page .entry h4 {margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.page .entry h1 { font-size:16px;}
.page .entry h2 { font-size:15px;}
.page .entry h3 { font-size:14px;}
.page .entry h4 { font-size:13px;}

.bookmarks {margin-bottom:15px;padding:40px 10px 20px 15px;border-bottom:1px solid #d9d9d9;color:#6e6e6e;background: url(images/bookmarkthis.png) 10px 10px no-repeat;overflow:hidden;clear:both;}
.bookmarks span{ font-size:12px; line-height:20px;}
.bookmarks ul { list-style:none; margin:0; padding:10px; overflow:hidden; clear:both;}
.bookmarks ul li { float:left; padding:1px 10px 3px 20px;}
.bookmarks ul li a:link,.bookmarks ul li a:visited { color:#666666;}
.bookmarks ul li a:hover { color:#a2c2d1;}
.bookmarks ul li.df { background:url(images/fav/designfloat.png) 0 0 no-repeat;}
.bookmarks ul li.digg { background:url(images/fav/digg.png) 0 0 no-repeat;}
.bookmarks ul li.del { background:url(images/fav/delicious.png) 0 0 no-repeat;}
.bookmarks ul li.techno { background:url(images/fav/technorati.png) 0 0 no-repeat;}
.bookmarks ul li.su { background:url(images/fav/stumbleupon.png) 0 0 no-repeat;}

/* SIDEBAR */
#sidebar {
font-size: 11px;
color:#666;
font-family : tahoma, arial,'Lucida Grande', verdana;
text-align: justify;
line-height:14px;
width: 220px;
margin: -50px 0 0 0;
padding:0 0 0 10px;
float: left;
}
.links-sidebar ul  {
list-style-type: none;
margin: 0;
padding: 0;
} 
.links-sidebar li {
list-style-type: none;
margin: 0;
padding: 0;
}
.links-sidebar ul li {
display: block;
border-bottom:1px solid #e1e1e1; 
background: url('images/bullet.gif') left no-repeat;
margin:2px 0 2px 2px;
padding: 2px 4px 2px 12px;
vertical-align:middle;
height:1%; /* IE WIN */
}
.links-sidebar ul li:hover {
display: block; 
background-color: #fff;
}


/* LINKS */
a {cursor: help; text-decoration: none;} 
a:link {cursor: help; color: #ff6699; text-decoration: none; }
a:visited {cursor: help; color: #339999;text-decoration: none; }
a:active {cursor: help; color: #ff9966;text-decoration: none; }
a:hover {cursor: help; color: #9AC80D; text-decoration: none; }.navlink a {cursor: help; color: #ff9900; text-decoration: none; }	
.navlink a:hover {color:#00cccc; text-decoration:none;}/* CLASSES */
em{color: #9AC80D; text-decoration : none; }
b{color: #00cccc; text-decoration : none;}
strong{color:#ff9966; background: #fff; text-decoration : none;}
i{color: #9AC80D; text-decoration : none; }
ol, ul, li {margin:0; padding:0; list-style-type:none; }

/* TITULO DA SIDEBAR */
h1 {
color:#666;
font-family :  verdana, helvetica, sans-serif; 
font-size: 11px;
font-weight: bold;
text-indent: 3px;
text-align: left;
border-bottom: 1px dotted #d4d4d4;
margin: 15px 0 7px 0;
padding: 0 0 2px 0;
}


/* SUBTITULO DAS PAGINAS */
h2 {
display: block; 
background: none; 
color: #6A90A8;
font-size:11px;
font-family :  tahoma, verdana, helvetica, sans-serif;
text-transform: lowercase;
border-bottom: 1px dotted #d4d4d4;
padding: 10px 0 0px 2px;
margin:0px;
clear: both; / DAS PAGINAS */
h2 {
display: block;  SUBTITULO DAS PAGINAS */
h2 {
display: block; background: none; 
color: #6A90A8;
font-size:11px;
font-family :  tahoma, verdana, helvetica, sans-serif;
text-transform: lowercase;
border-bottom: 1px dotted #d4d4d4;
padding: 10px 0 0px 2px;
margin:0px;
clear: both; 

/* TEXTAREA, INPUTS E FORMULÁRIOS */
form, fieldset {
margin: 0;
padding: 0;
border: 0px;
}

input, textarea, select, button {
font-size:11px;
color:#6A90A8;
border: 1px solid #e1e1e1;
background-color: #f8f8f8;
margin: 0;
}
input#searchsubmit {
background: #f8f8f8 url('images/search.gif') left no-repeat;
background-position:2px 3px;
border: 1px solid #e1e1e1;
width: 91%;
margin: 5px 0 0 0;
padding: 1px 1px 1px 15px;
}



/* COMENTÁRIOS */
.comments{
text-align:justify;
background-color: #fff;
padding: 5px ;
border: 4px solid #9C0;
margin: 0 0 15px 0;
}
.avatar {
float: left;
padding: 4px;
margin: 1px 4px 0 0;
background-color: #f96;
}


/* IMAGENS */
.flickr a img{
background-color: #33CCFF;
padding: 6px;
margin: 5px 5px 0 0;
}

.aligncenter{
background-color: none;
padding: 6px;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.alignleft{
float: left;
background-color: #87C1E7;
padding: 6px;
margin: 1px 4px 0 0;
}

.alignleft:hover {
float: left;
background-color: #9AC80D;
padding: 6px;
margin: 1px 4px 0 0;
}

.alignright{
float: right;
background-color: none;
padding: 6px;
margin: 1px 0 0 4px;
}


.center {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}

.left {
float: left;
margin: 1px 4px 0 0;
}
.right {
float: right;
margin: 1px 0 0 4px;
}
img {border: 0px;}

.commentOfficialUser {
border: 1px solid black;
background-color: #9AC80D
color: #fff;
font-family : verdana, helvetica, sans-serif; 
font-size: 11px;
}