/* CSS for www.sanctumvoid.net. 
   Contact: jeff.woodman@sanctumvoid.net */
	 
body
{
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	font-size:80%;
	margin:0;
	text-align:center;
	color:#fff;
	background-color:#000;
}

a { outline:none; }
a:link, a:visited { font-weight:bold; }

a:link { color:#ff6600;	}
a:visited { color:#ccc; }
a:hover
{
	text-decoration:none;
	color:#000;
	background-color:#fff;
}
h2, h3
{
	text-transform:lowercase;
	letter-spacing:0.2em;
	padding:0 0 0 5px;
}

acronym
{
	border-bottom:1px dotted #fff;
	cursor:help;
}

#heading
{
	width:600px;
	height:134px;
	margin: 0 auto 0 auto;
	text-align:left;
	background-image:url(svheader.png);
	background-repeat:no-repeat;
}

#heading span { display:none; }

#menuContainer
{
	position:relative;
	width:598px;
	margin:auto;
	
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#666;
    background-color:#000;
	background-image:url(svbg.png);
	background-repeat:repeat-y;
	color:#fff;
}

#menu
{
	padding:0;
	margin: 0 auto 0 auto;
	text-align:left;
}
/*  This is a mozilla float-clearing hack to make outer 
    container stretch vert to fit floated inner elements.   */
#menu:after 
{
	clear:both;
	display:block;
	content:".";
	visibility:hidden;
	height:0;
}
#menu li
{
	float:left;
	list-style-type:none;
}
#menu a
{
	display:block;
	padding:5px;
	border-left:1px solid #666;
	font-weight:bold;
	letter-spacing:0.2em;
	font-variant:small-caps;
}
#menu a.first
{
    border:none !important;
    padding-left:23px !important;
}
#menu a:link, #menu a:visited
{
	background-color:transparent;
	color:#fff;
	text-decoration:none;
}

#menu a:hover
{
	background-color:transparent;
	color:#ff9900;
}

#contentBody
{
	position:relative;
	z-index:0;
	width:564px;
    padding:3px 17px 3px 17px;
	margin:0 auto 0 auto;
	
	border-left:1px solid #666;
	border-right:1px solid #666;
    
	
	background-image:url(svbg.png);
	background-repeat:repeat-y;

	text-align:left;
}
#contentBody p 
{ 
    line-height:20px; 
    padding:0 5px 0 5px;
    font-family:Georgia, "Times New Roman", Serif;
}

#colophonContainer
{
	clear:both;
	width:573px;
	padding-left:25px;

	border-left:1px solid #666;
	border-right:1px solid #666;

	margin:0 auto 0 auto;

	background-image:url(colophon.png);
	background-repeat:repeat-y;
}

/* Another mozilla float-clear hack */
#colophonContainer:after 
{
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:"."
}

#colophon
{
	margin:0;
	padding:0;
}

#colophon li
{
	float:left;
	list-style-type:none;
}
#colophon a
{
	display:block;
	padding:10px;
}
#colophon a:link, #colophon a:visited
{
	color:#fff;
	text-decoration:none;
}
#colophon a:hover
{
	background-color:#fff;
	color:#000;
}
#footer
{
	width:580px;
 	height:30px;
	padding:10px;

	background-image:url(svfooter.jpg);
	background-repeat:no-repeat;
	
	margin: 0 auto 0 auto;
 	margin-top:0;
 	text-align:right;
	font-variant:small-caps;
	color:#333;
	font-weight:bold;
}
#footer a:link, #footer a:visited
{
	color:#0000ff;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
	background-color:transparent;
}

#SearchForm
{
	position:absolute;
	right:3px;
	top:3px;
	margin:0;
	text-align:right;
}

#SearchTextBox
{
	background-color:transparent;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	border-left:1px dotted #666;
	border-right:1px dotted #666;
	color:#fff;
}

#SearchSubmitButton
{
	background-color:transparent;
	color:#fff;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
}

#flickr_badge_wrapper 
{
	padding:10px 0 10px 0; 
	text-align:center
}
#flickr_badge_wrapper a:link, 
#flickr_badge_wrapper a:visited, 
#flickr_badge_wrapper a:hover 
{
	background-color:transparent;
}
#flickr_badge_wrapper img 
{ 
	margin:5px; 
	border:1px solid #666;
}

#flickr_www 
{
	color:#777; font-weight:bold;
}
.ScreencapWithDescriptionContainer
{
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
}

.ScreencapWithDescriptionContainer img
{
	float:left;
	margin:5px;
	border:none;
}

.ScreencapWithDescriptionContainer p, 
.ScreencapWithDescriptionContainer ul { margin-left:163px; }

.ScreencapWithDescriptionContainer ul { padding-left:50px; }

#appdev, #flashproj { clear:both; }

.FirstCodeDownload { border-top:2px solid #666; }
.CodeDownload {	border-bottom:2px solid #666;padding:3px; }
.CodeDownload:hover {	border-bottom:2px solid #fff;padding:3px; }


#SiteMapContainer a:link, 
#SiteMapContainer a:visited
{
	color:#fff;
	background-color:transparent;
}

#SiteMapContainer a:hover 
{ 
	background-color:#fff;
	color:#000;
	text-decoration:none; 
}

#SiteMapContainer ul
{
	list-style-type:disc;
	line-height:30px;
}

.thispage
{
	color:#fff;
	font-weight:bold;
}
.RSSLink
{
	background-image:url(feed-icon-16x16.png);
	background-repeat:no-repeat;
	display:block;
	height:16px;
	width:auto;
	padding-left:18px;
	margin-top:5px;
	
}
.RSSLink:link, .RSSLink:visited, .RSSLink:hover
{
	background-color:transparent;
	color:#ff6600;
}
#HTMLVersionHeader
{
	border:1px solid #666;margin-bottom:5px;cursor:pointer
}
#HTMLVersion
{

}
#FlashVersionHeader
{
	
	border:1px solid #666;cursor:pointer
}
#FlashVersion
{
	text-align:center;
}

.delicious-banner 
{
    letter-spacing:0.25em; 
    color: #ff6600;
    margin-bottom: 3px; 
    text-transform: lowercase;
    display:none;
}
.delicious-posts a
{
    
}
/*
.delicious-posts a:link,
.delicious-posts a:visited
{
    color:#ff6600;
    text-decoration:underline;
}

.delicious-posts a:hover
{
    color:#fff;
    text-decoration:none;
}
*/
.delicious-posts li
{
    margin:4px 0 4px 0;
    padding:3px;
    
}
.delicious-posts
{
}
.delicious-posts .delicious-odd
{
   border-top:1px dotted #484848;
}

.delicious-posts .delicious-even
{
    border-top:1px dotted #484848;
   
}


.vseparator
{
    background-image:url(vseparator.jpg);
    height:48px;
    /*width:198px;*/
    background-position:top center;
    background-repeat:no-repeat;
}

.vseparator2
{
    background-image:url(vseparator2.jpg);
    height:30px;
    /*width:198px;*/
    background-position:top center;
    background-repeat:no-repeat;
}
.IconContainer a
{
    display:block;
    padding:10px;
    margin:0;
}