/*  
Theme Name: Charmmy Kitty Valentines br (2010)
Theme URI: http://www.sanriotown.com.br
Description: Charmmy Kitty Valentines br(2010)
Version: 1.0
Author: www.sanriotown.com.br
Author URI: http://www.sanriotown.com.br
*/


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{  
	margin: 0;
	padding: 0;	
	}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #5d3907
	}

body {
	font-size: 12px; 
	font-family: 'Tahoma','Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #5ef3c76;
	background: url(images/bg_curtain.jpg) repeat-x top;
	background-color: #fcdfec;
	}

#page 	{
		border: 1px solid #959596;
		text-align: left;
		}
		
a img	{ 
		border: 0; 
		}
				
		a:link 	{
				text-decoration: none; 
				color:#f04a80;
				}
		
		a:visited {	
				  color: #b85754;
				  text-decoration: none;
				  }
		  
		a:hover {
				color:#f04a80;
				text-decoration: underline;
				}
				
		a:active 	{ 
					color:#f04a80;
					text-decoration: none;
					}
							
ul li	{
		list-style-type:none;
		}

.post	{ /* CONTROLS THE LEFT MARGIN OF POSTS */
		margin-left:30px;
		}

#header	{
		width: 1040px; 
		height: 400px; 
		margin: auto; 
		background: url(images/bg_header.gif) no-repeat center top;
		}
			
#blog-name	{ /* CONTROLS THE FONT PROPERTIES OF THE BLOG TITLE, URL, and DESCRIPTION */
			width: 590px;
			height: auto;
			margin: 0 auto;
			padding: 310px 0 0 0;
			}
			
						#blog-name .name	{
											width: 590px;
											font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
											text-align:center;
											}
											
						#blog-name .name a	{
											color: #ef3c76;
											font-weight: bold;
											font-size:18px;
											text-decoration: none;
											}
			
						#blog-name .info	{
											text-align:left;
											font-size:13px;
											font-family: "Trebuchet MS", Arial, Tahoma, verdana;
											font-weight : normal;
											color:#ef3c76;
											text-align: center;
											}
			
						#blog-name .info a	{
											color: #b19617;
											}

#blog-name-page	{ /* CONTROLS THE FONT PROPERTIES OF THE BLOG TITLE, URL, and DESCRIPTION in PAGE.PHP*/
				width: 550px;
				height: 80px;
				position: relative;
				}
			
			#blog-image-background-page   {
										   width: 532px;
										   height: 72px;
										   padding-top: 11px;
										   background-image: url(images/bg_blogtitle.gif);
										   background-repeat: no-repeat;
										   background-position: center;
										   position: absolute;
										   top: 0px;
										   left: 13px;
										   } 			
			
			#blog-name-page .name	{
									text-align:left;
									font-size:14px;
									font-weight: bold;
									width:100%;
									font-family: "Trebuchet MS", Arial, Tahoma, verdana;
									text-align: center;
									}
								
			#blog-name-page .name a	{
									color: #5d3907;
									text-decoration: none;
									}

			#blog-name-page .info	{
									text-align:left;
									font-size:12px;
									font-family: "Trebuchet MS", Arial, Tahoma, verdana;
									font-weight : normal;
									color:#604d86;
									text-align: center;
									}

			#blog-name-page .info a	{
									color: #900;
									}
										   
#corpus	{ /* CONTROLS THE CENTER IMAGE FOR PAGES SECTION */
		width: 1040px;
		margin: auto;
		background-repeat: repeat-y;
		background-image:url(images/bg01.gif);
		background-position: center;
		}

