/*   
Theme Name: julliejoe
Theme URI: http://jpadron.w3p.com.br
Description: Template personalizado para o blog da julliejoe, vers�o 1.0
Author: Juliana Padron
Author URI: http://jpadron.w3p.com.br
Template: julliejoe
Version: 1.0
.
Este layout � de uso exclusivo do site http://jpadron.w3p.com.br e n�o est� dispon�vel para livre distribui��o e uso.
.
*/	
*{margin: 0px; padding: 0px;}
ul{list-style:none;}
body {
font-size: 12px;
margin:0;
background: #3f4d52;
color: #cfe6eb;
font-family:"Trebuchet MS", sans-serif;
}
#headerwrap{
width: 960px;
line-height: 130%;
height: 260px;
clear: both;
border-bottom: 1px dashed #f0037f;
background: url(img/bg-header.jpg) repeat #CFE6EB;
}
#headerwrap #description{
float:left;
margin: 20px 20px 20px 30px;
width:240px;
}
#headerwrap #pages{
width: 516px;
float:left;
margin: 20px 0 0 0;
}
#headerwrap #pages ul{margin:0;}
	#headerwrap #pages ul li{
	display: inline;
	list-style-type:none;
	}
#headerwrap img{border: none;}
#headerwrap #pages #titulo{
width:255px;
margin-top: 95px;
}
#headerwrap #flickr{
position: absolute;
top: 0;
left: 810px;
}
#flickr {
	width:160px;
	padding:35px 0 0 0;
	}
#flickr img {
	float:left;
	margin:0 0px 4px 4px;
	background:#ffffff;
	padding:2px;
	width:54px;
	height:54px;
	border: 4px solid #f0037f
}
/***************************************************
*********************** Blogtitle **************
*****************************************************/
#blogtitle{
color: #4F4F4F;
float: left;
text-align: left;
margin-top: 10px;
padding: 7px;
display:none
}
#blogtitle h1{line-height:30px;}
#blogtitle a:link {
color: #DFDAC3;
text-decoration: none;
border: none;
}
#blogtitle a:visited {
color: #DFDAC3;
text-decoration: none;
border: none;
font-weight: bold;
}
#blogtitle a:hover {
color: #CFCDB5;
text-decoration: none;
}
/***************************************************
*********************** Site Description **************
*****************************************************/
#sitedesc{
float: left;
text-align: left;
margin: 10px 0 0 15px;
padding-top: 4px;
font-size: 16px;
font-weight: bold;
color: #CFCAB5;
clear: left;
display:none;
}
#comment{width: 350px;}
/***************************************************
*********************** Container **************
*****************************************************/
#container{
float: left;
width: 960px;
background: #303c40 url(img/bg-content.gif) repeat-y;
color: #cfe6eb;
clear:both;
border-right: 1px dashed #f0037f;
text-align:left;
}
/***************************************************
*********************** Left Sidebar Container *******
*****************************************************/
#leftnav{
float: left;
width: 250px;
margin: auto;
padding-top: 12px;
text-align: left;
line-height: 175%;
}
/***************************************************
*********************** Right Sidebar Container *******
*****************************************************/
#rightnav{
float: right;
width: 240px;
margin:auto;
padding-top: 12px;
text-align: left;
line-height: 175%;
}
/***************************************************
*********************** Content **************
*****************************************************/
#content{
margin: 0 10px;
width:450px;
float:left;
padding: 10px 0;
text-align: left;
}
#content .entry, #content .entrytext{
line-height: 175%;
}
#content h3, #content h3 a {
color:#cfe6eb;
}
#content ul li{
padding-left: 25px;
background: url(img/bullet.gif) no-repeat;
}
#content ul li ul li{
padding-left: 20px;
background: url(img/bullet.gif) no-repeat;
}
#content ol, #content ul{
list-style-position: inside;
padding: 2px;
margin: 15px 0 15px 10px;
}
#content ol li{
margin-bottom: 10px;
}
#content p.autor{
margin:0 0 15px 0;
background:url(img/post.gif) no-repeat left;
padding: 0 0 0 25px;
color:#fccde5;
}
#content a{color:#f0037f;}
#content p a:hover, #content p a:visited{text-decoration: underline;}
#content img {
	margin: 15px auto;
	background:#ffffff;
	padding:8px;
	border: 4px solid #f0037f
}
/***************************************************
*********************** Extras **************
*****************************************************/
#extras{
width:960px;
text-align:left;
overflow:auto;
clear:both;
border-top: 1px dashed #f0037f;
}
#extras img {border:0;}
#extras a{
font-weight:normal;
color:#f0037f;
}
	#extras #links, #extras #livros, #extras #sons, #extras #noticias{
	height:300px;
	padding:8px;
	} 
	#extras #links{
	width:218px;
	float:left;
	border-right: 1px dashed #f0037f;
	background: #303c40;
	}
