/*
Theme Name: Widow's Walk Demo Album
Theme URI: http://www.widowswalk.ca/
Description: Theme designed to look like the bands demo album
Version: 1.0
Author: Karinne Legault

Widow's Walk Demo Album by Karinne Legault || http://www.karinnelegault.com
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

html, body, div {
    margin: 0;
    padding: 0;
}

body {
    background: #232525 url(i/main-bg.jpg) repeat 0 0;
    font: 14px Verdana, Geneva, sans-serif;
    color: #bbb;
    padding-bottom: 50px;
}

/*** COMMON ELEMENTS
 **************************************************/
a:link, a:visited, a:active {
    color: #ee5e05;
    text-decoration: none;
}

a:hover {
    color: #fff;
}

a img {
    border: 0;
}

h2 {
    font-size: 24px;
    color: #fff;
}

h3 {
    clear: both;
}

.clear {
    clear: both;
} 


 
/*** DIVISIONS
**************************************************/
#header {
    background: url(i/header-bg-3.jpg) no-repeat center top;
    height: 340px;
}

#footer {
    background: url(i/footer-bg-2.jpg) no-repeat center top;
    height: 226px;
    margin-top: 40px;
}

#header-wrap, #content-wrap, #footer-wrap {
    margin: auto;
    width: 800px;
    overflow: hidden;
}

 
/*** HEADER
**************************************************/
 
#header h1 {
    position: absolute;
    left: -9999px;
}

 
/*** NAVIGATION
**************************************************/
#navigation {
    padding: 307px 0 0 130px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    width: 760px;
}

#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navigation ul li {
    float: left;
    display: inline;
    border-right: 1px solid #fff;
}

#navigation ul li.last {
    border: 0;
}

#navigation ul li a {
    display: block;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

#navigation ul li a:hover {
    color: #999;
}
 
/*** CONTENT
**************************************************/
#content {
    float: left;
    width: 555px;
    text-align: left;
    margin-top: 20px;
}

#sidebar {
    float: right;
    width: 225px;
    margin-top: 20px;
}

.archives-left {
    float: left;
    width: 45%;
}

.archives-right {
    float: right;
    width: 45%;
}

.thumbnails {
	border: 1px solid #ccc;
}

.posters {
	width: 150px;
	float: left;
	margin: 10px;
	text-align: center;
}

.vidlinks {
	float: left;
	margin: 10px;
}
 
/*** ENTRIES
**************************************************/
.post {
    overflow: hidden;
    margin-bottom: 20px;
}

.post h2 {
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
    font-size: 24px;
}

.post h2 span {
    color: #666;
    font-size: 11px;
}


/*** SIDEBAR
**************************************************/
#sidebar h3 {
    color: #eee;
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
    font-size: 20px;
}

#sidebar a img {
    padding: 3px;
    border: 1px solid #666;
}

 
/*** FOOTER
**************************************************/
#footer {
    font-size: 12px;
}

#footer a {
    color: #666;
}

#footer a:hover {
    color: #fff;
}

.footer-cols {
    width: 225px;
    float: left;
    margin-right: 20px;
}

.footer-cols ul {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.footer-cols ul li {
    margin: 5px 0 0;
    padding: 0;
}

.footer-cols ul li a {
    display: block;
    width: 207px;
    padding-right: 18px;
    margin: 0;
    padding: 0;
}

.footer-cols ul li  a:hover {
    background: url(i/orange-arrow.gif) no-repeat right center;
}

.footer-cols h4 {
    font-size: 18px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #333;
    color: #fff;
    margin: 8px 0 5px 0;
}