/* MAIN STYLE SHEET FOR BGO V.8 */
/* ---------------------------- */

/* NOTE: There is also a stylesheet for popup boxes such as is used when submitting comments */
/* Some elements are duplicated there (body, div#container, div#head etc.) */
/* If these elements are changed here, change them in popupStyle.css too to ensure a standard look */


body			{background: #aaaaaa;padding: 10px;margin: 0px;font-family: Arial, sans-serif;text-align:center;}

/* Structure elements */
div#container		{background: white;width: 950px;margin: 0 auto;padding: 0px 0px 0px 0px;border: 1px solid black;text-align:left;}

div#head		{background: url(head.png);background-position:0 0;border: 0px solid red;margin: 0px 0px 0px 0px;}
div#title		{width:60%;padding: 10px;float:left;color:white;font-weight:bold;font-size:14pt;}
div#menu		{height:15px;background: url(menu.png);clear:both;color:white;font-size: 8pt;padding: 5px 10px 5px 10px;margin: 0px 0px 0px 0px;}
div#search		{width:35%;padding: 10px;float:right;color:white;font-weight:bold;font-size:14pt;text-align:right;}

div#body		{background: url(bg.png);}
div#contents		{width:68%;background: white;padding: 5px 10px 5px 10px;float:left;border: 0px solid white;text-align:justify;}
div#adsense		{width:470px;margin:0 auto;}
div#summary		{background: url(bg2.png);padding: 5px 10px 5px 690px;margin: 0px 0px 0px 0px;}
div#side		{width:26%;padding: 5px 10px 5px 10px;float:right;border: 0px solid red;}
div#icons		{text-align:center;border-top:1px solid black;padding-top:10px;}
div#image		{text-align:center;padding:20px;0px;0px;5px;}

div#foot		{clear:both;background: white;border-top: 1px solid black;text-align: center;font-size:7pt;color:#545454;padding-top: 10px;}

div#map			{height:500px;width:100%;border:1px solid black;}
div#cp_map		{height:300px;width:300px;border:1px solid black;float:right;}

div#cp_data		{width: 330px;float:left;border:0px solid black;}

/* This is for code blocks in blog entries.  The second line deals with text wrapping in various browsers. */
pre			{border: 1px dashed black;margin:10px 0px 0px 10px;padding:10px;background:#EEFFEE;font-size:8pt;}
pre			{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap:break-word;}

/* Toggle elements */
.toggleVisible		{position:absolute;background:#EEEEEE;z-index: 1;display:none;border-top:3px solid gray;border-left:3px solid gray;border-right:3px solid black;border-bottom:3px solid black;padding: 10px;}
div#sendMessage		{font-size:10pt;top:100px;left:250px;width:425px;height:325px;}
div#otherSites		{font-size:10pt;top:100px;left:250px;width:425px;height:325px;}
div#searchoptions	{font-size:10pt;top:70px;left:700px;width:225px;height:250px;text-align:left;color:black;padding:10px;}

/* Repeating elements */
div.entry		{padding: 0px 0px 0px 0px;border-bottom:2px solid #545454;}
div.blogControls	{margin: 10px 0px 0px 0px;padding: 0px 0px 5px 0px;border-top: 1px dotted #545454;}
div.feeds		{width:30px;float:right;text-align:center;border:1px solid #DDDDDD;padding:5px;margin-left:5px;margin-bottom:5px}
div.blogExtra		{display:none;margin: 0px 0px 20px 0px;border-top:1px dotted #545454;}
div.subContent		{border: 1px solid #545454;margin:10px;padding:10px;font-size:10pt;}
div.microblog		{padding: 5px 0px 10px 0px;margin: 0px 0px 0px 0px;border-bottom: 1px solid #545454;}
div.linkExtra		{display:none;margin-top:10px;width:90%;}
div.searchResult	{border: 1px solid #545454;}

/* Other Misc Elements */
div.externalLogos	{margin:10px;}

/* General font styles */
h1			{font-size: 14pt;font-weight:bold;margin: 0px;color: #444444;}	
h2			{font-size: 12pt;font-weight:normal;margin: 0px;}	
h3			{font-size: 10pt;font-weight:normal;margin: 0px;text-align:justify;}	
h4			{font-size: 08pt;font-weight:normal;margin: 0px;text-align:justify;}
h3.smallTitle		{font-weight:bold;margin: 0px 0px 10px 0px;}
span.censor		{background: black;}
span.otherSiteText	{font-size:12pt;}
span.searchoptions	{font-size:8pt;}
ul			{list-style-image: url(ul.png);}

/* General Image Styles */
img			{border:0px solid black;}
img.expand		{float:right;margin-top:3px;}
img.externalLogo	{margin:10px;}
img.thumb		{height:80px;padding:5px;border:1px solid #AAAAAA;}
img.full		{padding:5px;border:1px solid #AAAAAA;}
img.art_img		{float:left; width: 320px;margin:5px 0px 0px 0px;}
img.art_img_left	{float:left; margin-right: 15px;}
img.art_img_right	{float:right; margin-left: 15px;}

/* Hyperlink Styles */
a			{color:#004400;text-decoration:none;}
a:hover			{color:#008800;text-decoration:underline;}
a.menu			{color:white;text-decoration:none;}
a.menu:hover		{color:#008800;text-decoration:underline;}

/* Blog Specific Styles */
span.title		{font-size:14pt;font-weight:bold;margin:0px;color:#004400;position:relative;left:0px;border:0px solid black;padding:0px;}
span.time		{font-size:14pt;font-weight:bold;margin:0px;color:#BBBBBB;}
span.qt			{font-style:italic;color:#000044;}
span.defunct		{color:#AAAAAA;text-decoration:line-through;}
h3.entry		{margin: 10px 0px 0px 0px;}
h4.entrycontrols	{color: #368a63;font-style:italic;}
li.entry		{font-size: 10pt;font-weight:normal;margin:10px 0px 0px 0px;text-align:justify;}
li.smallTags		{display:none;}	

/* Forms and Form Elements */
form#frmContact		{border:0px solid black;width:400px;padding:10px;float:left;text-align:left;}
.contact		{width:400px;border:1px solid black;font-size:10pt;}
.contactSmall		{width:270px;}
form.frmComment		{padding:0px;margin:0px;}
.frmEleComment		{width:300px;border:1px solid black;font-size:10pt;}
select			{border: 1px solid black;width: 125px;}
input			{border: 1px solid black;width: 75px;}
input.searchstring	{border:0px;width:130px;font-size:10pt;padding-left:10px;padding-right:10px;background:url('searchstring.png') no-repeat;}
input.searchbutton	{background:url('mag.png') no-repeat;width:27px;height:27px;border:0px;}
input.closebutton	{background:url('close.png') no-repeat;width:27px;height:27px;border:0px;}
input.ExpandTagsButton	{background:url('expand.png') no-repeat;width:27px;height:27px;border:0px;float:right;margin-top:-20px;}
.cbpos1	{position:absolute;top:-4%;left:97%;}
.cbpos2 {position:absolute;top:-5%;left:95%;}
.cbpos3 {position:relative;left:50%;}
input.sendbutton	{background:white;width:100px;height:20px;border:2px solid #004400;position:relative;color:#004400;font-size:9pt;}
.sbpos1 {left:37%;}
.sbpos2 {left:17%;}

/* 'OLDER/NEWER POSTS' Box */
span#lastpage		{background-image:url(buttonleft.png);width: 90px;height: 16px;float:left;text-align:right;font-size:10pt;font-weight:bold;margin-top:10px;padding:4px 5px 5px 5px;}
span#nextpage		{background-image:url(buttonright.png);width: 90px;height: 16px;float:right;text-align:left;font-size:10pt;font-weight:bold;margin-top:10px;padding:4px 5px 5px 5px;}

/* Last FM Content */
div.chart		{border: 2px solid red;font-size: 8pt;float: right;margin:0px 0px 0px 5px;padding: 0px 05px 0px 05px;background: #DDDDDD;}
ol.lfm			{padding: 0px 0px 0px 30px;}
li.lfm			{border-top: 1px solid white;}
a.lfm:hover		{color:red;}

/* Minilog Box */
span.minilog_text	{font-size: 8pt;color:#111111;text-align:left;}
span.minilog_time	{font-size: 8pt;color:#666666;text-align:left;}

/* Music Library Specific */
/* NOTE: further styles are in the popupStyle.css file */
ul.albums		{display: none;}
ol.tracks		{font-size: 10pt;display: none;}

/* DIV table */
div.table		{display:table;width:100%;text-align:center;}
div.row			{display:table-row;}
div.cell		{display:table-cell;padding:8px;}