/*
THEME NAME: Sanjinez
THEME URI: http://deartistas.com/
DESCRIPTION: Fotofolio, blog, videoblog
VERSION: 1.0
AUTHOR: Arte Sitio
AUTHOR URI: http://www.artesitio.com
*/

/* GLOBAL RESET ---------------------------- */

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: bold; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

img { vertical-align: bottom;}

:focus { outline: 0; }




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


html {
background: #473427;
scrolbar-track-color: #CCCCCC; 
scrollbar-3dlight-color: #999999; 
scrollbar-arrow-color: #999999#000000; 
scrollbar-darkshadow-color: #003300; 
scrollbar-face-color: #B8AD80; 
scrollbar-highlight-color: #a0a0a0; 
scrollbar-shadow-color: #333333; 
scrollbar-track-color: #CCCCCC;
}


body { background: #473427; font: 12px "Arial", Helvetica Neue, Helvetica, sans-serif; color: #000; font-weight: normal; line-height: 18px;  

}


p { margin-bottom: 1em; }
em { font-style: italic; }
strong { font-weight: bold; }
a { color: #333; text-decoration: none;  font-weight: bold;}
a:hover { color: #FF8000; border-color: #111111; }
	#right-column a { border-bottom: 0px solid #E85E03; }
	 #right-column a:hover { border-color: #E85E03; }

h2 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; color: #E85E03; margin-bottom: 5px; }
h3 { font: 14px Helvetica, Arial, sans-serif; font-weight: normal; color: #7a7a7a; }
	h3 a { color: #FFF; text-decoration: none; }

blockquote p { border-top: 1px solid #B8AD80; border-bottom: 1px solid #B8AD80; background: #ffffff; padding: 15px 20px; margin: 10px 0 10px 10px; color: #555555; font-weight: bold;}

ul, ol { margin-bottom: 10px; }	
	ul li { background: url(images/main-bullet.gif) no-repeat 0.2em 0.2em; padding-left: 21px; margin-bottom: 3px; }
	ol li	{ list-style-type: decimal; list-style-position: inside; }
		ul li ul,  ol li ol { margin: 0; }
			ol li ol li { margin-left: 21px; }



/* IMAGE ALIGNMENT STYLES ---------------------------- */

.alignleft { float: left; margin: 0 10px 5px 0; }	 
.alignright { float: right; margin: 0 0 5px 10px; }	 
.aligncenter { margin: 0 auto 0px auto; display: block; }


	/* HEADER ---------------------------- */

	#header { width: 795px; height: 120px; padding: 105px 0 0px 0; margin: 0 auto; }
	
		h1 a { background: url(images/logo2.jpg) no-repeat 0 0; width: 190px; height: 83px; margin-top: 25px; display: block; text-indent: -9999px; float: left; }
		
	
	
		/* TOP NAV ---------------------------- */
		
		#top-nav { margin: 88px 0 0 0; float: right; }
			#top-nav li { float: left; margin: 0 0 0 20px; padding: 0; background: none; font: 12px "Arial narrow"; font-weight: normal; text-transform: uppercase; }
				#top-nav li a { display: block; color: #A2937B; border-bottom: 0px dashed #B8AD80; text-decoration: none; font-weight: normal; font: 12px "Arial narrow";}
				 #top-nav li a:hover { color: #A1551C; border-color: #A1551C; font-weight: normal; }
				 
				 
				 
	/* CONTENT ---------------------------- */
	
	#content { width: 795px; margin: 0 auto; background: #B8AD80 url(images/pantallazo-fondo.jpg) no-repeat; padding: 0px;}

	#content-index { width: 795px; margin: 0 auto; background: #000; margin-bottom: 10px;}

	 .content-single { padding: 0px 0 0 0; }


	 #content-page { padding: 10px 15px; width: 765px; margin: 0 auto; background: #DED1AB;}
				 
				 
				 
		/* HOMEPAGE ---------------------------- */	
			/* LATEST PHOTO ---------------------------- */	
			
		
			#latest-photo { width: 460px; float: left; position: relative; }
				#latest-photo h2 { display: block; text-indent: -9999px; width: 460px; height: 37px; background: #333; margin: 0 0 20px 0; }
				
				#latest-photo-wrapper { width: 460px; }
				

					#latest-photo-title { position: absolute; top: 10px; left: 10px; z-index: 100; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); padding: 6px; }
					
					.featured-video-title { float: right; margin: 8px 0 0 0; }
		
		
		
			/* LATEST PHOTOS ---------------------------- */		
			
			h2#heading-recent-photos { display: block; text-indent: -9999px; width: 460px; height: 37px; float: right; background: #333; margin: 0 0 20px 0; }			
				
			#recent-photos { width: 210px; float: left; padding-left: 40px; }
				.recent-photo { width: 210px; float: left; margin-bottom: 40px; }
				.photo-thumb-wrapper { float: left; width: 210px; }
					photo-thumb-wrapper img { }
				
				.home-thumb-bottom { margin-bottom: 0; }
		
		
		
			/* LATEST PHOTOS 2 ---------------------------- */				

			#recent-photos-2 { width: 210px; float: right; }








#fullsize-link-news { position: absolute; top: 10px; right: 10px; z-index: 100; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); padding: 6px; }
				#fullsize-link-news img { width: 19px; height: 17px; }	




		/* POST FOTOS ---------------------------- */
		
		#left-column-fotos { 
width: 605px; float: left; padding: 10px;
height : 210px;
	

}
		
			#image-wrapper { position: relative;  width: 35px; height: 35px; border: 2px solid #fff; float: left; margin:5px; }	
				
			#fullsize-link { position: absolute; top: 5px; right: 5px; z-index: 100; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); padding: 6px; }

				#fullsize-link img { width: 19px; height: 17px; }		
	
#right-column-fotos { width: 160px; float: right; background: #A6906B; padding: 5px; height: 220px;}
			


/* POST NEWS-BLOG---------------------------- */

#left-column-news { width: 500px; float: left; background: #DED1AB; padding: 10px; width: 210px;}

		#right-column-news { width: 250px; float: right; background: #C5BB96;}

			#image-wrapper-news { position: relative;  width: 240px; height: 190px; border: 5px solid #C5BB96; }	



.entry-content { position: relative; height : 200px;
padding-right: 5px;
overflow : auto;}


	.entry-meta { font: 10px Arial; margin: 10px 0 0 0; }
				.entry-meta span { font-size: 10px; color: #7a7a7a; }





/* POST VIDEO---------------------------- */
#left-column-videos { width: 400px; float: left; background: #DED1AB; padding: 0px;}

#right-column-videos { width: 350px; float: right;}
		

				#video-wrapper {background: #C5BB96; width: 330px; padding: 10px;

height : 150px;
overflow : auto; }

		
			



			/* COMMENTS ---------------------------- */	
			
			#comments { width: 460px; float: right; }
			
				#comments-list { margin: 40px 0 0 0; }
				
				ol.comment-list { margin: 10px 0 0 0;  }
				ol.comment-list li { color: #eee; background: #1d1d1d; border: 1px solid #242424; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; list-style: none; list-style-position: outside; padding: 10px; margin: 0 0 20px 0; position: relative; }
				ol.comment-list li div.comment-info { 
width: 100%;
 margin-bottom: 10px; }
				ol.comment-list li div.comment-avatar { float: left; width: 50px; }
				ol.comment-list li div.comment-avatar img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #2a2a2a; padding: 4px; }
				ol.comment-list li div.comment-author { font-weight: bold; color: #7A7A7A; float: left; }
				ol.comment-list li div.comment-meta { font-size: 90%; color: #3f3f3f; float: right; }
				ol.comment-list li div.comment-content { float: right; width: 370px; }
				
				#right-column ol.comment-list li div.comment-content a { border-color: #242424; }



			/* COMMENTS FORM ---------------------------- */	
			
			#respond .formcontainer { margin: 20px 0 0 0; }
			#respond .formcontainer .form-label { float: left; width: 100px; margin: 5px 0 0 0; }
			#respond .formcontainer .comment-form-label { margin: 0 0 5px 0; }
			#respond .formcontainer .form-input input { width: 344px; float: right; margin-bottom: 20px; padding: 6px 7px; color: #ccc; background: #1d1d1d; border: 1px solid #242424; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 100% Arial, sans-serif; }
			#respond .formcontainer .form-textarea textarea { width: 446px; color: #ccc; background: #1d1d1d; border: 1px solid #242424; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px; font: 100%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 15px; }			
			#respond .formcontainer #submit	{ width:auto; float: right; padding: 6px 7px; color: #FFF; border: 1px solid #059de3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background: #018ECF; cursor: pointer; font: 100%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; }
			


		/* ------------------ ARCHIVES -------- */	
		
		.archives-wrapper { margin: 20px 0 0 0; }		
		
		    .archives-wrapper .recent-photo { width: 210px; height: 124px; overflow: hidden; float: left; margin: 0 40px 40px 0; }
		    	.archives-wrapper .thumb-last-on-row { margin-right: 0; }
	
		    #nav-below { margin: 20px 0 0 0; }
		    .navigation { width: 100%; clear: both; float: left; }
		        .nav-previous a { display: block; float: left; background: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px 10px; text-decoration: none; border: none; }
		        .nav-next a { display: block; float: right; background: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px 10px; text-decoration: none; border: none; }
	


	/* FOOTER ---------------------------- */		
	
	#footer { width: 795px; margin: 0 auto; color: #A1551C; font-weight: normal; font: 11px "Arial"; text-transform: none; }
	
		#footer p { padding: 17px 0 0 0; float: left; }
		
		#bottom-nav { margin: 17px 0 0 0; float: right; }
			#bottom-nav li { float: left; margin: 0 0 0 16px; padding: 0; background: none; text-transform: lowercase; }
			 #bottom-nav li a { color: #888; text-decoration: none; border-bottom: 1px solid #888; }
			  #bottom-nav li a:hover { color: #eee; border-bottom: 1px solid #eee; }
	
	

/* P.I.E. FLOAT CLEARING ---------------------------- */

.clearfix:after { content: " "; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; }
.clearfix { display: block; }