/*  
Theme Name: The Metronome
Theme URI: http://themetronome.co.uk/
Description: The theme for Walter Mair's portfolio.
Version: 1.0
Author: Andreas Koller
Author URI: http://andreaskoller.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Based on the default Wordpress Theme
	
	Parts of the CSS by mateuniverse.com
	
*/

/*  - - - - - - INIT - - - - - - - - - - - - - - - - - - */
* { margin:0; padding:0; }

body {
	font-size: 11px;
	font-family: Helvetica, Arial, Sans-Serif;
	color:#CCC;
	background-color: #0a0807;
	text-align: left;
}

img			{ border: none; }
li, dd		{ margin-left:-1%; }


/* ----------------- Links ----------------- */

a img 		{ border: none; }

a 			{ text-decoration:underline; }

a:link, a:visited, a:active { color:#FFF; }

a:hover 	{ color:#000; background-color:#FFF; text-decoration:none; }

/* ----------------- Header ----------------- */

h1 { /* used in post header */
	font-size:18px;
	line-height:44px;
	margin-bottom:0px;
	margin-top:20px;
	width:250px;
	color:green;
}
h2 { /* used in sidebar */
	font-size:11px;
	margin-top:18px;
	margin-bottom:5px;
	font-family: Helvetica, Arial, Sans-Serif;
}
h3 { /* used in news header and for year of post*/
	font-size:11px;
	font-weight:normal;
	color:#848383;
	font-family: Helvetica, Arial, Sans-Serif;
	margin-top:8px;
	margin-bottom:8px;
}
h4 { /* used in prev and next */
	font-size:11px;
	font-weight:normal;
	color:#333333;
	font-family: Helvetica, Arial, Sans-Serif;
	margin-top:2px;
	margin-bottom:0px;
}

h1, h1 a, h1 a:link, h1 a:visited {
	font-weight: normal;
	font-family : Georgia,Times,"Times New Roman","New York",serif;
	text-decoration:none;
	padding:2px;
	position:relative;
	left:-2px;
}
h2 a, h2 a:link, h2 a:visited { 
	font-weight: normal;
	background-color:#000;
	color:#848383;
	text-decoration:none;
	padding:2px;
	position:relative;
	left:-2px;
}

h3 a, h3 a:link, h3 a:visited { color:#848383; text-decoration:none; }

h4 a, h4 a:link, h4 a:visited { text-decoration:none; }

h1 a:hover {
	color:#000;
	padding-top:32px;
}
h2 a:hover {
	background-color:#FFF;
	color:#000;
	}
h3 a:hover {
	color:#FFF;
	background-color:#000;
}

a#logo			{ background-image:URL(/images/Logo-top.jpg); background-repeat:no-repeat; width:290px; height:154px; display:block; text-indent:-9999px; float:left;}

a#logo:hover 	{ background-image:URL(/images/Logo-top_hover.jpg); background-color:#000; } 

#banner {
	background-image:URL(/images/Banner-top.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin-left:290px;
	height:154px;
	width:750px;
	padding-top:122px;
	margin-bottom:-122px;
}

#banner a {
	float:right;
	background-repeat:no-repeat;
	height:32px;
	text-indent:-9999px;
}


#banner a:hover { background-position: 0 -32px; }

a#nav1-1 		{ background-image:URL(/images/Nav1-1.gif); width:62px; }

a#nav1-2 		{ background-image:URL(/images/Nav1-2.gif); width:66px; }

a#nav1-3 		{ background-image:URL(/images/Nav1-3.gif); width:104px; margin-right:16px;}

a#nav2-1 		{ background-image:URL(/images/Nav2-1.gif); width:88px; }

a#nav2-2 		{ background-image:URL(/images/Nav2-2.gif); width:94px; }

a#nav2-3 		{ background-image:URL(/images/Nav2-3.gif); width:64px; margin-right:16px;}


#logo-sub {
	background-image:URL(/images/Logo-sub.gif);
	background-repeat:no-repeat;
	padding-left:40px;
	height:81px;
	width:1000px;
	margin-bottom:-28px;
}


/* ----------------- News ----------------- */

#news {
	background-image:URL(/images/Logo-sub.gif);
	background-repeat:no-repeat;
	padding-left:40px;
	height:81px;
	width:1000px;
}
	
#news .item {
	float:left;
	padding-top:48px;
	padding-right:10px;
	padding-bottom:16px;
	width:240px;
}

/* ----------------- Content ----------------- */

.post {
	background-image:URL(/images/Post-top.png);
	background-repeat: no-repeat;
	clear:both;
	padding-top:11px;
	padding-left:40px;
	padding-bottom:22px;
	height:218px;
}

.post .thumb { float: right; width:750px; padding-left:20px;}

.newspost {
	width:210px;
	float:left;
	padding-top:11px;
	padding-left:40px;
}

.newsbreak {
	clear:both;
	height:11px;
	background-image:URL(/images/Post-top.png);
	background-repeat: no-repeat;
}

.entry {
	padding-top:18px;
	padding-bottom:14px;
	float:right;
	width:750px;
	}
.entry p {
	padding-top:0px;
	padding-bottom:6px;
}
.entry object {
	padding-bottom:6px;
}

/* ----------------- Previous/Next ----------------- */

.prevnext 	  { clear:both; width:1040px; font-size:11px; padding-left:40px;
				padding-top:22px; padding-bottom:10px;
				background-image:URL(/images/Post-top.png); background-repeat: no-repeat; }

/* ----------------- Footer ----------------- */ 

#footer 	{ clear:both; width:1040px; color:#333333; font-size:11px; padding-left:40px;
			  background-image:URL(/images/Post-top.png); background-repeat: no-repeat;
			  padding-top:22px;
			  padding-bottom:10px;
}

#footer a 	{ color:#333333; font-size:11px; }

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


/* ----------------- Floating Menu ----------------- */
/* --- by mateuniverse.com using mootools --- */

#offsetter		{ overflow: hidden; width: 1240px; }
#overall		{ width: 1040px; float: left; padding-bottom: 32767px; margin-bottom: -32767px; }

#floaterwrap	{ float: left; width: 45px; background-color: #0a0807; padding-bottom: 32767px; margin-bottom: -32767px; }
#floater		{ width: 154px; height: 100%; position: absolute; margin-left: -164px; padding-left:10px; padding-top:15px; padding-right:0; 
				  background-image:URL(/images/Floater-top.gif); background-repeat:no-repeat; background-position:0 0px; }
#floaterbg		{ width: 36px; float:right;  padding-bottom: 32767px; margin-bottom: -32767px;
				  background-image:URL(/images/Floaterbg-bg.gif); background-position:0 -7px; } 
#floatertop		{ height:1px; width:200;  background-image:URL(/images/Floatertop-bg.gif); background-repeat:no-repeat; }

#floater ul, li	{ list-style-type: none; text-indent:0px; }
#floater li a	{ font-size:11px; line-height:18px; padding:2px; text-decoration:none; }

/* ----------------- Quicktime Plugin Warning ----------------- */ 

#download_quicktime {
	width:758px;
	margin-top:8px;
	margin-bottom:8px;
	background-color:#F00;
	padding:5px;
	color:#FFF;
}

#download_quicktime a, #download_quicktime a:link, #download_quicktime a:visited, #download_quicktime a:active, #download_quicktime a:hover {
	color:#FFF;
	text-decoration:underline;
}

#download_quicktime a:hover {
	background-color:#FFFFFF;
	color:#F00;
}

/* ----------------- CSS FIXES ----------------- */
.clearfix:after		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix		{ display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */