/*  

Theme Name: Spirit

Theme URI: http://www.styledepartment.com

Description: This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like but just leave the links in the footer.

Version: 0.1

Author: Jay

Author URI: http://www.styledepartment.com



	The CSS, XHTML and design is released under Creative Commons Attribution-Share Alike 3.0 License:

	http://creativecommons.org/licenses/by-sa/3.0/

  */

  

  

/*--------- Colors ------------*/



body {

	background:url(images/gfx_01.jpg) 0 5px repeat-x #fcfcfc;

	color:#444;

}



a {color: #7e0030;}

a:visited {color:#390f1f;}

a:hover {color: #777;}

a:active { color:#777;}



#container {

}



#content {

	min-height:600px;

	padding: 0 10px;

	margin: 0;

}





#footer {



}



.markblack {

	color:#000000;

}



.markgrey {

	color:#777;

}



.markred {

	color:#7e0030;

}





/*--------------- Rest --------------*/



body {

	font-size: 12px;

	font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;

	padding:0;

	margin:0;

}



h1 {

	font-size: 28px; 

	font-weight: normal;

	padding:10px 0 5px 0;

	margin:0;

 }



h2 {

	font-size: 28px;

	font-weight: normal;

	padding:10px 0 5px 0;

	line-height:26px;

	font-family:Georgia, "Times New Roman", Times, serif;

	margin:0;

}



h2 a{

	color:#7e0030;

	text-decoration:none;

}



h3 {

	font-size: 16px;

	padding:10px 0 5px 0;

	margin:0;

}









/* ---------- container -------------- */

#container {

	width: 990px;

	margin: 0 auto;

	padding: 0;

}



#main {

	padding:0;

	margin:0;

	width:100%;

	background:url(images/gfx_17.jpg) 0 0 repeat-y;

}



#main #tophead{

	background:url(images/gfx_11.jpg) 0 0 no-repeat;

	height:10px;

}



#main #foot{

	background:url(images/gfx_22.jpg) 0 0 no-repeat;

	height:10px;

}





/* ---------- header -------------- */

#header {

	background:url(images/banner_04.gif) 0 0  no-repeat;

	padding:42px 0px 0px 650px;

	height:90px;

}

#headerj {

	background:url(images/logo_jewels.gif) 0 0  no-repeat;

	padding:42px 0px 0px 650px;

	height:90px;

}



#headerimg {

	font:16px Georgia, "Times New Roman", Times, serif;

	color:#DFDFDF;

	text-decoration:none;

	line-height:18px;

}



#headerimg .ads{

	float:left;

}



.description {

	color:#CCCCCC;

}



/* ---------- vertical navi -------------- */

#mainnavi {

	margin: 0 0 18px 0;

	padding: 1px 0 0 25px;

}



#mainnavi li a{

	text-decoration:none;

	padding: 7px 30px 4px 22px;

	color:#FFFFFF;

	background:url(images/gfx_06.jpg) 100% 0 no-repeat;

}



#mainnavi li a:hover{

	color:#7e0030;

}



#mainnavi li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

		

#mainnavi ul {

	margin: 0px;

	padding: 5px 10px 5px 10px;

	}

		



/* ----------------- content --------------------- */



#middle {

	vertical-align:top;

	width:600px;

	padding: 17px 13px 20px 30px;

}



#content {

	min-height:600px;

	padding: 0 10px;

	margin: 0;

}



p, pre {

	padding: 10px;

	margin:0;

}



.entry {

	line-height:17px;

	width:550px;

	overflow:hidden;

}



.entry h2 {

	font-size:18px;

	margin-top:0px;

	padding-top:4px;

}



.entry img {

	padding:3px 8px 3px 5px;

}



.entry img {

	border:none;

}



.podPress_content {

	background-color:#f0f5fd;

}



.postmetadata {

	font-size:9px;

}



.alignleft {

float:left;

}



.alignright {

float:right;

}



/* -------------- sidebars ------------- */



.leftsm {

	height:0px;

}



.rightsm {

	height:0px;

}



.sidebar {

	vertical-align:top;

}



.sidebar  ul{

	padding:0 0 0 10px;

	margin:0;

}



.sidebar  ul li{

	list-style-type:none;

	padding-bottom:5px;

}



.sidebar  ul li ul{

	padding:0 0 0 15px;

}



.sidebar ul li ul li{

	list-style-type:square;

}





/* -------------- sideright ------------- */



#rightmenu {

	vertical-align:top;

	width:305px;

	padding:10px 40px 10px 25px;

}



#rightmenu h2{

	font-size: 14px;

	font-weight: bold;

	padding:10px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	margin:0;

}



#rightmenu h2 a{

	color:#b01201;

}



.commentss {

	line-height:17px;

	margin-bottom:5px;

}



/* -------------- comments ------------- */



.textareawidth {

	width:98%;

}



/* ----------- footer --------------------------- */

#footer {

	clear: both;

	padding: 0;

	margin: 0;

	margin: 0;

	text-align:center;

}





/* ----------- sd import --------------------------- */



#date_display {

	width:45px;

	float:left;

	border-right:1px solid #D1D1D1;

	text-align:center;

	margin-right:8px;

	padding-right:4px;

	padding-bottom:5px;



}

#date_display .date {

	color: #05a27f;

	font-size:32px;

	letter-spacing:-1px;

	margin-bottom:-4px;

	

}



