* {
	margin: 0;
	padding: 0;
}

body {
	background:#5f7072 url(//o.snapgallery.net/bkg-noise.gif);
	/*background:#726053;*/
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

a:link {color:#a35435;text-decoration:none;}
a:visited {color:#703a24;text-decoration:none;}
a:active {color:#eee;}
a:hover {color:#990000;text-decoration:underline;cursor:pointer;}

#header {
	background:#343734 url(//o.snapgallery.net/gray_banner.jpg) no-repeat;
	text-align:left;
	width:785px;
	margin:0 auto;
	color:#B6B08C;
	height:95px;
	cursor: pointer;
	color:#4C4E49;
	border-bottom:solid #343734 5px;
	-moz-box-shadow: 0 0 1em #343734;
    -webkit-box-shadow: 0 0 1em #343734;
	position:relative;
}
#blog {
	background:#fff;
	width:785px;
	text-align:left;
	margin:0 auto;
	margin-top:0px;
	display:block;
	padding-top:12px;
	padding-bottom:12px;
	-moz-box-shadow: 0 0 1em #343734;
    -webkit-box-shadow: 0 0 1em #343734;
}
#footer {
	width:785px;
	margin:0 auto;
	background:#fff;
	text-align:left;
	padding-bottom:12px;
	-moz-box-shadow: 0 1em 1em #343734;
    -webkit-box-shadow: 0 1em 1em #343734;
	position:relative;
}
#infobox {
	margin: 0px -1px -12px -1px;
	font-size:0.8em;
	text-align:left;
	position:absolute;
	bottom:0;
	left:0;
	background:#343734;
	width:724px;
	padding:5px 0px 5px 63px;
	background-color: #343734;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(52, 55, 52)), to(rgb(27, 29, 27)));
	background-image: -webkit-linear-gradient(top, rgb(52, 55, 52), rgb(27, 29, 27));
	background-image: -moz-linear-gradient(top, rgb(52, 55, 52), rgb(27, 29, 27));
	background-image: -o-linear-gradient(top, rgb(52, 55, 52), rgb(27, 29, 27));
	background-image: -ms-linear-gradient(top, rgb(52, 55, 52), rgb(27, 29, 27));
	background-image: linear-gradient(top, rgb(52, 55, 52), rgb(27, 29, 27));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#343734', EndColorStr='#1b1d1b');
}
#infobox .post-text {
	color:#666;
}
#infobox .post-text a {
	color:#afbbbc !important;
	height:100%;
	padding:5px 8px 5px 8px;
}
#infobox .post-text a:hover {
	background:#4C4C4C;
	text-decoration:none;
}
#infobox .post-text a.selected {
	color:#fff !important;
	background:#000;
}
#bottom {
	/*
	width:785px;
	margin:0 auto;
	background:#343734;
	height:24px;
	*/
}
h1 {
    font-size: 40px;
    font-weight: normal;
    color: #000;
	text-transform: uppercase;
	padding: 9px 0 0 10px;
	margin-bottom: 0px;
	margin-top:0px;
}

.tagline {
    font-size: 14px;
    font-weight: normal;
    color: #000;
	margin-bottom:2px;	
	padding-left:12px;
}

h2 {
    font-size: 1.2em;
    font-weight: normal;
	margin-left:22px;
	margin-top:9px;
	color:#343734;
}

h3 {
    font-size: 0.9em;
    font-weight: bold;
    color: #000;
	margin-top:18px;
	margin-bottom:10px;
}

.post {
	margin-bottom:24px;
	margin-left:42px;
	margin-right:42px;
}

.post-text {
	font-family: 'Lucida Grande', Verdana, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif ;
	font-weight: normal;
	font-size: 0.9em;
	color: #222;
	line-height:130%;
}

.post-byline {
	/* font-size:0.8em; */
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	margin-top:10px;
	padding-top:5px;
	color: #777;
	border-top:dotted #ddd 1px;
	display:inline-block;
}

.post-byline a {color:#444;text-decoration:none;}
.post-byline a:hover {color:#990000;text-decoration:underline;}

.navigation {
	margin: 0px -1px -12px -1px;
	font-size:0.75em;
	font-family: 'Lucida Grande', Verdana, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif ;
	text-align:left;
	position:absolute;
	bottom:0;
	left:0;
	background:#343734;
	width:777px;
	padding:5px 0px 4px 10px;
	background-color: #343734;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(52, 55, 52)), to(rgb(27, 29, 27)));
	background-image: -webkit-linear-gradient(top, rgb(52, 55, 52), rgb(27, 29, 27));
	background-image: -moz-linear-gradient(top, rgb(52, 55, 52), rgb(27, 29, 27));
	background-image: -o-linear-gradient(top, rgb(52, 55, 52), rgb(27, 29, 27));
	background-image: -ms-linear-gradient(top, rgb(52, 55, 52), rgb(27, 29, 27));
	background-image: linear-gradient(top, rgb(52, 55, 52), rgb(27, 29, 27));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#343734', EndColorStr='#1b1d1b');
}
.navigation a {
	color:#afbbbc !important;
	height:100%;
	padding:5px 5px 5px 5px;
}
.navigation a:hover {
	background:#4C4C4C;
	text-decoration:none;
}
.copyright {
	/*
	border-top:solid #4C4E49 1px;
	font-size:12px;
	padding-top:7px;
	color: #666;
	*/
}

/* del.icio.us */
ul.delicious {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top:10px;
	line-height:130%;
}

ul.delicious li {
	margin-bottom:15px;
	margin-left:0px;
	padding-left:0px;
}
.delicious-last {
	margin-bottom:0px;
}
.delicious-tags	{
	font-size:10px;
	color:#555;
	font-style:italic;
}

ul.delicious li:last-child {
	margin-bottom:0px;
}

.archive {
	/* margin-left:10px; */
}
.archive-title {
	margin-top:9px;
	margin-bottom:18px;
}
.sitetitle a {color:#000;text-decoration:none;}
.archive-sitetitle a {color:#000;text-decoration:none;}
.comment a:link {color:#990000;text-decoration:underline;}
.comment a:visited {color:#660000;text-decoration:underline;}

ul,ol,blockquote {
	padding-left:2em;
	padding-right:2em;
    margin-left:0;
	margin-top:15px;
	margin-bottom:15px;
}
.daysep {
	height:5px;
}

@media screen and (max-device-width: 480px) {
	#infobox { font-size:100%; }
	#blog { width:480px; }
	#header { width:480px; }
	#footer { width: 480px; }
	.navigation { width: 471px; text-align:center; }
	#infobox { width: 432px; padding-left:50px;}
	.post {margin-right:22px;margin-left:22px;}
	.post img {max-width:390px;height:auto;}
	.post-byline { font-size: 1em; margin-right:22px;}
	#flickr_badge_uber_wrapper {display:none;}
	h2 {font-size: 1.5em;}
	table, thead, tbody, th, td, tr {
            display: block;
			max-width:480px;
			margin-top:-25px;
    }
    tr { border: 1px solid #fff; }

    td {
            /* Behave  like a "row" */
            border: none;
            position: relative;
			display:inline;
			word-wrap: break-word;
			padding-left:3px;
    }
	td div { background-color:#eee;	margin-top:5px; text-align:left;}
	td br {display:none;}

    td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
    }
}