/* CSS Document */
/* Reset Browsers */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
/* End */

/* This removes the boxes over links in some browsers */
a
{
	outline:none;
}

a:active, a:focus 
{
	outline:0
}

a img {
    border:none;
    }
/*end*/

/* -- Layout -- */
html {
	background:url(../images/backgrounds/burgundy_bg.jpg);
}

body {
	width:100%;
	height:100%;
	background: url(../images/backgrounds/page_bg.jpg) top center no-repeat;
	color:#d0c7bd;
	font-family:“Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, sans-serif;
	font-size:10pt;
	line-height:1.5;
	}
	
div#page_wrapper {
	width:100%;
	margin:0 auto;
	}

div#top_wrapper {
	width:100%;
	height:392px;
	}

div#top_content {
	width:980px;
	height:392px;
	margin:0 auto;
	background:url(../images/backgrounds/header_bg.jpg) top center no-repeat;
	}
	
div#mid_wrapper {
	width:100%;
	height:100%;
	}

div#mid_wrapper {
	width:980px;
	min-height:557px;
	margin:0 auto;
	background:url(../images/backgrounds/middle_bg.jpg) top center no-repeat;
	}

div#left_container {
	width:620px;
	height:100%;
	float:left;
	margin-left:22px;
	}

div#right_container {
	width:260px;
	height:100%;
	float:right;
	margin-right:22px;
	padding:35px 0 25px 0;
	background:url(../images/backgrounds/right_container_bg.png) top left no-repeat;
	}

div#right_content {
	width:220px;
	margin:25px auto 0 auto;
	}

div#bottom_wrapper {
	width:100%;
	height:520px;
	background:url(../images/backgrounds/bottom_wrapper_bg.jpg);
	clear:both;
	}
	
div#bottom_content {
	width:980px;
	height:520px;
	margin:0 auto;
	background:url(../images/backgrounds/bottom_content_bg.jpg);
	}
/* -- Styles -- */
div#top_content h1, div#top_content h2 {
	width:1px;
	height:1px;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	overflow:hidden;
	}

span.strong {
	font-weight:bold;
}

/* -- Portfolio -- */
/* -- Contact Me Button -- */
div.getintouch {
	display:block;
	width:450px;
	height:75px;
	float:right;
}

div.getintouch p {
	margin-bottom:5px;
	border-bottom:#F93 1px dotted;
	float:right;
	}

div.getintouch span.strong {
	font-weight:bold;
	}

div.getintouch a {
	display:block;
	float:right;
	width:125px;
	height:35px;
	background:url(../images/buttons/contact_me.png) top left;
	overflow:hidden;
	text-indent:-5000px;
	position:relative;
	clear:both;
}

div.getintouch a:hover {
	background:url(../images/buttons/contact_me.png) bottom left;
}
/* -- Heading Backgrounds -- */
div.about_me_portfolio_panel {
	background:url(../images/backgrounds/about_me_bg.png);
	}
	
div.web_portfolio_panel {
	background:url(../images/backgrounds/web_bg.png);
	}

div.identity_portfolio_panel {
	background:url(../images/backgrounds/identity_bg.png);
	}
	
div.print_portfolio_panel {
	background:url(../images/backgrounds/print_bg.png);
	}

div.illustration_portfolio_panel {
	background:url(../images/backgrounds/illustration_bg.png);
	}
	
div.photography_portfolio_panel {
	background:url(../images/backgrounds/photography_bg.png);
	}

div.docs_portfolio_panel {
	background:url(../images/backgrounds/docs_bg.png);
	}
	
div.spraycan_portfolio_panel {
	background:url(../images/backgrounds/spraycan_bg.png);
	}
	
/* -- Accordion Spacing -- */
div.accordion_space {
	height:40px;
}

/* -- Thumbnails -- */
div.accordion_content ul {
	display:inline-block;
	width:565px;
	margin-top:45px;
	}

/* docs section */
div.accordion_content ul.docs_thumbs {
	display:inline-block;
	width:565px;
	margin-top:20px;
	}
	
div.accordion_content p.docs_intro {
	width:565px;
	margin-top:45px;
	}

div.accordion_content ul li.left, div.accordion_content ul li.middle {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	}

div.accordion_content ul li.right {
	float:left;
	margin-bottom:15px;
	}

div.accordion_content ul li a{
	margin-bottom:0px;
	width:172px;
	height:69px;
	overflow:hidden;
	clear:both;
	display:block;
	position:relative;
	background-color:#bbb;
	border:3px #d0c7bd solid;
	}

div.accordion_content ul li a:hover{
	border:3px #fff solid;
	}
	
/* ----- About Me ----- */
div#about_text {
	display:block;
	width:330px;
	float:left;
	margin-top:35px;
	border-top:#F93 1px solid;
	padding-top:10px;
	padding-bottom:15px;
	letter-spacing:0.03em;
}

div#about_text p {
	margin-bottom:15px;
}

div#about_skills {
	width:220px;
	float:right;
	margin-top:35px;
	border-top:#F93 1px solid;
	background-image:url(../images/backgrounds/black_transparent_bg.png);
	padding-top:10px;
	padding-bottom:15px;
	margin-bottom:30px;
}

div#about_skills h3 {
	display: block;
	width:180px;
	margin:0 auto;
	background-image:url(../images/backgrounds/black_transparent_bg.png);
	padding:5px 5px 5px 10px;
	text-transform:uppercase;
	font-weight:bold;
}

div#about_skills ul {
	display:block;
	width:190px;
	margin:0 auto;
}

div#about_skills ul li {
	border-bottom:#F93 1px dotted;
	padding:6px 5px;
}

/* -- Right Content -- */
div#flickr, div#red_bubble {
	width:220px;
	height:100%;
	background-image:url(../images/backgrounds/black_transparent_bg.png);
	margin:0 auto 15px 0;
	padding:13px 0 10px 0;
	}

 div#flickr p, div#red_bubble p {
	display:block;
	width:190px;
	height:100%;
	margin:3px 0 10px 15px;
	padding-bottom:2px;
	color:#d0c7bd;
	font-size:9pt;
	border-bottom:#F93 1px dotted;
	}

a.flickr {
	display:block;
	width:78px;
	height:22px;
	overflow:hidden;
	background:url(../images/buttons/flickr_button.png) top left;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	margin:0 0 0 15px;
	}

a.flickr:hover {
	background:url(../images/buttons/flickr_button.png) bottom left;
	}

div#red_bubble_slideshow {
	margin:15px auto 10px auto;
	width:182px;
	height:182px;
	border:3px #d0c7bd solid;
	}
	
div#red_bubble_slideshow:hover {
	border:3px #fff solid;
	}
	
a.redbubble {
	display:block;
	width:78px;
	height:22px;
	overflow:hidden;
	background:url(../images/buttons/redbubble_button.png) top left;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	margin:0 0 0 15px;
	}

a.redbubble:hover {
	background:url(../images/buttons/redbubble_button.png) bottom left;
	}
	
/* ----- footer ----- */
div#back_to_top {
	display:block;
	width:125px;
	height:35px;
	float:right;
	margin:67px 85px 0 0;
}

div#back_to_top a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/buttons/back_to_top.png) top left;
	overflow:hidden;
	text-indent:-5000px;
}

div#back_to_top a:hover {
	background:url(../images/buttons/back_to_top.png) bottom left;
}


div#credits {
	position: relative;
	width:980px;
	text-align:center;
	clear:both;
	color:#d1c3b6;
	font-size:9pt;
	}

div#credits a {
	color:#ff9933;
	text-decoration:none;
}

div#credits 	a:hover {
	text-decoration:underline;
}