/*  
Theme Name: karting
Description: Tema para karting Castroponce por <a href="http://www.solserpiente.net" title="Karting">solserpiente</a> bajo licencia Creative Commons.
Version: 1.0
Theme based on The "DailyPress" WordPress theme built by <a href="http://www.blogohblog.com" title="Free WordPress Themes">Blog Oh! Blog</a> and comes under a Creative Commons License.
Karting Author: Tony Solserpiente
Karting Author URI: http://www.solserpiente.net
*/

/*++++++ BODY ++++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { background:#e7e5de url(images/bkg.gif) repeat-x; font:12px Verdana, Arial, Helvetica, sans-serif; color:#333; }

/*++++++ HYPERLINKS ++++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
a { color:#333;}
a:hover { text-decoration:underline;}


/*++++++ MAIN ++++++++*/
#wrapper { width: 1000px; margin:auto; }
#kart_header {
background: transparent url(images/top_kart.png) no-repeat bottom left;
position: absolute;
right: 0;
height: 142px;
width: 240px;
z-index: 0;
}
#main {	width: 1000px; margin:30px auto 10px; }
#left { float: left; width: 570px; background: url(images/rightbg.gif) repeat-y right; }
#left_galerias, #left_foro, #left_search { float: left; width: 100%; }
.title_search { font: bold 18px Georgia, "Times New Roman", Times, serif; color:#333; padding:5px 0 15px 0; text-transform: uppercase; }
#left_clasificaciones {float: left; width: 100%; background: url(images/clasificaciones.gif) no-repeat top right; /*margin-bottom: 200px;*/} 
#right { float: right; width: 420px; }

/*++++++ HEADER ++++++++*/
#header { height: 117px; width: 1000px; }
#logo { width: 500px; float:left;}
#logo h1{ text-indent:-10000px;}
#logo h1 a{ display:block; background: url(images/logo.gif) no-repeat; height:110px; outline:none; /*margin-top:10px;*/}

/*++++++ SEARCH ++++++++*/
#searchbox { float:left; width: 220px; height: 24px; background: url(images/s.gif) no-repeat; margin:80px 0 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 120px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 6px 8px 0 0; width:12px; height:13px;  }


/*++++++ NAV ++++++++*/
#nav { width:1000px; height:33px;}
#nav ul{font-size: 11px;}
#nav ul li{ float:left; margin: 0 6px 0 0; height: 33px; overflow: hidden; display: inline; line-height:33px;}
#nav ul li a {display: block; color:#292929; padding:0 8px 0 8px; font-weight:bold; text-transform:uppercase; }
#nav ul li a:hover {color:#FFF; text-decoration: none; background-color: #23282D;}
#nav ul li.current_page_item, #nav div.menu ul li.current_page { background: url(images/navright-a.gif) no-repeat right; }
#nav ul li.current_page_item a, #nav div.menu ul li.current_page a { background: url(images/navleft-a.gif) no-repeat left; color:#fff; }

#nav ul li.current_page_item a:hover, #nav div.menu ul li.current_page a:hover {color:#000; }


/*css dropdown menu*/


/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000 url(images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#000 url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#000 url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#000;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}
/* style third level hidden */
.menu ul ul li ul {
display:none
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
div.menu ul ul {visibility:hidden;position:absolute; width:auto; background-color: #23282D; z-index:1; margin-top: 118px;}
div.menu ul ul li {float: none !important; margin: 0; padding:0;}
/* another hack for IE5.5 */
html div.menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:relative; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#23282D; text-transform: none !important; color:#fff !important; height:auto; line-height:1em; padding:8px 10px !important; width:auto; border-top: 1px dotted #ccc; font-size: 11px; /*font-weight: normal !important;*/}
.menu ul ul a:hover, .menu ul li.current_page ul a:hover {background-color: #A2A4A5 !important; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

div.menu ul li.current_page_item ul, div.menu ul li.current_page ul

  {
	background-image:none !important;
	background-color: #23282D !important;
  }
div.menu ul li.current_page_item ul  a, div.menu ul li.current_page ul  a {
background-image:none !important;
	background-color: #23282D !important;}

div.menu ul li.current_parent ul li.current_page a {
background-image:none !important;
background-color: #A2A4A5 !important;
}
div.menu ul li.current_parent ul li.current_page a:hover {
color:#000 !important;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*++++++ MISC ++++++++*/
.clear { clear:both; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
img { border:none;}

/*++++++ ENTRY ++++++++*/
#content { width: 570px;}
#content_clasificaciones .post, #content_search{ width: 800px;}
#content_galerias {width:100%; background: #E7E5DE url(images/bg_karting.gif) no-repeat 50px bottom !important; z-index:35 }
#content_foro {width:100%; }

.entry { width: 550px; line-height:140%; margin-bottom:20px; }
.entry_galerias, .entry_foro, .entry_search {width: 100%; line-height:140%; margin-bottom:20px;}
.entry p { padding-bottom:10px;}
.entry h2.sectionhead { font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/dot-h.gif) repeat-x bottom; padding-bottom:10px;}
.entry h2, .entry_galerias h2, .entry_foro h2{ font: bold 16px Georgia, "Times New Roman", Times, serif; color:#333; padding:5px 0 5px 0; text-transform: uppercase;}
.entry_search h2 {font: bold 16px Georgia, "Times New Roman", Times, serif; color:#333; padding:5px 0 5px 0; }

.entry h2 a, .entry_galerias h2 a, .entry_foro h2 a, .entry_search h2 a { color:#000; text-decoration: underline; }
.entry h2 a:hover, .entry_galerias h2 a:hover, .entry_foro h2 a:hover, .entry_search h2 a:hover { text-decoration: none; }
.entry img {margin:0 10px 10px 10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li, .entry_search ul li { background: transparent url(images/arrow_collapse.gif) no-repeat 0 4px; padding-left: 16px; }
.entry ul.instal {margin-bottom: 20px;}
.entry ul.instal li {font-size: 14px; margin-top: 12px; padding-left: 18px;}
.entry a, .entry_search a {
color: #666;
text-decoration: underline;
}
.entry a:hover, .entry_galerias a:hover, .entry_foro a:hover, .post a:hover, .entry_search a:hover  {
color: #000;
text-decoration: none;
}
.entry ol {
padding: 10px 0;
}
.entry ol li {list-style-type: decimal; list-style-position: inside; padding: 5px 10px 0 10px; }
.entry p.postinfo { background:url(images/entryline.gif) repeat-x bottom; font-size:10px; padding-bottom:10px; margin-bottom:20px; }
.entry p.postinfo span.upper { text-transform:uppercase;}
.entry p.postinfo span.category { background:url(images/category.gif) no-repeat; padding-left:20px;}
.entry p.postinfo span.comment { background:url(images/comment.gif) no-repeat; padding-left:20px;}
.post {margin-bottom:15px;}
.page p.postinfo {
padding:0;
height: 5px;
}
.navigation { width: 550px; font-size:11px; text-transform:uppercase; margin-top:20px;}
.navigation span.older { background:url(images/older.gif) no-repeat right; padding-right:25px; }
.navigation span.newer { background:url(images/newer.gif) no-repeat left; padding-left:25px; }
.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:540px;}
.socials a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}

/*++++++ SIDEBAR ++++++++*/
#sads { width:424px; font-size:10px; text-transform:uppercase; text-align:left; background:#eeedea; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px;}
#sads_inst { width:400px; font-size:10px; text-transform:uppercase; text-align:left; background:#eeedea; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px;}
#sads ul {}
#sads ul li { float:left; padding:0;}
#sads ul li.last { float:left; padding:0px; }
#sads ul li img {
margin: 4px;

}
#sads ul li a img
{border: 2px solid #a19f99;
display:block;}

#sads ul li a:hover img
{border: 2px solid #23282D;
filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

}

#sads p, #sads_inst p {line-height: 18px; text-align: right; padding-right: 3px;}
#sads a { color:#5e5d5a;}
#tab { width:400px; background:#eeedea; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px;}
#sidebar { width:400px; padding-left:10px;}
#sidebar h2 { font-size:12px; margin-bottom:10px; color: #000000; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar ul{ margin:10px auto 20px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; background:url(images/bullet.gif) no-repeat 0 2px; padding-left:18px; margin-bottom:6px; padding-bottom:5px;border-bottom:1px dotted #dadada;font-size:11px;}
.sleft { float:left; width:180px; background:url(images/dot-v.gif) repeat-y right; padding-right:10px; }
.sright { float:right; width:198px; padding-left:10px; }

/*+++++++ CALENDAR +++++++*/
#calendar #calendar_wrap #wp-calendar { width: 100%; }
#calendar #calendar_wrap #wp-calendar caption { text-align:left; border-bottom:1px solid #dadada; padding-bottom:5px; }
#calendar #calendar_wrap #wp-calendar th { text-align:left; font-weight:bold; padding-top:5px; }
#calendar #calendar_wrap #wp-calendar td{ text-align:left; }

/*+++++++ COMMENTS +++++++*/
#c { float:left; width:225px;}
#cc { float:right; width:304px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #email { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #url { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px;}
#commentform #comment { border:1px solid #bbb9b2; height:200px; width:290px; background:#f5f5f3; padding-left:5px;}
.commentlist cite { background:#f5f5f3; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}
.postmetadata { background:#f9f9f9; padding:10px; border:1px solid #bbb9b2;}
.ccomment { width: 550px; line-height:140%; margin-bottom:20px; }
.ccomment ol {}
.ccomment ol li { background:#e7e5de; padding:5px;}
.ccomment ol li.alt { background:#efeee8; padding:5px;}

/*++++++ FOOTER ++++++++*/
#footer { width:100%; background:transparent url(images/rueda.gif) repeat-x; height:35px; line-height:35px; }
.footer { width:1000px; margin:auto; color:#fff; background:url(images/logofoo.png) no-repeat right; height: 35px;}
.footer img {
margin-top:8px;
cursor:pointer;
}
.footer a { color:#e7e5de;}
.footer a:hover { color:#99cc33;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/**************** Gallery *********************/
.slideshow {
width: auto !important;
border: none !important;
padding-bottom: 20px;
background:url(images/entryline.gif) repeat-x bottom !important;
margin-bottom: 0 !important;
float:right;
margin-left: -50px;
}
.slideshow-thumbnails a{
background-color: #23282D !important;
}
.slideshow-thumbnails{
height: 400px !important;/*the height of your show, or area of thumbs*/
left: 0 !important;
top: 0 !important;
width: 340px !important;/*the width of the thumb area*/
background: url(images/rightbg.gif) repeat-y right !important;
margin-top: 10px;
padding-right: 10px;
}
.slideshow-thumbnails ul {

background:url(images/entryline.gif) repeat-x top !important;
height: 10000px !important;/*more than the total height of all your thumbs*/
width: 340px !important;/*width of your thumbs with link padding etc.*/
position: absolute !important;
padding-top: 10px !important;
}



.slideshow-thumbnails a{
background-color: #23282D !important;

}
.slideshow-thumbnails a:hover {
	background: #FFF !important;
}


.slideshow-thumbnails img{
width: 150px !important;
height: 110px !important;

}





.slideshow-images {
margin: -40px 0 0 364px !important;
/*background: url(images/rightbg.gif) repeat-y left;*/
border: 1px solid #d6d4cd;
width: 420px !important;
height: 340px !important;

}
.slideshow-images img{
width: auto !important;
height: auto !important;
top: 10px !important;
left: 10px !important;
}

.slideshow-thumbnails .overlay.b, .slideshow-thumbnails .overlay.a,
.slideshow-thumbnails .thumbframe {
	background: none !important ;
	}
	
.slideshow-controller {

	left: 570px !important;
}
.slideshow-captions {
	bottom: 84px !important;
	left: 364px !important;;
	width: 422px !important;	
	line-height: 35px !important;
	height: 35px !important;
}
/*foro*/

#right th, #right td, #right tr {
padding: 2px;
background: none;
color: #000;
}
#post-18 th a {
color: #fff !important;}
#post-18 td a{
background-color: none !important;
padding:0 !important;
}
.wpf-meta td {
width: auto !important;
}
#post-18 table textarea {

width: 450px !important;

}
#post-18 table a{
text-decoration: underline;
color: #666;
}
#post-18 table a:hover{
text-decoration: none;
color: #000;
}
td.maintab_back, td.mirrortab_back {
line-height: 28px;

}
#upshrinkHeader2 .wpf-bright div {
text-align: left;
padding:10px;
float: left;

}
#upshrinkHeader2 th.wpf-bright  {
border-top: none !important;
background: none !important;
}

/*Contact Form*/
.wpcf7 p {
line-height: 25px !important;
padding: 5px 15px 0 15px !important;
}

.asunto input, .mensaje textarea, .nombre input, .nombre-mecanico input {
width: 500px !important;
}
.wpcf7 img{
float:left !important;
margin: 0 8px !important;
}
.captcha-963 input, .captcha-587 input {
width: 130px;
margin: 5px 0 15px 0;
}

/*botones formularios*/
.btn1, .btn2 {
margin-top: 15px;
display: block;
background: transparent url(images/button.gif) no-repeat center left !important;
border: none !important;
height: 25px;
line-height: 20px;
width: 60px;
color: #fff;
text-align: center;
cursor: pointer;
 }
.btn1:hover, .btn2:hover {
background: transparent url(images/button2.gif) no-repeat center left !important;
}

/*buscar*/
#busqueda {
background-color: #BBB9B2;
padding: 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #000;

}
#searchsubmit {
margin-top: 15px;
display: block;
background: transparent url(images/searchbutton.gif) no-repeat center left !important;
border: none !important;
height: 25px;
line-height: 20px;
width: 60px;
color: #fff;
text-align: center;
cursor: pointer;
}
#searchsubmit:hover {
background: transparent url(images/searchbutton2.gif) no-repeat center left !important;
}

.widget_search #s
{
width: 170px;
}


/*tablas*/
.post table, #event-calendar table{
font-size: 12px;
}
table.zebra {width: 100%; margin-top:  20px;}
table.alquiler {width: 100%; margin: 0 0 20px 0 !important;}
.highlight      { background:#FFF; }
.even         { background:#EEEDEA; }
.mo         { background:#fff; }
.odd         { background:#EFEFEF; }
.zebra th      { padding:6px 10px; background:#23282D; border-bottom:1px solid #999; text-align:center; font-weight:bold; }
.zebra td      { padding:6px 10px; border-bottom:1px solid #ddd; text-align: center; }

/*acordeon*/

.accordion {
	display: block;
	z-index: 0;
}
.accordion div {
padding:0;
}
.accordion div table {
margin-top: 0 !important;
}
.toggler {
	display: block;
	cursor: pointer;
	padding: 4px 8px 4px 20px;
	margin: 0px;
	background: #BBB9B2 url('images/arrow_fat_right.gif') no-repeat 5px center;
	color: #000;
	border-bottom: 2px solid #a19f99;
	font-size: 12px;
	margin-bottom: 15px;
}
.toggler:hover{
    background: #23282D url('images/arrow_fat_down.gif') no-repeat 5px center;
    color: #fff;
}
.togcontent {
	display: block;
	margin: 0px;
	z-index: 1;
	border-left: 1px solid #a19f99;
	border-right: 1px solid #a19f99;
	border-bottom: 1px solid #a19f99;
	margin-top: -15px;
	margin-bottom: 15px;
	
}
.togcontent p {
padding: 10px 15px;
}

/*miscelanea*/
div.espacioextra, p.espacioextra{
padding: 0 12px !important;
display: block;
height: 15px;
}