/* 
Real Alibi - This is the personal site of Ben Goldman frelance designer, student, 
and Christ follower.  This is copyrighted materal, but feel free to take inspiration 
from my work as it was inpsired, in turn from someone else.

Version: 1.0, Fall 2006 

Main Syle Colors
colors {
	#001C33(dark blue);
	#4F91D9(light blue);
	#E9A525(amber);
	#333333(dark gray);	
	#eeeeee(light gray);
	#000000(black);
	#ffffff(white);
}
*/
html{
	height:100%;
}
body{
	margin:0px;
	padding:0px;
  color:#fff;
	background:#001C33;
	text-align:center;
	font:11px Verdana,Arial,Helvetica,sans-serif;
	word-spacing:1px;
	line-height:200%;
}
/*Main Construction Styles*/
#header{
	width:760px;
	text-align:left;
	margin:0 auto;
	height: 125px;
}
#logo{
	float:left;
	padding-top:10px;
}
#top{
	background:#fff url(../images/site/top.jpg) top left no-repeat;
	width:760px;
	text-align:center;
	margin:0 auto;
	line-height:1.2em;
}
#content{
	width:760px;
	text-align:center;
	background:#fff;
	margin:0 auto;
	padding:0;
}
#subnav{
	width:714px;
	border:4px solid #666;
	background:#333;
	margin:0 10px 10px 10px;
	padding:4px 8px;
	text-align:center;
	font:12px Verdana,Arial,Helvetica,sans-serif;
}
#main{
	width:714px;
	border:4px solid #2D79CE;
	background:#4F91D9;
	margin:0 10px;
	padding:0 8px;
	text-align:left;
}
#latest{
	width:720px;
	color:#000;
	border:4px solid #CF8310;
	background:#E9A525;
	margin:10px 10px 0 10px;
	padding:5px;
	text-align:left;
}
.latestwork{
	float:left;
	padding:10px 10px 10px 10px;
	width:30%;
}
#other{
	width:714px;
	border:4px solid #bbb;
	background:#fafafa;
	margin:10px 10px 0 10px;
	padding:3px 8px;
	text-align:left;
	color:#000;
}
#bottom{
	background:url(../images/site/bottom.jpg) top left no-repeat;
	width:760px;
	text-align:center;
	margin:0 auto;
	line-height:1em;
}
#footer{
	clear:both;
	width:760px;
	margin:0 auto;
}
#sublinks{
	float:left;
	padding:0px 0 5px 15px;
}
#credit{
	float:right;
	padding:0px 15px 5px 0;
}
/*Various Fix Tags*/
.clear{
	clear:both;
}
.noborder{
	border:0;
}
#header a img{
	border:0px;
}
img{
	border:4px solid #fff;
}
/*Navigation*/
/*#nav{
	float:right;
	margin-top:102px;
	margin-right:8px;
}
#navlist
{
	background:#001C33;
	margin:0px;
	padding:0px;
	height:16px;
}
#navlist li
{
	display:inline;
	float:left;
	margin:0px auto;
	padding:3px 2px;
	list-style:none;
}
#navlist li a:link, #navlist li a:visited
{
	font:bold 15px Georgia, "Times New Roman", Times, serif;
	color:#4F91D9;
	text-decoration:none;
	display:inline;
	padding:0px 0px 0px 2px;
	margin:0px;
	height:16px;
	overflow:hidden;
	text-align:center;
}
#navlist li a.current
{
	color: #FFFFFF;
	font-style: italic;
}
#navlist li a:hover, #navlist li a:active
{
	color: #FFFFFF;
	text-decoration: none;
}*/
#navlist
{
position: relative;
top: 100px;
/* Change this to move the rightmost menu item off the right edge */
margin:0 10px 0 0;
padding:0;

text-align: right;
list-style:none;
}

#navlist li
{
display:inline;
}

#navlist li a:link,
#navlist li a:visited
{
/* Change this to control the menu spacing */
padding:0 0 0 4px;
margin:0;

font:bold 15px Georgia, "Times New Roman", Times, serif;
text-decoration:none;

color:#4F91D9;
}

#navlist li a.current
{
color: #FFF;
font-style: italic;
}

