/*
      Theme Name: Whiteboardmedia for Battle Hymns 
      Theme URI: www.whiteboardmedia.com
      Version: 1.0
      Author: Whiteboardmedia
      Author URI: www.whiteboardmedia.com
  */ 

* {
 margin: 0;
 padding: 0;
 border: none;
 font-size: 1em;
}

body{
 background: url(images/layout-body-background.jpg) top left repeat-x;
 background-color:#ffffff;
 color:#666666;
 font:62.5% "Trebuchet MS", Verdana, Arial, Helvetica;
}

/*-----------------------------------------------------------------------------
   Link
----------------------------------------------------------------------------- */

a, a:link, a:visited {
	color: #9d8661;
	text-decoration: underline;
}

a {
 outline: none;
 outline-style: none;
}

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

/*-----------------------------------------------------------------------------
   Container
----------------------------------------------------------------------------- */

#container{
 width:936px;

 background:url(images/layout-body-shadow.png) repeat-y;
 margin: 0 auto;
 padding: 0 7px;
 font-size: 1.1em;
}
* html #container{
	background-image: none;
	background-color:#f8f8e6;
	padding: 0px;
}


/*-----------------------------------------------------------------------------
    Header
----------------------------------------------------------------------------- */

#header{
 border-top:12px solid #f8f8e6;
 background-color:#d6d6c9;
 background: url(images/layout-header1.jpg) top left no-repeat;
 width:936px;
 height:184px;
}

#header.about{
 background: url(images/layout-header3.jpg) top left no-repeat;
}
#header.project{
 background: url(images/layout-header5.jpg) top left no-repeat;
}
#header.news{
 background: url(images/layout-header4.jpg) top left no-repeat;
}
#header.blog{
 background: url(images/layout-header5.jpg) top left no-repeat;
}


#header h1{
 background: url(images/layout-header-logo.jpg) no-repeat;
 width:516px;
 height:68px;
}
#header h1 a{
/* background: url(../images_layout/header-logo.jpg) no-repeat;*/
 width:516px;
 height:68px;
 display: block;
 /* hide from IE Mac \*/
 text-indent: -999em;
 overflow: hidden;
 /* end hide */
}
* html > body #header h1 a {
   letter-spacing: -999em;
}
/*-----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */

#navigation {
	background:url(images/layout-navigation-background.jpg) repeat-x;
	padding: 10px 0px;
	height: 21px;
	text-align:center;
   font-size:1.3em;
   display:block;
}

#navigation ul {
	list-style: none;
	margin-left: -20px;
}

#navigation ul li { 
	display: inline;
	
}

#navigation ul li a {
   text-decoration: none;
	color: #ffffff;
	border: none;
	
}

#navigation ul li a:hover, #navigation ul li a.active {
	color: #515149;
}

#navigation ul li.current a {
	color: #515149;
}

/*#navigation ul li.menuline1 a {
	padding:0px 20px;
	border-right: 1px solid #515149;
	
}

#navigation ul li.menuline2 a {
	padding:0px 20px;
}*/
#navigation ul li:before { color: #32322d; content: "|  "; padding: 0px 20px 0px 20px;}
#navigation ul li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
*:first-child+html #navigation ul li
{
border-left: 1px solid #32322d;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}
*:first-child+html #navigation ul li:first-child { border-left: 0; border-left: none; }
*html #navigation ul li
{
border-left: 1px solid #32322d;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
*html #navigation ul { height: 1%; }

/*End hide*/
/*Mac IE 5*/
*html #navigation ul li:first-child { border-left: 0; border-left: none; }
*html #navigation ul li.first{
	border: none;
}


/*-----------------------------------------------------------------------------
    Content
----------------------------------------------------------------------------- */

#content{
 overflow: hidden;
 background-color:#f8f8e6;
 font-size: 1.2em;
 overflow: hidden;
 padding-bottom: 20px;
}
* html #content{
	margin-bottom: 20px;
}
#main-content{
 width:631px;
 float: left;
 margin-left:30px;
 padding-top:20px;
 min-height: 600px;


}
* html #main-content{
	margin-left: 20px;
}
#main-content p{
 margin-top:15px;
}
#main-content ul{
	margin-left: 20px;
}
#main-content ul li{
	margin-left: 10px;
}
#main-content h2{
 font-size:1.6em;
 margin-top:18px;
 color: #584c3f;
}
* html #main-content h2{
	margin-top: 40px;
}

