* {
   margin: 0;
   padding: 0;
}

body {
   margin: 0 auto;
   background-color: #ACB2CC;
   font-family: Arial, Times New Roman, sans-serif;
   font-size: 12px;
   line-height: 1.5em;
   color: #000;
}

#container {
   margin: 0 auto;
   width: 782px;
   background: #ffe url(images/container_bg.jpg) repeat-y top left;
}

#content {
   float: left;
   width: 475px;
   padding: 25px 0px 25px 40px;
   background-color: transparent;
}

#sidebar {
   float: right;
   width: 180px;
   padding: 10px 45px 25px 15px;
   background-color: transparent;
   color: #555;
}

#header {
   width: 782px;
   height: 120px;
   background: transparent url(images/header_bg.jpg) no-repeat;
}

#navbar {
   width: 782px;
   height: 32px;
   background: transparent url(images/navbar_bg.jpg) no-repeat;
}

#footer {
   clear: both;
   width: 782px;
   height: 63px;
   background: #665 url(images/foot_bg_1.jpg) no-repeat;
}

/*-- The Basics --*/

a {
   color: #2E2E8B;
   text-decoration: none;
}

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

a img {
   border: none;
}

acronym, abbr {
   border-bottom: 1px dashed #33;
}

form {
   margin-top: 3px;

   
}

blockquote {
   width: 450px;
   border: 1px dotted #894;
   padding: 10px 10px 5px 10px;
   margin: 15px 30px;
   font-style: italic;
}

blockquote p:before {
   content: '"';
   font-size: 20px;
   font-weight: bold;
   color: #894;
}

blockquote p:after {
   content: '"';
   font-size: 20px;
   font-weight: bold;
   color: #894;
}

p {
   margin-bottom: 10px;
}

small {
   font-size: 85%;
}

textarea {
   width: 400px;
}

#footer p {
   padding: 8px 50px;
   color: #808080;
   font-size: 11px;
}

#footer a {
   padding: 2px;
   color: #808080;
   text-decoration: none;
}

#footer a:hover {
   color: #2E2E8B;
   background: #ffffff;
   text-decoration: none;
}

#sidebar p {
   font-size: 11px;
   line-height: normal;
}

.alignright {
   float: right;
}

.alignleft {
   float: left;
}

.aligncenter {
   text-align: center;
}

.aside {
   margin-bottom: 15px;
   padding: 10px;
   background-color: #ffd;
   border: 1px solid #894;
} 

.date {
   font-size: 11px;
   margin: 3px 0 5px;
   padding-left: 20px;
   background: url(images/calendar.png) no-repeat center left;
}

.gravatar {
   float: right;
   padding: 2px;
   background-color: transparent;
   border: 1px solid #dadac6;
   display: inline;
}

.meta {
   font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
}

.post {
   margin-bottom: 15px;
   padding-bottom: 15px;
}

.recent_container
{
   margin-top: 20px;
}

.recent_grav
{
   background-color: #ffe;
   padding: 3px;
   margin: -6px 8px 3px 10px;
   border: 1px;
   border-style: solid;
   border-color: #b8b8b8;
}

/*-- Headings --*/

#header h1, #header h2 {
	display: none;
}

h2 {
   font-family: 'Times New Roman', Arial, Helvetica, sans-serif;
   font-size: 22px;
   font-weight: normal;
   padding: 3px 0;
}

h2 a {
   color: #333;
   text-decoration: none;
   padding: 0;
}

h2 a:hover {
   color: #2E2E8B;
   background: transparent;
   text-decoration: none;
}

h3 {
   font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: normal;
   margin: 7px 0 12px;
}

#sidebar .section h4 {
   margin-bottom: 8px;
   width: 160px;
   height: 18px;
}

#sidebar .section h4 span {
   display: none;
}

#sidebar .section h4#quick_links {
   background: transparent url(images/quick_links.jpg) no-repeat;
}


/*-- Lists --*/
ol {
   padding-left: 50px;
   padding-right: 50px;
   margin-bottom: 10px;
}

.recent li {
   padding: 2px 0;
   list-style-type: solid;
   font-size: 14px;
}

ul#navlist {
   padding: 5px 0 10px 40px;
   white-space: nowrap;
}

#navlist li {
   display: inline;
   list-style-type: none;
   font-size: 11px;
   text-transform: uppercase;
}

#navlist a { padding: 7px 10px; }

#navlist a:link, #navlist a:visited {
   color: #000;
   background-color: transparent;
   text-decoration: none;
}

#navlist a:hover {
   color: #ffe;
   background-color: #2E2E8B;
   text-decoration: none;
}

.storycontent ul {
   margin: 5px 0 10px 0;
   list-style: solid;
   padding-left: 25px;
}

#sidebar ul {
   margin: 5px 0 10px 0;
   padding-left: 25px;
   list-style: circle;
}

.postspermonth {
   margin: 5px 0 10px 0;
   list-style: none;
   padding-left: 25px;
}

#delicious_sidebar li {
   list-style: none;
   margin: 0 5px 0 -15px;
   padding-bottom: 3px;
}

#delicious_sidebar a {
   color: #894;
   text-decoration: none;
}

#delicious_sidebar a:hover {
   color: #000;
   text-decoration: none;
}

.latestactivity li {
   list-style: none;
   margin: 0 5px 0 -15px;
   padding-bottom: 3px;
}

.latestactivity small a {
   color: #555;
   text-decoration: none;
}

.latestactivity small a:hover {
   text-decoration: underline;
}

/*-- Comments --*/
.alt {
   margin: 0;
   padding: 10px;
}
   
.commentlist {
   padding: 0;
}

.commentlist li {
   margin: 15px 0 30px;
   padding: 10px;
   list-style: none;
   background-color: #ffd;
   border: 1px solid #894;
}

/*-- Images --*/
img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   padding: 5px;
   border: 1px solid #665;
}
   
img.alignright {
   margin: 0 0 5px 7px;
   display: inline;
   padding: 5px;
   border: 1px solid #665;
}

img.alignleft {
   margin: 0 7px 0 0;
   display: inline;
   padding: 5px;
   border: 1px solid #665;
}

img.noborder {
   float: left;
   margin: 0 7px 0 0;
   display: inline;
   padding: 5px;
   border: none;
}

img.sidecenter {
   display: block;
   margin: 0 auto;
   border: none;
}

#pingtrack {
   margin: 20px 0;
   padding: 0 10px;
   list-style: none;
   background-color: #ffd;
   border: 1px solid #894;
}

/*--- Lightbox JS ---*/
#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}	

#lightboxCaption { float: left; }
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }

#lightbox img { border: none; clear: both;} 
#overlay img { border: none; }

#overlay { background-image: url(http://www.sporadicnonsense.com/images/overlay.png); }

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.sporadicnonsense.com/images/overlay.png", sizingMethod="scale");
}