/*
=========================================================
Tema: Turma da Mônica
Author: Lecca Pontes
URL: http://www.templatesbylecca.blogspot.com
Site da imagem: www.turmadamonicajovem.com.br
URL: http://www.creaturesinmyhead.com/

Ajuda em códigos por: URL: http://www.pannasmontata-templates.net

========================================================= */


/* ---------------------------------
 STYLE
--------------------------------- */


body {
background: url(http://templatesbylecca.googlepages.com/fds-monica.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
padding: 0;
margin: 0;
}

#box {
width: 750px;
background-image: url('http://templatesbylecca.googlepages.com/table-monica.gif');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#head {
background: transparent url(http://templatesbylecca.googlepages.com/topo-lecca.gif) top center repeat-x;
height: 240px;
}

#menuBox {
width: 200px;
float: right;
background-color:transparent;
text-align: left;
margin-right: 15px;
} 

#boxBlog {
width: 500px;
margin-top: 5px;
margin-left: 15px;
background-color: transparent;
}

#footer {
background: url(http://templatesbylecca.googlepages.com/footer-monica.gif);
background-position: bottom;
width: 750px;
height:134px;
clear: both;
text-align: center;
}

#footercolumns {padding:2em 0 0 10%; 
margin-top:-15px;
}

#footercolumns .block {

float:left; width:30%;
margin:0 0 0 2.5%; 
text-align:left;}
#footercolumns .first, * html #footercolumns .first{
clear:both; 
margin:0; 
text-align:justify;}

/* ---------------------------------
LINKS STYLE
--------------------------------- */

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

a:hover {
color: #C734A3;
text-decoration: underline;
}

a img {border: 0px;}

#blogtitle a:link, #blogtitle a:visited {
color: #808080;
text-decoration: none;
}

#blogtitle a:hover {
color: #FF51A8;
text-decoration: none;
}

.post h3 a:link, .post h3 a:visited{
color: #FF80C0;
text-decoration: none;
}

.post h3 a:hover{
color: #808080;
text-decoration: none;
}


/* ---------------------------------
LISTS STYLE
--------------------------------- */

.post ul {
list-style-image: url(http://nea.ngi.it/templates/img/87-list.gif);
margin: 5px 0px 5px 25px;
padding-left: 2px;
}

.post li {
background: transparent;
padding: 0px;
}


.boxmenu ul {
list-style-image: url(http://templatesbylecca.googlepages.com/sidebar_icon.gif);
margin: 5px 0px 5px 15px;
padding-left: 2px;
}

.boxmenu li {
background: transparent;
padding: 0px;
}

/* ---------------------------------
VARIOUS
--------------------------------- */

input,textarea {
background-color: #fff;
color: #FF8CC9;
border: 1px solid #FFCEE8;
margin: 2px 0px;
}

blockquote {
background-color: transparent;
padding: 10px;
font-style: oblique;
margin-left: 10%;
margin-right: 10%;
}

.center {text-align: center;}


/* ---------------------------------
BLOG TITLE STYLE
--------------------------------- */

#blogtitle {
font-family:'Century Gothic', Sans-serif;
font-size: 2.30em;
font-weight: bold;
text-align: left;
text-decoration: none;
padding: 20px 0px 0px 240px;
}

#blogdescription {
font-family:'Century Gothic', Sans-serif;
font-size: 1em;
letter-spacing: 1px;
color: #c80c1b;
text-align: left;
margin: 5px 0px 0px 240px;
}


/* ---------------------------------
MENU STYLE
--------------------------------- */

#sidebar_sx {
display: inline;
width: 190px;
float: left;
background-color: transparent;
text-align: left;
border-left: 0px solid #FFCEE8;
}

#sidebar_dx {
display: inline;
float: left;
width: 150px;
margin-left: 10px;
background-color: transparent;
text-align: left;
border-left: 1px solid #FFCEE8;
}
#sidebar_dx li {
padding: 0 0 4px 17px;
background: url(http://templatesbylecca.googlepages.com/sidebar_icon.gif) no-repeat 0 10px;
}


.boxmenu {
margin: 0px 0px 10px 0px;
text-align: left;
padding: 0px 5px 5px 5px;
background-color: transparent;
font-size: 11px;
line-height: 1.2;
color:#808080;
}

