/*------------------------------------------------------------------
[ Stylesheet]

Project:	Orazon Portfolio
Version:	2.0
Last change:	06/12/08 
Assigned to:	Johann Caron
Primary use:	Portfolio

---------------------------------------------------------------------
[Layout]

* body
	+ Header / .header
	+ Menu / .menu
	+ Content / content
		- Left column / .leftcolumn
		- Right column / .rightcolumn
	+ Footer / #footer
	
------------------------------------------------------------------
[Color codes]

Background:	#333333 (light grey)
Content h2:		#ffffff (white)
Content h3:		#666666(dark grey)
Content p:		#999999 (light grey)
Header h1 em:	#ffffff (white)
Header h1 :		#00000 (black)
Footer:		#666666 (dark grey)

a (standard):	#cc0000 (red)

-------------------------------------------------------------------*/

/* Reset
----------------------------------------------- */
* {
	margin:0;
	padding:0;
	border:0;
	font-family:sans-serif;
	font-size:1em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none; 
}

/* Body Styles
----------------------------------------------- */
body {
    background:#333 url(../graphics/pattern.png) repeat;
    color:#999;
    font-family:Verdana,Arial,Helvetica,Times New Roman,sans-serif;
    font-size:0.9em;
    line-height:1.2em;
    margin-top:0;
    margin-bottom:5px;
    padding:0;
	}

h1,h2,h3,h4 {
	font-weight:normal;
	letter-spacing:-1px;
	margin:0;
}

a:hover {
	text-decoration: none;
}	

/* Header Styles
----------------------------------------------- */	
h1 {
	font-size:1.4em;
	position:relative;
	top:40px;
	/top:45px;
}
		
h1 img {
	height:48px;
	position:absolute;
	width:335px;
	z-index:1;
}


/* Menu Styles
----------------------------------------------- */
.menu ul {
	list-style-type:none;
	margin:80px 11px;
}

	.menu li {
		display:inline;
	}
	
	.menu li a {
		font-size:0.8em;
		padding:10px 10px;
	}
	
	.menu li.active a {
		background:#666;
		color:#fff;
	}
	
	.menu li a:hover{
		background:#222;
		color:#666;
	}

	.menu a {
		color:#666;
		/font-family:Lucida Sans Unicode;
		font-weight:bold;
	}
	
	
/* Wrap Styles
----------------------------------------------- */
.wrap {
	left:50%;
	margin-left:-405px;
	margin-top:120px;
	/margin-top:50px;
	position:absolute;
	width:810px;
}


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


.content h2{
	color:#666;
	padding-left:90px;
}

.content h3{
	color:#999;
	font-size:1em;
	font-weight:bold;
	margin:20px 0 10px 0;
	text-decoration:underline;
}

.content p{
	color:#777;
	font-size:0.8em;
	margin-bottom:15px;
}

.content a.more {
	color:#cc0000;
	font-size:0.8em;
	font-weight:bold;
	padding-left:120px;
}

.content a.link {
	color:#cc0000;
	font-size:0.9em;
}

.content p > a.link {
	font-size:1.0em;
}

.content a.view {
	color:#cc0000;
	font-size:0.8em;
	font-weight:bold;
	padding-left:350px;
}

.content a:hover{
	color:#888;
	text-decoration:underline;
}

.content img {
	border:solid 2px #fff;
	margin:10px 10px 5px 0;
}

	.content img.present{
		margin-top:50px;
	}	
	
.leftcolumn {
	/margin-left:-320px;
	padding:20px;
	position:absolute;
	width:220px;
	
}

	.leftcolumn h2{
		background:url(../graphics/news.png) no-repeat left;
	}

.rightcolumn {
	margin-left:320px;
	padding:20px;
	position:relative;
	width:450px;
	margin-bottom:60px;
}

	.rightcolumn h2{
		background:url(../graphics/welcome.png) no-repeat left;
	}

/* Footer Styles
----------------------------------------------- */
.footer {
	background:#222;
	border:solid #666 1px;
	bottom:0; 
	padding:5px 60px;
}
	.footer p{
		color:#666;
		font-size:0.6em;
		font-weight:bold;
		text-align:center;
		text-transform:uppercase;
	}