/* 

	They Are Spies 
	Dynamic Wordpress Powered
	V1.0 - 22/12/2009
	http://www.theyarespies.com
	
*/

/*		

<style>
@font-face { 
    font-family: "testing";
    src: url("output.ttf") format("truetype");
}
</style>
<!--[if IE]>
    <style>
    @font-face { 
        font-family: "testing";
        src: url("output.eot");
    }
    </style>
<![endif]-->
<div style="font-family: testing">
Hello, Multiple Browser World!
</div>

*/


*							{ margin: 0; padding: 0; }


body 						{ font-size: 62.5%; font-family: Helvetica, sans-serif; background: #33201a url(images/body-bg.jpg); }

body a 						{ text-decoration: none; color: white; }
body p a:hover, body p a:active { color: rgba(127,28,21,0.85);}


h2 							{ font: 4.5em Lucida, sans-serif; 
							position: relative; 
							z-index: 100; 
							margin: -145px 90px 75px 170px; 
							display: block;
							border-bottom: 3px solid rgba(127,28,21,0.85);
							text-align: right;
							color: rgba(252,201,92,0.75);
							text-decoration: none;
							}


h2 	a						{ color: rgba(252,201,92,0.75);
							text-decoration: none;
							}
							



h3							{ font-size: 1.3em; }
h3#comments					{ padding: 15px 0 10px 0; margin: 0 95px; display:block; border-top: 3px solid rgba(127,28,21,0.85); }

div#main-content h4	p		{ font: verdana, sans-serif; color: #77201a; }


ol.commentlist				{ padding: 0 95px 10px 95px; }

							
#respond					{ padding: 0 95px 10px 95px; }
							
#header						{ position: absolute; z-index: 1; top: 0; }
#logo						{ position: relative; z-index: 100; margin: -138px -42px 56px 0;}
#espionage					{ position: relative; z-index: 100; margin: 31px 0 0 -36px; display: block; padding-bottom: 5px; }
#allies						{ position: relative; z-index: 100; margin: 31px 0 0 -36px; display: block; padding: 150px 0 5px 0; }
/*#heading-brief				{ position: relative; z-index: 100; margin: -140px 0 90px 286px; display: block; }
*/

#page-wrap					{ width: 1280px; margin: 0 auto; overflow: hidden; }

div#left-bar				{ float: left; width: 255px; margin: 412px -42px 0 0; padding: 0 0 0 0; text-align: right; }
div#left-bar ul#nav 		{ font: 4.4em Verdana, sans-serif; list-style: none; margin-right: -42px; } 
div#left-bar ul#nav li a	{ text-decoration: none; color: white; display: block; } 
		div#left-bar ul#nav li a:hover, div#left-bar ul#nav li a:active { font-size: 1.05em; }
		div#left-bar ul#nav li.current_page_item a { color: rgba(78,174,255,0.75); }


div#right-bar				{ float: right; width: 231px; margin: 412px 0 0 0; padding: 0 0 0 0; text-align: left; }
div#right-bar ul#allies-nav	{ font: 2.2em Verdana, sans-serif; list-style: none; margin-left: -36px; }
div#right-bar ul#allies-nav li a { text-decoration: none; color: white; display: block; padding: 2px 0; } 
		div#right-bar ul#allies-nav li a:hover, div#right-bar ul#allies-nav li a:active {font-size: 1.03em; }

div#main-content			{ width: 794px; margin: 412px 0 0 255px; background: url(images/content-bg.jpg); }
div#main-content p 			{ font: helvetica, sans-serif; position: relative; z-index: 100; font-size: 1.5em; color: #361c05; padding: 0 95px 10px 95px; text-align: justify; }

div#footer					{ clear: both; }

ul#footer-menu 				{ margin-left: 255px; }
ul#footer-menu li 			{ display: inline; }
				
				ul#footer-menu li a { display: block; height: 125px; text-indent: -99999px; float: left; }						
						ul#footer-menu li.footer-facebook a { width: 230px; background: url(images/footer-facebook.jpg) bottom center no-repeat; }
						ul#footer-menu li.footer-myspace a { width: 177px; background: url(images/footer-myspace.jpg) bottom center no-repeat; }
						ul#footer-menu li.footer-youtube a { width: 166px; background: url(images/footer-youtube.jpg) bottom center no-repeat; }
						ul#footer-menu li.footer-itunes a { width: 221px; background: url(images/footer-itunes.jpg) bottom center no-repeat; }
						
						ul#footer-menu li a:hover { background-position: top center;}