/*  
Theme Name: Katan Adventures
Theme URI: http://www.katanadventures.com/
Description: Custom Theme for Katan Adventures
Version: 1.0
Author: Anyway Artists
Author URI: http://www.anywayartists.com/

All rights reserved. Copyright � 2008 Anyway Artists.

*/

/* ==================================== COLORS 
	#999 : dark gray - body backgound
	#CCC : light gray - post area borders
	#000 : black - text
	#4C4C4C : dark gray - text
	#D9D9D9 : medium gray - sidebar bg
	#333333 : dark gray - sidebar borders
	#FFC600 : yellow - link hover
	
*/

/* ==================================== DIMENSTIONS and FONTS
	750px : width of main_box + 3px padding
	12px : default font size
	Verdana, Arial, Helvetica, sans-serif : font family
*/

/* ==================================== RESET BROWSER STYLING  */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol,li { list-style-type: none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,address,blockquote,fieldset,input,label,div,dd,dt,dl,fieldset,table,tr,td,hr,script { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* ==================================== GLOBAL ELEMENTS */

body{
	font-family: Arial, Helvetica, sans-seriff;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background: #999;
	color: #4C4C4C;
}

h1, h2, h3, h4, h5, h6{
	color: #000;
}

a{
	text-decoration: underline;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #FFC600;
}

a img{
	border: 0;
}

abbr, acronym{ border: 0; }

address, dl, p{ padding: 15px 0 0; }

blockquote{
	margin: 10px 0 0;
	background: #ffcc00;
	width: 95%;
	float: right;
	clear: both;
}

blockquote p{ padding: 10px 12px; }

blockquote blockquote{
	margin: 10px;
	background: #fff;
}

code{
	background: #f8fde9;
}

.clear{
	clear: both;
}

dt{ font-weight: bold; }

dd{ padding: 0 0 0 15px; }

hr{
	clear: both;
	margin: 10px 10px 5px;
	border: 0;
	height: 1px;
	text-align: left;
	background: #f0f0f0;
	color: #f0f0f0;
}

small{
	font-size: 11px;
}

pre{
	width: 90%;
}

input, textarea{
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	padding: 2px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	border: 1px solid #333333  ;
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

/* ==================================== CONTENT DIV STRUCTURE */

#the_container {
	width: 794px;
	margin: 0 auto;
}

#shadow_box {
	width: 794px;
	float: left;
	background: url(images/bg_shadow_box.gif) repeat-y;
}

	#shadow_top {
		width: 794px;
		height: 19px;
		float: left;
		margin: 0;
		padding: 0;
		background: url(images/bg_shadow_top.gif) no-repeat;
	}
	
	#shadow_bottom {
		width: 794px;
		height: 19px;
		float: left;
		margin: 0;
		padding: 0;
		background: url(images/bg_shadow_bottom.gif) no-repeat;
	}

#main_box {
	width: 750px;
	padding: 3px;
	margin: 0 auto;
}


/* =============== HEADER SECTION ==START============= */

#masthead {
	width: 100%;
	height: 100px;
	float: left;
}

	#masthead img.logo {
		float: left;
	}
	
#masthead img.button {
float: right;
margin: 15px 12px  0  200px;

} 
	#masthead p {display:none;}

	.mast_links {
		float: right;
		margin: 20px 12px 0 0;
		font-size: 11px;
	}
	
	.mast_links a {
		color: #4C4C4C;
		text-decoration: none;
	}
	
	.mast_links a:hover {
		color: #EDB214;
	}
	
	#subscribe_box {
		float: right;
		margin: 60 20 0 0;
		width: 300;
		text-align: right;
	}
	
	


	#subscribe_box input.box {
		border: 1px solid #333;
		padding: 6px 3px 1px 3px;
		margin: 0 2px 0 0;
	}
	
#branding {
	width: 100%;
	height: 280px;
	float: left;
	margin: 0;
	padding: 0;						
}

	#branding img {
		width: 750px;
		height: 280px;
	}




/* =============== HEADER SECTION ==END============= */



/* =============== CONTENT SECTION ==START============= */

#content_box {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

#post_column {
	width: 435px;
	float: left;
	padding: 10px 15px 0px 15px;
	margin: 0;
}

