/* CSS style information */

/* Fixed Styles */
*{
	border:0;
	margin:0;
	padding:0;
}

body{
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

h1{
	font-size:1.2em;
}

h2{
	font-size: 1em;
}

p{
	padding:5px 0 5px 0;
	font-size:0.8em;
}

a{
	font-size: 0.8em;
}

h2 a{
	font-size:100%;
}

hr{
	width:100%;
	border-top:3px dotted #FF006C;
	height:3px;
}

i, b{
	font-size:80%;
}

p i, p b, p li, p a, li a, dt a, dd a{
	font-size:100%;
}

li, dt, dd{
	font-size:0.8em;
}

/* ------------- Positional ------------- */
#contHeader{
border:5px solid #AEED00;
border-left:0;
border-right:0;
width:100%;
}

	#header{
		min-width:600px;
		max-width:1000px;
		margin:0 auto;
		width:45em;
	}
	
#navigation{
	float:right;
	width:15em;
}

#blogCont{
	background-color:#FFF;
	width:100%
}
	#blog{
		min-width:600px;
		max-width:1000px;
		margin:0 auto;
		width:45em;
	}
	
#contPortfolioIntro{
	background-color:#FFF;
	width:100%
}

	#portfolioIntro{
		min-width:600px;
		max-width:1000px;
		margin:0 auto;
		width:45em;
	}
	
#contPortfolio{
	border-top:5px solid #AEED00;
	width:100%;
}
	#portfolio{
		min-width:600px;
		max-width:1000px;
		margin:0 auto;
		width:45em;
	}
	
#contFooter{
	border-top:5px solid #AEED00;
	width:100%;
}
	#footer{
		min-width:600px;
		max-width:1000px;
		margin:0 auto;
		width:45em;
	}

/* ------------- Typography ------------- */
#navigation ul{
	padding:1.5em;	
}

	/* Hide this from IE-Mac \*/ 
	* html #navigation li{ 
    	height: 1px; 
    } 
	/* End the hiding */ 
	
	#navigation li{
		list-style-type:none;
		text-align:center;
	}

#blog h1, #portfolioIntro h1{
	color:#01AEEF;
	padding:10px 0 5px 0;
}

#blog h2, #portfolioIntro h2{
	color:#333;
	padding:10px 0 5px 0;
}

#portfolioIntro dt{
margin-left: 5em;
}

	#portfolioIntro dd{
	margin-left: 10em;
	}

#portfolio h1{
	color:#01AFEF;
	padding:10px 0 10px 0;
}

#portfolio p{
	color:#FFF;
}

#portfolio li{
	display:inline;
	padding:5px;
	list-style-type:none;
	text-align:center;
	color:#FFF;
	width:200px;
}

#portfolio, #photography{
	color:#FFFFFF;
}

#footer ul{
	text-align:center;
	padding:10px 0 10px 0;
}

#footer li{
	display:inline;
	color:#FFFFFF;
}

#sitemap li{
	color:#FF006C;
	margin-left:15px;
	padding:3px;
	list-style-type:disc;
	font-size:12px;
}

legend{
	font-size:1em;
	font-weight:bold;
}
	
/* ------------- Navigation ------------- */
#navigation a{
	display:block;
	color:#FF006C;
	font-weight:bold;
	padding:5px;
	text-decoration:none;
}

	#navigation a:hover{
		color:#000;
		background-color:#FF006C;
	}

#blog a, #portfolioIntro a{
	color:#FF006C;
	padding:2px;
	text-decoration:none;
}
	#blog a:hover{
		color:#FFF;
		background-color:#FF006C;
	}
	
#blog h2 a{
	color:#000000;
	padding:0;
	text-decoration:none;
}

	#blog h2 a:hover{
		color:#FF006C;
		background-color:#FFFFFF;
	}
	
#portfolio a{
	color:#FF006C;
	padding:2px;
	text-decoration:none;
}

.portfolio-link{
	float:right;
}

#footer a{
	color:#FFFFFF;
}
	
/* ------------- Other ------------- */
input, textarea{
	border:2px solid #999999;
	margin:2px;
	padding:2px;
}

.img-link{
	border:0;
	background:0;
}

.float-r{
	float:right;
}

.float-l{
	float:left;
}

.center{
	display:block;
	margin:0 auto;
	text-align:center;
}

.clear{
	clear:both;
}