/*  
    Theme Name: My Theme
    Theme URI: http://www.retchienavarro.tk
    Description: Customize Theme. 
    Author: choyaks
    Author URI: 
    Version: 1.0 
   General comments/License Statement if any. 
   
 */  
  
  * {
  	padding:0;
	margin:0;
  }
  
  a { color:#ffffff; text-decoration:none; font-weight:bold;}
  
  img {border:0; }


  	
  body {
  	font:100% Verdana, sans-serif;
	background:#050403 url(images/nav_bg.png) repeat-x;
	
  }
  
  .logo {
 	position:relative;
	top:0;
	left:0;
	width:329px;
	height:128px;
	
   }
  
  #containerbg {
  	width:1024px;
	margin:0 auto 0 auto;
	background:url(images/top_bg.jpg) no-repeat;
	height:783px;
  }
  

  #container{
	margin:0 auto 0 auto;
	width:836px;
	color:#FFFFFF;
	position:relative;

  }
  
  /*-------------------------- SEARCH CONTENT ----------------------------*/
  
  #search {
   width:243px;
   position:absolute;
   top:70px;
   right:28px;
  }
  
  
  #search .search_submit {
   background:url(images/search_btn.png) no-repeat;
   width:52px;
   height:16px;
   border:0;
   cursor:pointer;
   padding:0;
   margin:0;
   position:relative;
   top:-2px;
   left:10px;
  }
  
  #search .search_text {
    background:url(images/search_box.png) no-repeat;
 	width:185px;
  	height:34px;
  	border:0;
  	color:#fff;
  	padding:12px 0 0 12px;
  	font:12px Verdana, sans-serif;
  }
  
  
  #search_results h3 {
  	padding:3px;
  }
  
  #search_result {
   font-family:Georgia, "Times New Roman", Times, serif;
  }
  
  /*--------------------------END SEARCH CONTENT ----------------------------*/
  
 
  
  
  /*-------------------------- SEARCH 2 CONTENT ----------------------------*/
  
  #search2 {
   width:243px;
   position:absolute;
   top:80px;
   right:-2px;
  }
  
  
  #search2 .search_submit {
   background:url(images/search_btn.png) no-repeat;
   width:52px;
   height:16px;
   border:0;
   cursor:pointer;
   padding:0;
   margin:0;
   position:relative;
   top:-2px;
   left:-10px;
  }
  
  #search2 .search_text {
    background:url(images/search_box.png) no-repeat;
 	width:185px;
  	height:34px;
  	border:0;
  	color:#fff;
  	padding:12px 0 0 12px;
  	font:12px Verdana, sans-serif;
  }
  
  
  #search_results h3 {
  	padding:3px;
  }
  
  #search_result {
   font-family:Georgia, "Times New Roman", Times, serif;
  }
  
  /*--------------------------END SEARCH CONTENT ----------------------------*/
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
   /*--------------------------NAVIGATION TOP CONTENT ----------------------------*/
  
  	#nav {
		position:absolute;
		top:0px;
		left:325px;
		overflow:hidden;
		
	}
	
  	#nav li {
		list-style:none;
		float:left;
		padding:0px 5px 0 8px;
		background:url(images/nav_sep.jpg) top right no-repeat;
		height:47px;	
	
	}
	
	#nav li a {
		padding-right:10px;
		text-decoration:none;
		font:11px Verdana;
		color:#fff;
		position:relative;
		top:10px;
	
	}
	
	#nav li ul{
		position:absolute;
	}
	
	#nav li ul{
		display:none;
	}
	
	#nav li:hover ul {
		display:block;
	}
	
	#nav li ul li{
		position:relative;
		display:none;
		float:none;
		border-bottom:1px dashed #333;
		border-right:none;
		left:-50px;
		background:#f2f2f2;
		padding:3px 0 3px 10px;
	}
	
	#nav li ul li:hover {
		background:#fff;
	} 
	
	#nav .nobg {
		background:none;
	}
	

  /*--------------------------END NAVIGATION TOP CONTENT ----------------------------*/
  
  
  /*--------------------------NAVIGATION BOTTOM CONTENT ----------------------------*/
  
  	#nav_bottom {
		margin:10px auto 0 auto;
		width:695px;
	}
  	
	
  	#nav_bottom li {
		list-style:none;
		float:left;
		padding:0 0 0 10px;
		border-right:1px solid #f2f2f2;
		height:12px;
		
	}
	
	#nav_bottom li a {
		padding-right:10px;
		text-decoration:none;
		font:11px Verdana;
		color:#fff;
		
	
	}
	
	#nav_bottom li ul{
		position:absolute;
	}
	
	#nav_bottom li ul{
		display:none;
	}
	
	#nav_bottom li:hover ul {
		display:block;
	}
	
	#nav_bottom li ul li{
		position:relative;
		display:none;
		float:none;
		border-bottom:1px dashed #333;
		border-right:none;
		left:-50px;
		background:#f2f2f2;
		padding:3px 0 3px 10px;
	}
	
	#nav_bottom li ul li:hover {
		background:#fff;
	
	} 
	
	#nav_bottom .noborder {
		border-right:none;
		width:0;
	}
	
	/*--------------------------END NAVIGATION BOTTOM CONTENT ----------------------------*/
	
  

  
  
  
  
  /*-------------------------- COLUMN CONTENT ----------------------------*/
  #column {
 	 width:836px;
 	 font:12px Verdana,  sans-serif;
	 margin:30px 0 15px 0;
	 height:inherit;
	 text-align:justify;
	
	
	
  }
  
   
  #col_1 {
 	 float:left;
 	 width:275px;
	 padding:5px;
	 
  }
  
  #col_1_content, #col_2_content  {
  	width:250px;

  }
  
  
  
   #col_1 .top_img, #col_2 .top_img #col_3 .top_img  {
 	 padding-bottom:20px;
  }

	#col_2 .top_img_col_2 {
	padding-top:4px;
	
	}
  
  #col_1 .more {
 	color:#ffffff;
	font:bold 12px Verdana, sans-serif;
	margin:20px 30px 0 0;
  }
  
  
  #col_2 {
 	float:left;
  	width:282px;
	
  }

    
  #col_2 h5 {
  	color:#000;
	font:14px Verdana,  sans-serif;
	margin:15px auto 0 auto;
  }
  
  #col_2 .more {
 	color:#ffffff;
	font:bold 12px Verdana,  sans-serif;
	padding:20px 20px 0 0;
  }
  
   
  
  #col_3 {
 	 margin:0 0 0 272px;
	 padding:5px 10px 5px 5px;
	
	
	
	 
  }
  
  
  .col_3_content {
  	margin:15px 0 15px 15px;	
	
  }
  
  #col_3 h5 {
  	color:#000;
	font:14px Verdana,  sans-serif;
	margin:15px auto 10px auto;
	
  }
  
  #col_3 .img_cont {
	  float:left;
	  padding:10px 10px 10px 0px;
  }
  
  .col_sep {
  	float: right;
	padding-left:25px;
  }
   
  
  
  /*-------------------------- END COLUMN CONTENT ----------------------------*/
  
  
  /*--------------------------FOOTER CONTENT ----------------------------*/
  
  #footer {
  	font:11px Verdana,  sans-serif;
	margin:10px 0 20px 0;
  }
  
 
  .clearer {
  	clear:both;
  }
  
  #footer p {
  	margin:0;
	padding:0;
  }
  
  #footer .copyright {
  margin:5px auto;
  text-align:center
 
  }
  
  
  #single_content {
  	width:500px;
	font:12px Verdana,  sans-serif;
	padding:20px;
	 width:100%
	background:#191814;
	margin:60px 0 120px 0;
  }
  
  	ul#nav_bot ul {
		width:838px;
		background:#CC99FF;
	
	}
  
    #nav_bot li {
		list-style:none;
		float:left;
		display:block;
		width:123px;
		position:relative;
		margin:0;
  }
  
  	#nav_bot li a {
		float:left;
		display:block;
		list-style:none;
	}
	
	#nav_bot .no_pad {
		padding-left:0;
		width:0px;
	
  }
  
  
     /*-------------------------FOOTER END CONTENT ----------------------------*/
  
  
  
   /*--------------------------HOME CONTENT ----------------------------*/
  
  #content {
  	
	width:836px;
	font:12px Verdana, sans-serif;
	line-height:1.2em;
  }
  
  
  #home_content {
