/*
Theme Name: Aad
Theme URI: http://www.studioaad.com
Description: Theme for graphic design studio Aad based in Dublin, Ireland.
Version: 
Author: Sean Mongey
Author URI: http://www.smongey.com
Tags: studio, clean, white
*/

@import "style/css/reset.css";

/*
	COLOR PALETTE
	
	SLATE: #272727
	RED: #FF0000
	BACKGROUND LIGHT GREY: #F9F9F9
*/
			

/*
	UTILITY
*/

.hidden			{	display: none;	}

#editme			{	position: fixed;
					right: 70px;
					bottom:5px;
					font-family: sans-serif;
					font-size: 6pt;
					text-decoration: none;
				}

#editme a		{	text-decoration: none;
				}

.alignleft		{	float: right;
					margin-right: 10px;
				}
			
.alignnone img	{	background-color: #D1D1D1;			
				}
			
.alignother		{
				}


/*
	STRUCTURE
*/
body			{	overflow-x: hidden;
					background-color: #F9F9F9;
					font-family: Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif;
					font-size: .85em;
					line-height: 1.2em;
					color: #272727;
				}

#page-wrap		{	width: 1200px;
			    	margin: 0 auto;
				}

#content		{	margin-top: 80px;
					margin-left: 10px;
					z-index:1;
				}
			
#menu			{	position: fixed;
					margin-top:-50px;
					margin-left:0;
					padding: 0;
					z-index:3;
				}

#infobar 		{	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size: 12px;
					position: fixed;
					height: 20px;
					bottom: 0px;
					padding: 5px 3px 3px 3px;
					border-top: 1px dotted #000000;
					letter-spacing: 1px;
					background-color: #F9F9F9;
					margin-left: 10px;
					z-index:3;
				}

#infobar a		{	text-decoration: none;
					color: #000000;
				}

#infobar a:hover{	text-decoration: none;
					border-bottom: 1px solid #000000;
					color: #FF0000;
				}

/*
	PROJECT PAGE
*/

.post			{	width: 960px;
					border-top: 3px solid #FFFFFF;
					margin-bottom: 20px;
				}
			
.static			{	width: 960px;
				}

.post h2		{	padding: 10px 0 0 2px;
					font-size: 1em;
	             	font-style: normal;
	             	margin-bottom: 35px;
	             	color: #272727;
				}

.post h2 a		{	text-decoration: none;
					font-size: 1.2em;
					color: #272727;
				}

.post img		{	float: right;
					margin-top: 10px;
				}
			
.post h4		{	margin-top: 5px;
					width: 230px;
				}
			
#spacer			{	clear: both;
					height: 100px;
				}

/*
	NEWS SECTION
*/

.news			{	width: 715px;
					margin-bottom: 20px;
					height: 325px;
					border-top: 1px solid #CCCCCC; 
				}

.newstext		{	width: 715px;
					padding-top: 10px;
					margin-bottom: 10px;
				}
			
.news h2		{	font-size: 1em;
					margin-bottom: 17px;
					text-transform: none;
					letter-spacing: .5px;
				}
			
.news h5		{	width:232px;	}
			
.news img		{	position: absolute;
					margin-top: -48px;
					margin-left: 242px;
					z-index: 1;
				}

/*
	MENU JQUERY
*/

#studio			{	margin: 0px;
					padding: 0px;
					z-index: 5;	}
					
#studio a 		{	font-family: Consolas, "Letter Gothic Std", Monaco, monospace;
					font-size: 11px;
					letter-spacing: 1.5px;
					position: absolute;
					left:10px;
					visibility: visible;
					padding: 2px 5px 1px 5px;
					border-top:1px solid #000;
					border-bottom:1px solid #000; 
					color:#000; 
					text-decoration:none; 
					width: 220px;
					text-transform: uppercase;
					z-index: 10;
				}

#projects a 	{	font-family: Consolas, "Letter Gothic Std", Monaco, monospace;
					font-size: 11px;
					letter-spacing: 1.5px;
					position: absolute;
					left:250px;
					visibility: visible;
					padding: 2px 5px 1px 5px;
					border-top:1px solid #000;
					border-bottom:1px solid #000; 
					color:#000; 
					text-decoration:none; 
					width: 220px;
					text-transform: uppercase;
					z-index: 10;
				}


#menu1 			{	font-family: Consolas, "Letter Gothic Std", Monaco, monospace;
					font-size: 11px;
					letter-spacing: 1.5px;
					line-height: 19px;
					color: #000;
					background-color: #FFF;
					width: 210px;
					padding: 10px;

					position: absolute;
					left: 250px;
					top: 20px;
					z-index: 999;
					display: none;
				}

#menu1 a		{	text-decoration: none;
					color: #000;
					text-transform: uppercase;
					margin-left: 0px;
				}

#menu1 ul 		{
					list-style-type: none;
					
				}

#menu1 li 		{	/*border-top: 1px dotted #CCCCCC;*/
					width:210px;
				}

#menu1 li a 	{	/*padding-left: 5px;*/	}

#menu2 			{	font-family: Consolas, "Letter Gothic Std", Monaco, monospace;
					font-size: 11px;
					letter-spacing: 1.5px;
					line-height: 19px;
					color: #000;
					background-color: #FFF;
					margin-left:10px;
					
					width: 210px;
					padding:10px;
					position: absolute;
					left: 0px;
					top: 20px;
					z-index: 999;
					display: none;
				}

#menu2 a		{	cursor: pointer;
					text-decoration: none;
					color: #000;
					text-transform: uppercase;
				}
			
#menu2 a:hover	{	border-bottom: 1px solid #000;	}

#menu1 a:hover	{	border-bottom: 1px solid #000;	}

#menu2 a:active	{	text-decoration: none;	}

#menu1 a:active	{	text-decoration: none;	}

#menu2 ul 		{
					list-style-type: none;
					
				}

#menu2 li 		{	/*border-top: 1px dotted #CCCCCC;*/
					width:210px;
				}

#menu2 li a 	{	/*padding-left: 5px;*/	}

#invisible 		{	position: absolute;
					visibility: hidden;
					z-index: 1;
					height: 392px;
					width: 266px;
					left: 279px;
					top: 39px;
				}

#invisible2 	{	position: absolute;
					visibility: hidden;
					z-index: 1;
					height: 392px;
					width: 266px;
					left: 33px;
					top: 39px;
				}


h5 a			{	color: black;	}

h5 a:hover		{	color: black;
					text-decoration: none;
					border-bottom: 1px solid #000;
				}

a:focus, a:active{	outline: none; -moz-outline: none; 	}

@import "style/css/typography.css";
@import "style/css/layout.css";