#date_display .month {

	color: #a6d825;

	font-size:16px;

	font-weight: 400;

	letter-spacing:-1px;

	margin-bottom:-6px;

	text-transform: uppercase;	

	

}



#jtitle h2{

	line-height:20px;

	margin-top:0px;

}



#jtitle a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 25px;

	color: #1C1C1C;

	letter-spacing:-1px;

	text-decoration: none;

}



#jtitle a:hover {

	color: #FFFFFF;

	background:#333333;



}



.mata {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

	text-decoration: none;

	letter-spacing:1px;

	clear:right;

	margin-top:4px;

	margin-bottom:2px;

	padding-left:6px;



}





.mata a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

	text-decoration: none;

}



.mata a:hover {

	

	color: #1FBACB;

	text-decoration: none;

}



.commentslink {

	padding: 2px 0 2px 20px;

	background: url('images/comment.png') left center no-repeat;

	margin-left: 5px;

	}





/* ----------- ciao box --------------------------- */	

	

.bannerContainer{

	clear:both;

	width:140px;

}

.banner_bgtop{

	background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);

    background-position:left bottom;

	float:left;

	padding:0px 0px 0px 5px;

	margin:0;

	height:51px;

	width:140px;

	-moz-box-sizing: border-box;	

	

}

.banner_bgtop span{

	background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);

	background-position:right bottom;

	width:140px;

	height:51px;

	float:left;

	padding:0px 0px 0px 5px;

	text-align:center;

	-moz-box-sizing: border-box;	

}

*html .banner_bgtop span{

	background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);

	background-position:right bottom;

	width:140px;

	height:51px;

	float:left;

	padding:0px 0px 0px 0px;

	text-align:center;

	-moz-box-sizing: border-box;	

}

.banner_bgtop a img{

	align:center;	

}

.banner_bgtop a.linksCiaoTop{

	background: none;

	background:transparent!important;

	background-image:none!important;

	margin:0!important;

	padding:0px 10px 0px 0px!important;

	text-decoration:none!important;

	border:0!important;	

}

.banner_bgmiddle{

	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);

	background-position:left top;

	float:left;

	padding:0px 0px 0px 5px;

	margin:0;

	width:140px;

	-moz-box-sizing: border-box;	

}

.banner_bgmiddle span{

	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);

	background-position:right top;

	float:left;

	padding:0px 0px 0px 5px;

	font-family:arial,"helvetica, sans-serif";

	font-size:11px;

	font-weight:bold;

	color:#000000;

	text-decoration:none;

	width:140px;

	-moz-box-sizing: border-box;		

}

*html .banner_bgmiddle span{

	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);

	background-position:right top;

	float:left;

	padding:0px 0px 0px 0px;

	font-family:arial,"helvetica, sans-serif";

	font-size:11px;

	color:#000000;

	text-decoration:none;

	width:140px;	

}

.banner_bgmiddle a.arrowCiao{

	background:transparent url(http://images.ciao.com/ide/images/box/arrow.gif) no-repeat 0px 5px!important;	

	font:11px arial!important;

	color:#ff7c00!important;

	margin:0!important;

	padding:0px 0px 0px 10px!important;

	text-decoration:underline!important;

	display:block!important;

	text-align:left!important;

	border:0!important;	

}

.banner_bgmiddle form.busqueda{

	margin:0px;

	padding:0px;

}

.banner_bgmiddle span  input.search{

	background:url(http://images.ciao.com/ide/images/box/form_80x25.gif) no-repeat;

	font:10px arial;

	border:0px solid #ff0000;

	float:left;

	width:80px;

	height:25px;

	margin:0px 1px 0px 0px;

	padding:5px 0px 0px 0px;

	vertical-align:middle;

	text-align:center;

}

.banner_bgmiddle input.go{

	margin:2px 0px 0px 5px;

	width:20px;

	height:20px;

	display:inline;

	float:clear;

	border:0;

}

.banner_bgbottom{

	background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);

	background-position:left bottom;

	float:left;

	padding:0px 0px 0px 5px;

	margin:0;

	color:#000000;

	height:51px;

	width:140px;

	-moz-box-sizing: border-box;	

}

.banner_bgbottom span{

	background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);

	background-position:right bottom;

	float:left;

	padding:0px 0px 0px 5px;

	font:22px bold;

	color:#000000;

	height:51px;

	width:140px;

	-moz-box-sizing: border-box;	

}

*html .banner_bgbottom span{

	background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);

	background-position:right bottom;

	float:left;

	padding:0px 0px 0px 0px;

	font:22px bold;

	color:#000000;

	height:51px;

	width:140px;

	-moz-box-sizing: border-box;	

}

.banner_bgbottom a.linksCiaoBottom{

	background: none;

	background:transparent!important;

	background-image:none!important;

	margin:0!important;

	padding:0px 0px 0px 10px!important;

	text-decoration:none!important;

	display:block!important;	

	border:0!important;	

}

.banner_bgbottom div.footnoteCiao {

	margin: 5px 0px 0px 0px;

	padding:0px 5px 0px 0px;

	font: 9px arial;

	color: #7b7b7b;

	text-align: center;

}

.banner_bgbottom div.logo{

	margin:0px 0px 0px 0px;

	padding:0px 5px 0px 0px;

	text-align:center;

}