*html #post_column {
	width: 425px;
	float: left;
	padding: 10px 15px 0px 6px;
	margin: 0;
}

.breadcrumb {
	width: 100%;
	float: left;
	font-size: 11px;
	color: #aaa;
}

	.breadcrumb a {
		color: #aaa;
	}
	
	.breadcrumb a:hover {
		color: #EDB214;
	}
	


.post{
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}

.post h1{
	padding: 0;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	clear: both;
}

.post h2 {
	padding: 0;
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
	clear: both;
}

.entry{
	line-height: 20px;
	border: #333 1px solid;
	padding: 0 10px 15px 10px;
	width: 415px;
	float: left;
	margin: 5px  0px  20px 0px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	border: 0;
	margin: 0;
	padding: 10px 0 0 0;
	color: #4C4C4C;
	font-weight: bold;
	clear: both;
}

.entry h2{
	font-size: 14px;
}

.entry h3{
	font-size: 13px;
   margin-bottom: 5px;
}

.entry h4{
	font-size: 12px;
}

.entry h5{
	font-size: 12px;
}

.entry h6{
	font-size: 11px;
}

.entry p {
	padding-top: 10px;
}

.entry img{
	max-width: 100%;
}

.entry img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry img.alignright {
	margin: 5px 0 2px 7px;
	display: inline;
}

.entry img.alignleft {
	margin: 5px 7px 2px 0;
	display: inline;
}

.entry ul li {
	list-style-type: circle;
	margin-left: 18px;
	list-style-position: outside;
}

.entry ol li {
	list-style-type: decimal;
	margin-left: 25px;
	list-style-position: outside;
}

*html .entry ol li {
	list-style-type: decimal;
	margin-left: 25px;
	list-style-position: outside;
}

#form_box {
	padding: 0;
	margin-top: 15px;
	height: 25px;
	float: left;
	width: 100%;
}

#form_box input.button {
	margin: 0 8px 0 0;
	padding: 0;
	height: 19px;
}

#form_box input.box {
	border: 1px solid #333;
	padding: 6px 3px 1px 3px;
	margin: 0 8px 0 0;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

.entry p.author{
	font-size: 11px;
	padding: 5px 0 0;
	color: #647f17;
}

.postinfo{
	float: left;
	width: 100%;
	border: 1px solid #f0f0f0;
	border-left: 0;
	border-right: 0;
	margin: 15px 0 10px;
	padding: 0 0 10px;
	clear: both;
}

.postinfo ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.postinfo ul li{
	float: left;
	margin: 10px 0 0;
}

.postinfo ul li.tags{
	padding: 0 0 0 21px;
	background: url(images/tag_green.gif) no-repeat;
}

.postinfo ul li.comments-link{
	margin-right: 10px;
	padding: 0 0 0 19px;
	background: url(images/comment.gif) no-repeat 0 2px;
}

.postinfo ul li.postdate{
	margin-right: 10px;
	padding: 0 0 0 21px;
	background: url(images/calendar.gif) no-repeat;
}

.postinfo ul li.edit{
	margin-left: 10px;
}

.browse{
	padding: 5px;
	font-size: 12px;
}

.browse p{
	border: 1px solid #ddd;
	padding: 10px;
	background: #fff;
}

.image_box_post {
	width: 423px;
	float: left;
	border: #333 1px solid;	
	padding: 6px;
	margin-top: 10px;
}

	.image_box_post img {
		max-width: 100%;
	}

/* =============== CONTENT SECTION ==END============= */


/* =============== SIDEBAR ==START============= */

.sidebar {
	width: 280px;
	float: right;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4 {
	color: #4C4C4C;	
	padding: 10px 0 0 0;
}

.sidebar h3 {
	font-size: 14px;
	clear:both;
}

.sidebar h3.no_pad  {
	padding: 0;
}

.sidebar p {
	padding-top: 10px;
	clear: both;
}


.photo_box{
	width: 229px;
	border: #333333 1px solid;
	border-top: none;
	background: #D9D9D9 ;
	padding: 12px 25px;
margin: 0 0 10px 0;
}

*html .photo_box { /* hack width for IE6 */
	width: 210px;
}

	.image_box_sidebar {
		width: 216px;
		float: left;
		border: #333333 1px solid;
		padding: 6px;
		margin-top: 8px;
		clear: both;
	}

		.image_box_sidebar img {
			max-width: 100%;
		}	

.logo_box{
	width: 248px;
	float: right;
    margin-top: 10px;
	border: #333 1px solid;
	padding: 12px 15px;
}	

*html .logo_box {
	width: 250px;

}

.news_box {
	width: 248px;
	float: right; 
	padding: 12px 15px;
	border: #333 1px solid;
	margin-top: 15;
}

*html .news_box {
	width: 250px;

}


#picasa-photos img {
	width: 216px;
	padding: 6px;
	border: #333 1px solid;

}

