@charset "UTF-8";
/* Charater encoding, replaced meta tag charset dec. in HTML file */

/*	Author: Michael Bezeau
	Created: Feb 16 2011
	Revised: Feb 23 2011
	CSS Version: 2.1
	
	Purpose: Style sheet for portfolio site, using FIR
	
	Related Files: 0
*/

/* clear default styling from all block level elements */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
}
p {
	padding:5px 2px;
}

/* - top - right - bottom - left -
 * two num: top/bottom left/right
 * three num: top right/left bottom
 * four num: top right bottom left
 */

/* link style */
a {
	outline: none;
}
a:link { 
	color: #3399FF;
}
a:visited {
	color: #3399FF;
}
a:hover {
	color: #3399FF;
}
a:active {
	color: #3399FF;
}

body { 
	/* tiling background */
	background: #171616 url(../images/wrapper-bg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	/* text style */
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*text-align: justify;*/
	font-size: 16px; 
	/*font-weight: bold;*/
	color: #FFF;
}
	
#page_wrap {
	/* background image, center, displayed on top of tile */
	/*background-image: url(../images/backgroundImage.jpg);
	background-position:bottom center;
	background-repeat: no-repeat;*/
}
#container {
	background-color:#000;
	width: 1000px; 
	margin: 0 auto;
}
#header {
	height:415px;
	background-color:#64c1fe;		position: relative;		background-image: URL('../images/cloud_back.jpg');
}#header img{	position:absolute;		top:-120px;		left:30px;	}
#header h1 {
	margin:0;
}
#content_top {
}
#content_top h2{
	width: 630px;
	margin: 15px auto 0 auto;
}
#content_top p{
	width: 630px;
	margin: 0 auto;
}
#portfolio {
	width: 480px;
	margin: 40px 0 0 40px;
	}

#portfolio ul li{
	/* list of sample work images */
	list-style: none;
	/*float: left;*/
	padding: 7px;
	margin: 5px 0 15px 0;
	border:#AAA solid 5px;
	/* firefox rounded border */
	-moz-border-radius: 5px;
	/* CSS 3 - safari, opera, chrome, */
	/* IE 9, new firefox will support */
	border-radius: 5px;
}
#portfolio li img{
	/* remove underline on hover */
	display:block;
	margin:10px auto;
	opacity:0.8;
	filter:alpha(opacity=80);
}
#portfolio li img:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
#side_panel {
	float:right;
	width: 410px;
	margin: 40px 40px 0 0;
}
#side_panel .box {
	padding: 7px;
	margin: 5px 0 15px 0;
	border:#AAA solid 5px;
	/* firefox rounded border */
	-moz-border-radius: 5px;
	/* CSS 3 - safari, opera, chrome, */
	/* IE 9, new firefox will support */
	border-radius: 5px;
}
#contact_me {
	margin-bottom:10px;
}
#contact_me textarea {
	width:380px;
	height:200px;
	resize: none;	
}
#contact_me #name {
	width:25%;
	margin-right:10px;
}
#contact_me #email {
	width:45%;
	margin-right:8px;
}
#blog p {
	padding-top:0;
	color:#DDD;
}
#footer {
	/* Say hello, contact me images */
	/*background-image:url(../image/footer.jpg);
	background-position:bottom;*/
	width: 1000;
	margin: 0 auto;
	text-align:center;
	clear:both;
	}

#footer h2 {
	/* Say hello */
	}

#footer ul {
	/* ul is a block style element, can set size */
	margin:0 auto;
	width:168px;
	}
		
#footer li{
	/* list of contact icon images */
	list-style: none;
	float: left;
	margin:30px 10px;
	}

#footer li a{
	}
	
#footer p {
	/* copyright Michael Bezeau */
	clear: left;
	width: 180px;
	margin: 0 auto;
	}
.center_text {
	text-align:center;
}