/*
Theme Name: Chinese-Indonesian Martial Arts Club
Theme URI: http://www.kungfu-silat.com/
Description: Customized theme for CIMAC homepage.
Version: 0.5
Author: Erik Harris
Author URI: http://www.eharrishome.com/
Tags: undefined

	CIMAC v0.0
	 http://www.eharrishome.com

	This theme is being designed by Erik Harris for his
	martial arts club.

	The theme's design is copyrighted, and
	cannot be used without permission.

*/

/**************************** BEGIN BACKGROUND & HEADER ****************************/

html { height: 100% } /* ensure full-height for background images */
body { background: #A00 url('images/DragonBack.gif') repeat-y 0% 0%;
   font-family: Arial, Tahoma, sans-serif;
   color: #000;
   margin: 0em;
   height: 100%;
	text-align: center;
	}
#secondbackground { background:  url('images/TigerBack.gif') repeat-y 100% 0%;
   margin: 0em; min-height: 100%; min-width: 750px; }
#header_front { /* Unique to front page template */
   text-align: center;
   margin-bottom: 1em;
   color: #FC0;
   }
#header_front h1 { /* Unique to front page header */
   padding: 0em; margin: 0em;
   }
#header {
	background: url('images/Logosmred.gif') no-repeat 100% 0%;
	margin: 0px;
	padding: 0;
	height: 130px;
	width: 100%;
   color: #FC0;
	}
#header a { text-decoration: none; background: transparent; color: #FC0}
#headerimg 	{
   background: url('images/Logosm.gif') no-repeat 0% 0%;
	margin: 0px;
	height: 130px;
	width: 100%;
	}
.description {
	font-size: 1.2em;
	text-align: center;
   padding: 0px 138px
	}
#headerimg h1 {
   padding: 25px 138px 0px 138px; margin: 0em;
   }
/*Drop shadows: left, bottom, top-left, bottom-left, bottom-right*/
#page_l { background: url('images/shadow_l.gif') repeat-y 0% 0%; margin: 0px 77px 0px 70px; padding: 0; }
#page_b { background: url('images/shadow_b.gif') repeat-x 0% 100%; margin: 0; padding: 0;}
#page_tl { background: url('images/shadow_tl.gif') no-repeat 0% 0%; margin: 0; padding: 0;}
#page_bl { background: url('images/shadow_bl.gif') no-repeat 0% 100%; margin: 0; padding: 0;}
#page_br { background: url('images/shadow_br.gif') no-repeat 100% 100%; margin: 0; padding: 0; overflow: hidden; /* for all browsers */}
* html #page_br {overflow: visible; height: 1%; /* for IE6 and older */}

#page {
	background: #FBFBFF; border: none;
	border: 1px solid #999;
	text-align: left;
	margin: 0px 0px 6px 7px;
	padding: 0;
   position: relative; /* Necessary to make this a "containing block" for absolute positioning. */
	}
hr { display: none; }

