/*   
Theme Name: 8lions-grid
Theme URI: http://www.8lionsmedia.com
Description: The site template and style for 8 Lions Media
Author: Daniel Damkoehler
Author URI: http://www.8lionsmedia.com
Version: 1.2 
.
Layout and styles Creative Commons license. Logo is a registered trademark of 8 Lions Media.
.
*/

/*TO WORK ON - 
 + using menu li plugin to remove border on far right nav item
 + resize menu and still center?
 + sizing more things with ems? - so header expands vertically if necessary
 + skip nav
*/


/* Page Template Styles */

body 
{
margin: 0px 7px; 
color: #000; 
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
background: #D6CEB7;
}

#container {
position: relative;
background: #fff; 
margin: 0px auto;
width: 787px;
text-align: left;
border: #fff 5px solid;
font-size: 1.2em;
}

.rapper
{
background-image: url(images/bg_7.jpg);
background-repeat:repeat-y;
background-position:center; 
}

.hide {
position: absolute;
left:-9999px;
}

/* Header Styles */

#header
{
background-color: transparent;
background-image: url(images/header_1.jpg);
background-repeat: no-repeat;
background-attachment: scroll;

height: 277px;
width: 787px;
top: 0px;
}

#homelink
{
height:250px;
width:250px;
font-size:1.3em;
margin-left:28px; margin-top:25px;
}

#headerfunction
{
position: relative;
height: 59px;
width: 787px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#headermenu
{
position: relative;
float: right;
background: transparent;
height: 5em;
width: auto;
margin: 0px;
clear: both;
}

#headermenu ul
{
position: relative;
float: right;
padding: 0px 0px 0.33em 0px;
margin-top: 0px;
border-bottom: 5px solid #000000;
list-style:none;
}

#headermenu ul li
{
width: 5.5em;
position: relative;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1em;
padding: 0px 0px 0px 0px;
height: 5em;
margin: 0px;
border-right: 1px solid #000000;
text-align: center;
}


#headermenu ul li a
{
display: block;
padding: 3.7em 0px .4em 0px;
color: #000;
text-decoration: none;
width: 66px; 
height: auto;
}

#headermenu ul li a:hover, #headermenu ul li a.active
{
background: #e6e6e6;
border-bottom: 0px solid #e6e6e6;
text-decoration: none;
width:66px;
}

/* Footer Styles */

#footer {
position: relative;
clear: both;
background: #fff;
padding: 3px 0px 0px 0px;
overflow: auto;
width: 787px;
color: #000;
text-align: left;
font-size: .8em;
border-top: 4px solid #000;
}

html #footer {
height: 1%;
}

#footer p {
float: left;
width: 40%; 
line-height: 1em;
margin: 0.35em 0px 0.25em 5px;
}

#footer p img {
vertical-align: text-bottom;
}

#footer a:link,a:visited
{
color: #000;
text-decoration: none;
}

#footer a:hover,a:active,a:hover:visited
{
color: #000;
text-decoration: underline;
}

#footer ul {
float: right;
margin: 0.25em 5px 0.25em 0px; 
width: 40%; 
text-align: right;
}

#footer ul li {
display: inline; 
margin-left: 5px; 
padding-left: 5px;
list-style-type: none;
border-left: 1px solid #000;
}

#footershadow
{
background-image: url(images/bg_7_foot.png);
background-repeat: no-repeat;
background-position:center;
height:20px;
}
/* Sidebars & Content Areas */

#content
{
margin: 0px 61px 2em 264px;
padding: 0px 5px;
}

#sidebar
{
margin-top: 1.5em;
background: #fff;
}

.rightbar
{
float: right;
width: 18.0em;
}

.leftbar
{
margin-top: 0;
float: left;

}

/* Content & Post Styles */

#content h1
{
color: #000;
font-size: 1.75em;
padding: 0 0 0 0;
}

#content h2
{
color: #000;
font-size: 1.25em;
padding: 20px 0 0px 0;
margin: 0px;
border-bottom: 0px solid #000;
}

#content h3
{
color: #000;
font-size: 1.1em;
padding: 1.5em 0 0.1em 0;
margin: 0px;
border-bottom: 1px solid #000;
}

#content a
{
border-bottom-style: dashed;
border-bottom-color: #5B4B2A;
border-bottom-width: 1px;
font-weight: bold;
}

#content a:link,visited
{
color: #5B4B2A;
text-decoration: none;
}

#content a:visited
{
color: #5B4B2A;
text-decoration: none;
}

#content a:hover,active
{
color: #5B4B2A;
text-decoration: none;
}

#content ul
{
padding-left: 35px;
margin-left: 15px;
list-style: square;
}

#content li
{
padding-bottom: 7px;
}

#content p
{
line-height: 1.5em;
}

.underh3
{
padding:2px 0px;
margin: 0px;
font-style:italic;
}

.post-info
{
color: #333;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 0.5em;
}

.postmetadata
{
color: #333;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 0.5em 0 0.5em 0;
}

#entry
{
font-size:1.2em;
}

#comments h3
{
color: #992227;
font-size: 1.1em;
padding: 1em 0 0.1em 0;
}

.img
{
border: 3px solid #992227;
margin: 8px 8px 9px 8px;
}

/* Sidebox Styles */


#sidebar p
{
text-align: right;
padding: 0px 5px 0px 4px;
font-size: 1em;
}

#sidebartextblock
{
border-right: 1px solid black;
padding: 0px 0px;
height: 90px;
position: absolute;
bottom: 65px;
width: 188px;
}

#sidebar ul
{
list-style:none;
margin-top: 0.5em;
}

#sidebar li {
list-style-type: square;
color: #333;
padding-top: 3px;
padding-bottom: 5px;
margin-bottom: 5px;
}

#sidebar li.sidebox p img {
float: left; 
margin: 0px 10px 0px 0px;
}

#sidebar a:link,a:visited
{
color: #000;
text-decoration: none;
}

#sidebar a:hover,a:active,a:hover:visited
{
color: #000;
text-decoration: underline;
}

#sidebar h2{
font-weight: bold; 
font-size: 1.25em; 
text-align: left;
list-style-type: none;
padding: 0; 	
}