





body	{
	margin: 0 0 10px 0;
	padding: 0;
	background: #ccc;
	color: #000;
	font: 70% verdana, arial, sans-serif;
	text-align: center;
}

a:link, a:visited {
      color: #4B4BC2;
      text-decoration: none;
}

a:hover {
      color: #cc0000;
}

form, fieldset	{
	padding: 0;
	margin: 0;
}

fieldset	{
	border: 0px solid #fff;
}
label {
	margin-right: 5px;
	font-weight: bold; 
}
h1, h2, h3 {
      font-family:  Verdana, Tahoma, arial, sans-serif; 
      font-weight:normal;       
}
h1 { 
      font-size: 140%; 
      font-weight:normal; 
      color: #333333;
      padding: 0;
      margin: 0.5em 0 0.5em 0; 
}

#meta {
      font-family: verdana, sans-serif;
      font-size: 75%;
      color: #666666;
      margin: 0 30px;
      padding:0;
      line-height: 1.5em;
}

h2 {
	font-size: 120%;
	color: #999;
}

h3 {
      font-size: 110%;
      color: #c33;    
      margin:1em 0 0 0;     
      padding: 0;
}
h5 {
	font-size: 80%;
}

/**********************************
* OuterFrame
**********************************/
#outerFrame	{
	width: 740px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

#innerFrame {
	float: left;
	border: 1px solid #999;
	border-top: none;
	width: 730px;
	padding: 0 10px 0;
	background-image: url(../images/bg2.gif);
      background-color: #fff;    
	color: #000;
}

#leftCol    {
      font-family : Georgia, verdana, arial, serif;
      color: #000;
      font-size: 130%;
      line-height: 1.5em;
      padding: 0.5em 5px 2em 0;
      margin: 0;
      width: 535px;
      /* border-right: 1px solid #ccc;
      */
      float: left;
      background-color: transparent;
}	

#rightCol	{
	margin: 0;
	padding: 1em 0 20px 20px;
	width: 165px;
	float: right;
	color: #000;
	background-color: transparent;
}

		#rightCol a img {
			border: none;
		}

	.friends-support {
		margin: 10px 0;
		padding: 5px;
		border: 1px solid #cccccc;
		line-height: 150%;
	}
		.friends-support h3 {
			margin: 10px 0;
			padding: 0;
			font-size: 90%;
			font-weight: bold;
			color: #000;
		}
		.friends-support ul {
			padding: 0;
			margin: 10px 0;
			list-style: none;
			font-size: 90%;
			}

	#RSS-button img {
		margin: 20px 0;
	}
	

#single {
	padding: 10px;
	margin: 0 0 10px;
	border: 1px solid #ccc;
	background: #eee;
}

.footer {
      color: #000000;
      background-color: #ffffff;
      border-top: 1px solid #cccccc;
      clear: both;
      margin: 0;
      padding: 0;
}

#bottom_adv {
      color: #000000;
      background-color: #ffffff;
      margin: 0;
      padding: 10px 0;
      text-align: center;
}

#bottom_adv div {
      display: inline;
      margin: 2px;
}

/**********************************
* Logo
**********************************/
#logo	{
	/* background:#eee  url(../images/logo.gif) no-repeat center;*/
      background:#eee  url(../images/top/topbg.jpg) no-repeat;
	text-indent: -5000px;
	padding: 0;
	margin: 0;
      height: 56px;
	border-top: none;
}

#logo img, #logo tagline {
      display: inline;
}

/**********************************
* Navigation
**********************************/
#navlist	{
	background-color: #fff;
	margin: 0;
	padding: 5px 10px;
}

#navlist ul, #navlist li	{
	background-color: #fff;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a:link, #navlist a:visited	{
	float: left;
	font-weight: bold;
	margin: 1px 1px 0 1px;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	background-color: #fff;  
}

#navlist #navlist a:visited#current, #navlist a:hover	{
	color: #666666;
}