#main-content h2 span{
 color: #7e6035;
}

/* Home */

#main-content div.mini-content{
 background-color:#ffffff;
 width:191px;
 height:244px;
 float: left;
 margin-top:15px;
 margin-right:17px;
 margin-bottom:25px;
 border: 1px solid #e6cca7;
}
* html #main-content div.mini-content{
	width: 158px;
}
#main-content div.mini-content img{
 padding:5px 16px;
 float:left;
}

#main-content div.mini-content p{
 margin:5px 16px;
 float:left;
 color:#908f93;
 font-size:0.85em;
}

#main-content div.mini-content h3{
 font-size:1.1em;
 margin:10px;
 text-transform:uppercase;
 border-bottom:1px solid #978a7b;
 color: #584c3f;
}

/* Projects */

#main-content div.projects-content{
 background-color:#ffffff;
 width:565px;
 float: left;
 padding:15px;
 border: 1px solid #e6cca7;
 margin-top: 15px;
}

#main-content div.projects-content img{
	float: left;
	padding: 0px 0px 15px 0px;
}

#main-content div.projects-content p{
 padding-bottom: 10px;
}

#main-content div.projects-content h2{
 margin-top: 5px;
 margin-bottom: 5px;
}


/* News & Media */

#main-content div.newsmedia-content{
 margin-top:20px;
 width: 631px;
 float:left;
}

#main-content div.newsmedia-content div.image{
	width: 85px;
	float: left;
	margin-top: 10px;
}

#main-content div.newsmedia-content div.image img{
 background-color:#ffffff;
 border: 1px solid #e6cca7;
 padding:5px;
}

#main-content div.newsmedia-content div.text{
	width: 530px;
	float: left;
	margin-left: 15px;
}

#main-content div.newsmedia-content div.text h3{
 font-size:1.2em;
 text-transform:capitalize;
 margin-bottom: 5px;
}

#main-content div.newsmedia-content div.text h4{
 font-size:0.9em;
}

#main-content div.newsmedia-content div.text p{
  margin: 5px 0px;
}

#main-content div.newsmedia-content div.text p span{
 font-size:.9em;
 display: block;
}

/* Blog */

#main-content div.blog{
 margin-top:20px;
 width: 631px;
}

#main-content div.blog h2{
 margin:0px;
 font-size:1.4em;
}

#main-content div.blog h3{
 font-size:0.95em;
 color:#c2c2c0;
}

#main-content div.blog p{
 margin-top:0px;
 padding-top:15px;
 padding-bottom:5px;
}
#main-content div.posted{
	margin-top: 5px;
}
#main-content div.posted img{
 margin-left:5px;
 vertical-align:middle;
}


#main-content div.posted p{
 margin:0px;
 padding-top:5px;
 color:#9d8661;
 border-top: 1px dashed #908f93;
}

/* Photo Gallery */

#main-content div.photogallery-content{
 margin-top:20px;
 width: 180px;
 float:left;
 margin-right: 30px;
}

#main-content div.photogallery-content div.image{
	width: 169px;
	float: left;
}

#main-content div.photogallery-content div.image img{
 background-color:#ffffff;
 border: 1px solid #e6cca7;
 padding:5px;
}

#main-content div.photogallery-content div.text{
	width: 167px;
	float: left;
}

#main-content div.photogallery-content div.text h3{
 font-size:1.1em;
 text-transform:capitalize;
 margin: 5px 0px;
 color: #9d8661;
}

#main-content div.photogallery-content div.text h3 a{
	text-decoration: none;
}

#main-content div.photogallery-content div.text h4{
 font-size:0.9em;
 font-style: italic;
}

#main-content div.photogallery-content div.text p{
  margin: 5px 0px;
  font-size:0.9em;
}

/* Contact */

#main-content div.contact-us {
	 margin: 30px 0 0 0;
	 padding: 0px 0 20px 0;
    display:block;
    height:auto;
	 text-align: center;
}

