/* * * rremundo - CSS * * */

@import url(accordion.css); /* Styles for accordion */

body{
	background:#EEE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	}

.left{float:left}
.right{float:right}
.clear{clear:both}
.blue{color:#81BECF}
.orange{color:#EFCE95}

/* * Container * */

#container{
	background:#d0d9dd;
	width:900px;
	height:600px;
	margin:25px auto;
	border:1px solid #FFF;
	overflow:hidden;
	}
	/*
	#container.glow{
		-moz-box-shadow:0 0 80px 5px #FFF;
		-webkit-box-shadow: 0 0 360px #CCC;
		}
	*/
	#container.about-me{background:url(../../img/backgrounds/bg2.jpg) top left no-repeat;}
	#container.portfolio{background:url(../../img/backgrounds/bg3.jpg) top left no-repeat;}
	#container.resume{background:url(../../img/backgrounds/bg4.jpg) top left no-repeat;}
	#container.contact{background:url(../../img/backgrounds/bg5.jpg) top left no-repeat;}
	#container.error{background:url(../../img/backgrounds/bg6.jpg) top left no-repeat;
		}
	#container.multimedia{
		width:620px;
		height:533px;
		margin-bottom:0;
		}

	#container h1 img{
		float:right;
		position:relative;
		z-index:100;
		}
	#container img.rremundo{
		float:right;
		margin:-600px 0 0 0;
		}
	#container #subtitle{
		margin:0;
		padding:0;
		height:52px;
		}
	#container #slideshow{
		position:relative;
		float:left;
		margin-top:-600px;
		top:0;
		}
		#container #slideshow input{
			float:left;
			}
	
/* * Content * */

#content{
	background:url(../../img/content-bg.png) top left repeat;
	background:#222\9;
	width:245px;
	height:407px;
	float:left;
	padding:20px;
	position:relative;
	z-index:2000;
	margin-bottom:24px;
	/* Glow effect*
	-moz-box-shadow:0 0 90px 5px #FFF;
	-webkit-box-shadow: 0 0 90px #000;
	/**/
	}
	#content h2{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size:20px;
		text-transform:lowercase;
		padding:0px 0 3px 0;
		}
		#content h2 ul li a{
			color:#81BECF;
			}
			#content ul li a:hover{
				color:#99D0DF
				}
	#content p{
		padding-bottom:10px
		}
		#content p .year{
			font-weight:bold;
			font-size:9px;
			padding-bottom:0;
			color:#EFCE95;
			}
		#content p.relax{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-size:15px;
			color:#EFCE95;
			padding-top:20px;
			}
		#content p a{
			color:#81BECF;
			}
			#content p a.large{
				font-size:15px
				}
			#content p a:hover{
				color:#FFF;
				text-decoration:underline;
				}
		#content p #triggers{
			visibility: hidden;
			}
		
	#content img{}
		#content img.badge{
			margin:7px 6px 0 0;
			}

/* * Navigation * */

#glow{
	height:77px;
	overflow:hidden;
	position:relative;
	/* Glow effect*/
	-moz-box-shadow:0 0 90px 5px #444;
	-webkit-box-shadow: 0 0 360px #444;
	/**/
	}

#navigation{
	background:url(../../img/nav-bg.png) top left no-repeat;
	height:44px;
	width:100%;
	position:relative;
	z-index:500;
	display:block;
	clear:both;
	}
	#navigation ul{
		font-family:Georgia, Times, serif;
		font-size:28px;
		font-style:italic;
		padding:5px 0 0 20px;
		color:#888;
		}
		#navigation ul li{
			float:left;
			margin-right:15px;
			}
			#navigation ul li a{
				color:#333;
				}
				#navigation ul li a:hover{
					text-decoration:underline;
					color:#FFF;
					}

/* * Footer * */

#footer{
	background:url(../../img/footer-bg.png) top left no-repeat;
	height:33px;
	width:100%;
	position:relative;
	z-index:1000;
	}
	#footer p{
		text-align:center;
		color:#FFF;
		font-size:11px;
		padding-top:10px;
		}
		#footer p .grey{
			color:#AAA;
			}
		#footer p a{
			color:#FFF;
			}
#credits{
	width:620px;
	margin:0 auto;
	}
	#credits p{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size:20px;
		padding:0 0 0 20px;
		margin:0;
		line-height:200%;
		}
		#credits p a{
			color:#FFF;
			}