/*  	width:500px;
	padding:20px;
	background:url(images/recent_project_bg.png) no-repeat;
	height:304px;
	margin:30px 0 0 0;
	margin-left:-10px;*/
	margin:20px 0 80px 0;
	min-height:200px;
	
	
  }
  
  #home_content .readmore {
  	position:relative;
	left:300px;
	top:200px;
  }
  
  #home_content .img2 {
	float:right;
	padding:0 0 5px 5px;		
  }
  
  #home_content .post {
    width:380px;
	margin:20px 0 0 40px;
	
  }
  
  #home_content #left {
  	float:left;
	width:47%;
	text-align: justify;

  }
  
  #home_content #right {
  	margin:0 0 0 50%;
	text-align: justify;

  }
  
  #home_content #left .text {
  float:right;
  padding:0 0 3px 3px;
  }
  
  /*--------------------------END HOME CONTENT ----------------------------*/
  
  
/*----------------------ABOUT CONTENT----------------------------------------*/
  
  #content_about {
  	min-height:550px;
	width:836px;
	font:12px Verdana,  sans-serif;
	
	
  }
  
  
  #content_about h5{
   color:#ff8000;
   font:12px Verdana,  sans-serif;
   padding:5px 0 5px 0;
  }
  
   
  #about_left {
  	width:25%;
	float:left;	
	display:block;
  }
 
    
  #about_right {
  	margin:0 0 0 28%;
	overflow:hidden;
	
  }
  
  #about_right p {
  	color:#fff;
  }
   
   .box1 {
	position:relative;
	top:15px;
	}
	
	.box2 {
	position:relative;
	top:35px;
	}
	
	 .box3 {
	position:relative;
	top:35px;
	}
	
	 .box4 {
	position:relative;
	top:35px;
	}
	  
  #about_left #box_1 {
    background:#18140b;
	width:204px;
	padding:5px 0 5px 0;

  }
  
  #about_left #box_1 #list li {
    list-style:none;
    padding:10px 5px 10px 25px;
    }
  
  #about_left #box_2 {
    background:#4b3e1c;
	width:184px;
	padding:10px 10px 20px 10px;
	font:13px Verdana,  sans-serif;
	margin:30px 0 0 0;
  }
  	 .subscribe {
	background:url(images/subscribe.png) no-repeat;
	width:117px;
	height:27px;
	text-indent:-9999px;
	position:relative;
	left:-10px;
	}
   
  	  
   #about_left #box_3 {
    background:#ded3b1;
	width:184px;
	padding:0 10px 20px 10px;
	margin:30px 0 0 0;
	font:13px Verdana,  sans-serif;
	
  }
  	
	#about_left #box_3 img {
	position:relative;
	top:10px;
	left:2px;
	
	}
  
  
  
  #about_left #box_3 .rss {
  	background:url(images/shop/rss.jpg) no-repeat;
	width:179px;
	height:37px;
	border:none;
	color:#fff;
	padding:12px 0 0 8px;
  }
  
  
  
  #about_left #box_4 {
    background:#ede1be;
	width:184px;
	padding:30px 10px 30px 10px;
	margin:30px 0 10px 0;
	font:13px Verdana,  sans-serif;
	color:#000000;
  }
 
  
  /*----------------------ARTWORK CONTENT----------------------------------------*/
  
  #content_artwork {
	min-height:470px;
	width:836px;
	font:14px Verdana,  sans-serif;
	position:relative;
  }
  
  
  #artworks_left {
  	float:left;
	width:25%;
  }
  
   #artworks_right {
  	margin:0 0 0 25%;
	overflow:hidden;
  }
  
  #content_artwork {
	overflow: hidden;
	font:9px normal Verdana,  sans-serif;
	color: #fff;
  }
     
   #content_artwork p {
  	padding-bottom:10px;

  }
  
   	#content_artwork #list li {
	list-style:none;
    padding:7px 0 0 15px;
	float:left;
	display:inline;
	height:18px;
	}
	
	#content_artwork #list li .nopad{
	width:0;
	padding:0;
	}
  
  	#content_artwork .nav_active {
	position:relative;
	bottom:4px;
	}

  
  #content_artwork #list li .murals{
	position:relative;
	top:-4px;
	}
	
	#content_artwork #list li .graffiti{
	position:relative;
	top:-4px;
	}
	
	#content_artwork #gallery img {
	margin:30px 0 0 0;
	width:100px;
	height:100px;
	float:left;
	padding-left:35px;	
	}
	
	#content_artwork #gallery li {
	list-style:none;
	}
		
   /* #jgal { list-style: none;  margin-top:460px;  }
	#jgal li { opacity: .5; float: left; display: block; width: 93px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 10px; margin-bottom: 14px; margin-left:10px; }
	#jgal li img { position:absolute; top: 60px; left: 0px; display: none; width:816px; }
	#jgal li.active img { display: block; border:7px solid #231e1a; }
	#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
	
	/* styling without javascript */
	# #gallery { list-style: none; display: block; }
	# #gallery li { float: left; margin: 0 10px 10px 0; }*/
  
  
  /*----------------------SERVICES CONTENT----------------------------------------*/
  
  #content_services{
  	min-height:470px;
	width:836px;
	
	color:#fff;
  }
  
  #services_left {
  	width:470px;
	float:left;
	font:13px Verdana,  sans-serif;
	color:#fff;
  
  }
  
  #services_right {
  	margin:0 0 0 490px;
	font:13px Verdana,  sans-serif;
	color:#fff;
  }
  
  #services_right #contact_form {
  	margin:40px 0 0 0;

  }
  
  #services_right #contact_form label {
  	display:block;
  }
  
   #services_right #contact_form input[type=text] {
  	background:#7d7669;
	font:12px Verdana,  sans-serif;
	border:none;
	padding:10px;
	width:315px;
	margin:10px 0 10px 0;
	color:#FFFFFF;
  }
  
  #services_right #contact_form textarea {
  	padding:3px;
	width:330px;
	height:200px;
	border:none;
	background:#7d7669;
	margin:10px 0 10px 0;
	color:#FFFFFF;
	font:12px Verdana,  sans-serif;
  }
  
  #services_right #contact_form .submit {
   border:none;
   cursor:pointer;
   background:url(images/services/submit.jpg) no-repeat;
   width:111px;
   height:42px;
  }
  
    



 #artworks_left #box_1 img , #box_2 img , #box_3 img , #box_4 img  {
	position:relative;
	top:-40px;
	left:-10px;

 }
 
  #artworks_left #box_1 h3 , #box_2 h3 , #box_3 h3 , #box_4 h3 {
 	 color:#ff8b00;
	 position:relative;
	 top:-20px;
	 font:16px Verdana,  sans-serif
  }
  
  
    #artworks_left #box_1 h5 , #box_2 h5 , #box_3 h5, #box_4 h5 {
 	 font:14px Verdana,  sans-serif;
	 color:#ff8b00;
  }
  
 
  
	  
  #artworks_left #box_1 {
    background:#616048;
	width:184px;
	margin:40px 0 0 0;
	padding:10px 10px 10px 10px;
	font:13px Verdana, sans-serif;
	height:200px;
  }
   
  
  
  
	
	
	
  #artworks_left #box_2 {
    background:#191814;
	width:184px;
	padding:0 10px 30px 10px;
	margin:70px 0 0 0;
	font:13px Verdana,  sans-serif;
  }
      
  
   #artworks_left #box_3 {
    background:#1d170a;
	width:184px;
	padding:0 10px 20px 10px;
	margin:70px 0 0 0;
	font:13px Verdana,  sans-serif;
  }
  
    .rss {
  	background:url(images/shop/rss.jpg) no-repeat;
	width:179px;
	height:37px;
	border:none;
	color:#fff;
	padding:12px 0 0 8px;
  }
  
  
  
  #artworks_left #box_4 {
    background:#20292d;
	width:184px;
	padding:0 10px 30px 10px;
	margin:70px 0 10px 0;
	font:13px Verdana, sans-serif;
  }


	<!------------------------------Single Page------------------------------------->
	
	#content_single {
  	min-height:550px;
	width:836px;
	font:12px Verdana, sans-serif;
  }
  
	#single_left {
		float:left;
		width:15%;
				
	}
	
	#single_right{
		margin:0 0 0 30%;
		font:12px Verdana, sans-serif;
	}
	
	
 #single_left #box_1 img , #box_2 img , #box_3 img , #box_4 img  {
	position:relative;
	top:20px;
	left:-10px;
 }
 
  #single_left #box_1 h3 , #box_2 h3 , #box_3 h3 , #box_4 h3 {
 	 color:#ff8b00;
	 position:relative;
	 top:-20px;
	 font:16px Verdana, sans-serif
  }
  
  
    #single_left #box_1 h5 , #box_2 h5 , #box_3 h5, #box_4 h5 {
 	 font:14px Verdana, sans-serif;
	 color:#ff8b00;
  }
  
 
  
	  
  #single_left #box_1 {
    background:#18140b;
	width:184px;
	margin:0px 0 0 0;
	padding:10px 10px 10px 10px;
	font:13px Verdana, sans-serif;
	height:200px;
  }
  
  
  
  
    #single_left #box_1 #list li {
	list-style:none;
    padding:6px 5px 5px 25px;
	}
	
	
	
  #single_left #box_2 {
    background:#4b3e1c;
	width:184px;
	padding:0 10px 30px 10px;
	margin:35px 0 0 0;
	font:13px Verdana, sans-serif;
  }
      
  
   #single_left #box_3 {
    background:#ded3b1;
	width:184px;
	padding:0 10px 30px 10px;
	margin:35px 0 0 0;
	font:13px Verdana, sans-serif;
  }
  
    #single_left #box_3 img {
  	position:relative;
	left:4px;

  }
  
  
  #single_left #box_3 .rss {
  	background:url(images/shop/rss.jpg) no-repeat;
	width:179px;
	height:37px;
	border:none;
	color:#fff;
	padding:12px 0 0 8px;
  }
  
  
  #single_left #box_4 {
    background:#ede1be;
color:#000;
	width:184px;
	padding:20px 10px 30px 10px;
	margin:35px 0 10px 0;
	font:13px Verdana, sans-serif;
  }
  
    
  	table {
	padding:0px;
    }
  
 
  
  	#form input[type=submit] {
	background:url(images/button.png) no-repeat;
	width:135px;
	height:41px;
	border:none;
	cursor:pointer;
	color:#fff;
	}
	
	#index_bg {
	/*margin-top:50px;
	height:355px;
	background:#191814 repeat-x; */
	}
  	
	
	#s3slider {
   width: 836px; /* important to be same as image width */
   height: 390px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 836px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px Verdana, sans-serif;
   padding: 10px 13px;
	height:60px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
   
   
}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.clear {
	clear: both;
}