/*

Theme Name: Cleaker

Theme URI: http://pomomusings.com/design/

Description: An original design by Adam Walker Cleaveland of <a href="http://cleavedesign.com" title="cleave design">cleave design</a>. This theme utlizes XHTML and CSS, some code from Kubrick and beautiful icons from FamFamFam.

Version: 2.1

Author: Adam Walker Cleaveland

Author URI: http://pomomusings.com/design/

*/



/***** GLOBAL FORMATTING *****/



#conash3D0

{

	display:none;

}

* {

	padding: 0;

	margin: 0;

}



body {

	background: #bebebe ;

	font-size: 12px;

	color: #000;

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	
	margin:0;
	
	padding:0;

}

img {

	border: 0;

}



a {

	color: #990000;

	text-decoration: none;

}



a:hover {

	color: #990000;

	text-decoration: none;

}



a:visited {

	color: #990000;

}



/***** PAGE STRUCTURE FORMATTING *****/



#wrapper {

	display: block;

	margin: 0 auto;

	width: 972px;

	position: relative;

	background: #fff ;

	border-left: 1px solid #000;

	border-right: 1px solid #000;

}



#header {

	width: 972px;

	background: #fff url(images/header.gif) top center no-repeat;

	height: 104px;

	margin-top: 0;

	color: #fff;

	height:117px;

	margin-top:20px;

}



.title {

	padding: 5px 5px 5px 20px;

	color: #fff;

}



#Nav {

	display: block;

}



#content {

	width: 566px;

	float: left;

	color: #000;

	padding: 20px;

	background-color:#fff;

}







#sidebarRight {

	width: 135px;

	float: left;

	color: #000;

	background: #fff;

	padding: 20px;

	

	

}



* html #sidebarRight {

	width: 120px;

}



#sidebarLeft {

	width: 135px;

	float: left;

	color: #000;

	padding: 20px;

}



* html #sidebarLeft {

	width: 120px;

}



#footer {

	clear: both;

	width: 944px;

	background: #000;

	color: #fff;

	text-align: left;

	height: 33px;

	padding: 8px 8px 12px 21px;

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

}



#footer a {

	color: #fff;

}



/***** NAVIGATION BAR FORMATTING *****/



ul#Nav {

	margin: 0;

	padding: 0;

	list-style: none;

	width: 900px;

	float: left;

	background: #49647d url(images/navOnBlue.png) repeat-x;

	font-family: "Lucida Grande", Lucida, Arial, sans-serif;

	font-size: 14px;

	

		

	height:27px;

}



ul#Nav li {

	float: right;

	border-left: 1px solid #fff;

	padding-top:2px;

}



ul#Nav li.first {

	border-left: none;

}



ul#Nav a {

	display: block;

	float: left;

	padding: 0 1.45em;

	line-height: 25px;

	text-decoration: none;

	color: #fff;

}



ul#Nav a:hover {

	background: #990000 url(images/navOff.gif) repeat-x;

	text-decoration: none;

}



ul#Nav li.current_page_item a { 

	color: #fff; 

	background: url(images/navOff.gif) repeat-x; 

	text-decoration: none;

}



/***** GENERAL TEXT FORMATTING *****/



.post {

	margin-bottom: 20px;

}



blockquote {

	color: #000; 

	margin: 0 30px 20px 30px; 

	border-left: 5px solid #ACAB7B;

	background: #e8e9dc url(images/bqt_Bg.png) top no-repeat;

	padding: 10px 10px 4px 10px;

	font-size: 11px;

	font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;

}



p {

	margin-bottom: 15px;

	line-height: 1.6em;

}



p a {

	border-bottom: 1px solid #ccc;

	text-decoration: none;

}



p a:hover {

	border-bottom: 2px solid #999898;

	text-decoration: none;

}



p.center {

	text-align: center;

}



.postmeta {

	background: #e4e5d4;

	border: 1px solid #a0abb4;

	padding: 3px;

	font-size: 10px;

}



.postmeta a {

	border-bottom: none;

}



