/*
	Stylesheet for Mr. B's Domain - Version 9
	Revised: July, 00 2010     mrbsdomain.com
        -----------------------------------------
	Background: #f2f2f2 Top Right Bottom Left
	Text Color: #000000
	Link Color: #330066
*/


/* -------- CORE -------- */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #000000;
	background: #f2f2f2;
/*
	background: #000000;
	background-image: url('http://mrbsdomain.com/images/dark_background.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
*/
}

/* -------- HEADER --------- */

#globalHeader {
	background: #000000;
	background-image: url(http://mrbsdomain.com/images/v9_header.png);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	height: 180px;
}

#headerContentWrapper {
	width: 978px;
	height: 180px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

/* -------- NAVIGATION --------- */

.mainMenu {
	list-style: none;
	padding: 0;
	margin: 140px 0 0 0;
	}

.displace { /* moves link list out of sight */
	position: absolute;
	left: -5000px;
	}

.mainMenu li {
	float: left;
	}

.mainMenu li a {
	display: block;
	background: url('http://mrbsdomain.com/images/header_links_vaio.png');
	height: 19px;
	}

/*	Normal Links	*/

.mainMenu li#tab-home a {
	background-position: 0 0;
	width: 80px;
	}

.mainMenu li#tab-log a {
	background-position: -80px 0;
	width: 85px;
	}

.mainMenu li#tab-portfolio a {
	background-position: -165px 0;
	width: 155px;
	}

.mainMenu li#tab-gallery a {
	background-position: -320px 0;
	width: 135px;
	}

.mainMenu li#tab-vaio a {
	background-position: -455px 0;
	width: 100px;
	}

.mainMenu li#tab-about a {
	background-position: -555px 0;
	width: 94px;
	}

/*	Hover Links	*/

.mainMenu li#tab-home a:hover {
	background-position: 0 -20px;
	width: 80px;
	}

.mainMenu li#tab-log a:hover {
	background-position: -80px -20px;
	width: 85px;
	}

.mainMenu li#tab-portfolio a:hover {
	background-position: -165px -20px;
	width: 155px;
	}

.mainMenu li#tab-gallery a:hover {
	background-position: -320px -20px;
	width: 135px;
	}

.mainMenu li#tab-vaio a:hover {
	background-position: -455px -20px;
	width: 100px;
	}

.mainMenu li#tab-about a:hover {
	background-position: -555px -20px;
	width: 94px;
	}

/*	Clicked Links	*/

.mainMenu li#tab-home a:active {
	background-position: 0 -40px;
	width: 80px;
	}

.mainMenu li#tab-log a:active {
	background-position: -80px -40px;
	width: 85px;
	}

.mainMenu li#tab-portfolio a:active {
	background-position: -165px -40px;
	width: 155px;
	}

.mainMenu li#tab-gallery a:active {
	background-position: -320px -40px;
	width: 135px;
	}

.mainMenu li#tab-vaio a:active {
	background-position: -455px -40px;
	width: 100px;
	}

.mainMenu li#tab-about a:active {
	background-position: -555px -40px;
	width: 94px;
	}

/*	Active Link	*/

body#home li#tab-home a{
	background-position: 0 -20px;
	width: 80px;
	}

body#log li#tab-log a{
	background-position: -80px -20px;
	width: 85px;
	}

body#portfolio li#tab-portfolio a{
	background-position: -165px -20px;
	width: 155px;
	}

body#gallery li#tab-gallery a{
	background-position: -320px -20px;
	width: 135px;
	}

body#vaio li#tab-vaio a{
	background-position: -455px -20px;
	width: 100px;
	}

body#about #tab-about a{
	background-position: -555px -20px;
	width: 94px;
	}

/*	Back Buttons	*/

.prevLink {
	list-style: none;
	margin: 0;
	padding: 0.7em 0 0.7em 0;
	}

.prevLink li {
	float: left;
	height: 29px;
	width: 320px;
	}

.prevLink li#prevLogEnt a {
	background: url('http://mrbsdomain.com/images/button_prev_entries.png');
	background-position: 0 0;
	display: block;
	height: 29px;
	width: 320px;
	}

.prevLink li#prevLogEnt a:hover {
	background-position: 0 -29px;
	}

.prevLink li#prevLogEnt a:active {
	background-position: 0 -58px;
	}

.prevLink li#prevSiteNews a {
	background: url('http://mrbsdomain.com/images/button_site_news.png');
	background-position: 0 0;
	display: block;
	height: 29px;
	width: 320px;
	}

.prevLink li#prevSiteNews a:hover {
	background-position: 0 -29px;
	}

.prevLink li#prevSiteNews a:active {
	background-position: 0 -58px;
	}

.logButton {
	list-style: none;
	margin: 0;
	padding: 0.6em 0 0.6em 0;
	}

.logButton li {
	float: left;
	height: 29px;
	width: 320px;
	}

.logButton li.older a {
	background: url('http://mrbsdomain.com/images/button_older_entries.png') no-repeat;
	background-position: 0 0;
	display: block;
	height: 29px;
	width: 320px;
	}

.logButton li.older a:hover {
	background-position: 0 -29px;
	}

.logButton li.older a:active {
	background-position: 0 -58px;
	}

.logButton li.newer a {
	background: url('http://mrbsdomain.com/images/button_newer_entries.png') no-repeat;
	background-position: right top;
	display: block;
	height: 29px;
	width: 320px;
	}

.logButton li.newer a:hover {
	background-position: right -29px;
	}

.logButton li.newer a:active {
	background-position: right -58px;
	}

/* ------------ CONTENT DIVS ------------ */

#contentContainer {
	display: block;
	text-align: left;
	width: 978px;
	height: auto;
        margin-left: auto;
        margin-right: auto;
	padding: 20px 0 0 0;
	overflow: hidden;
	}

hr {
	display: block;
	border: 0;
	height: 1px;
	margin: 10px auto 10px auto;
	color: #000;
	background-color: #000;
	}

.spaced {
	display: block;
	border: 0;
	height: 1px;
	margin: 20px auto 20px auto;
	color: #000;
	background-color: #000;
	}

.headingContainer {
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
	}

table.headingContainer td {
	display: table-cell;
	top: 50%;
	}

.headingDate {
	margin: 0;
	padding: 0;
	border-right: 1px solid #000;
	}

.headingText {
	margin: 0;
	padding: 0 0 0 13px;
	vertical-align: middle;
	}
	

#homepageContentLeft {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
    	}

#homepageContentRight {
	float: right;
	width: 316px;
	margin: 0;
	padding: 0;
    	}

.halfContentLeft {
	float: left;
	width: 482px;
	margin: 0;
	padding: 0;
    	}

.halfContentRight {
	float: right;
	width: 482px;
	margin: 0;
	padding: 0;
    	}

.thirdContentLeft {
	float: left;
	width: 316px;
	margin: 0;
	padding: 0;
    	}

.thirdContentMiddle {
	float: left;
	width: 316px;
	margin: 0 15px 0 15px;
	padding: 0;
    	}

.thirdContentRight {
	float: right;
	width: 316px;
	margin: 0;
	padding: 0;
    	}

.whatsnewItemContainer {
	float: left;
	text-align: center;
	width: 158px;
	height: auto;
        margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 8pt;
	display: inline;
	}

/*	What's New BLOCK	*/

.featured-post {
	position: relative;
	width: 316px;
	height: 125px;
	margin-bottom: 1.7em;
	}

.featured-portfolio {
	position: relative;
	width: 316px;
	height: 125px;
	}

.featured-title h2 {
	margin: 3px 0 3px 6px;
	line-height: 1.3em;
	font-size: 0.9em;
	text-transform: none;
	padding-bottom: 0;
	border-bottom: 0
	}

