/*_________________________ Globals */
*{margin:0; padding:0; outline:none;}
html{height: 100%;}
body{
	height: 100%;
	background:#3b5f75 url(./themes/site_themes/default/stripes.png);
	color:#a8c3d3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
a:link, a:visited{
	color:#753b5f;
	text-decoration:none;
}
a:active, a:hover{
	color:#756e3b;
	text-decoration:none;
}
a img{
	border: none !important;
	margin-right: 3px;
}
blockquote{
	padding:5px;
	margin:10px 5px;
	font-size:1.1em;
	background: #182731;
	border: 1px solid #3b5f75;
}
.fLeft{float:left;}
.fRight{float:right;}
.clear{clear:both;}
/*_________________________ Selections */
::-moz-selection{
	background:#a8c3d3;
	color: #070c0e;
}
::selection{
	background:#a8c3d3;
	color:#070c0e;
}
a::-moz-selection{
	background:#753b5f;
	color:#a8c3d3;
}
a::selection{
	background:#753b5f;
	color:#a8c3d3;
}
code::-moz-selection{
	color: #FFF;
	background:#333;
}
code::selection{
	color: #FFF;
	background:#333;
}
pre::-moz-selection{
	color:#FFF;
	background:#333;
}
pre::selection{
	color:#FFF;
	background:#333;
}
/*_________________________ Structure */
#page{
	position: relative;
	min-height: 100%;
	background: url(./themes/site_themes/default/main_bg.png) center 0 repeat-y;
}
#page.noSide{
	background: url(./themes/site_themes/default/main_bg_noside.png) center 0 repeat-y;
}
* html #page{
	height: 100%;
}
#content{
	margin: 0 auto;
	width: 950px;
}
#foot{
	position: absolute;
	bottom: 0;
}
/*_________________________ Head/Navigation */
#head{
	background: url(./themes/site_themes/default/head_bg.png) repeat-x;
	height:108px;
	width:100%;
}
#headContents{
	width: 934px;
	margin: 0 auto;
}
#head #homeLink{
	display:block;
	width:370px;
	height:100px;
}
#head h1{
	text-indent:-1000%;
	width:370px;
	height:100px;
	margin-left: 80px;
	position: absolute;
	top:0px;
	background:url(./themes/site_themes/default/name.png) no-repeat;
}
#head ul{
	list-style: none;
	position: relative;
	width: 420px;
	top:69px;
	float: right;
}
#head ul li{
	list-style: none;
	text-align:center;
	font-weight: bold;
	display: block;
	float: right;
}
#head ul li a:link, #head ul li a:visited, #head ul li#current{
	color: #314a59;
	display: block;
	width: 105px;
	padding-top: 13px;
	height: 18px; /* 31px-13padding*/
	background:url(./themes/site_themes/default/tab.png) no-repeat;
	
}
#head ul li a:hover, #head ul li a:active{
	background-position: 0 -31px;
	color:#a8c3d3;
	background-color:transparent;
}
#head ul li#current{
	background-position: 0 -62px;
	color:#a8c3d3;
}
/*_________________________ Sidebar */
#sidebar{
	float: left;
	width: 200px;
	height: 1px;
	overflow: visible;
}
#sidebar a:link, #sidebar a:visited{color: #3b5f75;}
#sidebar a:hover, #sidebar a:active{color: #a8c3d3;}
#sidebar form{
	padding: 5px;
	background: #3b5f75;
	margin-bottom:20px;
}
#sidebar form a:link, #sidebar form a:visited{color:#182731;}
#sidebar form a:hover, #sidebar form a:active{color:#000;}
#searchBox{
	width: 150px;
	background: #a8c3d3;
	color: #182731;
	border: none;
	padding: 3px;
	margin-right: 3px;
}
#searchButton{
	background: url(./themes/site_themes/default/search.png) no-repeat;
	border: none;
	text-indent: -1000%;
	width: 20px;
	height: 21px;
}
#searchButton:hover, #searchButton:active{cursor: pointer;}
#sidebar h2{
	padding:0 0 0 5px;
	background: #3b5f75;
	color: #182731;
}
#sidebar h2 a:link, #sidebar h2 a:visited{color: #182731;}
#sidebar h2 a:hover, #sidebar h2 a:active{color: #000;}
#sidebar ul{
	list-style: none;
	color: #3b5f75;
	margin: 5px 0 20px 5px;
}
#sidebar ul li{
	background: url(./themes/site_themes/default/arrow.gif) no-repeat 0 .5em;
	padding-left: 6px;
}
/*_________________________ Content */
#main{
	height: 100%;
	padding: 8px 0 370px 0; /* padding-bottom is height for the footer+20*/
	margin-left: 200px;
	width: 750px;
}
.noSide #main{
	margin-left: 0 !important;
	width: auto !important;
}
#main p{margin: 1em 0;}
#main .title{font-size: 1.3em;}
#main .date{margin-bottom: 1em;}
#main .entry{
	border-bottom: 1px solid #182731;
	margin-bottom: 1em;
	padding:0 5px 0.5em 5px;
}
.entry .permalink{
	padding-left: 18px;
	background: 0 center url(./themes/site_themes/default/link.png) no-repeat;
}
.entry .commentSummary{	
	padding:1px 0 2px 20px;
	height: 1.1em;
	background:0 center url(./themes/site_themes/default/comments.png) no-repeat;
}
.right_column{padding-left: 350px;}
#main small{font-size: 0.7em;}
#main img{
	float:left;
	padding:5px;
}
/*For small sized Flickr thumbnails only!*/
.flickrPhoto:link, .flickrPhoto:visited{
	display: block;
	border:1px solid #753b5f;
	margin: 0 4px 4px 0;
	float: left;
}
.flickrPhoto:active, .flickrPhoto:hover{
	border:1px solid #756e3b;
}
.flickrPhoto img{
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
#main ul{
	list-style: none;
	color: #3b5f75;
	margin: 5px 0 20px 5px;
	list-style-position: inside;
}
#main ul li{
	background: url(./themes/site_themes/default/arrow.gif) no-repeat 0 .5em;
	padding-left: 6px;
}
#main ol{
	margin: 5px 0 0 5px;
	list-style-position: inside;
}
#main ol li{
	margin-left: 2em;
}
#main pre{
	display: block;
	background: #10181f;
	border: 1px solid #3b5f75;
	padding: 0.5em;
}
#main code{
	background: #182731;
	padding: 0.1em 0.4em;
}
#main .posted{
	margin: 1em 0;
	font-size: 0.8em;
	line-height: 1.3em;
	border-top: #0d151a 1px solid;
}
.pagination{padding: 0.5em 5px;}
acronym {
	border-bottom: 1px #753b5f dashed;
	cursor:help;
}
.hilite {background-color: #182731;}
/*_________________________ Resume and Portfolio */
.entry.resume .title, .entry.work .title{margin-bottom: 0.5em;}

#portfolioCategories {
	position: relative;
	overflow: hidden;
	width: 875px;
	height: 200px;
	margin: 0 auto !important;
	list-style-position: outside !important;
}
#portfolioCategories li{float:left; padding: 0 !important; background-image: none !important;}
#portfolioCategories li a{
	float: left;
	display: block;
	width: 170px;
	height: 200px;
	background: none;
	padding: 0;
	background-repeat: no-repeat;
}
#portfolioCategories span{display:none;}
#web_design a{
	background-image: url(./themes/site_themes/default/portfolio_web.jpg) !important;
}
#graphic_design a{
	margin-left: 5px;
	background-image: url(./themes/site_themes/default/portfolio_graphic.jpg) !important;
}
#photography a{
		margin-left: 5px;
		background-image: url(./themes/site_themes/default/portfolio_photo.jpg) !important;
	}