.postmeta a:hover {

	border-bottom: none;

}



.small {

	font-size: 10px;

}



code {

	font: 12px 'Courier New', Courier, Fixed;

}



h1 {

	font-size: 20px;

	letter-spacing: -0.8px;

	text-align: left;

	font-weight: normal;

	margin-bottom: 8px;

	font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif;

}



h1.title {

	font-size: 45px;

	letter-spacing: -2.5px;

	font-weight: normal;

	padding: 10px 10px 10px 17px;

}



h4 {

	margin: -5px 0 10px 0;

	padding: 0;

	font-weight: normal;

	font-size: 10px;

	color: #424040;

}



/***** LISTS FORMATTING *****/



html>body .post ul {

	margin-left: 0px;

	padding: 0 0 10px 30px;

	list-style-image: url(images/bullet.png);

	padding-left: 30px;

} 



html>body .post li {

	margin: 7px 0 8px 10px;

}



.post ol {

	padding: 0 0 0 35px;

	margin: 0;

}



.post ol li {

	margin: 0;

	padding: 0;

	}



/***** SEARCH FORM FORMATTING *****/



#searchform {

	display: inline;

	float: right;

	margin: 0 20px 0;

	padding: 10px 0 0;

	text-align: left;

}



#searchform #s {

	width: 160px;

	padding: 4px;

	margin: 0 0 5px 0;

	background: #fff;

	border: 1px solid #000;

	color: #000;

	font-size: 11px;

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}



#searchIcon {

	padding: 2px;

	color: #000;

	display: inline;

}



/***** SIDEBAR FORMATTING *****/



h2 {

	font-size: 14px;

	letter-spacing: -0.8px;

	text-align: left;

	padding:  2px;

	text-transform: uppercase;

	font-weight: normal;

	color:  #49647d;

	border-bottom: 2px #fff solid;

	margin-bottom: 5px;

	font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif;

}


#sidebarRight a {

	color: #d8882f;

	text-decoration: none;

}



#sidebarRight a:hover {

	background: none;

	color:  #49647d;

	text-decoration: underline;

}



#sidebarLeft a {

	color: #d8882f;

	text-decoration: none;

}



#sidebarLeft a:hover {

	background: none;

	color:  #49647d;

	text-decoration: underline;

}



#sidebarLeft a:visited {

	color: #49647d;

}



/***** SIDEBAR LISTS FORMATTING *****/



.sidebarIcon ul, .sidebarIcon ol { 

	margin: 0 0 1em 0; 

	font-size: 11px;

}



.sidebarIcon ul { 

	list-style-image: url(images/tag.png);

	list-style-position: inside;

}



.sidebarIcon li { 

	margin: 0 0 0.2em 0; 

}



.sidebarIcon ul li ul, .sidebarIcon ul li ol, .sidebarIcon ol li ul, .sidebarIcon ol li ol { 

	margin: 0.5em 0 0.5em 5px; 

}

.sidebar ul, .sidebar ol { 

	margin: 0 0 1em 0; 

	font-size: 11px;

}



.sidebar ul { 

	list-style-type: none;

}



.sidebar li { 

	margin: 0 0 0.6em 0; 

}



.sidebar ul li ul, .sidebar ul li ol, .sidebar ol li ul, .sidebar ol li ol { 

	margin: 0.5em 0 0.5em 5px; 

}



/***** FOOTER FORMATTING *****/



#footer p {

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: left;

	letter-spacing: -0.1px;

	margin-bottom: 0px;

}



#footer a {

	color: #afb65b;

	text-decoration: none;

	border-bottom: none;

}



#footer a:hover {

	color: #5c7c9a;

	background: none;

	border-bottom: none;

}



#icons {

	display: inline;

	margin-top: -30px;

	float: right;

	text-align: right;

}



#footerIcons {

	padding: 2px;

	color: #000;

	display: inline;

	float: right;

}



/***** IMAGE FORMATTING *****/



img.post {

	padding: 5px;

	border: 1px solid #000;

	margin: 10px;

	float: right;

}



