@import url(http://www.bigtopproductions.org/cgi-bin/mt-static/themes-base/blog.css);
@import url(http://www.bigtopproductions.org/cgi-bin/mt-static/addons/Commercial.pack/themes/professional-black/screen.css);

#homepage-image {
background-image: url(images/homepage-image.jpg);
}


body {
    text-align: center;
    background: #fff;
}

#container-inner, #content, #header, #main-navigation {
	background: none;
}

a {
color: #777;
}


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

#header, #header-inner, #header-name, #header-content {
    font-family: arial;
    text-transform: uppercase;
    line-height: 22px;
}

#header {
	background: #fff;
}


#header-inner {
	padding: 0px 0px 0px 0px;
	background: #fff;
}

#header-content {
	background: #fff url(images/retronewlogo.png) no-repeat;
	display: block;
	height: 251px;
	margin: 0px 0px 0px 0px;
}

#header a {
	color: #c2baaf;
}

#header a:hover {
	color: #736e65;
}


.maybe #header-content a {
	background: url(images/logo2.gif) no-repeat;
	display: block;
	width: 591px;
	height: 49px;
	text-decoration: none !important;
}

#header-name, #header-description {
	visibility: hidden;
}

#main-navigation {
    font-family: arial;
    text-transform: lowercase;
    font-size: 14px;
}

#main-navigation ul li a {
    display: block;
    text-decoration: none !important;
    padding: 7px 15px 7px 16px;
    border-left: 0;
    color: #c2baaf;
}

#main-navigation ul li.last {
	border: 0 !important;
}

#main-navigation ul li a:hover {
    text-decoration: none;
    color: #736e65;
}

#main-navigation ul li.on a {
    color: #736e65;
    background: url(images/bgwhite.png);
}

#main-navigation ul li.last {
    border-right: 1px solid #ccc;
}


#search {
    border: 1px solid #ccc;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    padding: 1px;
   background: url(images/bgwhite.png);
}

#search-submit {
   background: url(images/search.gif) no-repeat;
   padding: 0;
   margin: 0;
   border: 0;
}


/* MAIN ------------------------- */

#content {
	padding: 30px 0 0 0;
    color: #34282C;
}

#content a:hover {
	text-decoration: none !important;
}

#alpha a {
	color: #808080;
}

#alpha a:hover {
	color: #000;
}


#content-nav { font-family: "Helvetica Neue", Helvetica, Arial; margin: 0px 0px 25px 0px; height: 25px; }
	.archive-previous { float: left; border-bottom: dotted 1px #999; }
	.archive-next { float: right; border-bottom: dotted 1px #999; }

.asset-content, .entry-content {
	font-size: 14px;
}

.author { font-size: 14px; }

.flickr-photo {
	display: inline;
	float: left;
	padding: 10px;
}

.update {
font-size: 12px;
margin: 0px 10px 30px 10px;
padding: 10px;
background: #FFF3A6;
}

#update-title {
font-weight: bold;
}

#alpha .update-content a {
color: #993300;
}


h1#page-title { font-size: 24px; line-height: 1.3; }
	.mt-main-index h1#page-title { font-size: 30px; margin-bottom: .5em; }
		h2.entry-title, h2.asset-name { font-size: 24px; line-height: 1.3; margin-bottom: 12px; }


.archive-monthly li { width: 150px; float: left; }

/* SIDEBAR ------------------------- */

#beta, #gamma {
	background: url(images/bgwhite.png);
	padding: 0px;
	margin: 0px;
}

.widget-pages {
   background: url(images/flourish.gif) no-repeat bottom;
   }

.widget .widget-header {
   padding: 10px;
   background: none;
   color: #CD1C3F;
   font-size: 14px;
   font-weight: normal;
   font-family: Georgia;
   text-transform: none;
   font-variant: small-caps;
  }
  
.widget-aboutsnippet {
background: url(images/flourish.gif) no-repeat bottom;
}

.widget-aboutsnippet dd {
text-align: center;
padding-bottom: 5px;
}

#beta .widget-list .widget-list {
	margin: 0px;
	padding: 0px;
}

#gamma .widget-list .widget-list {
	margin: 0px;
	padding: 0px;
}

#beta .widget-list {
	padding: 0 8px;
}

.layout-wtt #beta .widget-header, .layout-wtt #gamma .widget-header {
	padding: 5px 0px;
}

#gamma li, #beta li {
	padding: 0px;
}

.widget a {
	color: #606060;
}

.widget a:hover {
	color: #FF7F7F;
}


/* FOOTER ------------------------- */
#footer {
	background: #fff;
}


h2.comments-header,
h2.comments-open-header,
h2.trackbacks-header {
    background: url(header-arrow-wide.gif) no-repeat 0 0;
    font-size:20px;
    color: #ccc;
    font-weight: normal;
    border: none;
    padding: 0 6px 0 10px;
    line-height: 20px;
    font-family: georgia;
    text-transform: lowercase;
    margin-bottom: 10px;
}

#alpha .comments .even {
    background-color: #ECE5B6n;
    border-right: 1px solid #c0d9e6;
    border-bottom: 1px solid #c0d9e6;
}

#flashcontent {
    width: 500px;
    height: 300px;
}


/* Med-Med-Med */

.layout-mmm #alpha {
	left: 315px;
	width: 310px;
}

.layout-mmm #beta {
	left: -310px;
	width: 315px;
}

.layout-mmm #gamma {
	width: 315px;
}

.layout-mmm #alpha-inner {
	padding: 0px;
}


/* LIGHTBOX CSS ------------------------- */

#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none; }

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.delicious-posts h2 { font-size: 16px !important; }
.delicious-posts .delicious-extended { font-family: arial !important; }