/*  
Theme Name: FreakyTrigger
Theme URI: http://freakytrigger.co.uk/
Description: 2009 appearance
Version: 5
Author: Alan Trewartha and Steve Mannion
Author URI: http://freakytrigger.co.uk/

	FreakyTrigger 2009

*/


/* THE GROUND RULES */

body
{	font-family: Arial, Helvetica, sans-serif ;
	background-color: #fff;
	background-image: url(images-alt-b/bodybg.jpg);
	background-repeat:repeat-x;
	color: #000;
	margin: 0px;
	padding: 0px;
}

a, a:link, a:visited	{text-decoration: none; font-weight: bold; color: #4d6480;}
a:hover					{text-decoration: underline; }


p {padding: 0px;}

h1, h2, h3, h4, h5
{	line-height: 135%;
	font-weight: bold;
	margin-bottom: 6px;
	font-family: Helvetica, Geneva, Arial, sans-serif;
}

h1		{ font-size: 30px; letter-spacing: -1px; }
h2		{ font-size: 24px; letter-spacing: -1px;}
h3		{ font-size: 16px; }
h4, h5	{ font-size: 10px; }


div.post img	{ max-width: 100%; }	/* don't break out of the column */

	
img.centered { display: block; margin-left: auto; margin-right: auto; }

a img {border:0}
	
.right, .alignright
{	margin: 0 0 10px 10px;
	padding: 4px 4px 12px 4px; 
	float: right;
}

.left, .alignleft
{	margin: 0 10px 10px 0;
	padding: 4px 4px 12px 4px; 
	float: left;
}

.tall_img
{	max-height:350px;
	overflow: hidden;
	position:relative;
}

.tall_img:hover
{	max-height:none;
}

.tall_img_post
{	position:absolute;
	bottom:0;
	margin-left:auto;
	margin-right:auto;
	background: black;
	color: white;
	padding:6px 20px 6px 20px;
	opacity: 0.7;
}

.tall_img:hover .tall_img_post { display:none}

#banner
{	height:116px;
	background-image: url(images-alt-b/top-bar.gif);
	font-size:12px;
	line-height: 140%;
	color: white;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
}

#banner a.opaque
{	opacity: 0.8;
	filter: alpha(opacity=85);
}

#banner a.opaque:hover
{	opacity: 1;
	filter: alpha(opacity=100);
}

a#logo, a#head_pop, a#head_slug, a#head_pwc
{	display:block; text-decoration:none; color: white;}

#logo
{	background-image: url(images-alt-b/top-logo.gif);
	position: absolute;
	top: 0px; left: 25px;
	width:154px; height:87px;
	cursor:pointer;
}

#head_pop, #head_slug, #head_ft10, #head_pwc {position: absolute;	top: 0px; cursor:pointer; overflow: hidden;}

#head_pop
{	background-image: url(images-alt-b/top-pop.png);
	left: 250px;
	width:110px;	padding-right:77px;
	height:47px;	padding-top:40px;
}

#head_slug
{	background-image: url(images-alt-b/top-loll.gif);
	left: 470px;
	width:150px;	padding-right:77px;
	height:47px;	padding-top:40px;
}

#head_ft10
{	background-image: url(images-alt-b/top-ft10.gif);
	left: 730px;
	width:150px;	padding-right:74px;
	height:47px;	padding-top:40px;
}

#head_pwc
{	background-image: url(images-alt-b/top-pwc.png);
	left: 720px;
	width:100px;	padding-right:130px;
	height:47px;	padding-top:40px;
}



#categories, #functions
{
	font-family: Arial, Helvetica, sans-serif ;
	font-size:14px;
	letter-spacing: -1px;
	font-weight: bold;
	position: absolute;	top:87px; 
	z-index:3;
	text-overflow: clip;
	overflow: hidden;
	height:25px;
}

#categories	{	margin-left:25px; }
#functions	{	margin-left:662px; }

#categories ul, #functions ul { margin:0; padding:0; padding-top:5px}

#categories a, #functions a {text-decoration:none; color: white}

#categories ul li, #functions ul li
{	display: inline;
	list-style-type: none;
	padding: 4px 10px 4px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#categories ul li:hover, #functions ul li:hover
{	background: #966;
}

#curr_list {background: #633;}

#content
{	background-image: url(images-alt-b/main-bg.jpg);
	background-repeat:repeat-x;
	width:590px;
	padding:30px;
	background-color: white;
	line-height: 130%;
	font-family: Georgia, serif ;
	font-size:12px;
	line-height: 150%;

}

#content h1 { font-size: 30px; text-align: center; letter-spacing: -1px; margin-top: -10px;}


div.post {position:relative;}

div#archive_container
{	position:relative;
	height:300px;
	border:1px solid #b8ced9;
	margin-bottom: 50px;
}
div.post.archive.feature
{	background-color: #FFFEFE;
	background-image: url(images-alt-b/post_archive_feature.jpg);
	background-repeat:repeat-x;

	position: absolute;
	top:0;

	height:300px; width: 568px;
	padding: 0 10px 0 10px;
	overflow: hidden;	
}

div.post.archive.feature h2 span { float:right; margin-left:10px}

h3.archive_date
{	clear:left;
	border-bottom:1px solid #333;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
}

h3.archive_date span
{	margin: 0;
	background-image: url(images-alt-b/date-bg.gif);
	color: white;
	padding: 9px 9px 0px 9px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}

div.post h2 {clear:left;}


div.post span.more {color: #fff; background: #557180; padding: 0 4px 0 4px}
div.post span.more:hover {color: #000; background: #b8ced9;}

p.page-links
{	border-top: 1px solid #b8ced9;
	border-bottom: 1px solid #b8ced9;
	padding:2px;
	font-size:14px;
	line-height: 140%;
}


p.page-links a {text-decoration:none;}
p.page-links a:hover {background: #b8ced9; color:white;}
p.page-links span
{	padding: 0 2px 0 2px; margin:1px; }

.post_data
{ text-align:right;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-bottom: 10px;
padding-top: 5px;
}

.post {
margin-bottom: 30px;
}

ul#sidebar
{	font-size: small;
	position: absolute;
	top: 106px;
	margin:20px 10px 20px 658px;
	padding:10px;
	list-style: none;
	width:290px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(images-alt-b/sidebar-bg.jpg) top repeat-x #fff;
	border-left: 1px dotted #dff3fc;
}

ul#sidebar form			{	text-align: center; padding:0 10px 0 5px; }
ul#sidebar input#search {	width:75%; color: gray;}
ul#sidebar input#search:focus {	color: black;	}


ul#sidebar h2
{	border-top: 1px solid #444;
	padding-top: 6px;
	font-size: 17px;
	padding-bottom: 6px;
}

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

ul#sidebar ul li
{	margin-bottom: 10px;
}


.navigation
{	border: 1px solid #7e8d9b;
	background-color: #dff3fd;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	-webkit-border-radius: 15px;
	-moz-border-radius:15px;
}

.navigation span  { float:left; width: 50%;}
.navigation span + span {text-align:right}

h3.comments span
{font-size: 12px; margin-left: 20px; }


.commentlist
{ list-style-position: inside; padding: 0; margin-top:0;
font-family: Arial, Helvetica, sans-serif;
}

.comment-author img.avatar, .edit_comment
{	float:right; margin-left:11px; text-align: right;
font-family: Arial, Helvetica, sans-serif;
	
}

img.avatar
{
	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
}

.comment-author vcard
{	font-weight: bold; 
	
}

.comment, .pingback
{	border-top: 1px solid #b8ced9; margin:0; padding: 10px; }

.comment div,.pingback div  { font-size: 12px; }

.comment.odd, .pingback.odd
{	border-left: 1px solid #b8ced9; }


.comment.even, .pingback.even
{	border-right: 1px solid #b8ced9; }


form#commentform textarea
{	width: 100%;
	height: 150px;
	background: #fff;
	
}

form input, form textarea { border: 1px solid #7e8d9b; padding: 5px;}

form#commentform input[type="text"]
{	width: 50%; margin-right: 10px; background-color: #eee;}

form#commentform label
{	font-style: normal; }

form#commentform span.required
{ color: red; }

input[type="submit"]
{	
	background-color: #C00;
	color: #fff;
	padding: 3px;
}

input[type="submit"]:active {	background-color: #555;}


.pop_score, .pop_total
{	background-color: #C00;
	color: white;
	font-weight: bold;
	font-size:20px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	padding: 6px;
	text-align: center;
}

p.pop_score
{	position:relative;
	left:550px;
	width:30px;
	margin-top:20px;
	clear:left;
}

.postal_vote span.pop_score, .postal_vote span.pop_total
{
	display: inline-block;
	margin-left:3px;
	width:30px;
	background-color: #900;
}

.postal_vote span.pop_score:hover				{	background-color: #F00 }
.postal_vote span.your_registered_vote,
.postal_vote span.pop_total						{	background-color: #F00 }
p.postal_vote  { text-align:right; }

table#wp-calendar
{	line-height: 180%;
	width:100%;
	border-collapse: collapse;
}

#wp-calendar
{	
	margin-left:auto;
	margin-right:auto;
}

#wp-calendar thead tr, table#wp-calendar tbody {border-bottom: 1px solid #888; }
#wp-calendar caption { background: #888; color: white}
#wp-calendar td, table#wp-calendar th {	text-align:center;}
#wp-calendar a
{	padding:2px 8px 3px 8px;
	text-decoration:none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
}

#wp-calendar a:hover
{	color:white;
	background:#888;
	
}

div.flickr_badge_image
{float:left; margin:2px; height:75px; overflow: hidden}

li#author-flickr:after, .post:after, .navigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* populist */

div#post-5712 ul, div#post-5712 ol, div#post-5712 li
{	list-style:none; margin:0; padding:0;
	font-size:20px; font-weight: bold; margin-top:10px;
}

div#post-5712 ul li ul li, div#post-5712 ul li ol li
{	font-weight: normal; 
margin-top:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;}

div#post-5712 ul li ol li
{	list-style-type:decimal-leading-zero;
	margin-left:30px;
}

#post-5712 ul li.ten {background: #fdd}
#post-5712 ul li span:first-child { display: inline-block; width: 10em; text-align:right;}
#post-5712 ol li span:first-child { display: inline-block; width: 3em; text-align:left;}


.two_columns
{	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

li#series-widget li.serieslist-current-li
{	background: #7e8d9b;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

li#series-widget li.serieslist-current-li a
{color: white}

div.callout
{ float:right; width:50%; margin-left:20px; margin-bottom:20px}


div.callout_head
{	background: #888; color: white; padding:5px 10px 5px 10px;}

div.callout_body
{	padding:5px 10px 5px 10px; border: 1px solid #888}

div.post tr.head {text-align:left}
div.post td {padding-right: 6px}

#jtw_list {border:0px !important;}
#jtw_list center {display:none;}

a.archive_bubble
{	display: block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:133px;
	height:80px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-position:center;
	position: relative;
	border:1px solid white;
	opacity: .8;
	filter: alpha(opacity=80);
}

a.archive_bubble span
{
	opacity: .6;
	filter: alpha(opacity=60);
	background-color: #033;
	color: white;
	display: block;	width:133px;
	position: relative;
	top:45px; padding-top:5px; padding-bottom:5px;
	text-align: center;
	height:18px;
	font-size:12px;
	line-height:18px;
}

a.archive_bubble:hover span
{
	opacity: .9;
	filter: alpha(opacity=90);	
}

a.archive_bubble:hover
{	border:1px solid #033;
	opacity: 1;
	filter: alpha(opacity=100);	
}

div#content.is_home img.morezoom
{	height:200px;
}

.pop_meta
{	
	color: #300;
	font-weight: bold;
	font-size:16px;
	margin-top:0px;
}

.wp-polls ul li
{	margin-bottom:4px;
}

.wp-polls ul li div.pollbar
{	margin-top:-5px;
}


.audio_tmi_stats
{ padding-top:3px;
	font-variant:small-caps;
	font-size:16px;
}

.audio_tmi_stats_inline
{	margin-top:-12px;
}

.audio_tmi_stats a
{	padding-right:36px; }