/*
Theme Name: For Fox
Theme URI: http://musicforfox.com
Description: The band For Fox.
Version: 1.0
Author: Johan Mårtensson
Author URI: http://musicforfox/
Tags: vintage, music
*/
html, body {height: 100%; font-size: 90%;}
body {background:  url(images/forfox_texture.jpg) repeat-x fixed; font-family: Garamond; margin: 0; padding: 0; }
#wrapper { width:780px; padding: 0; margin: 0; overflow: hidden;}

h1 {margin: 0; padding: 0;}
#theDots { background: url(images/dots.png); margin-left: 780px; width:100%; height: 100%; position: fixed;}
#top {padding: 20px; background: url(images/topDots.png) no-repeat;}

a { color: #5c695b;}


.entry-meta {color: #8f9283; text-transform: uppercase; font-size: .8em;}

.post {padding-left: 56px; margin-bottom: 20px; position: relative; width: 500px;}
.entry-date {position: absolute; top:0; left:19px ; border-right:1px solid #a4a292; text-align:center; text-transform: uppercase; font-size: .9em; width: 30px; color: #5c695b;}

h2.entry-title { text-transform: uppercase; font-size: 1em; margin: 0 0 2px 0; padding: 0; }
h2.entry-title a {text-decoration: none;}
h2.entry-title a:hover { text-decoration: line-through;}


.entry-content a img {
	border: none;
}
.entry-content img {
	max-width: 500px;
}

.entry-content { color: #6f6e6c;}
.entry-content p,
.widget p {padding: 0; margin: 9px 0 9px 0; line-height: 1.2em;}
.entry-content-footer { background: url(images/post_footer.png) no-repeat; height:33px; width: 533px; margin-left: -35px;}

#left {background: url(images/box.png) right top no-repeat fixed; height: 1500px; width: 750px; float: left;}
#box1 {position: fixed; top:-2px; left:571px; background: url(images/box.png); width: 211px; height: 317px; font-size: .8em; display: none; }
#right {background: url(images/dots.png); margin-left: 750px; width:100%; height: 100%; position: fixed;}

#sidebar { margin-top:75px; margin-right: 10px; float: right; width:190px; background: url(images/sidebarBG.png); overflow: hidden; }

/* COMMENTS */
h3#comments { font-size: .9em; text-transform: uppercase; color:#5c695b; width: 500px;margin-left: 56px;}
.commentlist { width: 500px; margin: 0 0 0 56px; padding: 0; color: #6f6e6c; list-style: none;}
#respond { width: 500px; margin-left: 56px;}
#respond h3 { font-size: .9em; text-transform: uppercase; color:#5c695b;}
#respond textarea {width:100%; height: 80px; padding: 2px;}
.commentmetadata { color: #8f9283; text-transform: uppercase; font-size: .8em;}
.nocomments {margin: 0 0 0 56px; color: #6f6e6c; padding: 0;}

/* WIDGETS */
#sidebar {margin-bottom: 30px;}
#sidebar ul {margin: 0; padding: 0;}
#sidebar ul li {list-style: none; color: #6f6e6c; margin: 0; padding: 0;}

#sidebar ul ul li {padding: 3px 0 3px 0;}

h3.widgettitle {font-size: .9em; text-transform: uppercase; color:#5c695b; margin-bottom: 3px;}
.widget { background: url(images/sidebarDivider.png) no-repeat center bottom; padding-bottom:15px!important; }