#extras #links blockquote p, #extras #noticias blockquote p, #extras #livros blockquote p, #extras #sons blockquote p{
color:#cfe6eb; margin:0; font-weight:normal;
}
	#extras #noticias{
	width:220px;
	float:left;
	background: #3f4d52;
	border-right: 1px dashed #f0037f;
	font-weight:normal;
	}
		#extras #noticias ul li, #extras #links ul li, #extras #sons ul li, #extras #livros ul li{
		display: block;
		padding: 2px 0 0 16px ;
		margin: 0 0 0 5px;
		background: url(img/bullet.gif) no-repeat;
		border-bottom: 1px dotted #4d5c64;
		font-weight:normal;
		}
			#extras #noticias ul li a, #extras #noticias ul li a:visited,
			extras #livros ul li a, #extras #livros ul li a:visited,
			extras #links ul li a, #extras #links ul li a:visited,
			extras #sons ul li a, #extras #sons ul li a:visited{
			color:#f0037f;
			font-weight:normal;
			}
			#extras #noticias ul li a:hover, #extras #noticias ul li a:visited:hover,
			extras #livros ul li a:hover, #extras #livros ul li a:visited:hover,
			extras #links ul li a:hover, #extras #links ul li a:visited:hover,
			extras #sons ul li a:hover, #extras #sons ul li a:visited:hover{
			text-decoration:underline;
			font-weight:normal;
			}
	#extras #sons {
	width:222px;
	float:left;
	background:#3f4d52;
	border-right: 1px dashed #f0037f;
	font-weight:normal;
	}
	#extras #livros{
	width:232px;
	float:left;
	border-right: 1px dashed #f0037f;
	background: #303c40;
	font-weight:normal;
	}
/***************************************************
*********************** Footer **************
*****************************************************/
#footwrap{
clear: both;
margin: 0;
width: 960px;
background: #8C9EAA url(img/bgfooter.jpg) repeat-x left top;
color: #ffffff;
padding-top: 12px;
padding-bottom: 5px;
font-weight: normal;
text-align:center;
}
#footwrap a:link {
color: #ffffff;
text-decoration: none;
border: none;
font-weight: bold;
}
#footwrap a:hover {
color: #3F3F3F;
text-decoration: underline;
border: none;
}
#footwrap a:visited:hover {
color: #ffffff;
text-decoration: underline;
border: none;
}
#footwrap a:visited {
color: #ffffff;
text-decoration: none;
border: none;
font-weight: bold;
}
#footwrap img {
padding: 0px 5px 0px 5px;
border: 0;
}

/***************************************************
*********************** Left Sidebar **************
*****************************************************/
#sidebarleft{
margin-top: 10px;
padding: 0 8px 10px 8px;
}
#sidebarleft ul li{
display: block;
padding-left: 20px;
margin-left: 5px;
background: url(img/folder_closed.gif) no-repeat;
width:85%;
}
#sidebarleft ul li ul li{
padding-left: 20px;
background: url(img/folder_open.gif) no-repeat bottom left;
}
#sidebarleft ul li li{
padding-left: 20px;
background: url(img/folder_open.gif) no-repeat top left;
border-bottom: 1px dotted #4d5c64;
padding: 2px 0;
}
#sidebarleft a:link {
color: #cfe6eb;
text-decoration: none;
border: none;
}
#sidebarleft a:hover {
color: #f0037f;
text-decoration: underline;
border: none;
}
#sidebarleft a:visited:hover {
color: #f0037f;
text-decoration: underline;
border: none;
}
#sidebarleft a:visited {
color: #cfe6eb;
text-decoration: none;
border: none;
}
#sidebarleft h2 {color: #cfe6eb;}
/***************************************************
*********************** Right Sidebar **************
*****************************************************/
#sidebarright{
padding: 0 8px 10px 8px;
text-align:left;
}
#sidebarright ul li{
display: block;
padding-left: 20px;
margin-left: 5px;
background: url(img/bullet.gif) no-repeat;
border-bottom: 1px dotted #4d5c64;
width:85%;
}
#sidebarright #enquete{
padding-left: 0;
text-align:left;
background: none;
}
#sidebarright #enquete ul li{
display: block;
padding-left: 20px;
margin-left: 5px;
background: none;
border:none;
}
#sidebarright ul li ul li{
padding-left: 20px;
background: url(img/bullet.gif) no-repeat;
border-bottom: 1px dotted #4d5c64;
}
#sidebarright a:link {
color: #cfe6eb;
text-decoration: none;
border: none;
}
#sidebarright a:hover {
color: #f0037f;
text-decoration: underline;
border: none;
}
#sidebarright a:visited:hover {
color: #f0037f;
text-decoration: underline;
border: none;
}
#sidebarright a:visited {
color: #cfe6eb;
text-decoration: none;
border: none;
}
#sidebarright h2 {color: #cfe6eb;}
#sidebarright #delivery p{
border-bottom: 1px dotted #4d5c64;
padding: 3px 5px;
margin:0;
}
#sidebarright #delivery p img{margin: 0 10px 0 0;}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/***************************************************
*********************** Calendario**************
 *****************************************************/