.boxmenu h3 {
background: #FFE8F3 url() bottom repeat-x;
font-family:'tahoma', Sans-serif;
color: #DC6EC1;
letter-spacing: 1px;
font-size: 12px;
margin: 5px 0px 5px 0px;
padding: 1px 0px;
text-transform: uppercase;
text-align: center;  
}

/* ---------------------------------
POST STYLE
--------------------------------- */

.post {
margin: 0px 15px 15px 10px;
padding: 5px;
}

.single {
margin-left: 72px;
padding: 0px 0px 0px 5px;
}

.box{
float: left;
width: 70px;
padding-right: 3px;
font-size: 11px;
}

.post h3 {
font-family:'Century Gothic', Sans-serif;
border-bottom: 1px solid #808080;
color: #c80c1b;
font-size: 1em;
margin: 0px;
padding: 2px 3px;
text-transform: uppercase;
text-align: left;
}

.data {
color: #666666;
font-size: 11px;
text-align: left;
margin-bottom: 10px;
}
.datebox {
background: #fff url(http://templatesbylecca.googlepages.com/data-monica.gif) bottom no-repeat;
width:53px;
height: 68px;
}

.datepost{
color: #999999;
text-transform: none;
font-weight: normal;
text-align: center;
padding: 5px;
}

.text {
color: #666666;
font-size: 11px;
text-align: justify; 
margin: 0px; 
line-height: 1.1;   
clear: none; 
}

/* ---------------------------------
FOOTER STYLE
--------------------------------- */

#credits {
font-size: 0.75em;
text-align: center;
margin-top: -10px;
color:  #808080;
}

/* ---------------------------------
COMMENTS STYLE
--------------------------------- */

h3#comments {
font-family:'Century Gothic', Sans-serif;
border-bottom: 1px solid #cccccc;
color: #c80c1b;
font-size: 11px;
margin: 20px 0px 0px 0px;
padding: 2px 3px;
text-transform: uppercase;
text-align: left;
}

.data-comments {
font-family:'Century Gothic', Sans-serif;
color: #c80c1b;
font-size: 11px;
margin: 0px;
padding: 2px 3px;
text-transform: uppercase;
text-align: left;
}

.author {
text-align: left;
color: #666666;
font-size: 11px;
}

.comment-body{
color: #666666;
font-size: 11px;
text-align: justify; 
margin: 0px 0px 10px 0px; 
padding-bottom: 5px;
line-height: 1.1;
border-bottom: 1px solid #cccccc;
}

.home {
        float: right;
}
/*-----------MENU ABAIXO LINKS DO MENU DE BAIXO--------------------*/
h2 {
	border-bottom: #FCDDE5 solid 1px;
	color: #FF409F;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h2 a, h2 a:visited, h2 a:hover{
	color: #FF409F;
	text-decoration: none;
}

h3 {
	color: #808080;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h4 {
	border-bottom: #FFA8D3 dotted 1px;
	color: #808080;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
}

#sidebar ul {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
font-size: 11px;
line-height: 14px;
}

#sidebar li {
padding: 0 0 4px 17px;
background: url(http://templatesbylecca.googlepages.com/sidebar_icon.gif) no-repeat 0 10px;
border-bottom: 1px dotted #C0C0C0;

}

  /*------------flickr-------------------*/
#flickr {
padding: 0px; 
padding-left: 15px; 
margin: 0px; 
border: 0;}
#flickr a img {
width:40px;
height:40px;
border: 3px #C1CCA4 solid; 
padding: 3px; 
margin: 6px 3px 0px;}
#flickr a:hover img {
border: 3px #D26EC3 solid;
}
/* ************************************** M E N U **************************************** */


#navigation {
  height:40px;  
  line-height:40px;
  background: #FFDFEF;
  width: 720px;
  margin-left: 18px;
  font-family: Tahoma;
  font-size: 11px;
  margin-top:-7px;
}

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

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid;
  white-space:nowrap;
  border-color: #fff;
}

#navigation li a {
  display:block;
  padding:0 15px;
  font-size:0.8em;
  text-transform:uppercase;
  letter-spacing:1px;
}

* html #navigation a {
 width:1%;
 }

#navigation a {
  color: #808080;
  font-weight: bolder;
  }

#navigation .selected,
#navigation a:hover
  {
  background-color: #FAEAF1;
  color: #FF82C0;
  text-decoration: none;
  border-bottom: 0px;
  font-weight: bolder;
  }