/*
Theme Name: Quiksilver Ceremonial 2.0
Theme URI: http://www.quiksilver-ceremonial.cl
Description: Plantilla para Wordpress.
Author: Ariel Cruz Farga.
Author URI: http://www.biodesign.cl


/*-----------Block Level Elements--------------*/

*{
margin:0;
padding:0;
}


Body {
font-family: Arial, Verdana, Tahoma;

text-align:left;
font-size:11px;
color:#ccc;
background: #F8F3CD url(http://www.quiksilver-ceremonial.cl/imagenes/bg.jpg) no-repeat center top;
}


a {
text-decoration:none;
color: #fff;
}

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


p{
font-size:11px;
line-height:15px;
color:#ccc;
padding: 8px 0 0 0;
}


h1 {
font-size:18px;
}


h2 {
font-size: 18px;
color: #fff;
padding: 1px  0 2px 5px;
margin: 0 0 3px -5px;
}

h2 a{
color: #fff;
display:block;
}


h2 a:hover{
text-decoration:none;
}


h3 {
font-size:15px;
padding: 15px 3px 3px 0;
}


h4{ 
font-size:13px;
padding:10px 3px 3px 0;
}


ol{
margin: 3px 0 0 25px;
width:500px;
}

ul{
margin: 3px 0 0 25px;
}

objet{
margin: 0 0 5px 0;
}


.data{
padding:0 0 0 5px;
margin: 0;
font-weight:bold;
}

/*-------------Imágenes------------------*/

img {   
margin: 0;
padding: 0;
border:none;
}

a img{
border:none;
}

a:hover img{
opacity: .7;
}



/*------------contenedor-----------------*/

#contenedor {   
margin: 0 auto;
width: 990px;
padding:0px;
}



   /*>>>>>>>>>>>cabecera<<<<<<<<<<<<<<< */

#cabecera {
height:160px;
width:990px;
margin: 0px 0px 0px 0px;
padding: 0;

}

#cabecera img{
margin:0;
padding:0;
}




/*>>>>>>>>>>>cabecera info<<<<<<<<<<<<<<< */

#info{
height: 150px;
width: 800px;
float:left;
}

#info h1{
text-indent:-9999px;
font-size:60px;
}

#info h2{
text-indent:-9999px;
font-size:60px;
}



   /*>>>>>>>>>>>vabecera<<<<<<<<<<<<<<< */
#menu {
	margin: 0 auto 0 0px;
	background: #000;
	width: 990px;
	height:38px;
	display:block;
	float:left;
	list-style:none;
	border-bottom:3px solid #bf0606;
}

#menu ul{
	padding:0;
	margin: 0;
	list-style:none;

}
#menu ul li{
	list-style:none;
}
#menu .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
}
#menu .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#menu .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#menu a {
	display:block;
	text-decoration:none;
	color:#F8F3CD;
	padding:0 10px;
	line-height:38px;
}
#menu ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#menu ul ul li {
	min-width: 180px;	
}
#menu ul ul ul {
	left:100%;
	top:0;
}
#menu ul ul a {
	background:#333;
	height:auto;
	line-height:1em;
	padding: 8px;
	width: 160px;
}
#menu li:hover > a,
#menu ul ul :hover > a {
	color:#fff;
	background: #666;
}
#menu ul li:hover > ul {
	display:block;
}
#menu ul li.current_page_item > a,
#menu ul li.current-menu-ancestor > a,
#menu ul li.current-menu-item > a,
#menu ul li.current-menu-parent > a {
	color: #fff;
	background: #fa0000 url(http://www.quiksilver-ceremonial.cl/wp-content/themes/quiksilver/images/bg-boton.jpg) center;
}

* html #menu ul li.current_page_item a,
* html #menu ul li.current-menu-ancestor a,
* html #menu ul li.current-menu-item a,
* html #menu ul li.current-menu-parent a,
* html #menu ul li a:hover {
	color:#fff;
	background: #fa0000 url(http://www.quiksilver-ceremonial.cl/wp-content/themes/quiksilver/images/bg-boton.jpg) center;
}





#share-nav{
	height: 30px;
	width:200px;
	float: right;
	padding:0px;
	margin:0px;
}


