/* -- general rules -- */

body {
background:#ccc url("/images/backgrounds/main_bg.gif") repeat-y 50% 0;;
font-family: gill sans, arial, sans-serif;
font-size: 12px;
line-height: 1.5em;
color: #000;
text-align: center;
margin:0;
padding:0;
}

body.noside {
background:url("/images/backgrounds/main_bg_noside.gif") repeat-y 50% 0;
}

a, a:visited {
color:#d64700;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#wrapper {
position:relative;
margin: 0 auto;
padding: 0;
text-align: left;
width: 800px;
}

#blogAnnouncement {
	background:#cf710f;
	margin:10px 30px;
	padding:10px;
	border:1px solid #666;
}

#blogAnnouncement a,
#blogAnnouncement a:visited {
	color:#ccc;
}
#statictop {
}

#banner {
background:url("/images/banners/orange_banner.jpg") no-repeat 50% 0;
height:65px;
padding:20px 0px 0px 20px;
margin:0 15px;
}

#content {
margin:0px 185px 20px 15px;
padding:10px;
text-align:left;
color:#000;
font:14px gill sans, arial, sans-serif;
}

#sidebar {
position:absolute;
top:100px;
left:625px;
color:#fff;
width:151px;
padding:5px 0 5px 0;
text-align:center;
font:10px verdana;
}

#footer {
text-align:center;
width:800px;
background:url("/images/backgrounds/main_bg.gif") no-repeat 50% 0;
height:14px;
margin:0 auto;
color:#fff;
font:bold 10px verdana;
padding:3px 0 30px 0;
text-align:center;
}

.hide {
display:none;
}

/* -- navigation -- */

#nav {
margin: 0 15px;
padding: 0 10px;
height: 15px;
list-style: none;
overflow: hidden;
background:#000;
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
display:inline;
}

#nav a {
float: left;
padding: 15px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:15px;
/* for IE5/Win only */}#nav a:hover {
background-position: 0 -15px;
}

#nav a.here {
background-position: 0 -30px;
}

#home_tab a  {
width: 75px;
background: url("/images/common/nav/home_tab.gif") top left no-repeat;
}

#shop_tab a  {
width: 41px;
background: url("/images/common/nav/shop_tab.gif") top left no-repeat;
}

#photos_tab a  {
width: 52px;
background: url("/images/common/nav/photos_tab.gif") top left no-repeat;
}

#tools_tab a  {
width: 44px;
background: url("/images/common/nav/tools_tab.gif") top left no-repeat;
}

#design_tab a  {
width: 72px;
background: url("/images/common/nav/design_tab.gif") top left no-repeat;
}

#projects_tab a  {
width: 57px;
background: url("/images/common/nav/projects_tab.gif") top left no-repeat;
}

#about_tab a  {
width: 47px;
background: url("/images/common/nav/about_tab.gif") top left no-repeat;
}

/* -- content rules -- */

h1 {
font:bold 18px gill sans, arial, sans-serif;
color:#000066;
margin:10px 0;
}

h1.archivehead {
font:28px georgia, serif;
color:#000066;
margin:3px 0;
text-align:center;
}

#content h2 {
font:bold 14px verdana;
color:#006;
}

#content h3 {
font:14px gill sans, arial, sans-serif;
color:#990000;
}

.photocaption {
font:bold 16px gill sans, arial, sans-serif;
text-align:center;
color:#336600;
display:block;
margin:0 25px;
}

.bannerheadline {
font:bold 36px georgia, serif;
text-align:center;
border-bottom:2px solid #333;
}

.title {
color:#006;
border-right:4px double #ccc;
border-bottom:1px solid #ccc;
font:18px gill sans, arial, sans-serif;
float:left;
padding:2px 4px 2px 0px;
margin:10px 0px 0px 10px;
}

.date {
clear:both;
position:relative;
background: url("/images/blog/undated/date_bg.gif") no-repeat;
background-repeat:no-repeat;
color:#fff;
font-weight:normal;
font-size:18px;
font-family:georgia, times, serif;
margin-top:15px;
padding:0px 0px 0px 10px;
border-bottom:1px solid #ccc;
}

.post {
margin-top:55px;
margin-left:10px;
}

.newquote {
width:450px;
margin:10px auto;
background:#F8D371 url("/images/backgrounds/quotebox_bottom_bg.gif") no-repeat bottom left;
}

.newquote div {
margin:0;
padding:15px;
background:#F8D371 url("/images/backgrounds/quotebox_top_bg.gif") no-repeat top left;
font-size: 11px;
font-family:verdana, arial, sans-serif;
}