#left	{ /* ALL ELEMENT PROPERTIES OF THE LEFT COLUMN */
		width:178px; 
		height:340px; 
		float:left;
		position: relative;
		background-image: url(images/bg_calendar.gif);
		background-repeat: no-repeat;
		padding-right: 20px;
		}

		#left .info	{
					width:178px; 
					text-align:center;
					margin-top:10px;
					color:#fff;
					}
					
		#left .times	{ /* CALENDAR */
						height:225px;
						width: 177px;
						position: absolute;
						top: 6px;
						left: 20px;
						}
						
		#left .times ul	{
						margin:0px;
						padding: 15px 15px 0 5px;
						}	

		#left .times table caption	{
									color: #892e4b;
									font-size: 14px;
									font-weight: bold;
									padding: 0 0 7px 0;
									text-transform: uppercase;
									text-align: center;
									font-family: "Trebuchet MS", Arial, Tahoma, verdana;
									}
															
		
		#left .times table tr td	{
									color: #795846;
									padding: 2px;
									}

		#left .times table tr 	{
								padding: 0px;
								margin: 0px;
								font-size: 12px;
								line-height: 15px;
								text-align: center;
								color: #892e4b;
								font-family: "Trebuchet MS", Arial, Tahoma, verdana;
								}

		#left .times table tr a {
								color: #900;
								font-weight: bold;
								}

		#left #prev a	{
						color:#900;
						font-weight: bold;
						}

		#left #next a	{
						color:#900;
						font-weight: bold;
						}

		#left #prev		{
						text-align:left;
						font-weight: bold;
						}
						
		.archive_drop {
					  padding: 75px 0 0 0;
					  position: absolute;
					  top: 195px;
					  left: 20px;
					  }						

.widecolumn		{ /* !IMPORTANT : THIS IS FOR THE COMMENT INTERFACE, PAGE, and SEARCH RESULT */
				width: 530px;
				float: left;
				padding: 0px 40px 30px 20px; 
				margin-left:11px;
				}	
				
				.widecolumn img {
								max-width: 580px;
								width: expression(this.width > 580 ? 580: true);
								}

.widecolumn-page	{ /* !IMPORTANT : THIS IS FOR THE COMMENT INTERFACE, PAGE, and SEARCH RESULT */
				width:530px;
				float:left;
				padding:10px 40px 30px 20px; 
				margin-left:11px;
				}	


#center	{/* ALL ELEMENT PROPERTIES OF THE CENTER COLUMN or MAIN COLUMN */
		width:631px;
		float:left; 
		}
		
		#center .center-content { 
								width:620px;
								overflow:none;
								}
								
								#center .center-content img {
														    max-width: 580px;
															height: auto;
															width: expression(this.width > 580 ? 580: true);
															}	    

/* SEARCH BOX AREA PROPERTIES */
						
			#searchsubmit	{
							height:25px;
							width:60px;
							margin-left:28px;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							}		
							
							.searchbackground {
											  width: 175px;
											  background: url(images/search_text.gif) no-repeat top left;
											  padding: 15px 0 0 3px;
											  }
								
#corpus .center-content .text 	{ 
								padding:8px 0px;
								font-size: 12px;
								color:#666;
								letter-spacing: .07em;
								line-height:16px;
								font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
								width: 555px;
								}
								
.entry	{
		padding:6px 0px;
		letter-spacing: .07em;
		line-height:16px; 
		padding-right:0px;
		width: 555px;
		}
		
.entry p	{
			margin: 0 0 10px 0;
			width: 555px;
			}
			
.entry img	{
			margin:2px 12px 12px 0;
			}
			
			.entry table {
						 width: auto;
						 }

 /* POST TITLE and PROPERTIES#corpus .center-content */
.tabtitle {
		  height: 80px;
		  width: 553px;
		  }	
		  
.postinfo	{ /* DATE OF POST, <month> <dd>, <yyyy> by <username> */
			width: 83px;
			height: 59px;
			padding: 17px 0 0 0;
			color: #b85754;
			font-size:14px;
			font-weight:bold; 
			float: left;
			background: url(images/date.gif) no-repeat; 
			font-family: Arial, 'Trebuchet MS', Tahoma, verdana; 
			text-align: center;
			}
									