#main-content div.contact-us form {
	 border-style:none;
    font-size:.9em;
}
#main-content div.contact-us form p {
    margin:10px 0px 0px 0px;
	 width: 631px;
	 float: left;
}
#main-content div.contact-us form fieldset {
    border-style:none;
  	 border:none;
}
#main-content div.contact-us form p.button {
	 margin: 10px 0px 0px 122px;
    text-align:right;
    width: 322px;
    padding-top:10px;
	 font-size:1.1em;
}
#main-content div.contact-us form p.button button {
 	 background-color: #9d8661; 
	 width: 85px;
	 height: 25px;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:center;
    color:#ffffff;
	 line-height: normal;
    border-style:none;
}
#main-content div.contact-us form label {
	 width:220px;
    text-align:right;
    float:left;
    padding:0px 20px 10px 0px;
}
#main-content div.contact-us form input:hover, form textarea:hover {
    background:#fffdf7;
}
#main-content div.contact-us form input:focus, form textarea:focus {
    background:#FFFFFF;
}
#main-content div.contact-us form input, form textarea {
    background:#FFFFFF;
	 border:1px solid #b7b6bb;
    width:195px;
    padding:3px;
    float:left;
    margin:0px 0px 10px 0px;
    font: 1em Arial, sans-serif;
}

#main-content div.contact-us form textarea {
    height:150px;
}
#main-content div.comments{
	padding-top: 20px;
	padding-left: 20px;
}
#main-content div.comments form p input{
	border: 1px solid #CACACA;
}
#main-content div.comments form p.button{
   width: 300px;
}
#main-content div.comments form p.button input{
	cursor: pointer;
}
/*-----------------------------------------------------------------------------
    SideBar
----------------------------------------------------------------------------- */

#sidebar{
   width: 200px;
   float: left;
   margin-top:40px;
   padding-left: 40px;
	
	
}
* html #sidebar{
	width: 190px;
}

#sidebar h2{
 font-size:1.6em;
 margin-bottom:15px;
 border-bottom:1px solid #978a7b;
 color: #584c3f;
}

#sidebar h2 span{
 color: #7e6035;
}

#sidebar div.post{
	margin: 5px 0px 20px 0px;
}
#sidebar div.post h4{
	text-transform:uppercase;
	padding-bottom: 4px;
}
#sidebar div.post p{
	font-size:0.85em;
	padding-bottom: 4px;
}
#sidebar div.post p span{
	display: block;
}

#sidebar ul{
	margin-top: 15px;
	font-size: 0.9em;
}
#sidebar ul li{
	list-style: none;
	background: url(images/layout-sidebar-ul-li.jpg) 0px 5px no-repeat;
	padding-left: 15px;
}
#sidebar ul li a{
	text-decoration: none;
}
/*-----------------------------------------------------------------------------
   Footer
----------------------------------------------------------------------------- */

#footer{
 background-color:#ececd9;
 background:url(images/layout-footer-background.jpg) bottom left repeat-x;
 height:90px;
 clear:both;
 font-size:1.1em;
 color:#8e877a;
 text-align:center;
}

#footer ul {
	padding-top:20px;
	padding-bottom:10px;
}
#footer ul li {
	list-style: none;
	display: inline;
}

#footer ul li a{
	text-decoration: none;
	color:#8e877a;
}

/*#footer ul li.menuline1 a {
	padding:0px 10px;
	border-right: 1px solid #32322d;
}

#footer ul li.menuline2 a {
	padding:0px 10px;
}
*/
#footer ul li:before { color: #32322d; content: "|  "; padding: 0px 10px 0px 10px;}
#footer ul li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
*:first-child+html #footer ul li
{
border-left: 1px solid #32322d;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}
*:first-child+html #footer ul li:first-child { border-left: 0; border-left: none; }
*html #footer ul li
{
border-left: 1px solid #32322d;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
*html #footer ul { height: 1%; }

/*End hide*/
/*Mac IE 5*/
*html #footer ul li:first-child { border-left: 0; border-left: none; }
*html #footer ul li.first{
	border: none;
}