/*
Theme Name: Freeborn Sound
Theme URI: http://www.freebornsound.com/
Description: A pleasingly geometric take on the blues
Version: 1.0
Author: Tom O'Doherty
Author URI: http://www.tomodoherty.ie/
Tags: freeborn
*/


/* ========================================================= */
/* to do... */
/* ========================================================= */

/*
- blog post permalink page layout
- title attribute on vimeo thumb images
*/

/* ========================================================= */
/* basic setup and layout */
/* ========================================================= */

* {margin: 0; padding: 0;}
hr {position: absolute; left: -9999px;}
body {background: #ddd; font-size: 62.5%;font-family: Helvetica, Arial, Sans-Serif; color: #111; text-align: center;}
#wrap {vertical-align: middle; margin: 0 auto; text-align: left; width: 960px;}
#top {margin: 10px 0 0 0;}
#main {background: url("images/tiles/main.gif") left top repeat-y; clear: both;}
#main.wide {background: #fff;}
#main div#content {float: left; width: 556px; padding: 14px 14px 0 14px;}
#main.wide div#content {width: 932px;}
#main div#feeds {float: right; width: 352px; padding: 14px 0 0 14px;}
#footer {background: #fff; /* clear: both; */}
p#hack {clear: both; background: #ddd url("images/tiles/main.gif") left top repeat-y; font-size: 10px; height: 10px; text-align: right; color: #fff; margin: 0; padding: 0;}
p#hack.wide {background: #fff;}

/* ========================================================= */
/* links */
/* ========================================================= */

a, a:link {color: #3b598f;}
a:visited {}
a:hover {color: #fff; background: #3b598f; text-decoration: none;}
a:active {}

/* ========================================================= */
/* typography and lists */
/* ========================================================= */

#main p, #main ul {font-size: 1.1em; line-height: 1.6em; margin: 0 0 8px 0; list-style-type: none;}
#main h3 {font-size: 1.1em; margin: 0 0 4px 0;}

#main div.post ul li, #main div#feeds ul#uhoh li {background: url("images/other/li.gif") left top no-repeat; padding-left: 12px;}

h2 {font-size: 1.6em; font-weight: normal; margin: 0 0 8px 0; padding: 0 0 8px 0; border-bottom: 1px solid #ccc;}

#feeds h2 {width: 338px; margin: 0 0 14px 0;}

dt.gallery-icon a img {border: 1px solid #3b598f; vertical-align: bottom;}

/* ========================================================= */
/* top > logo */
/* ========================================================= */

#top h1 a {float: left; width: 111px; height: 201px; padding: 12px 14px 12px 14px; margin: 0 10px 0 0;
background: #fff url("images/other/logo.gif") center no-repeat;}
#top h1 a span {position: absolute; left: -9999px;}
#top h1 a:hover {background: #3b598f url("images/other/logo.gif") center no-repeat;}

/* ========================================================= */
/* top > extras */
/* ========================================================= */

#top div#nav {height: 225px; background: #fff; float: left; width: 811px; margin: 0 0 10px 0;}

#top div#nav div#extras {border-bottom: 1px solid #ddd; height: 78px; padding: 8px 14px 0 14px;}
#top div#nav div#extras p {font-size: 11px; line-height: 17px;}

#top div#nav div#extras div#topaside {float: right; text-align: right;}
#top div#nav div#extras div#topaside div#search {margin: 26px 0 0 0;}

/* ========================================================= */
/* top > nav */
/* ========================================================= */

#top div#nav ul {list-style-type: none;}

#top div#nav ul li a {
	float: left;
	font-size: 1.6em;
	line-height: 16px;
	background: #fff;
	padding: 112px 14px 10px 14px;
	text-decoration: none;
}

#top div#nav ul li a:hover {
	background: #3b598f;
	color: #fff;
}

#top div#nav ul li.current_page_item a {background: #888; color: #fff;}

/* ========================================================= */
/* frontimg */
/* ========================================================= */

#frontimg {clear: both; background: #eee url("images/other/hmm.jpg") left top no-repeat; border: 1px solid #fff; height: 206px;}

/* ========================================================= */
/* main */
/* ========================================================= */

#main {margin: 10px 0 0 0; /* padding: 14px; */}

/* ========================================================= */
/* main > posts */
/* ========================================================= */

#main div.post {border-bottom: 1px solid #ccc; margin: 0 0 14px 0;}
#main div.post p.unfloat {clear: both; margin: 0; padding: 0; font-size: 10px; line-height: 10px; text-align: right; color: #fff;}
#main div.post div.info {float: left; width: 121px; margin: 3px 14px 0 0;}
	/* 3px added to compensate for paragraph line-height*/
#main div.post div.entry {float: left; width: 421px;}

#main div.post div.entry p img {float: right; border: 1px solid #888; margin: 0 0 8px 10px;}

div.postnavigation {/* clear: both; */}
div.postnavigation div.alignleft {float: left; width: 160px;}
div.postnavigation div.alignright {float: right; text-align: right; width: 160px;}


/* ========================================================= */
/* main > pages */
/* ========================================================= */

.page {}

/* ========================================================= */
/* feeds */
/* ========================================================= */

#main div#feeds ul li {float: left; width: 87px; margin: 0 0 10px 0;}
#main div#feeds ul li a img {border: 1px solid #3b598f; vertical-align: bottom; width: 75px;}
#main div#feeds ul li a:hover img {border: 1px solid #000;}

#main div#feeds ul#uhoh li {float: none; width: auto; margin: 0;}

/*
#feeds p {clear: both; padding: 10px 0 5px 0; margin: 0 10px 5px 0; border-bottom: 1px solid #888;}
#feeds ul li {float: left; width: 87px; margin: 5px 0 5px 0;}
#feeds ul li a img {border: 1px solid #fff; vertical-align: bottom; width: 75px;}
#feeds ul li a:hover img {border: 1px solid #000;}
#feeds dl {margin: 3px 10px 0 0;}
#feeds dl dt {float: left; margin: 2px 7px 0 0; font-size: 1.1em; line-height: 1.6em;}
*/

/* ========================================================= */
/* footer */
/* ========================================================= */

#footer {margin: 10px 0 10px 0; padding: 14px;}
#footer p {font-size: 11px;}
#footer p.float {float: right;}