#homePage a#home, #topicsPage a#topics, #archivePage a#archive, #dailyPage a#daily, #personasPage a#personas, #forumPage a#forum, #aboutPage a#about  {
	background-color: #eeeeee;
	color: #000000;
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      border-top: 1px solid #cccccc;
}

#navlist a:hover { color: #f00; }

/**********************************
* Lists
**********************************/
.listtitle {
    font-weight: bold;
    margin: 0 0 5px 0;
    font-size: 100%;
}

ul.list {
	margin: 0 0 15px 0;
	padding: 0;
    list-style-position: inside;

}

.list li {
    margin-bottom: 4px;
    padding-left: 0;
    margin-left: 0;
}

.spacylist {
      margin-left: 20px;
}

.spacylist li {
    margin-bottom: 0.5em;
}

.reviews	{
	margin: 0 0 10px;
	padding:0;
	border-bottom: 1px solid #ccc;
}

.announce {
	background-image : url(../images/1x1gray.gif);
	background-position : bottom;
	background-repeat : repeat-x;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.announce .title {
      font-family: Verdana, sans-serif;
      font-size: 120%;
}

#slot1, #slot2 {
      background-color: #eeeeee;
      padding: 15px;
}
#section_title {
      font-size: 120%;
      font-family: Verdana, sans-serif;
      font-weight: bold;
}

.allarticles, .more {
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        color: #999999;
}

.bio {
    border-left: 1px solid #cccccc;
    margin-left: 20px;
    padding-left: 20px;
    color: #999999;
    font-size: small;
	line-height : 1.5em;
}

.fig {
    margin-left: 20px;
    margin-bottom : 0px;
    padding-bottom : 0px;
}

.figcaption {
    margin-left: 20px;
    font-size:small; 
    color: #666666;
    margin-top : 0px;
    padding-top : 0px;
}

code, .code {
	font-family : 'Courier New', Courier, monospace;
	font-size : 75%;
}

.sourcecode {
	font-family : 'Courier New', Courier, monospace;
	font-size : 75%;
	white-space : pre;
      margin-left: 5px;
      padding-left: 8px;
      border-left: 5px solid #eeeeee;
      line-height: 1.5em;
}

.relatedlinks, .relatedlinksblock {
	border : 1px solid #cccccc;
}

.relatedlinkstitle {
	background-color : #eeeeee;
}

#relatedlinks {
      padding: 6px;
      font-size: 75%;
      font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#relatedlinks_title {
      border-bottom: 1px dotted #CCCCCC;
      border-top: 1px solid #666666;
      padding: 3px;
      font-size: 120%;
}

#relatedlinks ul {
        padding-top: 0;
        padding-left: 0;
        margin-top: 0px;
        margin-left: 15px;
}

#searchForm {
      margin: 0 2em 0 0;
}

#searchForm input {
      font-size: 85%;
}

#section_header {
      clear: both;
      text-align:right;
      border: 1px solid #ccc;
      background: #eee;
      margin: 0;
      padding: 4px 0;
}

#section_title { 
      float: left;
      font-family:  Verdana, Tahoma, arial, sans-serif; 
      font-size: 130%; 
      color: #000000;
      margin: 1px 0 0 5px;
      padding: 0;
}
#section_title a { 
      color: #000000;
      text-decoration: none;
}

.date {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #999999;
}

#categories {
      margin: 1em 0 0 0;
}

.offsite {
      background: url(../css/offsite.gif) no-repeat center right;
      padding-right: 10px;
      margin-right: 2px;      
}

#leftCol a[href^="http://"], #leftCol a[href^="https://"] {
      background: url(../images/offsite.gif) no-repeat center right;
      padding-right: 10px;
      margin-right: 2px;      
}

#leftCol a[href^="http://www.webmascon.com"], #leftCol a[href^="http://webmascon.com"] {
      background: transparent;
      padding-right: 0;
}


/* Illustrations */

dl.pic {
	margin: 0 0 0 20px;
}

	dl.pic dt img, dl.pic dt img {
		border: 0;
	}

	dl.pic dd {
		font-style: italic;
		margin: 5px 0 0 0;
		padding: 0;
	}
