﻿@charset "utf-8";
/* Stylesheet for overall layout of www.sanctumvoid.net - Jeff Woodman, Santa Fe, New Mexico, U.S.A. */

/* Primary theme colors:
    #2a1900; (dark brown)
    #990000;
    #fffbcc (yellow/tan)
    #996633
    */


body { 
	background:url(custom_tartan.png);
	text-align:center; 
	margin: 0;
	font-family: Georgia, Garamond, "Times New Roman", Times; 
	color: #2a1900;
	font-size:110%;
}
a:link {
	color:#990000;
	text-decoration:underline;
}

a:visited { color:#996633; }

a:hover
{
	color:#990000;
	text-decoration:none;
}


#uber-box 
{ 
	background:url(background-gradient.png);
	background-position:center;
	background-repeat:repeat-y;
}
#inner-box
{
	width:1024px;
	margin: 0 auto;
	background:url(content-background.png);
	background-repeat:repeat-y;
	position:relative;
}
#rss-link
{
	
	display:block;
	height:40px;
	width:40px;
	background-image:url(feed-icon-type-b-40.png);
	position:absolute;
	right: 150px;
	top:178px;
}
#rss-link span { display:none;}
#content-box { min-height:600px; }

#content-box p 
{ 
	line-height:1.75em; 
}

#nav-box 
{ 
	background-color:#2a1900; 
	border-width:1px 0;
	border-style:solid;
	border-color:#000;
	background:url(nav-bg.png);
	background-repeat:repeat-x;
    text-align:center;

}

#nav-box ul
{
	margin:0; 
	padding:0; 
	list-style:none;
	width:1000px;
	text-align:center;
	margin:0 auto 0 auto;
}

#nav-box ul li
{
	float:left;
	margin:3px 0;
}

#nav-box li+li
{
	background:url(nav-bg-divider.png);
	background-position:left 0;
	background-repeat:no-repeat;
}

#nav-box a
{
	padding:10px 15px;
	display:block;
	color:#fffbcc;
	margin:2px 0;
	outline:none;
	
}

#nav-box a:link,
#nav-box a:visited
{
	color:#996633;
	text-decoration:none;
}
#nav-box a:hover
{
	color:#fffbcc;
}


#ftr-box 
{ 
	text-align:left; 
	min-height:200px;
	background-color:#2a1900;
	background-image:url(footer-background.png);
	background-repeat:repeat-x;
	color:#fffbcc;
}

#footer-footer
{
	text-align:right;
	/*font-size:80%;
	font-family:Tahoma, Geneva, sans-serif;*/
	color:#996633;
	border-width:1px 0 0 0;
	border-style:dotted;
	border-color:#996633;
	margin:20px 0 0 0;
}

#site-hdg
{
	margin:0;
	height:275px;
}
#site-hdg a
{
	display:block;
	background:url(page-header-200px.jpg);
	background-position:center;
	height:275px;
}

#site-hdg a span {display:none}

/* vert-list: tweaked UL to display list items vertically, 
   with no bullets, and borders between list items.	*/
.vert-list
{
	list-style-type:none;
	padding:0;
	margin:0;
}

.vert-list li+li
{
	border-width:1px 0 0 0;
	border-style:dotted;
	border-color:#2a1900;
}

.vert-list a span
{
	display:block;
	padding:10px 5px;
}

.vert-list a:link,
.vert-list a:visited
{
	color:#990000; 
	text-decoration:none;
}

.vert-list a:hover span
{ 
	background-color:#2a1900; 
	color:#fffbcc; 
	text-decoration:none; 
}

.vert-list a:hover span + span 
{
	background-color:#996633;
    color:#2a1900;
}


/* Override certain vert-list styles when used in the footer.	*/
#ftr-box .vert-list a{
    display:block;
    padding:10px 0;
}
#ftr-box .vert-list a:link,
#ftr-box .vert-list a:visited
{
	color:#fffbcc; 
    padding:5px 0;
}

#ftr-box .vert-list a:hover
{
	background-color:#fffbcc; 
	color:#2a1900;
}

#ftr-box .vert-list li+li
{
	border-color:#996633;
}

/* Utility styles	*/
.float-right { float:right; }

.float-left { float: left; }

.gutter { margin:10px }

.img-rot_1
{
	-moz-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	border:3px solid #996633;
	margin-right:30px;
}

/* widget styles*/
.flickr_img img
{
	margin:5px;
	text-decoration:none;
	border:1px solid #996633;
}

.flickr_img
{
	text-align:center;
}

#delicious-links
{
	font-size:14px;
	
}
#delicious-links div
{
	margin:10px 0;
	min-height:16px;
}

/*	960 grid system (grid.css) tweaks	*/
.container_12 { text-align:center; margin:auto; }
.grid_4, 
.grid_8,
.grid_12 { text-align:left; }

.sv-med-brown
{
	color:#996633;
}

.small {
    font-size: 80%;
}

.small-app-info {
    font-size:80%;
    padding:0 0 0 15px;
}
.small-app-info p {
    margin:0;
}

.red-text {
    color:#990000;
}

/* code-specific*/

pre {
    border:1px dotted #2a1900;
}