.title_entry	{
				float: left;
				width: 450px;
				height: 66px;
				padding: 10px 10px 0 10px;
				text-decoration: none;
				color: #7b7b7b;
				}
			
				.title_entry a	{
								font-size:14px;
								text-decoration: none; 
								font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
								color:#f04a80;
								} 		  	
								
.title_entry_page {
				  width: 570px;
				  height: 30px;
				  }
										
 /* INFO FOUND MOSTLY IN COMMENTS/REPLY FORM, E.G. "This entry was posted on..."  */
.postmetadata 	{
				text-align: center;
				color: #666;
				font-size: 12px;
				}
				
				.postmetadata img	{
									margin:0;
									}
									
				.postmetadata a:link	{
										color:#b19617;
										}
										
				.postmetadata a:active	{
										color:#b19617;
										}
										
				.postmetadata a:hover	{
										color: #947e17;
										text-decoration: underline;
										}
										
				.postmetadata a:visited	{
										color:#796710;
										}
										
/* THIS IS FOUND AFTER EACH POST, E.G. Posted in <Uncategorized>, 4 Comments >> */  
.postmetadatas 	{ 
				color:#987247;		
				height: auto;	
				max-width: 500px;
				width: expression(this.width > 500 ? 500: true);
				padding-left: 90px;
				margin: 0 auto 10px auto;
				}

				.postmetadatas a:link	{
										color:#b19617;
										}
				
				.postmetadatas a:active	{
										color:#b19617;
										}
				
				.postmetadatas a:hover	{
										color: #947e17;
										text-decoration: underline;
										}
				
				.postmetadatas a:visited	{
											color:#796710;
											}
											
				.postmetadatas img	{
											margin: 0;
											height: 30px;
											width: 60px;
											}											

form#commentform input {
					   margin:4px 0;
					   }
					   
textarea#comment{
			    width:538px;
				height:120px;
				}
				
form#commentform input#submit{
							 float:right;
							 margin-right:20px;
							 }
							 
.browse {
		padding-left:46px;
		}

/* RIGHT COLUMN LINKS */
.obar	{ 
		margin: 0px;
		padding-right: 5px;
		float: right;
		width: 178px; 
		font-style: normal; !important
		}
			
		.obar h2 {
				 padding: 11px 0 11px 5px;
				 font-style: normal;
				 font-family: "Trebuchet MS", Arial, Tahoma, verdana;
				 background-image: url(images/bg_heart.gif);
				 background-position: bottom left;
				 background-repeat: no-repeat;
				 }
				  
		.obar ul li h2	{ /* LINK CAT TITLES */
						font-size: 12px;
						font-weight: bold;
						line-height: 16px;
					    color: #b85754;
						margin:3px 0;
						padding-left: 35px;
						text-transform: uppercase;
						}		
								  
		.obar ul	{
					margin: 0 0 8px 0;
					padding: 0px;
					list-style: none;
					white-space: normal; 
					word-break: break-all;
					overflow: auto !important;
					overflow: none;	
					}
					
		.obar li {
				 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;					
				 }
				 
		
		.obar ul li	{ 
					margin: 0px;			
					}
										
		.obar ul li ul li	{	
							margin: 2px 0px;	
							padding-left: 5px;
							color: #b85754;
							font-size: 12px;	
							}
						
		.obar ul li.linkcat ul li	{/* EDIT BLOG ROLL */
									list-style: none;
									margin: 5px 0;
									}
									
		.obar ul li.linkcat ul li img	{ 
										vertical-align: middle;
										max-width: 130px; 
										width: expression(this.width >130 && this.height < this.width ? 130: true);
										margin: 2px 0; 								
										}
		
		.obar li a 	{ 
					color:#b85754;	
					font-style: normal;
					}
					
		.obar li a:hover { 
						 color:#6c4510;
						 }
		
		.obar li a:visited  {
							color: #900;
							}
							
		.obar .feeds li { /* CONTROLS THE FEED LIST STYLE */
				  list-style: none;
				  list-style-position: outside;
				  }
				  
				  .feeds li a {
				  		 		color: #b85754;
								vertical-align: top;
								}
				  
		.blogroll li { /* CONTROLS THE BLOG ROLL STYLE */
					  list-style: none;
					  list-style-position: outside;
					  }
					  
					  .blogroll a {
					  			  border: none;
								  list-style: none;
								  color: #b85754;
								  } 			   
						 
		.children ul li {
						font-size: 11px; 
						}
						
		.children li a 	{
						color:#b85754;	
						}
						
		.children li a:hover { 
							 color:#6c4510;
							 }

		h3#respond , h3#comments	{
									font-size:14px;
									color: #666;
									line-height: 18px;
									}