.sidebar h2.widgettitle {
	font-size: 14px;
	clear:both;
	padding: 0;
}


/* =============== SIDEBAR ==END============= */

/* =============== COMMENTS TEMPLATE ==START============= */

.comments-template{
	margin: 15px 0 15px 0;
	border-top: 1px solid #f0f0f0;
	padding: 15px 0 0;
}

.comments-template h2{
	padding: 0;
	background-image: none;
}

.comments-template h2, .comments-template h3{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;	
}

.comments-template ol{
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}

.comments-template ol li{
	margin: 15px 0 0;
	line-height: 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #f0f0f0;
}

.comments-template p.nocomments{
	padding: 0;
}

/* =============== COMMENTS TEMPLATE ==END============= */



/* =============== CALENDAR TEMPLATE ==START============= */

.sidebar ul li#calendar #calendar_wrap{
	border-top: 1px solid #cce0ee;
	padding: 4px 11px 11px;
	background: #f6f9fc url(images/bg_ul_ul.gif) no-repeat bottom left;
}

.obar ul li#calendar #calendar_wrap{
	border-top: 1px solid #ddd;
	padding: 4px 11px 11px;
	background: #f9f9f9 url(images/bg_ul_ul_alt.gif) no-repeat bottom left;
}

table#wp-calendar{
	width: 100%;
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	text-transform: none;
	line-height: 24px;
}

table#wp-calendar caption{
	padding: 10px 15px;
}

table#wp-calendar th{
	padding: 2px;
	text-align: right;
	vertical-align: top;
}

table#wp-calendar td{
	padding: 2px;
	text-align: right;
}

table#wp-calendar tfoot td{
	text-align: center;
}

/* =============== CALENDAR TEMPLATE ==END============= */


/* =============== FOOTER SECTION  ==START============= */

#footer_box {
	width: 100%;
	float: left;
	
}

	.foot_links {
		float: left;
		margin: 20px 0 20px 15px;
		color: #4C4C4C;
		font-size: 11px;
	}
	
	*html .foot_links {
		margin-left: 5px;
	}
	
	.foot_links a {
		color: #4C4C4C;
		text-decoration: none;
	}
	
	.foot_links a:hover {
		color: #EDB214;
	}
	

/* =============== FOOTER SECTION  ==END============= */



/* =============== DROP DOWN MENU CSS ==START============= */


 /*========================= TOP OF THE MENU CASCADE =========================*/

#drop_menu {
	border-bottom:1px solid #333;  
	border-left:1px solid #333;  
	height: 29px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding: 0;
	border:0;
	height:28px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	font-weight: bold;
}



.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:2em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	padding: 0 10px;
}

.menu ul li {
	border-right:1px solid #333;  
}

.menu ul li a.arrow {
	background: url(images/bg_gold_arrow.gif) right center no-repeat;
	padding-right: 10px;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:28px;
	color: #4C4C4C;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	color: #FFC600 ;
}

*html .menu ul li:hover a, *html .menu ul li a:hover {  
	height: 29px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/


.menu ul li ul li {
	border: none;
}

.menu ul li ul li {
	padding: 0;
	height: 28px;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:28px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:12em;
	color:black;                        /* this sets the unselected-text color */
	border: 1px solid #333;         /* this sets our menu's effective "border" color */
	background: #fff;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:10em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	background:#fff;       /* this sets the drop-down menu background color */
	width:12em;
	color: #4C4C4C;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color: #FFC600 ;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:10em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:10em;
	width:11em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:11em;
	background:#fff;
	color: #4C4C4C ;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:11em;
	color: #FFC600 ;
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */



/* =============== DROP DOWN MENU CSS ==END============= */