img.center {

	display: block;

	margin-left: auto;

	margin-right: auto;

	padding: 5px;

	border: 1px solid #000;

}



img.alignright {

	padding: 5px;

	border: 1px solid #000;

	background: #fff;

	margin: 10px;

	display: inline;

}



img.alignleft {

	padding: 5px;

	border: 1px solid #000;

	margin: 8px;

	display: inline;

}

	

/***** MISCELLANEOUS FORMATTING *****/



.alignright {

	float: right;

}



.alignleft {

	float: left

}	



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

}



.postspermonth {

	margin: 5px 0 10px 0;

	list-style: none;

	padding-left: 25px;

}

	

/***** COMMENTS FORMATTING *****/



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	border: 1px solid #49647d;

}



#commentform textarea {

	width: 500px;

	padding: 5px;

	margin: 2px;

	border: 1px solid #49647d;

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



#commentform #submit {

	margin: 0;

	float: right;

	border: 1px solid #49647d;

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}



.commentlist li, #commentform input, #commentform textarea {

	font-size: 11px;

}



.commentlist li {

	font-weight: bold;

}



.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, Helvetica, sans-serif;

}



.commentmetadata {

	font-weight: normal;

	font-size: 10px;

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}



.alt {

	margin: 0;

	padding: 10px;

}



.commentlist {

	padding: 0;

	text-align: justify;

}



.commentlist li {

	margin: 10px 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;

}









/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu {width:100%; height:34px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;

background:transparent url(images/strip.jpg) repeat-x scroll right top;

}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:100%; height:20px; font-size:0.85em; position:relative; z-index:100;border-right:5px solid #000;

background:transparent url(images/strip.jpg) repeat-x scroll right top;

}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;font-weight:bold}

.menu ul ul {width:100px;font-weight:bold}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:105px;position:relative;padding-left:0px;text-align:center;display:block;padding-top:2px;margin-top:2px;}

/* style the links for the top level */

.menu a, .menu a:visited {font-size:11px;text-decoration:none; color:#fff; width:100px;  border:1px solid #000; border-width:0px 0 0px 1px;  padding-left:0px; line-height:29px;display:block}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:110px; width:108px;text-decoration:none; height:30px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/drop.gif) bottom right no-repeat;}

/* style the second level hover */

.menu ul ul a.drop:hover{background-color:#990000;text-decoration:none;}

.menu ul ul :hover > a.drop {background-color:#990000;text-decoration:none; }

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#990000;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#990000;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;top: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:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:black; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;display:block}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;width:128px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#fff; background:#990000;font-weight:bold;display:block}

.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#990000;font-weight:bold}



/* 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;}





/* ================================================================ 

   This CSS is further CSS I have created specifically for Wordpress

   so that the current page is highlighted in two levels.

   If you want it in three levels let me know.



   Author: Isaac Rowntree

   Website: www.zackdesign.biz

=================================================================== */





.menu ul ul .current_page_item a {

  color: #fff;

  background: black;

  border-left: 1px solid black;

}



.menu .current_page_item a {

  color: #fff;

  font-weight: bold;

background: black;

}



.menu ul .current_page_item ul a {

  color: white;

  font-weight: normal;

  background: black;

}



.menu ul .current_page_item ul a:hover {

  background: gray;

}



.menu .current_page_item a:hover {

 background: black;

}



#pages

{

	color:#990000;



}

#pages a

{

	color:#990000;

	text-decoration:underline;

}

#pages a:visited

{

	color:#990000;

	text-decoration:underline;

}

#pages a:hover

{

	color:#990000;

	text-decoration:none;

}

#pages li

{

	color:#990000;

}

#pages h2

{

	

	font-weight:bold;

	text-align:center;

	color:#fff;

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;



	background:transparent url(images/boxright_mid.png) no-repeat scroll right top;

}





.topbar {

padding-top:10px;

margin-top:15px;

background:#990000 none repeat scroll 0 0;

height:15px;

width:100%;

}

#nav1menu

{



background:transparent url(images/strip.jpg) repeat-x scroll right top;



}