.quote {
position:relative;
width:450px;
margin:10px auto;
border-bottom: 4px solid #F7E9C3;
background:#F8D371 url("/images/backgrounds/quotebox_top_bg.gif") no-repeat top left;
font-size: 12px;
font-family:gill sans, arial, sans-serif;
padding:24px 12px 12px 12px;
}

.quote h1 {
font:bold 14px gill sans, arial, sans-serif;
color:#990000;
margin:0 0 10px 0;
}

.quoteSource {
font:10px gill sans, arial, sans-serif;
}

code {
text-align:center;
border:1px solid #ccc;
padding:4px 8px;
margin:10px 25px 10px 25px;
}

.blogphoto {
padding:5px;
display:block;
margin:0 auto;
text-align:center;
border:1px solid #ffd700;
background:#ddd;
}

.photoR {
float:right;
border:1px solid #ffd700;
background:#ddd;
padding:5px;
margin:10px 0 10px 10px;
}

.photoL {
float:left;
border:1px solid #ffd700;
background:#ddd;
padding:5px;
margin:10px 10px 10px 0;
}

.byline {
font:10px gill sans, arial, sans-serif;
color:#999;
padding-bottom:10px;
margin-top:10px;
border-bottom:4px double #999;
}

.byline a, .byline a:visited {
text-decoration:none;
color:red;
}

.byline a:hover {
text-decoration:underline;
border-bottom:0px;
}

.prevnext {
text-align:center;
margin:5px;
}

.prevnext a, .prevnext a:visited {
font:12px gill sans, arial, sans-serif;
color:#999;
text-decoration:none;
}

.prevnext a:hover {
color:#000;
}

.floatleft {
float:left;
margin: 0 7px 5px 0;
border:1px solid #999;
padding:4px;
}

.floatright {
float:right;
margin: 0 0 5px 7px;
border:1px solid #999;
padding:4px;
}

.commandments {
background: #999 url("/images/blog/0504/0504_commandments_bg_323x62.jpg") no-repeat top left;
border-bottom:1px solid #000;
padding:70px 10px 20px 20px;
width:290px;
margin:10px auto;
font:14px georgia, serif;
color:#fff;
}

/* -- lists -- */

ul.plus, ul.arrow {
margin:0 30px 0 5px;
list-style:none;
text-align:justify;
}

.plus li {
padding:2px 0 2px 16px;
background: url("/images/common/blogbullet.gif") no-repeat 0 4px;
}

.arrow li {
padding:2px 0 2px 16px;
background: url("/images/common/list_arrow.gif") no-repeat 0 4px;
}

ul.pics {
margin: 0 0 0 35px;
height: 25px;
list-style: none;
width:500px;
}

.pics li {
list-style: none;
padding:2px 0 2px 19px;
border-left:4px solid #ddd;
}
.pics li a:hover {
color:#333;
text-decoration:none;
}

.pics li:hover {
border-color:#666;
}

#content dl {
margin:10px 30px;
}

#content dt {
padding-left:10px;
padding-bottom:2px;
border-left:4px double #999;
border-bottom:1px solid #999;
}

#content dd {
margin:0 15px 5px 20px;
}

/* -- comments and trackback -- */

#trackback-box {
background:#000;
border:5px solid #c96;
padding:5px;
}

.trackback-banner {
text-align:center;
font:bold 24px gill sans, arial,  sans-serif;
color:#CC0000;
}

.trackback-url {
margin:5px 15px;
padding:5px;
background-color:#ddd;
border:1px solid #000;
font:12px gill sans, arial,  sans-serif;
color:#000;
}

.trackback-body {
border:1px solid #666;
background-color:#CCCC99;
color:#fff;
padding:10px;
margin:10px;
}

#commentsBox {
background-color:#623104;
margin:0px 10px 10px 10px;
padding:10px;
font:12px verdana;
border:4px double #999;
}

#commentsBox img {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

#commentsBox .comtitle {
position:relative;
font:14px verdana;
color:#333;
background:#AB601A;
margin:0px 4px 0px 4px;
padding:4px;
border-bottom:2px groove #999;
border-top:2px groove #999;
}

#commentsBox .comments-body {
position:relative;
text-align:left;
margin:0px 15px 0px 15px;
font:10px verdana;
color:#e9e9e9;
background:#336;
border-right:1px solid #66c;
border-left:1px solid #66c;
border-bottom:1px solid #66c;
padding:5px 5px 10px 5px;
}

#commentsBox .comments-post {
position:relative;
font:10px verdana;
color:#999;
}

#commentsBox .comments-post a, #commentsBox .comments-post a:visited {
text-decoration:none;
color:#ccc;
}

#commentsBox .comments-post a:hover {
text-decoration:none;
color:#fff;
}

