﻿@charset "utf-8";

/*  
Theme Name: Xerxenesky
Description: Tema exclusivo.
Author: YokeHost
Author URI: http://yokehost.net
*/



/*------------------------------------------------------------------
Body
*/

* {
        
	margin: 0;
	padding: 0;
	line-height: 20px;
	list-style: none;
	text-decoration: none;
	}
	
body {
	background: #f2f0e9;
	border: none;
	font-family: Verdana, "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 13px;
	color: #3f3f3f;
	}
	
	
img {
	border: none;
	margin: 0;
	padding: 0;
	}

	
a,
a:visited {
	color: #918b75;
	outline: none;
	text-decoration: none;
	}
					
	a:hover {
		color: #782b29;
		text-decoration: none;
		}
		

ul {
	margin: 3px;
	}
					
	ul li {
		background: url(images/list.png) top left repeat-x;
		padding: 0 0 0 12px;
		margin: 0 0 7px 0;
		font-size: 12px;
		}
		
ol {
	list-style-type: decimal;
	}
	
	ol li {
		list-style-type: decimal;
		margin: 0 0 3px 0;
		}
	
	
h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-weight: bold;
	font-size: 19px;
        letter-spacing: 1px;
	color: #5f5f5f;
	}
	
	h2 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
		font-weight: bold;
		font-size: 16px;
		color: #5f5f5f;
                margin: 10px 0 15px 0;
		}
		
		h3 {
			font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
			font-weight: bold;
			font-size: 14px;
			color: #4d4c48;
			}
			
			h4 {
				font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
				font-weight: normal;
				font-size: 13px;
				color: #666561;
				}
				
				h1 a, h2 a, h3 a {
					font-weight: bold;
					}
                       
	
	
input {
	background: #fafbfc;
		border-top: 1px solid #d9d7d0;
		border-left: 1px solid #d9d7d0;
		border-right: 1px solid #e6e5de;
		border-bottom: 1px solid #e6e5de;
 	padding: 5px;
	font-family: Verdana, "Lucida Grande", "Lucida Sans", Arial, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	color: #85858c;
	}
	
textarea {
	background: #fafbfc;
		border-top: 1px solid #d9d7d0;
		border-left: 1px solid #d9d7d0;
		border-right: 1px solid #e6e5de;
		border-bottom: 1px solid #e6e5de;
	padding: 2px;
	font-family: Verdana, "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 11px;
	color: #5f5f5f;
	line-height: 17px;
	overflow: auto;
	}
		
	.submit {
		background: #fafbfc;
			border-top: 1px solid #e6e5de;
			border-left: 1px solid #e6e5de;
			border-right: 1px solid #d9d7d0;
			border-bottom: 1px solid #d9d7d0;
		padding: 3px;
		padding-left: 4px;
		padding-right: 4px;
		font-size: 12px;
		color: #4d4c48;
		cursor: pointer;
		}
		
	.no_input {
		background: none;
		border: none;
		width: auto;
		}
	

	.left {
		float: left;
		}
		
	.right {
		float: right;
		}
	
		.clear {
			clear: both;
			font-size: 1px;
			}
			
	
	.accent {
		color: #ff0060;
		}

		

/*------------------------------------------------------------------
Top
*/
			

#top {
	background: #f2f0e9;
	width: 100%;
	height: 200px;
	margin: 0;
	}
	
	#top .top {
		width: 920px;
		margin: 0 auto;
		padding: 6px 0 0;
		}
		
					
		#top .top .header {
			height: 200px;
			overflow: hidden;
			}
			
			#top .top .header .logo {
				padding: 0 0 0 !important;
				width: 920px;
				float: center;
				}
			
				#top .top .header .logo h1 {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 28px;
					font-weight: bold;
					color: #fff;
					}
					
					#top .top .header .logo h1 a,
					#top .top .header .logo h1 a:visited {
						color: #fff;
						text-decoration: none;
						}
						
					#top .top .header .logo h1 a:hover {
						color: #ff0060;
						text-decoration: none;
						}
					
				#top .top .header .logo span {
					color: #999;
					}
					
			#top .top .header .menu {
				padding: 65px 0 0 !important;
				width: 300px;
				float: right;
				}
				
				#top .top .header .menu ul {
					margin: 13px 0 0;
					padding: 0;
					float: right;
					}
					
					#top .top .header .menu ul li {
						background: none;
						margin: 0 0 0 8px;
						padding: 0;
						float: left;
						}
						
						#top .top .header .menu ul li a,
						#top .top .header .menu ul li a:visited {
							font-family: Arial, Helvetica, sans-serif;
							font-weight: bold;
							font-size: 15px;
							color: #fff;
							padding: 12px 16px 16px;
							display: block;
							text-decoration: none;
							}
							
						#top .top .header .menu ul li a:hover {
							background: #000;
							padding: 12px 16px 16px;
							display: block;
							text-decoration: none;
							}
							
						#top .top .header .menu ul li.current a,
						#top .top .header .menu ul li.current a:visited {
							background: #fff;
							border-bottom: 1px solid #fff;
							color: #444;
							display: block;
							text-decoration: none;
							}
							
						#top .top .header .menu ul li.current a:hover {
							background: #fff;
							border-bottom: 1px solid #fff;
							color: #ff0060;
							display: block;
							text-decoration: none;
							}

		