#share-nav img{
	height: 30px;
	width:30px;
	padding:5px 0px 0px 4px;
	margin:0px;
	float:right;
}


/*>>>>>>>>>>>status<<<<<<<<<<<<<<< */


#status{
	width:990px;
	height:42px;
	padding:5px 0px 5px 0;
	margin:0px;
	background:#fff;
	border-bottom: 2px solid #999;
	color:#000;
}


#status-nav{
	padding:10px 15px 10px 15px;
	margin:0px;
	height:22px;
	border-right: 1px solid #ccc;
	float:left;
}

/*>>>>>>>>>>>cuerpo<<<<<<<<<<<<<<< */


#cuerpo{
margin: 0px auto 10px;
width:990px;
padding:0px;
background:#000;
}

                      /*>>>>>>>>>>>live<<<<<<<<<<<<<<< */

#live{
width: 990px;
padding: 0px;
margin: 0px;
}

#live img{
padding: 0px;
margin: 0px;
}

#live p{
padding: 0px;
margin: 0px;
}


                      /*>>>>>>>>>>>centro<<<<<<<<<<<<<<< */

#centro{
float:left;
width: 610px;
padding: 5px 0 0 10px;
margin: 0px 0px 0px 0px;
}

                      /*>>>>>>>>>>>live<<<<<<<<<<<<<<< */

#live{
float:left;
width: 640px;
padding: 0px;
margin: 0px;
}



          /*>>>>>>>>>>>POST<<<<<<<<<<<<<<< */

#post {
margin: 0 0 15px 0;
padding: 5px 0 0px 5px;
border-bottom:1px dotted #666;
width:610px;
}


cabeza{
	border-bottom:1px solid #f1f1f1;
	width:630px;
	padding:0px;
	margin:0px;
	
}

#tit{
	float:left;
	width:400px;	
}


#share{
margin: 0px;
padding: 0px;
height:20px;
color:#999;
width:200px;
float:right;
}

#share .social{
padding:0px;
margin:0px;
width:100px;
height:25px;
float:right;
}


#data-others{
margin: 3px;
padding: 3px;
border-top:1px solid #333;
}

 /*>>>>>>>>>>>side-live<<<<<<<<<<<<<<< */


#side-live{
    margin: 0px;
    padding: 0px;
	float:right;
	width:344px;
}

 /*>>>>>>>>>>>sidebar<<<<<<<<<<<<<<< */


#sidebar{
    margin: 0px 5px 0px;
    padding: 0px;
	float:right;
	width:340px;
}


#sidebar img{
    margin: 0px;
    padding: 0px;
	float:left;
}
#sidebar a img{
    margin: 0px;
    padding: 0px;
}


#sidebar ul{
    margin: 0;
    padding: 0;
	list-style:none
}


#sidebar ul li{
    margin: 0;
    padding: 0;
	list-style:none;
	color:#ccc;
}

#sidebar ul li h2{

    margin: 20px 0 0 0;
    padding: 5px 0 5px 0;
	list-style:none;
	font-size:13px;
}



#sidebar ul li ul{
    margin: 0;
    padding: 0;
	list-style:none;
}



#sidebar ul li ul li{
    margin: 0;
    padding: 2px 0 3px 5px;
	list-style:none;
}



/*-------------search------------------*/

#buscador{
margin:0;
padding:0;
}


#s{
width: 170px;
margin: 15px 0;
padding: 5px 0 5px 8px;
border: 1px solid #ccc !important;
-moz-border-radius: 4px !important;
-khtml-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
border-radius: 4px !important;
font-size:13px;
background:#fff;
}

/*>>>>>>>>>>>pie<<<<<<<<<<<<<<< */

#pie {
margin:auto 0 0 0;
padding:0 0 10px 0;
width: 100%;
text-align: center;
background:#000;
}


#pie p{
margin: 0;
padding: 10px;      
font-size: 11px;
}



/*-------------post search-------------*/
.postsearch p{
	padding:5px;
}


.postsearch h2{
   padding:5px 0 5px 10px;
   display:block;  
}

.postsearch h2 a{
	padding:5px 0 5px 10px;
	display: block;
}

.postsearch h3{
	padding:5px 10px 10px 15px;
}

/*-------------El Postsearch-------------*/



.postmetadata{
 padding: 0 0 10px 10px;
}

