/*
Theme Name: Feenish
Theme URI: http://www.feenish.com/
Description: A WordPress theme for the fine people at Feenish Productions
Version: 1.0
Author: Tom O'Doherty
Author URI: http://www.tomodoherty.ie/
Tags: feenish
*/

/* ========================================================= */
/* warnings! */
/* ========================================================= */

/*
- do not update 'twitter for wordpress' plugin without having backup of twitter.php from existing plugin: various mods made which will need to be reinserted into future versions by hand
*/

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

* {margin: 0; padding: 0;}
hr {display: none;}
body {background: #fff; color: #333; font-size: 62.5%; font-family: Arial, Helvetica, Sans-Serif; text-align: center;}
#wrap {vertical-align: middle; margin: 0 auto; text-align: left; width: 900px;}

/* ========================================================= */
/* basic layout divs */
/* ========================================================= */

div#sidebar {clear: both; border-top: 1px solid #d0d0d0;}
div#content {clear: both;}

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

a, a:link {color: #3182c6; background: url("images/links/a/link.gif") left bottom repeat-x; text-decoration: none;}
a:visited {color: #265e8d;}
a:hover {background: #3182c6; color: #fff;}
a:active {color: #888;}

/* ========================================================= */
/* typography */
/* ========================================================= */

#main p, #main ul, #main dl {font-size: 1.1em; line-height: 1.6em; margin: 0 0 9px 0; list-style-type: none;}#main li {background: url("images/other/li.gif") left top no-repeat; padding: 0 0 0 12px;}
form input, form textarea {background: #d5d5d5; padding: 1px; font-family: Arial, Helvetica, sans-serif;}
h3, div.extras h2 {font-weight: normal; font-size: 1.8em; color: #666; margin: 0 0 5px 0; line-height: 20px;}
div.extras h2, h3.line {border-bottom: 1px solid #d0d0d0; padding: 0 0 5px 0; margin: 0 0 14px 0;}

/* div.extras = h2 headers on 'your project' page, via split-page.php template */

/* ========================================================= */
/* repeating classes */
/* ========================================================= */

.block {float: left; width: 324px; margin: 0 20px 0 0;}
.aside {float: right; width: 556px;}
.miniaside {float: right; width: 212px;}
.wide {float: left; width: 688px; margin: 31px 0 27px 0;}

/* ========================================================= */
/* top > logo and search*/
/* ========================================================= */

div#top h1 a {
	background: #fff url("images/other/logo.png") left bottom no-repeat;
	margin: 0 0 9px 0; float: left; width: 121px; height: 72px; font-size: 10px; font-weight: normal;
	letter-spacing: -5px; text-align: center; color: #fff;
}
div#top div#search {float: right; margin: 52px 0 0 0;}
div#top div#search p {float: left; margin: 6px 5px 0 0;}

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

div#sidebar h2 {float: left; width: 85px; font-size: 1.2em; margin: 8px 0 0 0; padding: 2px 0 0 0;}
div#sidebar ul {float: left; list-style-type: none; margin: 8px 0 5px 0;}
div#sidebar ul#aboutus {width: 249px; margin-right: 10px;}
div#sidebar ul#ourwork {width: 400px; /* width: 470px; -- contingency width for extra categories if added */}

div#sidebar ul li {background: url("images/other/li-nav.gif") left top no-repeat;
float: left; font-size: 12px; line-height: 14px; padding: 1px 0 2px 10px;}
div#sidebar ul li.current_page_item a 
{background: #fff; color: #333; font-weight: bold;}
div#sidebar ul#ourwork li.current-cat a 
{background: #fff; color: #333; font-weight: bold;}

div#sidebar ul#aboutus li {width: 90px;}
div#sidebar ul#ourwork li {width: 89px; /* width: 84px; -- contingency width for extra categories if added */}

#breadcrumb {clear: both; border-top: 1px solid #d0d0d0; color: #666; margin: 0 0 39px 0;}
#breadcrumb p {margin: 2px 0 0 0; line-height: 15px;}

/* ========================================================= */
/* front > intro text */
/* ========================================================= */

#introtext {background: url("images/other/intro.gif") left top no-repeat; height: 214px; width: 334px; margin: 0 10px 0 0;}
#introtext h3 {margin-bottom: 23px;}
#introtext p {font-size: 12px; line-height: 19px; margin: 10px 14px 2px 20px;}

/* ========================================================= */
/* front > recent work */
/* ========================================================= */

#main ul.thumbs li {float: left; width: 127px; height: 71px; margin: 0 10px 0 0; padding: 0;}

#main ul.thumbs li a img {border: 1px solid #3182c6; height: 71px; width: 125px; vertical-align: bottom; float: left;}

#main ul.thumbs li span a {
	color: #fff;
	position: relative;
	border: 1px solid #3182c6;
	top: -73px;
	padding: 43px 3px 0 3px;
	width: 119px;
	height: 28px;
	font-size: 11px;
	line-height: 13px;
	background: url("images/links/a/thumbs.png") left bottom repeat-x;
	float: left;
}
#main ul.thumbs li span a:hover {color: #3182c6; background: url("images/links/a/thumbs-hover.gif") left bottom repeat-x;}

/* ========================================================= */
/* front > feeds */
/* ========================================================= */

/* basic plugin styles */

#feeds {background: url("images/other/feeds.gif") right top no-repeat; height: 214px;}
#feeds ul {padding: 4px 0 0 0;}

#feeds ul li {background: none; padding: 0 0 3px 0; margin: 3px 10px 0 10px; line-height: 17px;}

#feeds ul li span {float: right; width: 194px; text-align: right; font-size: 10px; line-height: 10px; border-bottom: 1px solid #d0d0d0; padding: 0 0 4px 0; margin: 2px 0 4px 0; color: #666;}

#feeds ul li span abbr {border-bottom-width: 0;}

/* twitter tools plugin styles */

/*
#feeds {background: url("images/other/feeds.gif") right top no-repeat; height: 214px;}
#feeds ul {padding: 4px 0 0 0;}
#feeds ul li {
	background: none;
	border-bottom: 1px solid #d0d0d0;
	padding: 0 0 3px 0;
	margin: 3px 10px 0 10px;
}
#feeds ul li.aktt_more_updates {position: absolute; left: -9999px;}
#feeds ul li a.aktt_tweet_time {float: right; font-size: 11px; line-height: 13px;}
*/


/* ========================================================= */
/* front > elsewhere */
/* ========================================================= */

#elsewhere {margin: 31px 0 0 0;}
#elsewhere h3.line {margin: 0 0 3px 0;}

/* ========================================================= */
/* inner > individual project posts */
/* ========================================================= */

#postimage {margin: 25px 0 27px 0;}
#postimage img {vertical-align: bottom; border: 1px solid #b0b0b0;}

.post div.postnavigation {border-top: 1px solid #d0d0d0; color: #666; line-height: 1.3; clear: both;}
.post div.postnavigation div.postleft {float: left; width: 160px; margin: 5px 0 5px 0;}
.post div.postnavigation div.postright {float: right; text-align: right; width: 160px; margin: 5px 0 5px 0;}

#main div.post dl {float: right; width: 148px; padding: 5px 9px 2px 9px; margin: 4px 0 8px 10px; background: #eee; border: 1px solid #d0d0d0; font-size: 10px; line-height: 15px; color: #000;}

#main div.post dl dt {float: left; width: 65px; font-weight: bold;}
#main div.post dl dd {margin-left: 65px; margin-bottom: 4px;}

#main blockquote {background: #eaeaea url("images/other/bq.gif") right top no-repeat; padding: 12px 18px 5px 18px; border: 1px solid #d0d0d0; margin: 0 0 9px 0; color: #000;}

#main div.post p.pagination {border-top: 1px solid #d0d0d0; padding-top: 9px;}

/* ========================================================= */
/* inner > category pages */
/* ========================================================= */

.project {float: left; width: 332px; height: 187px; margin: 0 0 10px 10px; background: #eaeaea; border: 1px solid #d0d0d0;}
.sidecolumn {float: left; width: 190px; padding: 7px 10px 0 11px; border-top: 1px solid #d0d0d0;}

#container {width: 689px; float: left;}

#clear {clear: both;}
#clear p {margin: 0; padding: 0; font-size: 10px; line-height: 10px; text-align: right; color: #fff;}

#main div#bg {background: url("images/tiles/column.gif") left bottom repeat-y;}

#main div.project h4 {float: left; margin: 8px 0 10px 10px; font-size: 1.8em; line-height: 1.2em; font-weight: normal; width: 175px; height: 74px; border-bottom: 1px solid #d0d0d0;}
#main div.project a img {border: 1px solid #3182c6; float: right; margin: 10px; width: 125px; height: 71px;}
#main div.project a:hover img {border: 1px solid #000;}
#main div.project p {margin: 0 10px 9px 10px;}
#main div.project dl {float: right; width: 127px; margin: 0 10px 10px 10px; height: 83px;}
#main div.project dl dt {float: left; width: 45px; font-weight: bold;}

#main div.navigation {clear: left; /* background: #eaeaea; border: 1px solid #d0d0d0; width: 656px; padding: 9px 10px 9px 10px; font-size: 1.1em; font-weight: bold; -- contingency for pagination if needed */}

/* ========================================================= */
/* inner > pages */
/* ========================================================= */

#main div.person {border-bottom: 1px solid #d0d0d0; clear: both;}
#main div.lastperson {border-bottom: none; clear: both;}
#main div.person p img, #main div.lastperson p img {border: 1px solid #333; float: left; margin: 5px 10px 1px 0; vertical-align: bottom;}

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

#footer {
	clear: both;
	text-align: right;
	font-size: 1.1em;
	color: #666;
	margin: 0 0 7px 0;
	padding: 6px 2px 0 2px;
	border-top: 1px solid #d0d0d0;
}
#footer p.float {float: left; text-align: left;}

/* ========================================================= */
/* mediabox styles */
/* ========================================================= */

#lbOverlay {position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute; left: 50%; overflow: hidden; background-color: #000;}
.lbLoading {background: #000 url("images/mediabox/loading.gif") no-repeat center;}
#lbImage {background-repeat: no-repeat; border: 7px solid #000;}
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url("images/mediabox/prev.png") no-repeat 0% 30%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url("images/mediabox/next.png") no-repeat 100% 30%;}

#lbBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ccc;
	line-height: 16px;
	text-align: left;
	border: 7px solid #000;
	border-top-style: none;
}

#lbCloseLink {display: block; float: right; width: 80px; height: 16px;
background: transparent url("images/mediabox/close.gif") no-repeat center; margin: 0px;}
#lbCaption, #lbNumber {margin-right: 14px;}
#lbCaption {font-weight: bold;}

/* ========================================================= */
/* i'm feenished */
/* ========================================================= */