/*------------------------------------------------------------------
Content
*/

#content {
	background: #f2f0e9;
	width: 100%;
	}
	
	#content .content {
		width: 900px;
		margin: 0 auto;
		padding: 0 10px;
		}
	
	#content .content #main {
		width: 500px;
		float: left;
		margin: 45px 0 26px;
		}
		
		#main .item {
			margin: 0 0 40px;
			}
			
			#main .item .title {
				float: left;
				width: 465px;
				}
			
				#main .item .title h1 {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 20px;
					color: #3f3f3f;
					margin: 0 0 1px;
					}
					
					#main .item .title h1 a,
					#main .item .title h1 a:visited {
						color: #782b29;
						text-decoration: none;
						}
						
					#main .item .title h1 a:hover {
						color: #782b29;
						text-decoration: none;
						}
						
				#main .item .title .date {
					font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
					font-size: 11px;
					color: #8a8a8a;
					}
				
			#main .item .post {
				margin: 16px 0 0;
				}
				
				#main .item .post p {
					line-height: 20px;
					text-align: justify;
					margin: 5px 0 20px;
					}
				  #main .item .post .tags {
					font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
					font-size: 11px;
					color: #8a8a8a;
					}
					
				#main .item .post blockquote {	
					background: url(images/aspas.png) no-repeat;background-position:top left;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 13px;
					color: #656565;
					padding: 0 30px 0;
					margin: 10px 10px 10px 0;
					}
					
					#main .item .post blockquote p {
						padding: 0 0 10px;
                                                margin: 10px 10px;
						line-height: 20px;
						}
						
						
				#main .item .post ul.list {
					margin: 10px 0;
					padding: 0;
					border-top: 1px solid #E4DFCE;
					}
					
					#main .item .post ul.list li {
						background: none;
						margin: 0;
						display: block;
						padding: 7px 6px 8px;
						border-bottom: 1px solid #E4DFCE;
						}
						
						#main .item .post ul.list span {
							font-style: italic;
							color: #999;
							margin: 0 10px 0 0;
							}
								
						#main .item .post ul.list li a,
						#main .item .post ul.list li a:visited {
							font-size: 12px;
							color: #782b29;
							text-decoration: none;
							}
								
						#main .item .post ul.list li a:hover {
							font-size: 12px;
							color: #918b75;
							text-decoration: none;
							}
							
				#main .item .post .input {
					width: 230px;
					}
					
				#main .item .post .more {
					font-size: 15px;
					margin: -5px 0 0;
					}
					
		#main .navi {
			border-top: 2px solid #E4DFCE;
			}
			
			#main .navi .left {
				float: left;
				padding: 20px 0;
				}
				
			#main .navi .right {
				float: right;
				padding: 20px 0;
				}
				
			#main .navi a,
			#main .navi a:visited {
				font-size: 13px;
				color: #777;
				text-decoration: none;
				}
				
			#main .navi a:hover {
				color: #777;
				text-decoration: none;
				}
					
					
					
	#content .content #sidebar {
		width: 330px;
		float: right;
		margin: 45px 0 26px;
		}
		
		#sidebar .item {
			margin: 0 0 20px;
			}
			
			#sidebar .item h2 {
				margin: 0 0 5px;
				}
			
			#sidebar .item .post {
				text-align: justify;
				line-height: 25px;
				color: #5f5f5f;
				padding: 2px;
				}
			
				#sidebar .item .post .tags {
					text-align: justify;
					color: #888;
					}
						
					#sidebar .item .post .tags a,
					#sidebar .item .post .tags a:visited {
						color: #8a9199;
						text-decoration: none;
						}
						
						#sidebar .item .post .tags a:hover {
							color: #8a9199;
							text-decoration: none;
							}
				
				#sidebar .item .post ul {
					margin: 0;
					padding: 0;
					border-top: 1px solid #E4DFCE;
					}
					
					#sidebar .item .post ul li {
						background: none;
						border-bottom: 1px solid #E4DFCE;
						padding: 0;
						margin: 0;
						}
						
						#sidebar .item .post ul li a,
						#sidebar .item .post ul li a:visited {
							display: block;
							color: #782b29;
							padding: 6px 7px 8px;
							text-decoration: none;
							}
							
						#sidebar .item .post ul li a:hover {
							display: block;
							color: #918b75;
							padding: 6px 7px 8px;
							text-decoration: none;
							}
							
							