/*--------------post search--------------*/



.postsearch {
margin: 0 5px 5px 0;
border-bottom: 1px dotted #ccc;
}



.postsearch h2{
padding: 10px 0px 20px 30px;
}


/*-------------Other------------------*/



small {
font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
font-size:9px;
padding: 0 0 0 3px;
color:#666;
}



.limpia {
clear: both;
visibility: hidden;
}





/*--------------Comentarios--------------*/

#commentform {
padding: 0 0 10px 10px;
}


.avatar{
padding: 5px 3px 3px 5px;
}


#commentform textarea{
width: 520px;
margin: 5px 0 5px 0px;
}

#comentarios {
}	

#commentblock {
padding: 0;
width:550px;
}


#commentblock h2{
padding: 5px;
margin:0;

}


#commentblock img{
float:left;
margin:0;
margin: 0 5px 0 0;
}	

#commentblock li{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-size: 15px;
}


#commentblock ol{
margin: 0;
padding: 0;
}

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

#commentblock h4{
margin: 0;
padding: 0;
font-size:12px;
font-weight:bold;
}	

.commentdate {
padding-left: 0px;
}

#commentlist li p{
margin-bottom: 0;
}


.commentname {
padding: 5px 5px 5px 0px;
}



.commentinfo{
clear: both;
}



.commenttext {
clear: both;
margin: 3px 0px 10px 0px;
padding: 15px 0px 7px 0px;
width: 550px;
background: #595959 url(images/comment.jpg) no-repeat top left;
}

.commenttext p{
padding: 3px 7px 7px 7px;
}


.commenttext-admin {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
}



#commentsformheader{
padding-left: 0px;
}



#commentform{
background: #595959;
border: 1px !important;
-moz-border-radius: 4px !important;
-khtml-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
border-radius: 4px !important;}


.titlecommentform{
padding: 2px 0 0 10px;
}



#commentsform form{
text-align: left;
}


#commentsform p{
margin: 0px;
}


#commentsform form textarea{
width: 99%;
}

p.comments_link  img{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}



/*-------------ask-----------------*/


#askblock {
padding: 0;
width:550px;

}


#askblock h2{
padding: 5px;
margin:0;

}


#askblock img{
float:left;
margin:7px 7px 0px 7px;
}	

#askblock li{
margin: 0px 0px 0px 25px;
padding: 0px 0px 10px 0px;
font-size: 15px;
}


#askblock ol{
margin: 0;
padding: 0;
}

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

#askblock h4{
margin: 0;
padding: 0;
font-size:12px;
font-weight:bold;
color:#000000;
}	


.asktext {
margin: 3px 0px 10px -25px;
padding: 5px 0px 0 0px;
background: #e9e9e9;
width: 550px;
}

.asktext p{

padding: 3px 7px 7px 7px;
}

#invisible{
text-indent:-9999px;
display:none;
height:0px;
}



#surfer{
width:170px;
height:300px;
padding:0px 3px 0;
margin:0pc;
float:left;
}

#streaming{
background:#222;
margin:0 -5px 5px -5px;
padding:5px;
border:1px solid #333;
-moz-border-radius: 5px !important;
-khtml-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
border-radius: 5px !important;
}


#ad{
	margin: -10px 0 0 -10px;
	padding:0px;
}








/*------------slider-----------------*/

					  				  
#slider	 .floatLeft 									{ float: left; margin-right: 10px;}
#slider	 .floatRight									{ float: right; }
#slider	 .clear 										{ clear: both; }
#slider	 a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 620px; margin: 5px 0px; padding: 0px; position: relative; min-height: 435px; background: #666;
											   }


/*
	TYPOGRAPHY
*/
#slider	 ul											{ list-style: square inside; }
#slider	 a, a:visited								{ color: #729dff; text-decoration: none; }
#slider	 a:hover, a:active							{ color: white; }
#slider	 blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 620px; position: absolute; margin: 0px; padding: 0px;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 620px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 620px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
 #movers-row{ width:620px;}
 #slide-thum{ margin:14px 2px 0px 10px; padding:5px; background: #F8F3CD; float:left;
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(http://www.quiksilver-ceremonial.cl/wp-content/themes/quiksilver/slider/images/icon-uparrowsmallwhite.png) top center no-repeat; }