#wp-calendar{width: 90%;}
/***************************************************
*********************** Paragraph **************
*****************************************************/
p{margin-bottom: 12px;}
/***************************************************
*********************** Blockquote ********************
*****************************************************/
/*blockquote
{
padding-left: 10px;
padding-right: 15px;
margin-left: 25px;
margin-right: 25px;
background: #fff url(img/bquote.gif) repeat-y;
}
*/
/***************************************************
*********************** Post Metadata ****************
*****************************************************/
.nifty{
background-color: #3f4d52;
clear:both;
margin: 20px 0;
}
.postmetadata{
padding-left:10px;
padding-bottom:0;
font-family:sans-serif;
font-size:11px;
}
.postmetadata a:link{
border: none;
color: #f0037f;
font-weight: normal;
}
.postmetadata a:hover{
border: none;
color: #f0037f;
font-weight: underline;
}
.postmetadata a:visited:hover{
border: none;
color: #f0037f;
font-weight: underline;
}
.postmetadata a:visited{
border: none;
color: #cfe6eb;
font-weight: normal;
}

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
/***************************************************
*********************** Links Global ********************                       *****************************************************/

a:link{
color: #cfe6eb;
text-decoration: none;
}
a:hover{text-decoration: underline;}
a:visited{
color: #cfe6eb;
text-decoration: none;
font-weight: normal;
}
#feed, #feed img a:link, #feed img a:visited{border: none;}
#content * [rel~=external], #content * [rel~=externo] {
background:url(img/bg-link-ext.gif) right 2px no-repeat;
cursor:pointer;
padding-right:13px;
}
.more-link{
margin: 20px 0 20px 0;
background: #3f4d52;
padding: 10px;
text-align:right;
border-top: 1px dotted #e41b7e;
border-bottom: 1px dotted #e41b7e;
float: left;
width: 420px;
}
/***************************************************
*********************** Comments ********************
*****************************************************/
#commentlist{
padding-left: 40px;
padding-right: 15px;
background: #3f4d52;
}
.commentlist li{
margin: 8px 10px 8px 15px;
padding-left: 12px;
list-style: none;
background: url(img/comment.gif) no-repeat;
}
.commentlist a:link{
border: none;
text-decoration: underline;
font-weight: bold;
color: #223E6F;
}
.commentlist a:visited{
border: none;
text-decoration: underline;
font-weight: bold;
color: #223E6F;
}
.commentlist a:hover{
border: none;
text-decoration: underline;
font-weight: bold;
color: #000;
}
.commentlist a:visited:hover{
border: none;
text-decoration: underline;
font-weight: bold;
color: #000;
}
/***************************************************
*********************** Headings Global **************
*****************************************************/
h1{
font-size: 26px;
padding-left: 5px;
color: #666666;
}
h2{
display: block;
font-size: 16px;
font-weight: bold;
padding-top: 5px;
padding-left: 10px;
margin-top: 5px;
margin-bottom: 6px;
text-align: left;
}
h3{
width:85%;
display: block;
font-size: 21px;
font-weight: bold;
padding: 0;
margin-top: 6px;
margin-bottom: 6px;
text-align: left;
background:none;
border-bottom: 1px dashed #f0037f;
}
h3 a:link, h3 a:visited{
color: #cfe6eb;
font-weight: bold;
}
h3 a:hover{
color: #cfe6eb;
text-decoration:none;
}
h4{
margin: 15px 0;
font-size: 16px;
color:#fccde5;
}
h5{
font-size: 14px;
}
.date{
float: right;
font-weight: bold;
background: url(img/date.gif) center no-repeat;
text-align:center;
padding: 14px 0 5px 12px;
_padding: 14px 8px 5px 12px;
margin: 0;
width: 35px;
color: #F0037F;
font-family:"Trebuchet MS", sans-serif;
line-height:14px;
height:50px;
}
.dia, .mes, .ano{
width:70%;
margin:0;
padding:0;
}
.dia, .mes{border-bottom: 1px dotted #F0037F;}
	#date div.dia{font-size:14px;}
	#date div.mes{font-size:12px;}
	#date div.ano{font-size:9px;}

.tags{
height:26px;
line-height:15px;
padding-left:35px;
background:#303c40 url(http://jpadron.w3p.com.br/wp-content/themes/julliejoe/img/icon-rel-tag.gif) no-repeat;
}
/***************************************************
 *********************** Busca **************
 *****************************************************/
#search{
background: url(img/bg-busca.gif) no-repeat center;
width:210px;
height:110px;
text-align:left;
}
#search img{margin: 10px 0 0 35px;}
#searchform{
margin:0 0 0 35px;
padding:0 0 5px 0;
}                 
#s {
background: #f0037f url(img/input.gif) repeat-y top;
border: 1px solid #f0037f;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
width: 125px;
height: 17px;
margin: 0 0 5px 0;
}

pre{
margin: 10px auto;
background:#FFFFCC;
border: 1px dashed #FF0099;
padding:8px;
}