#motion_graphics a{
	margin-left: 5px;
	background-image: url(./themes/site_themes/default/portfolio_motion.jpg) !important;
}
#three_d_interactive a{
	margin-left: 5px;
	background-image: url(./themes/site_themes/default/portfolio_3d_interactive.jpg) !important;
}

.entry.work .toggler{
	display:block;
	margin:0 auto;
	width: 850px;
	height: 150px;
	border:1px solid #314a59;
}
.entry.work .toggler:hover{
	cursor: pointer;
	color:#FFF;
	border: 1px solid #a8c3d3;
}
.entry.work .toggler .moreInfo{
	position:absolute;
	width: 850px;
	overflow: hidden;
	visibility: hidden;
	text-align: center;
	background-color: #000;
	color: #FFF;
	font-size: 16px;
}
.entry.work .toggler img{
	position: absolute;
	padding: 0 !important;
	float: none !important;
	margin: 0;
}
.entry.work .toggled{
	width: 850px;
	margin: 0 auto;
}
.work p{margin: 0.5em 0 !important;}
.gallery{
	float: left;
	padding:10px 10px 5px 0;
	border: 1px solid #314a59;
}
.mediaPlayer{
	text-align: center;
	margin-bottom: 1em !important;
}
.thumb:link, .thumb:visited{
	float: left;
	margin:0 0 5px 10px;
	display: block;
	width: 80px;
	height: 80px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #070c0e;
}
.thumb:hover, .thumb:active{
	border: 1px solid #314a59;
}
.thumb img{visibility: hidden;}
/*_________________________ Forms */
#comment_form{margin-left: 1em;}
label{
	display: block;
	background-color: #3b5f75;
	border-top:1px solid #3b5f75;
	border-right:1px solid #3b5f75;
	border-left:1px solid #3b5f75;
	padding: 0.3em;
	color: #070c0f;
	width: 300px;
}
.option_label{
	display: inline;
	background: none;
	border: none;
	color: #A8C3D3;
}
.contactfield{
	margin-bottom: 1.5em;
	width: 400px;
}
.formField{
	color: #A8C3D3;
	padding: 0.3em;
	border: 1px solid #3b5f75;
	width: 300px;
	background-color: #182731;
}
#captcha_field{
	width:124px;
	height:18px;
	font-size:18px;
	margin:0px;
}
#captcha_label{
	background:none;
	color: #A8C3D3;
	border: none;
}
#captcha_img{
	display: block;
	float:left;
	border:none;
}
#captcha_img img{
	float: none;
	padding: 0;
}
#captcha_arrow{
	float:left;
	width: 18px;
	height: 30px;
	margin: 0 3px 0 1px;
	background: url(./themes/site_themes/default/captcha_arrow.gif) no-repeat;
}
.button{
	width: 100px;
	padding: 0.3em;
	background-color: #182731;
	color: #A8C3D3;
	font-size: 1.1em;
	border-top: 2px solid #3b5f75;
	border-left: 2px solid #3b5f75;
	border-bottom: 2px solid #233947;
	border-right: 2px solid #233947;
}
.button:hover{
    background-color: #121e26;
    color:#FFF;
}
.button:active{
	color: #8aa0ad;
   	border-top: 2px solid #233947;
	border-left: 2px solid #233947;
	border-bottom: 2px solid #3b5f75;
	border-right: 2px solid #3b5f75;
	outline: none;
}
/*_________________________ Comments */
#commentsPost, #comments{
	padding: 0 5px 0.5em 5px;
	border-bottom: 1px solid #182731;
	margin-bottom: 1em;
}
#comments h5, #commentsPost h5{margin-bottom: 1em;}
.commentEven, .commentOdd{
	margin-bottom: 5px;
}
.commentEven{background: #182731;}
.commentOdd{background: #203542;}
.commentOdd a:link, .commentOdd a:visited{color: #6e3b75;}
.commentNum{
	padding: 5px 2px;
	font-size: 4em;
	width: 30px;
	float: left;
}
.commentEven .commentNum{
	color:#203542;
}
.commentOdd .commentNum{
	color:#182731;
}
.commentBody{
	margin-left:70px;
	padding-bottom: 1px;/*bug fix*/
}
.commentEven .commentBody{
	border-left: 1px solid #203542;
}
.commentOdd .commentBody{
	border-left: 1px solid #182731;
}
.commentAuthor{
	font-size: 1.1em;
	padding: 3px;
}
.commentEven .commentAuthor{
	border-bottom: 1px solid #203542;
}
.commentOdd .commentAuthor{
	border-bottom: 1px solid #182731;
}
.commentEven p, .commentOdd p{
	padding: 0 10px;
}
.commentPermalink{
	float: right;
	margin: 3px 5px 0 0;
	width: 21px; /* 16px + 5px bg img offset */
	height: 1.3em;
	background: 5px center url(./themes/site_themes/default/link.png) no-repeat;
}
/*_________________________ Foot */
#foot{
	background:#000;
	border-top: 2px solid #753b5f;
	width: 100%;
	height: 350px; /* height for the footer...currently anyway*/
}
#footContent{
	background: url(./themes/site_themes/default/foot_grunge.jpg) no-repeat;
	width: 938px;
	margin: 0 auto;
}
.footList{
	float: left;
	margin: 20px 80px 10px 90px;
	width: 140px;
}
.footList .lastList{margin-right: 0;}
.footList h4{font-size: 1.2em;}
.footList ul{list-style:none; border-top: 1px solid #070c0f;}
.footList ul li a:link, .footList ul li a:visited{
	display: block;
	border-bottom: 1px solid #070c0f;
	padding: 2px 10px;
}
.footList ul li a:active, .footList ul li a:hover{background: #070c0f;}
#credits{list-style:none;}
#credits li{display: inline;}
#credits li a:link, #credits li a:visited{
	display: block;
	height: 27px;
	float: left;
	margin-right: 93px;
	text-indent: -1000%;
	background-repeat: no-repeat;
}
#credits li a:active, #foot ul li a:hover{background-position: 0 -27px;}
#credits li a#foot_xhtml{background-image:url(./themes/site_themes/default/xhtml.png); width:81px;}
#credits li a#foot_css{background-image:url(./themes/site_themes/default/css.png); width:59px;}
#credits li a#foot_wai{background-image:url(./themes/site_themes/default/wai.png); width:56px;}
#credits li a#foot_rss{background-image:url(./themes/site_themes/default/rss.png); width:51px;}
#credits li a#foot_ee{background-image:url(./themes/site_themes/default/ee.png); width:73px;}
#credits li a#foot_ejm{background-image:url(./themes/site_themes/default/ejm.png); width:124px;}
#credits li a#foot_cc{background-image:url(./themes/site_themes/default/cc.png); width:78px; margin-right: 0;}
/*_________________________ Slimbox */
#lbOverlay{
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer{
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading{background: #fff url(./themes/site_themes/default/loading.gif) no-repeat center;}
#lbImage{
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink{left: 0;}
#lbPrevLink:hover{background: transparent url(./themes/site_themes/default/prevlabel.gif) no-repeat 0% 15%; border: none;}
#lbNextLink{right: 0;}
#lbNextLink:hover{background: transparent url(./themes/site_themes/default/nextlabel.gif) no-repeat 100% 15%; border: none;}
#lbBottom{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink{
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(./themes/site_themes/default/closelabel.gif) no-repeat center;
	margin: 5px 0;
	border: none;
}
#lbCaption, #lbNumber{margin-right: 71px;}
#lbCaption{font-weight: bold;}