/*------------------------------------------------------------------
Comments
*/

#comments {
	background: #f2f0e9;
	padding: 30px 0 10px;
	}
	
	#comments .comments {
		width: 500px;
		margin: 0 auto;
		}
		
			
		#comments .comments .comment {
			background: #fff;
			margin: 0 0 20px;
			padding: 20px;
			overflow: hidden;
			display: block;
			}
			
			#comments .comments .comment .gravatar {
				width: 80px;
				height: 80px;
				margin: 0 20px 0 0;
				float: left;
				}
				
				#comments .comments .gravatar img {
					width: 80px;
					height: 80px;
					display: block;
					}
					
			#comments .comments .comment .comment {
				width: 350px;
				float: right;
				text-align: left;
				}
				
				#comments .comments .comment .coment .user {
					font-size: 11px;
					color: #888;
					margin: 0 0 9px;
					}
					
				#comments .comments .comment .coment .post {
					display: block;
					}
					
					#comments .comments .comment .coment .post p {
						text-align: justify;
                        line-height: 20px;
                        margin: 0 0 15px 0;
						}
						
					#comments .comments .comment .coment .post blockquote {
						background: #fbfcba;
						padding: 20px;
						margin: 20px 0;
						display: block;
						}
						
					#comments .comments .comment .coment .post code {
						background: #baeffc;
						padding: 20px;
						margin: 20px 0;
						display: block;
						line-height: 23px;
						}
		
/*------------------------------------------------------------------
Form
*/

#form {
	background: #f2f0e9;
	padding: 10px 0;
	}
	
	#form .form {
		width: 500px;
		margin: 0 auto;
		}
		
		#form .form h1 {
			margin: 0 0 10px;
			}
		
		#form .form .alert {
			background: #f2f0e9;
			padding: 20px;
			font-size: 14px;
			color: #777;
			display: block;
			overflow: hidden;
			}
			
		#form .form .info {
			width: 500px;
			float: left;
			margin: 0 0 0 0;
			}
			
			#form .form .info .high {
				background: #f2f0e9;
				padding: 5px 5px 5px 0;
				font-size: 12px;
				color: #777;
				display: block;
				overflow: hidden;
				}
			
			#form .form .info .low {
				padding: 5px 5px 5px 0;
				font-size: 12px;
				color: #777;
				display: block;
				overflow: hidden;
				}
				
				#form .form .info .high .left,
				#form .form .info .low .left {
					float: left;
					width: 140px;
					padding: 3px 0 2px 2px;
					}
					
				#form .form .info .high .right,
				#form .form .info .low .right {
					float: left;
					}
					
					#form .form .info .high .right .input,
					#form .form .info .low .right .input {
						border-top: 1px solid #cccac2;
						border-left: 1px solid #cccac2;
						border-right: 1px solid #d9d7d0;
						border-bottom: 1px solid #d9d7d0;
						width: 226px;
						}
						
		#form .form .comment {
			width: 400px;
			float: left;
			}
			
			#form .form .comment textarea {
				width: 390px;
				height: 122px;
				padding: 5px;
				font-size: 12px;
				line-height: 19px;
				overflow: auto;
				margin: 0 0 10px;
				}
				



							
		

/*------------------------------------------------------------------
Footer
*/

#footer {
	background: #d4ceb7;
	}
	
	#footer .footer {
		width: 900px;
		margin: 0 auto;
		padding: 30px 0 70px;
		color: #656565;
                font-size: 11px;
		}
		
		#footer .footer .wordpress {
			float: left;
			text-align: left;
			width: 420px;
			}
			
		#footer .footer .copyright {
			float: right;
			text-align: right;
			width: 420px;
			}
			
		#footer .footer a,
		#footer .footer a:visited {
			color: #782b29;
                        font-weight: bold;
			text-decoration: none;
			}
			
		#footer .footer a:hover {
			color: #918b75;
                        font-weight: bold;
			text-decoration: none;
			}
			
						

/*------------------------------------------------------------------
Misc
*/
				
	img.centered,
	img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	
	img.alignright {
		padding: 4px;
		margin: 0 0 2px 14px;
		display: inline;
		}
	
	img.alignleft {
		padding: 4px;
		margin: 0 14px 2px 0;
		display: inline;
		}
	
	.alignright {
		float: right;
		}
	
	.alignleft {
		float: left;
		}

	