td { padding: 0.25em }
table.schedule { border: solid 1px #777; margin: 0em auto 1.5em; border-collapse: collapse }
table.schedule td { border-right: solid 1px #777 }
table.schedule td.schedule {
   border-right: none;
   border-left: dotted 1px #777;
   border-bottom: solid 1px #777;
   padding: .2ex 1ex;
   text-align: center; }
th { border: solid 1px #777 }

/******************************** BEGIN NAVBAR ********************************/

#navbar { margin: 0 77px 0.5em; list-style-type: none; padding: 0; text-align: center; }
#navbar ul { list-style-type: none; margin: 0; padding: 0; }
#navbar .widget_pages h2.widgettitle {display: none} /* Suppress "Pages" sidebar title */
#navbar .widget_pages li { display: inline; line-height: 2em; font-weight: bold; }
#navbar .widget_pages li a { color: #FFF; height: auto; background: #700; font-weight: bold;
   border: 1px solid #000; padding: 0.1em 0.6em; white-space: nowrap; }
#navbar .widget_pages li a:visited { color: #AAA; background: #700; }
#navbar .widget_pages li a:hover { color: #F00; background: #000; text-decoration: none; }
#navbar .widget_pages li.current_page_item a,
#navbar .widget_pages li.current_page_item a:visited ,
#navbar .widget_pages li.current_page_item a:hover { color: #FBFBFF; height: auto; background: transparent; }
#navbar .widget_pages li.current_page_item a:before { content: "\00BB \0020"; }
#navbar .widget_pages li.current_page_item a:after { content: "\0020 \00AB"; }

/* In-Page Nav Bar ------------------------------------------------------------------------- */
ul.pagenav { background: transparent; text-align: center; position: static; left: 5%; right: 5%;
            float: none; margin: 1em; padding: 0em; list-style-type: none }
ul.pagenav li { display: inline; line-height: 2em; font-weight: normal; font-size: small }
ul.pagenav li a { color: #FFF; height: auto; background: #A00; font-weight: normal; font-size: small;
                  border: 1px solid #000; padding: 0.1em 0.6em; white-space: nowrap }
ul.pagenav li a:visited { color: #AAA; background: #A00; font-weight: normal; font-size: small }
ul.pagenav li a:hover { color: #F00; background: #000; text-decoration: none; font-weight: normal; font-size: small }
ul.pagenav li span { color: #FBFBFF; height: auto; background: transparent; font-weight: normal; font-size: small;
                     border: 1px solid #000; padding: 0.1em 0.6em; white-space: nowrap }
/* ----------------------------------------------------------------------------------------- */


/**************************** BEGIN PAGE CONTENT ****************************/

.hidden {display: none; } /* hide anything of class "hidden" */

#content {
   margin: 10px 1.5% 10px 245px;
	padding: 0em;
   min-height: 20em; /* Change as necessary to keep sidebar from flowing outside of container */
	}
a img { border: none; }
a { text-decoration: none; color: #A00; font-weight: bold; background: transparent; }
/*a:link { color: #A00; background: transparent; }*/
a:visited { color: #A66; }
/*a:link:hover { color: #00A; background: transparent; text-decoration: underline; font-weight: bold; }*/
a:hover { color: #00A; background: #FFE; text-decoration: underline; font-weight: bold; }
abbr[title], acronym[title], span[title] { border-bottom:1px dotted #88F; cursor: help; }
abbr[title]:hover, acronym[title]:hover, span[title]:hover { border-bottom: 1px dotted #F88; color: #700; }

#content h2 { font-size: 130%; color: #000; font-weight: bold; text-align: center; margin: 0.5em 0.5em 1em; }
#content h2 span { border-top: 2px solid #A00; border-bottom: 2px solid #E90; padding: 0.2em 2.5em; }
/*#content h2 span { background: #000 url('images/redtoblackdn.gif') repeat-x 0% 0%; padding-top: 0.2em; }
#content h2 span span { background: transparent url('images/redtoblackup.gif') repeat-x 0% 100%; padding: 0.2em; }*/
#content h3 { font-size: 125%; color: #05F; font-weight: bold; margin: 1.3em 0 0.7em 2em; }
#content p { text-indent: 2em; margin: 0.5em 0; }
/*div.name { margin-bottom: 0.5em; }
div.desc { margin: 0em 0em 2em 2em; }
This isn't used anywhere, is it? */


#content .edit {margin-top: 2.5em; text-align: center; text-indent: 0; }
.edit a {border: 2px outset #A00; color: #FFF; background: #A00; text-decoration: none; font-weight: normal; padding: 0.2em; }
.edit a:active {border: 2px inset #A00; }

/**************************** BEGIN LINKS PAGE CONTENT ****************************/

ul#links {list-style-type: none; padding: 0px; margin: 0px; list-style-position: outside;}
ul#links ul.blogroll {list-style-type: none; padding: 0px; margin: 0 0 0 1.5em; text-indent: -1.5em; list-style-position: outside;}
ul.blogroll li {margin: 0.7em 0em; }

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}

/* End Images */

/*********************************** Captions **************************/

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions */


/**************************** BEGIN SIDEBAR ****************************/

#sidebar
{
   position: absolute;
   left: 10px;
   top: 10px;
	padding: 0;
	margin-bottom: 10px;
	width: 225px;
	}
#sidebar a { font-weight: normal; }
#sidebar form {
	margin: 0;
	}
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; font-family: Verdana, sans-serif; }
#sidebar ul li {
   border: 1px solid #000; border-top: 0;
	list-style-type: none;
	margin-bottom: 15px;
	}
#sidebar h2 {
   border-top: 2px solid #000;
   border-bottom: 2px solid #000;
   background: #A00; color: #FFF;
   font-family: Verdana, sans-serif; font-size: 90%; font-weight: bold;
   text-align: center;
   margin: 0em;
   }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; border: none; font-size: 85%; list-style: disc inside; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }

/***************** search bar *****************/
#sidebar .widget_search {border: none; }
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px;}


/*************** FireStats-specific ***************/
#sidebar ul #statistics ul { font-size: 70%; margin: 5px; padding: 0px; list-style-position: outside; text-indent: 0;}
#sidebar ul #statistics a { font-size: 70%; text-decoration: none; color: #700; }
#sidebar ul #statistics ul li {
   list-style: none;
   margin: 3px 0 0;
   padding: 0;
   text-indent: 0;
   list-style-position: outside;
   line-height: 1.2em;    /* play with this until it looks right on both IE and Firefox */
   }



/* *************************** BEGIN PAGE FOOTER *************************** */

#footer {
	background: transparent;
	border: none;
	padding: 1em 0 0;
	margin: 0 auto;
	width: 90%;
	clear: both;
	}

.copyright {
   font-size: 0.7em;
   padding: 0em;
   }

#footer .icons {
   float: right;
   padding: 0 0 5px;
   }

.fs_powered_by a { font-size: 80%; color: #F49F00; text-decoration: none; font-weight: normal; }
.fs_powered_by a:before {content: " Stats"}
.fs_powered_by a:hover { background: transparent; color: #FA0; text-decoration: underline; }


/*
.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.widecolumn .post {
	margin: 0;
	}

.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;
}

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

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

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 2em;
	text-align: center;
	}

h2 {
	font-size: 1.3em;
	}

h2.pagetitle {
	font-size: 1.3em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

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

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

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

.post hr {
	display: block;
	}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}


/* End Typography, Colors, & Structure */


/*	Begin Headers */
/*
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

/* End Headers */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
/*
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

/* End Entry Lists */



/* Begin Form Elements */
/*
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */ /*
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

/* End Form Elements */



/* Begin Comments*/
/*
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* End Comments */

/* Begin Calendar */
/*
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */ /*
	background-color: #fff; }

/* End Calendar */


/* Begin Various Tags & Classes */
/*
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

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

/* End Various Tags & Classes*/
