/*

Theme Name:     HTW Theme

Theme URI:      http://howtowilderness.com/

Description:    Child theme for the Twenty Ten theme 

Author:         Brian Romine

Author URI:     http://howtowilderness.com/about/

Template:       twentyten

Version:        0.1.0

*/



@import url("../twentyten/style.css");





#test{

	line-height: 0;

}



html {

	margin-top: 0px !important;

	overflow-x: hidden;

}



body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-image: url(images/bg.png);

	background-repeat: repeat-x;

	background-color: #edebd0; /* #e1dca5;*/

}

#wrapper {

	width: 998px;

	padding: 0;

	margin-left:auto;

	margin-right:auto;

	margin-top: 0px;

	overflow: hidden;

	background-color: #E8E6CA;

}

#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {

	margin: 0 auto;

	width: 998px;

}

#header {

	padding: 0px 0 0 0;

}

#branding img {

	border: none;

	width: 100%;

	/*border-top: 4px solid black;

	border-bottom: 1px solid black;*/

}

#container {

	float: left;

	margin: 0 -270px 0 0;

	width: 100%;

}

#main{

	width: 100%;

	float: left;

	display: block;

	padding: 0px 0 0 0;

	margin-top: 0px;

}

#primary, #secondary {

	float: right;

	overflow: hidden;

	width: 270px;

}

#content {

	margin: 0 270px 0 0;

}



.module {

	background-color: #FFF;

	margin: 3px;

	padding: 20px;

	float: none;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 0px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #999;

	border-right-color: #999;

	border-bottom-color: #999;

	border-left-color: #999;

	/*

	-moz-border-top-right-radius: 10px;

	-moz-border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	border-top-left-radius: 10px;

	*/

}

.thickPadding {

	padding-top: 30px;

	padding-right: 40px;

	padding-bottom: 20px;

	padding-left: 40px;

}

.noPadding {

	padding: 0px;

}

.board {

	background-color: #513c37;

	margin: 3px;

	padding: 10px;

	float: none;

	border-top-width: 3px;

	border-right-width: 3px;

	border-bottom-width: 3px;

	border-left-width: 3px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #FFF;

	border-right-color: #FFF;

	border-bottom-color: #FFF;

	border-left-color: #FFF;

	-moz-border-radius: 15px;

	border-radius: 15px;

}

.hd {

	padding-bottom: 2px;

	border-bottom: 2px solid #CCC;

	margin-bottom: 10px;

	font-style: normal;

	font-variant: small-caps;

	font-size: 20px;

	font-weight: bold;

	color: #333333;
	
	margin-bottom: 0px;

}

.hd a{

	font-style: normal;

	font-variant: small-caps;

	font-size: 20px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

}

.hd a:hover{

	color: #FF6600;

}

.bd {

	/*padding-bottom: 10px;

	margin-bottom: 10px;*/

	

}

.bd a{

	color: #039;

	text-decoration: none;

	font-size: 14px;

}

.bd a:hover{

	color: #C30;

	text-decoration: none;

}

.brown {

	background-color: #513c37;	

}

.tan{

	background-color: #d0cb8e;

}



/* post formating */



.hentry {

	margin: 0 0 2px 0;

}



/* galary img */

.format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img {

	width: 120px;

	height: 120px;

	border-top-width: 3px;

	border-right-width: 3px;

	border-bottom-width: 3px;

	border-left-width: 3px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-color: #f1f1f1;
	
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 3px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 3px;

}


/* attachment */
.wp-caption {
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 3px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 3px;
}

/*#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
	margin-bottom: 0px;
}*/

/* =MENU

-------------------------------------------------------------- */



#access {

	width: 998px;

	background-color: #513c37;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 10px;

	border-left-width: 0px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #D0CB8E;

	border-right-color: #D0CB8E;

	border-bottom-color: #D0CB8E;

	border-left-color: #D0CB8E;

}



#access .menu-header,

div.menu {

	font-size: 13px;

	margin-left: 12px;

	width: 998px;

}

#access .menu-header ul,

div.menu ul {

	list-style: none;

	margin: 0;

}

#access .menu-header li,

div.menu li {

	float: left;

	position: relative;

}

#access a {

	color: #d0cb8e;

	display: block;

	line-height: 38px;

	padding: 0 10px;

	text-decoration: none;

	font-weight: 900;

	font-size: 14px;

}

#access ul ul {

	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	display: none;

	position: absolute;

	top: 38px;

	left: 0;

	float: left;

	width: 180px;

	z-index: 99999;

}

#access ul ul li {

	min-width: 180px;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	line-height: 1em;

	padding: 10px;

	width: 160px;

	height: auto;

	background: #d0cb8e;

	color: #513c37;

}

#access ul.menu ul.sub-menu a {

	border: none;

	-moz-border-top-left-radius: 0;

	-moz-border-top-right-radius: 0;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

	text-decoration: none;	

}