/*PAGE ABOUT*/

.wrapper {
		 width:590px;
		 float:left; 
		 overflow-x: hidden; 
		 overflow:-y: hidden;
		 }
		 
.about-title {
			 font-size:18px;
			 font-weight:bold;
			 padding:10px 10px 10px 10px;
			 color:#34B936;
			 }
			 
.about-title a {
			   color:#34B936;
			   }
			   
.wrapper input { 
			   border:1px solid #CCCCCC;
			   margin:3px 0px;
			   }

.narrowcolumnwrapper	{
						width: 590px;
						float: left;
						}
						
						.narrowcolumnwrapper img {
												 max-width: 590px;
												 width: expression(this.width > 590 ? 590: true);
												 }						
.clear	{
		clear:both;
		height:0px;
		}
		
/* FOOTER LINK PROPERTIES */
#footer	{
		width: 1040px;
		height: 316px;
		margin:auto;
		margin-top:0px;
		background:url(images/bg_footer.gif) no-repeat center;
		}

#footer p {
		  color: #3f3b3c; !important
		  font-size: 11px;
		  }		

		#footer a 	{
				   	color: #b19617; 
				   	text-decoration: underline;
				  	}

a.footerlink:link    { 
					 font-family: 'Tahoma','Lucida Grande', Verdana, Arial, Sans-Serif;
					 font-size: 11px;
					 text-decoration: none;
					 color: #b19617;
					 }

					a.footerlink:visited {
										 font-family: 'Tahoma','Lucida Grande', Verdana, Arial, Sans-Serif;
										 font-size: 11px;
										 text-decoration: none;
										 color: #b19617;
										 }
										 
					a.footerlink:hover   {
										 font-family: 'Tahoma','Lucida Grande', Verdana, Arial, Sans-Serif;
										 font-size: 11px;
										 text-decoration: none;
										 color: #b19617;
										 }
										 
					a.footerlink:active  {
										 font-family: 'Tahoma','Lucida Grande', Verdana, Arial, Sans-Serif;
										 font-size: 11px;
										 text-decoration: none;
										 color: #b19617;
										 }
			



/* CHANGES THE BACKGROUND PROPERTIES OF COMMENT NOTES and VISITOR RESPONSE NOTES see comment.php */
.alt 	{ 
		margin:12px 0;
		padding: 8px;
		background-color: #fcdfec;
		color:#7d7d7d;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}
		small {
			  font-family: Arial, Helvetica, Sans-Serif;
			  font-size: 0.9em;
			  line-height: 1.5em; 
			  color: #7d7d7d;
			  }

.navigation {
			width: 580px;
			height: 35px;
			padding-bottom: 10px;
			}

	.alignleft	{
				float:left; 
				color: #b19617;
				padding: 12px 25px 12px 0;
				}
				
	.alignleft a {
				 color: #b19617;
				background: url(images/prev.gif) no-repeat left;
				padding: 12px 0 12px 25px;
				height: 50px;
				 }
				 
	.alignleft a:hover  {
						color: #C60;
						}
						 
	.alignright	{
				float:right; 
				color: #b19617;	
				padding: 12px 25px 12px 0;		
				}
				
	.alignright a 	{
					color: #b19617;
					background: url(images/next.gif) no-repeat right;
					padding: 12px 25px 12px 0;
					}
					
	.alignright a:hover	{
						color: #C60;
						}