#navlist li a:hover, #navlist li a:active
{
color: #FFF;
}
/*Styling Section*/
h1,h2,h3,h4,h5,h6{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:lighter;
	margin:15px 0 0 0;
	padding-bottom:4px;
	line-height:85%;
}
h1{
	color: #001C33;
	font-size: 26px;
}
h2{
	color:#fff;
	font-size:22px;
}
h3{
	color:#2D79CE;
	font-size:20px;
}
h4{
	color:#E9A525;
	font-size:18px;
}
h5{
	color:#fff;
	font-size:16px;
}
h6{
	color:#001C33;
	font-size:13px;
	font-weight:bold;
}
a{
	color:#fff;
	text-decoration:underline;
}
#latest a, #other a{
	color:#000;
}
a:hover{
	color:#000;
	text-decoration:underline;
}
#latest img:hover{
  border:4px solid #333;
}
#latest a:hover, #subnav a{
	color:#fff;
}
#other a:hover{
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
	text-decoration:none;
}
.post{
	border-bottom:1px solid #2D79CE;
	margin-bottom:5px;
}
.post span{
	padding: 3px 0;
	display:block;
	font-size:10px;
	color:#333;
	text-align:left;
}
#other .post{
	min-height:130px;
}
acronym{
	border-bottom:1px dotted #ccc;
	padding-bottom:1px;
	cursor:help;
}
del{
	color:#ccc;
}
hr{
	width:100%;
	border:0;
	margin:5px 0px !important;
	margin:2px 0px 5px 0px;
	height:1px;
	color:#2D79CE;
	background-color:#2D79CE;
}
p.firstletter:first-letter{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:40px;
	padding:10px 3px 3px 3px;
	float:left;
}
.indent{
	border-left:2px solid #666;
	margin-left:25px;
	padding-left:8px;
}
ul li ul li{
	list-style-type:square;
}
ol li ol li{
	list-style-type:lower-roman;
}
dl{
	margin-left:8px;
	margin-right:8px;
}
dt{
	color:#E9A525;
	font-weight:bold;
	text-decoration:underline; 
}
.blockquote{
	border-bottom:1px solid #2D79CE;
	border-top:1px solid #2D79CE;
	border-left:4px solid #fff;
	background:#2D79CE;
	padding:6px 6px 4px 8px;
	margin:12px 0;
	color:#fff;
}
.blockquote h5{
	border-bottom:1px solid #001C33;
	font-size:17px;
	color:#fff;
	margin:2px;
}
.blockquote a{
	text-decoration:none;
	font-weight:bold;
}
.blockquote span{
	padding: 3px 0;
	display:block;
	font-size:10px;
	color:#fff;
}
code{
	display:block;
	border-bottom:1px solid #2D79CE;
	border-top:1px solid #2D79CE;
	border-left:4px solid #fff;
	background:#2D79CE;
	padding:6px 6px 4px 8px;
	margin:12px 0;
	color:#eee;
	font:normal 11px "Courier New", Courier, monospace;
}
.highlight{
	color:#E9A525;
	font-weight:bold;
}
.white{
	color:#fff;
}
.port{
	margin:7px;
	float:left;
	border:1px solid #eee;
}
.photo{
	margin-left:20px;
}
.webdesign ol li{
	border-bottom:1px solid #2D79CE;
	padding-bottom:2px;
	margin-bottom:3px;
}
.owdlinx{
	border:solid 1px #2D79CE;
	padding:5px;
	margin:5px;
}
.owdlinx a{
	font-size:13px;
	font-weight:bold;
}
.owdlinx p{
	padding-left:10px;
}
/*Floats*/
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.w50{
	width:50%;
}
.floatleft p{
	padding:0 10px 0 0; 
}
.floatright p{
	padding:0 0 0 10px;
}
img.floatleft{
	margin:15px 18px 5px 0;
}
img.floatright{
	margin:15px 5px 5px 18px
}
/*Forms*/
form select,
form input,
form textarea{
	font:11px Verdana,Arial,Helvetica,sans-serif;
	border:1px solid #2D79CE;
}
form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form select:hover,
form select:focus{
	/*border:1px dotted #888;  optional thought */
	border:1px solid #001C33;
	background:#f9f9f9;
}
form select{
	padding:1px;
}
form input{
	padding:1px;
}
form label{
	display:block;
	color:#eee;
}
form textarea{
	padding:1px;
	line-height:16px;
}
form p{
	margin:10px 0px;
}
input.button{ 
  cursor:pointer; 
}
#dev ul li{
	list-style-type:none;
	padding:3px;
}
#dev img{
	border:none;
}
#dev a, #dev a:hover{
	text-decoration:none;
	
}