#access li:hover > a,

#access ul ul :hover > a {

	background: #885143;

	color: #d0cb8e;

}



#access li:hover > a{

	-moz-border-top-left-radius: 10px;

	-moz-border-top-right-radius: 10px;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	background: #885143;

	color: #d0cb8e;

}

#access ul li:hover > ul {

	display: block;

}

#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-parent > a {

	background: #d0cb8e;

	color: #513c37;

	text-decoration: underline;

	-moz-border-top-left-radius: 10px;

	-moz-border-top-right-radius: 10px;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #332622;

	border-right-color: #332622;

	border-bottom-color: #332622;

	border-left-color: #332622;

}



* html #access ul li.current_page_item a,

* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,

* html #access ul li.current-menu-parent a,

* html #access ul li a:hover {

	color: #fff;

	-moz-border-radius: none;

	border-radius: none;

}



ul.sub-menu li.menu-item a{

	border: none;

	-moz-border-top-left-radius: 0;

	-moz-border-top-right-radius: 0;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

	text-decoration: none;	

}



/*---------FOOTER-------*/

#footer {

margin-bottom: 0px;

}



/*-----POST NEXT / PREVIOUS --------------*/

/* =Navigation

-------------------------------------------------------------- */



.navigation {

	color: #513c37;

	font-size: 12px;

	line-height: 18px;

	overflow: hidden;

}

.navigation a:link,

.navigation a:visited {

	color: #513c37;

	text-decoration: none;

}

.navigation a:active,

.navigation a:hover {

	color: #ff4b33;

}

.nav-previous {

	float: left;

	width: auto;

	min-width: 0;

}

.nav-next {

	float: right;

	text-align: right;

	width: auto;

	min-width: 0;

}

#nav-above {

	color: #513c37;

	background-color: #D8D3A0;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: dashed;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #BBB45B;

	border-right-color: #BBB45B;

	border-bottom-color: #BBB45B;

	border-left-color: #BBB45B;

	margin-top: 0px;

	margin-right: 2px;

	margin-bottom: 2px;

	margin-left: 2px;

	padding-top: 1px;

	padding-right: 20px;

	padding-bottom: 1px;

	padding-left: 20px;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

}

.paged #nav-above,

.single #nav-above {

	display: block;

}

#nav-below {

	/*margin: -18px 0 0 0;*/

	color: #513c37;

	margin: 2px;

	padding-top: 1px;

	padding-right: 20px;

	padding-bottom: 1px;

	padding-left: 20px;

	background-color: #DAD6A7;

	border: 1px solid #BBB45B;

	border-radius: 5px;

}



/* SLIDING LIKE BAR*/

.dc-social-float-content{

	background-color: #FFF;

	padding: 5px;

	border: 1px solid #CCC;	

	-moz-border-radius: 10px;

	border-radius: 10px;

}

ul#nav-dcssb{

	list-style: none;

	margin: 0 0 0px 1em;

}



/* =Widget Areas

-------------------------------------------------------------- */



#main .widget-area ul {

	margin-left: 0;

	padding: 0 0px 0 0;

}

.widget-area{	

}

.widget-area ul {

	list-style: none;

	margin-bottom: 0px;

	margin-left: 1.3em;

	padding: 0 0 0 0;

}

.widget-area ul ul {

	list-style: none;

	margin-left: 20px;

	padding: 5px;

}

.widget-area select {

	max-width: 100%;

}

.widget_search #s {/* This keeps the search inputs in line */

	width: 60%;

}

.widget_search label {

	display: none;

}

.widget-container {

	background-color: #FFF;

	margin: 3px;

	padding: 20px;

	float: none;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 0px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #999;

	border-right-color: #999;

	border-bottom-color: #999;

	border-left-color: #999;

	border-top-right-radius: 8px;

	border-bottom-right-radius: 8px;

	/*margin: 0 0 18px 0;*/

}

.widget-title {

	padding-bottom: 2px;

	border-bottom: 2px solid #CCC;

	margin-bottom: 10px;

	font-style: normal;

	font-variant: small-caps;

	font-size: 20px;

	font-weight: bold;

	color: #333333;

}

.widget-area a:link,

.widget-area a:visited {

	text-decoration: none;

	font-size: 12px;

}

.widget-area a:active,

.widget-area a:hover {

	text-decoration: underline;

}

ul a{

	color: #039;

}



/* =Added by Rick Romine for Site Map Column Format

-------------------------------------------------------------- */



#column_wrapper {



width: 940px;



height: 200px;



margin: 10px auto;



}



#column_wrapper .column {



width: 290px;



margin-left: 15px;



float: left;



border: 0px solid #333;



-moz-border-radius: 10px;



-webkit-border-radius: 10px;



}