#commentsBox .comments-form {
position:relative;
text-align:left;
margin:0px 8px 0px 8px;
font:10px verdana;
color:#ccc;
background:#765537;
border:1px solid #666;
padding:5px;
}

.comments-head {
font:bold 18px verdana;
text-align:center;
color:#006;
margin:15px 0;
background:#ddd;
border:1px solid #f00;
}

.comments-body a, .comments-body a:visited {
color:#d64700;
text-decoration:none;
}

.comments-body a:hover {
border-bottom:1px dashed #d64700;
}

/* -- sidebar rules -- */

#sidebar p {
font:10px gill sans, arial, sans-serif;
color:#fff;
margin:5px 5px 5px 7px;
width:140px;
text-align:left;
}

#sidebar p.right {
text-align:right;
}

#sidebar p.center {
text-align:center;
}

#sidebar h1 {
font:14px gill sans, arial, sans-serif;
color:#696;
margin:2px 0px 2px 0px;
border-left:14px solid #ccc;
border-right:14px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#sidebar h2 {
font:bold 12px gill sans, arial, sans-serif;
color:#ccc;
margin:5px 0px 5px 0px;
background:#666;
padding:1px 3px 1px 7px;
border-top:1px dashed #333;
border-bottom:1px dashed #333;
}

#sidebar h3 {
font:bold 10px gill sans, arial, sans-serif;
color:#000;
margin:4px 7px 4px 7px;
}

#sidebar a, #sidebar a:visited {
color:#fff;
}

#sidebar .searchButton {
margin-top:5px;
}

.linklist {
margin:0px 0px 10px 0px;
text-align:left;
}

.linklist a, .linklist a:visited {
display:block;
font:10px gill sans, arial, sans-serif;
color:#fff;
text-decoration:none;
padding:0px 2px 0px 17px;
}

.linklist a:hover {
background:#708173 url("/images/common/spiral_bg.gif") no-repeat;
text-decoration:none;
border-bottom:0px;
}

.techlinks img {
display:block;
margin:0px 0px 0px 17px;
}

.linkform {
font:10px gill sans, arial, sans-serif;
color:#fff;
}

.linkform input {
float:left;
}

/* -- photo rules -- */

#gallery {
width:550px;
text-align:center;
margin:10px 0 0 30px;
}

#gallery .thumb {
float:left;
padding:8px 8px 26px 8px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
margin:0 10px 10px 0;
background:#FDFDF7;
}

#gallery img {
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

#gallery .thumb:hover {
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

.bigphoto {
margin:10px 0 10px 25px;
text-align:center;
padding:10px;
border:1px solid #999;
background:#EAE7E0;
}

a.prevNext, a.prevNext:visited {
font-size:32px;
color:#339900;
}

a.prevNext:hover {
border:0px;
color:#99CC66;
text-decoration:none;
}

.description {
font:bold 16px Georgia, "Times New Roman", Times, serif;
margin:10px 200px 10px 10px;
padding:2px 4px;
color:#fff;
border:1px solid #ddd;
background-color:#869A89;
}

.description a, .description a:visited {
color:#fc0;
}

.toplinks a, .toplinks a:visited {
padding:2px;
background:#ddd;
border:1px solid #666;
}

.toplinks a:hover {
border-color:#CC0000;
background:#ccc;
text-decoration:none;
}

/* -- projects -- */

#projlist {
margin: 35px 0 0 75px;
}

#projlist dt {
background:url("/images/common/proj_bullet.gif") no-repeat 0 4px;
}

#projlist dt a {
font-size:18px;
margin:10px 40px 0 40px;
}

#projlist dd {
font:bold 14px verdana;
color:#666;
margin:0 40px;
}

/* -- cafepress store -- */

#cp_banner {
background:url("/images/banners/orange_banner.jpg") no-repeat 50% 0;
height:85px;
padding:20px 0px 0px 20px;
margin:0 15px;
}

#cp_bottom_box {
border:1px solid #666;
margin:0 auto;
padding:5px;
}

#cp_bottom_box .banner {
background:#869A89;
color:#fff;
font:bold 14px gill sans, arial, sans-serif;
text-align:center;
}

/* -- recent tunes rules -- */

#recenttunes {
position:absolute;
top:9px;
right:25px;
border:solid 2px #EBEB00;
color:#ccc;
font-weight:bold;
font-size:10px;
line-height:11px;
}

#recenttunes p {
padding:0 5px;
margin:3px 0;
}

#recenttunes strong {
color:#fff;
font-size:11px;
}

#recenttunes h1 {
font-size:16px;
margin:0 0 5px 0;
padding:0 0 2px 0;
color:#fff;
background:#EB7500;
border-bottom:2px solid #EBEB00;
text-align:center;
}