@charset "utf-8";

body{
	background: #852 url(../images/bg-wood.jpg) repeat fixed top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12.5px;
	min-width: 1000px;
}

p, h3, h4, h5{
	line-height: 1.5;
	margin-bottom: 14px;
}

#content h1, h2, h3, h4, h5{
	color: #009;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content h3, #content h4, content h5{
	margin-bottom: 8px;
	margin-top: 28px;
}

#content h1, h2{
	font-size: 25px;
	margin-bottom: 12px;
	margin-left: -34px;
} 

#content h1, #content h2 a, #content h2 a:visited, #content h2 a:active{
	color: #FFF;
	padding: 0px 34px;
	background: #009;
	display: block;
}

#content h2 a:hover{background: #DC0; color: #009;}

h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}

a, a:active, a:visited{
	color: #009;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover{text-decoration: underline;}

#content h2 a:hover, #content ul.pagination a:hover, #content p.more a:hover, #footer a:hover{text-decoration: none;}

hr{margin-bottom: 14px; color: #666;}

blockquote{
	margin-left: 14px;
	padding-left: 14px;
	border-left: solid 3px #CCC;
}

#outer-wrapper{
	width: 100%;
	overflow: hidden;
}

	.wrapper{
		width: 966px;
		margin: 0px auto;
		padding: 0px 10px;
	}

	#header{
		height: 232px;
		margin-top: 14px;
		background: url(../images/bg-header.png) no-repeat bottom left;
	}

		#logo{
			width: 396px;
			height: 115px;
			float: left;
			margin: 0px;
			margin-top: 14px;
		}
		
		#menu{
			clear: left;
			float: left;
			padding: 44px 0px 0px 20px;
			height: 33px;
		}
		
			#menu li{
				display: inline-block;
				margin-right: 23px;
			}
			
				#menu li a{height: 22px;}

				#mn-inicio a{background: url(../images/inicio.png); width: 62px;}
				#mn-club a{background: url(../images/nuestro-club.png); width: 138px;}
				#mn-karate a{background: url(../images/karate-do-shotokan.png); width: 213px;}
				#mn-videos a{background: url(../images/videos.png); width: 62px;}
				#mn-contactenos a{background: url(../images/contactenos.png); width: 113px;}
				
				#menu li a:hover, #menu li a.current{background-position: bottom;}
				
				#menu li a, #submenu li a{
					display: inline-block;
					background-repeat: no-repeat;
				}
				
					#menu li a span{visibility: hidden;}
					
				.follow{
					margin-top: 36px;
					margin-left: 14px;
					float: right;
				}
	
	#main{
		overflow: hidden;
		padding: 0px;
		width: 986px;
	}

		#content{
			width: 566px;
			padding: 20px 44px 0px;
			float: left;
			background: url(../images/bg-content.png) repeat-y;
			overflow: hidden;
		}
		
		.content-btm{
			background: url(../images/bg-content-btm.png) no-repeat;
			width: 654px;
			height: 27px;
			float: left;
		}
		
			#content ul#submenu{
				text-align: center;
				margin: 6px 0px 28px;
			}
		
				#content ul#submenu li{
					display: inline-block;
					margin: 0px 20px 10px 0px;
					background: none;
					padding: 0px;
				}
				
					#submenu li a{padding: 2px 6px;}
					#submenu li a.current{background: #DC0;}
		
			p.date, p.author{
				background: #DC0;
				color: #009;
				font-size: 11px;
				font-weight: bold;
				padding: 0px 34px;
				margin-left: -34px;
				display: inline-block;
			}
			
			p.author{

			}
			
			div.author{
				background: #E0E0E0;
				padding: 8px;
				overflow: hidden;
				margin-top: 28px;
			}
			
				#content div.author h3{ margin-top: 0;}
				#content div.author img.img-post, #content div.author p, #content div.author h3{ margin-bottom: 0;}
			
			.alignleft{float: left;}
			.alignright{float: right;}
			.aligncenter{text-align: center;}
			
			div.alignleft{margin-right: 14px; font-size: 11px; clear: left;}
			div.alignright{margin-left: 14px; font-size: 11px; clear: right;}
			div.aligncenter{margin: 0px auto 14px; font-size: 11px;}
			
			.aligncenter img{margin: 0px 4px;}
			
			img.alignright{margin: 0px 0px 6px 8px; display:inline;}
			img.alignleft{margin: 0px 8px 6px 0px; display:inline;}
			
			a.outlined img, img.outlined, div.outlined{border: solid 5px #009;}
			a.outlined:hover img, a:hover img.outlined{border-color: #DC0;}
			
			img.img-post{max-height: 150px; max-width: 150px; margin-right: 20px; margin-bottom: 20px;}
			
			div.pullquote{
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 24px;
				text-align: center;
				width: 200px;
				margin-left: 14px;
				padding-left: 8px;
				clear: right;
				float: right;
				background: url(../images/bg-pullquote-open.png) top left no-repeat;
			}
				
				div.pullquote blockquote{
					border: none;
					margin: 0;
					padding: 0 8px 0 0;
					background: url(../images/bg-pullquote-close.png) bottom right no-repeat;
				}
			
			#content ul{margin-bottom: 14px;}
			#content ol{margin: 0px 0px 14px 28px;}
			
				#content ul li{list-style-image: url(../images/bullet.png); list-style-position: inside;}
				#content ol li{list-style-type: decimal;}
			
				#content li, .sidebar-widget li{line-height: 1.5;}
			
			#content ul.post-nav, #sidebar ul.post-nav{
				clear: both;
				border-bottom: solid 1px #999;
				margin: 0px 0px 80px;
				padding-top: 14px;
				overflow: hidden;
			}
			
			#content ul.post-nav.entry{ margin-bottom: 40px;}
			
				#content ul.post-nav li{
					margin: 0px 4px 10px;
					font-size: 11px;
					list-style-image: none;
				}
						
				p.more a{
					color: #FFF;
					padding: 2px 6px;
					background: #009;
				}
				
				p.more a:hover{
					color: #009;
					background: #DC0;
				}
				
			#content ul.last{margin-bottom: 40px;}
				
			#content ul.share{margin-left: 0px; margin-top: 42px;}
			#content ul.share-video{margin-top: 0px; margin-bottom: 42px;}
				
				#content ul.share li{
					display: inline;
					margin-right: 28px;
					background: none;
					padding: 0px;
				}
				
					html .fb_share_link, html .tt_share_link{
						padding: 5px 0 0 34px;
						height: 21px;
						background: url(../images/facebook-icon.gif) no-repeat top left;
						display: inline-block;
					}
					
				  html .tt_share_link{background: url(../images/twitter-icon.gif) no-repeat top left; padding-left: 28px;}
				  
			#content ul.related-posts{ margin: 14px 0 40px; overflow: hidden;}
			
				  #content ul.related-posts li{
					float: left;
					list-style-image: none;
					margin: 0 15px 30px;
					width: 253px;
					height: 90px;
					overflow: hidden;
				}
				
					#content ul.related-posts li a{
						margin-bottom: 14px;
					}
					
						#content ul.related-posts li a img{
							max-height: 90px;
							width: 90px;
						}
				
			a.back-top{
				background: url(../images/arriba.gif) no-repeat;
				padding-left: 16px;
			}
			
			a.comments, li.comments{
				background: url(../images/comments.gif) no-repeat;
				padding-left: 19px;
			}
			
			a.go{
				background: url(../images/go.gif) no-repeat;
				padding-left: 18px;
			}
			
			#content ul ul{margin-left: 14px;}
			
			#content ul.pagination{
				text-align: center;
				font-weight: bold;
				margin-bottom: 30px;
			}
			
				#content ul.pagination li{
					display: inline;
					margin: 0px 5px;
					color: #000;
					background: none;
					padding: 0px;
				}
				
				#content ul.pagination li a{
					color: #FFF;
					padding: 2px 6px;
					background: #009;
				}
				
				#content ul.pagination li.current, #content ul.pagination li a:hover{background: #DC0; padding: 2px 6px; color: #009;}
				#content ul.pagination li.disabled{background: #AAA; color: #FFF; padding: 2px 6px;}
				
			#content h4.comment{
				color: #000;
				background: url(../images/bg-comment-top.png) no-repeat bottom;
				height: 43px;
				margin-bottom: 0px;
			}
			
				h4.comment span.comment-author{
					background: #DC0;
					padding: 0px 4px;
					float: left;
				}
				
				h4.comment span.member{background: #009; color: #FFF;}
				
					h4.comment span.comment-author a{color: #00C;}
					h4.comment span.member a{color: #FFF;}
					
				h4.comment span.comment-tip{
					background:  url(../images/comment-tip.png) no-repeat;
					margin: 20px 0px 0px 8px;
					width: 20px;
					height: 20px;
					float: left;
				}
			
			div.comment{
				background: #FFF url(../images/bg-comment-btm.png) no-repeat bottom;
				padding: 8px;
				overflow: hidden;
			}

				div.comment span.date{
					font-size: 11px;
					font-weight: normal;
					font-family: Verdana, Geneva, sans-serif;
					color: #666;
					float: right;
					margin-top: 14px;
				}
				
			.poll-bar{
				height: 18px;
				background: url(../images/poll-bar.png) repeat-x left;
			}
			
			#content #poll input[type="submit"]{margin-left: 0px;}
			
			code{
				margin-left: 14px;
				margin-bottom: 14px;
				padding: 8px;
				background: #FFF;
				border: solid 1px #CCC;
				font-family: "Courier New", Courier, monospace;
				display: block;
			}
			
			div.column{
				width: 50%;
				float: left;
				overflow: hidden;
				margin-bottom: 14px;
			}
		
		#sidebar{
			width: 332px;
			float: right;
			font-size: 11px;
		}
		
			#sidebar a:hover{
				color: #009;
				text-decoration: underline;
			}
				
				#cse-search-box input[type="text"]{
					margin-top: -1px;
				}
				
				#cse-search-box input[type="submit"]{
					margin-top: 2px;
					margin-bottom: 0px;
				}
		
			.sidebar-widget{
				padding: 14px 36px 38px;
				background: url(../images/bg-sidebar.png) no-repeat bottom;
				overflow: hidden;
			}
		
				.sidebar-widget li{margin-bottom: 12px;}
			
				#poll input[type="submit"]{margin-left: 96px;}
				#poll p{text-align: left;}
				#poll label{display: inline;}
				#poll label:hover{color:#009; text-decoration: underline;}
				#poll input[type="checkbox"] + label, #poll input[type="radio"] + label{text-decoration: none;}

				#tags{
					text-align: center;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				}

					#tags li{
						display: inline;
						margin: 0px 8px;
						line-height: 1.5;
					}
			
			.sidebar-top{
				clear: both;
				background: url(../images/bg-sidebar-heading.png) no-repeat top;
				height: 29px;
			}
			
			#sidebar h4{
				clear: both;
				text-align: center;
				font-size: 22px;
				color: #FFF;
				height: 32px;
				background: #009;
				padding: 0px;
				margin: 0px -13px 14px -14px;
			}
			
			#sidebar h4.clickable:hover{
				background: #DC0;
				color: #009;
			}
				
				#sidebar .sidebar-widget h4#links-heading{margin-bottom: 0px;}
			
			#sidebar h5{
				color: #000;
				font-size: 18px;
			}
			
			#sidebar .date{color: #666;}
			
			#sponsors{
				text-align: center;
				margin: 14px 0;
			}
			
			#banner{
				text-align: center;
				background: url(../images/bg-banner.png) no-repeat center;
				padding: 20px;
				margin-bottom: 20px;
				height: 210px;
			}
			
			#links{margin-top: 14px;}
			
				#recent-comments strong{color: #009; background: #DC0;	padding: 2px 4px;}
				#recent-comments .member{color: #FFF; background: #009;}
				
			#recent-posts li{
				clear: left;
			}
			
				#recent-posts li a img{
					max-height: 60px;
					width: 60px;
				}

	#footer{
		clear: both;
		width: 100%;
		height: 142px;
		font-size: 11px;
		padding-top: 20px;
		margin: 40px auto 0px;
		background: url(../images/bg-footer.png) repeat;
		border-top: solid 1px #EEE;
	}
		
		#footer .wrapper{padding: 0px 34px; width: 898px;}		
	
		#footer a{color: #FFF;}
		#footer a:hover{color: #DC0;}
		
		.footer-sitemap{clear: both; margin-bottom: 14px; text-align: center;}
		
			.footer-sitemap li{display: inline; margin: 0px 23px;}
			.footer-sitemap.main li{margin: 0px 30px;}
			
			#footer .main a, #footer .footer-sitemap li.main a{color: #DC0;}
			#footer .main a:hover, #footer .footer-sitemap li.main a:hover{color: #FFF;}
			
		#footer hr{color: #EEE; margin-bottom: 14px;}
				
		#footer .alignright{text-align: right;}

			#footer .alignright a{margin-left: 20px;}
			#footer a img{vertical-align: top;}
				
