/* CSS Document 
robstephendigital.com CSS
*/
body {
	margin:0px;
	background-color:#001E1E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
}

#logo {
	position:absolute;
	z-index:10;
	background-image:url(/images/logoball.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	height:106px;
	width:127px;
}

#header {
	background-image:url(/images/header_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:107px;
}

#menu {
	background-color:#001E1E;
	height:22px;
	position:84px;
	padding-left:146px;
	padding-top:6px;
	color:#FFFFFF;
	/*border-bottom:1px solid #162A28;*/
}

#title {
	background-image:url(/images/header-text.jpg);
	background-repeat:no-repeat;
	background-position:127px;
	height:84px;
	width:420px;
}

#content {
	width:100%;
	height:554px;
	background-image:url(/images/content_bg.jpg);
	background-repeat:repeat-x;
	background-position:696px;
	border-bottom:1px solid #003333;
}

#contentleft {
	background-image:url(/images/content_left.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:696px;
	height:554px;
}

#footer {
	background-image:url(/images/footer_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:100px;
	padding-top:20px;
	padding-left:60px;
	color:#336666;
	font-size:9px;
}


#mastodon {
	position:absolute;
	z-index:5;
	width:350px;
	height:260px;
	top:106px;
	left:146px;
	background-color:#001E1E;
	border:1px solid #162A28;
	border-top:none;
}

#work {
	position:absolute;
	z-index:6;
	width:350px;
	height:260px;
	top:106px;
	left:233px;
	background-color:#001E1E;
	border:1px solid #162A28;
	border-top:none;
}

#gallery {
	position:absolute;
	z-index:7;
	width:350px;
	height:350px;
	top:106px;
	left:330px;
	background-color:#001E1E;
	border:1px solid #162A28;
	border-top:none;
}

#inner {
	padding:20px;
	margin:3px;
}

#contact {
	position:absolute;
	z-index:8;
	width:359px;
	height:260px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/contact_bubble_ie.png');
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	color:#336666;
	font-size:12px;
	padding-top:85px;
	padding-left:8px;
}

	html>body #contact {
		background-image:url(/images/contact_bubble.png);
	}

a {
	color:#00CCFF;
	text-decoration:none;
}

a:hover {
	color:#ffffff;
}

a.close {
	padding-left:14px;
	background-image:url(/images/btn_close.gif);
	background-repeat:no-repeat;
	background-position:left;
}

a.link {
	padding-left:14px;
	background-image:url(/images/link.gif);
	background-repeat:no-repeat;
	background-position:left;
}
	
a.email {
	font-weight:bold;
	color:#9999CC;
}

a.email:hover {
	color:#00CCFF;
}

h3 {
	font-size:18px;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #336666;
	padding-bottom:6px;
}

.grey {
	color:#336666;
}

hr {
	color:#336666;
	background-color:#336666;
	size:1px;
	border:none;
	height:1px;
	width:100%;
}

.greytitle {
	color:#336666;
	font-size:12px;
}

sup {
	font-weight:bold;
	background-color:#336666;
	padding-left:2px;
	padding-right:2px;
	padding-top:0px;
	padding-bottom:0px;
	margin-right:3px;
}

img.padding {
	margin:2px;
}