.featured-title h2 a {
	font-size: 0.9em;
	display: block;
	color: #fff;	
	text-decoration: none;
	}

.featured-title h2 a:hover {
	color:#fff;
	text-decoration:underline
	}

.featured-title {
	background: #000;
	display: block;
	width: 100%;
	bottom: 0;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	position:absolute;
	z-index:2
	}

.featured-image {
	position: absolute;
	z-index: 1
	}

table.wallpaper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.2em;
	width: 990px;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	}

.wT {
	width: 122px;
	height: 107px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	}

.wTw {
	width: 122px;
	height: 82px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	}

.wD {
	padding: 0 12px 0 12px;
	vertical-align: top;
	width: 184px;
	}


/* -------- TEXT -------- */

.heading {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 2.2em;
	line-height: 0.9em;
	font-weight: bold;
	color: #000000;
	}

.medHeading {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #000000;
	}

a:link.noline {
	line-height: 1em;
	text-decoration: none;
	color: #330066;
	}


a:hover.noline {
	line-height: 1em;
	text-decoration: none;
	color:#fff;
	background: #330066;
	}

a:visited.noline {
	line-height: 1em;
	text-decoration: none;
	}

p a:link, span a:link, td a:link, pre a:link, .links a:link {
	outline: 0;
	color:#330066;
	text-decoration: underline;
	}

p a:hover, span a:hover, td a:hover, pre a:hover, .links a:hover {
	color:#fff;
	background: #330066;
	text-decoration: none;
	}

p a:visited:hover, span a:visited:hover, td a:visited:hover, pre a:visited:hover, .links a:visited:hover {
	color:#fff;
	background: #330066;
	text-decoration: none;
	}

p a:active, span a:active, td a:active, pre a:active, .links a:active {
	outline: 0;
	color:#fff;
	background: #330066;
	text-decoration: none;
	position: relative;
	top: 1px;
	left: 1px;
	}

p a:visited, span a:visited, td a:visited, pre a:visited, .links a:visited {
	color: #000;
	text-decoration: underline;
	}

a img {
	border: 0;
	outline: 0;
	text-decoration: none;
	}

pre { /* for the movie list */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	}

.aR {
	display: inline;
	float: right;
	}

.uline {
	text-decoration: underline;
	}

.smaller {
	font-size: 0.8em;
	line-height: 1.4em;
	}

.hilite {
	background-color: #ff0;
	}

.smallest {
	font-size: 0.75em;
	line-height: 1.2em;
	}


/* ------- CONTENT ------- */

div.linkRow{
	clear: both;
	padding-top: 3px;
	padding-bottom: 3px;
        }	

span.link{
	float: left;
	width: 250px;
	text-align: left;
	padding-right: 5px;
	}

span.linkDesc{
	float: left;
	width: auto;
	text-align: left;
	}

.portRow {
	clear: both;
	width: 978px;
	height: 125px;
	display: block;
	padding: 0 0 0.7em 0;
	}

.portLeft {
	width: 482px;
	float: left;
	display: inline;
	}

.portRight {
	float: right;
	width: 482px;
	text-align: left;
	display: inline;
	}


/* --- FORM PROPERTIES --- */

form { 
	display: inline;
	}

input {
	background: url(http://mrbsdomain.com/images/form_line_bg.gif) #f2f2f2;
	font-size: 1.3em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #330066;
	border: 2px solid #000;
	}

input:focus {
	border: 2px solid #330066
	}


.button {
	color: #000000;
	background: #f2f2f2;
	}

textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #f2f2f2;
	font-size: 10pt;
	text-align: justify;
	color: #29251F;
	border: 2px solid #000;
	}


/* --- MISCELLANEOUS --- */

/*
.links {
	list-style-type: none;
	margin-left: 1em;
	padding-left: 1em;
	} 
*/

.noBorder {
	border: 0;
	}

abbr, acronym, span.abbr {
	cursor: help;
	border: 0;
	}