table{
	margin-bottom: 14px;
	font-size: 12px;
}

table.list td, table.list th{
	padding: 0px 2px 14px;
	line-height: 1.5;
}

	table.list strong{color: #009;}

table.blue{
	background: #009;
	margin-bottom: 14px;
}

	table.blue th{
		background: #009;
		color: #FFF;
		padding: 4px;
	}
	
	table.blue td{
		border-bottom: solid 1px #009;
		padding: 4px;
		background: #EEE;
		vertical-align: top;
	}
	
	table.blue .no-border td{
		border-bottom: none;
	}

label{
	cursor: pointer;
	vertical-align: top;
	text-align: right;
	width: 100px;
	display: inline-block;
}

#content label{
	font-size: 11px;
}

input[type="text"], input[type="password"], select, textarea{
	height: 14px;
	border: 1px inset #149;
	padding: 2px;
	background: #FFF url(../images/admin/bg-field.jpg) repeat-x bottom;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}

textarea{height: auto;}
select{height: 20px;}

input[type="button"], input[type="submit"]{
	border: none;
	background: #009;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 10px 2px;
	margin-bottom: 14px;
	height: 20px;
	cursor: pointer;
}

input[type="button"]:hover, input[type="submit"]:hover{background: #DC0; color: #009;}
input[type="button"]:active, input[type="submit"]:active{color: #009;}

input[type="checkbox"], input[type="radio"]{
	position: absolute;
	left: -999em;
}

input[type="checkbox"] + label, input[type="radio"] + label{
	float: left;
	display: block;
	height: 14px;
	width: 16px;
	margin-right: 14px;
	margin-top: 1px;
	background: url(../images/bg-checkbox.png) no-repeat;
}

input[type="radio"] + label{background: url(../images/bg-radio.png) no-repeat;}
input[type="checkbox"].cbox-checked + label{background: url(../images/bg-checkbox-on.png) no-repeat;}
input[type="radio"].radio-checked + label{background-position: bottom;}

.success, .error{
	font-style: italic;
	padding-left: 3px;
	padding-right: 3px;
}

.success{background-color: #6EB}
.error{background-color: #FAA;}

.small{font-size: 11px;}
.symbol{font-size: 18px;}

.border{border: outset 1px #000;}

.aniversary{background: #000; text-align: center;}

.optional{display: none;}

.tip{color: #009;}

.cleared{ clear: both;}

#tooltip {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	background: url(../images/bg-tooltip.png) repeat;
	border: 0px solid #009;
	max-width: 300px;
}

#tooltip p{
	margin: -12px 0px 0px 0px;
	padding: 0 5px;
	background: #EEE;
}

div.ttip {
	width: 12px;
	height: 12px;
	background: url(../images/tooltip.png) no-repeat;
	position: relative;
	top: -17px;
	left: 10px;
}

.clickable{cursor: pointer;}