.thumb {
	border: 1px solid #330066;
	}

.clear {
	clear: both;
	}

.center {
	text-align: center !important;
	}

.alignleft {
	float: left
	}

.alignright {
	float: right;
	}

hr.port {
	margin-bottom: 1.4em;
	}

/* ----- CALENDAR ----- */

.postdate {
	position: relative;
	width: 155px;
	height: 55px;
	float: left;
	}

.month, .day, .year {
	position: absolute;
	display: block;
	text-indent: -1000em;
	background-image: url('http://mrbsdomain.com/images/date_sprite.png');
	background-repeat: no-repeat;
	}

.day { top: 0px; left: 0; width: 59px; height: 55px;}
.month { top: 0px; left: 68px; width: 75px; height: 40px;}
.year { bottom: 0px; left: 69px; width: 48px; height: 16px;}

.d-01 { background-position: 0 0;}
.d-02 { background-position: 0 -55px;}
.d-03 { background-position: 0 -110px;}
.d-04 { background-position: 0 -165px;}
.d-05 { background-position: 0 -220px;}
.d-06 { background-position: 0 -275px;}
.d-07 { background-position: 0 -330px;}
.d-08 { background-position: 0 -385px;}
.d-09 { background-position: 0 -440px;}
.d-10 { background-position: 0 -495px;}
.d-11 { background-position: 0 -550px;}
.d-12 { background-position: 0 -605px;}
.d-13 { background-position: 0 -660px;}
.d-14 { background-position: 0 -715px;}
.d-15 { background-position: 0 -770px;}
.d-16 { background-position: 0 -825px;}
.d-17 { background-position: 0 -880px;}
.d-18 { background-position: 0 -935px;}
.d-19 { background-position: 0 -990px;}
.d-20 { background-position: 0 -1045px;}
.d-21 { background-position: 0 -1100px;}
.d-22 { background-position: 0 -1155px;}
.d-23 { background-position: 0 -1210px;}
.d-24 { background-position: 0 -1265px;}
.d-25 { background-position: 0 -1320px;}
.d-26 { background-position: 0 -1375px;}
.d-27 { background-position: 0 -1430px;}
.d-28 { background-position: 0 -1485px;}
.d-29 { background-position: 0 -1540px;}
.d-30 { background-position: 0 -1595px;}
.d-31 { background-position: 0 -1650px;}

.January { background-position: -70px 0;}
.February { background-position: -70px -40px;}
.March { background-position: -70px -80px;}
.April { background-position: -70px -120px;}
.May { background-position: -70px -160px;}
.June { background-position: -70px -200px;}
.July { background-position: -70px -240px;}
.August { background-position: -70px -280px;}
.September { background-position: -70px -320px;}
.October { background-position: -70px -360px;}
.November { background-position: -70px -400px;}
.December { background-position: -70px -440px;}

.y-2000 { background-position: -150px 0;}
.y-2001 { background-position: -150px -16px;}
.y-2002 { background-position: -150px -32px;}
.y-2003 { background-position: -150px -48px;}
.y-2004 { background-position: -150px -64px;}
.y-2005 { background-position: -150px -80px;}
.y-2006 { background-position: -150px -96px;}
.y-2007 { background-position: -150px -112px;}
.y-2008 { background-position: -150px -128px;}
.y-2009 { background-position: -150px -144px;}
.y-2010 { background-position: -150px -160px;}
.y-2011 { background-position: -150px -176px;}
.y-2012 { background-position: -150px -160px;}
.y-2013 { background-position: -150px -176px;}
.y-2014 { background-position: -150px -192px;}
.y-2015 { background-position: -150px -208px;}
.y-2016 { background-position: -150px -224px;}
.y-2017 { background-position: -150px -240px;}
.y-2018 { background-position: -150px -256px;}
.y-2019 { background-position: -150px -272px;}
.y-2020 { background-position: -150px -288px;}