/* 
	Theme Name: Streaming Colour
	Theme URI: http://www.google.com
	Description: A Custom theme for Streaming Colour Studios
	Author: Owen Goss
	Author URI: http://www.streamingcolour.com
	Version: 1.0
*/

/**********************************/
/* override global default values */
/**********************************/
td {
	vertical-align: top;
}

a img {
	border: none;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left;
}

.navigation {
	display: block;
	text-align: center;
	margin-bottom: 5px;
	font-size: 12px;
}

body {
	margin: 0;
	padding: 0;
	background: url(images/bg.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #b3e3ff;   	/* light blue */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

/**************/
/* main table */
/**************/
#main {
	width: 858px;
}

/*******************/
/* search box area */
/*******************/
#sbLeft {
	margin-right: 82px;
	background-image: url(images/search-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
	height: 24px;
}

#sbRight {
	background-image: url(images/search-right.gif);
	background-position: top right;
	margin-left: 43px;
	background-repeat: no-repeat; 
	float: left;
	height: 24px;
}

#sbMid {

	background-image: url(images/search-bg.gif);
	margin-right: 43px;
	background-repeat: repeat-x;
	padding: 1px 0;
	float: left;
	height: 24px;
}

#sbMid td {
	color: #e7f6ff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 6px 0;
}

/************/
/* main nav */
/************/
#mnLeft {
	margin-top: 10px; /*this separates it from the search box ^  */
	margin-right: 82px;
	background-image: url(images/main-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}

#mnRight {
	background-image: url(images/main-right.gif);
	background-position: top right;
	margin-left: 43px;
	background-repeat: no-repeat; 
	float: left;
}

#mnMid {
	background-image: url(images/main-bg.gif);
	margin-right: 43px;
	background-repeat: repeat-x;
	padding: 3px 0 0px 0;
	float: left;
}


#mnMid #mainNav {
}

#mainNav td {
	padding: 0 10px;
}

#curSelection {
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: underline;
}

#mainNav a {
	color: #e7f6ff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

#mainNav a:hover, 
#mainNav a:active {
	color: #ffffff;
	text-decoration: underline; /* DO SOMETHING ELSE HERE -- UGLY */
}

/************************/
/* logo and slogna area */
/************************/
#logoSlogan {
	background-image: url(images/content-top.gif);
	background-position: top right;
	background-repeat: no-repeat; 
	/*GRRRRRRR: color goes through transparent BG background-color: #ffffff; */
	height: 50px;
	width: 780px;
	margin-left: 40px;
	float: left;
}

#logo {
	position: absolute;
	left: auto;
	top: auto;
	float: left;
	height: 50px;
	margin-left: 5px;
	margin-top: 5px;
}

#newsletter{
	float: right;
	height: 32px;
	margin-top: 18px;
	margin-right: 19px;
}

/***************/
/* flash piece */
/***************/
#flash {
	font-size: 0;
	line-height: 0;
}

/****************/
/* content area */
/****************/
#content {
}

#content .alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px 10px;
}

#content .postmetadata {
	color: #aaaaaa;
	font-size: 8px;
}

#contentArea {
	background-color: #ffffff;
	background-image: url(images/content-mid-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 780px;
	margin-left: 40px;
}

#contentNav {
	margin-left: 19px;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	font-size: 12px;
	color: #8a8a8a; 
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist li li {
	font-size: 10px;
	color: #8a8a8a; 
	list-style: inside disc;
	padding: 0;
	margin: 0;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

/* sub navigation -- news & headings section */
#subNavContainer {
	width: 195px;
}

/* This is used for the subnav on the home page */
#subnav {
	margin-left: 6px;
	background-color: #dbf2ff; /* this is the solid color that repeats at the top */
				 /* this menu will have a solid color up top and the 
				* bottom 183px will be a gradient to the darker blue 
				* (including the closing bit at the bottom) */
	background-image: url(images/sub-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 183px;
	padding: 10px 0;
}

/* This is used for the subnav on content pages */
/* This is NOT expandable */
#subnav_content {
	margin-left: 6px;
	background-image: url(images/sub-bottom-content.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 183px;
	height: 205px;
}

#subnavFooter {
	margin-left: 6px;
	background-image: url(images/sub-bottom-footer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 183px;
	height: 30px;
}

#submenuMinHeightContainer {
   width: 1px;
}

#submenuMinHeight {
   width: 1px;
   height: 120px;
}

#subnavMenu {
	margin: 0 18px 3px;
}

/* This is used for the subnav on the home page */
#subnavMenu .menuHeader {
	color: #2e87b9;	/* dark blue */
	font-weight: 600;
	font-size: 12px;
	padding: 0 0 0px;
}

/* This is used for the subnav on content pages */
#subnavMenu .menuHeader_content {
	color: #2e87b9;	/* dark blue */
	font-weight: 600;
	font-size: 12px;
	padding: 30px 15px 8px;
}

#subnavMenu .menuFooter {
	padding: 10px 0;
	text-align: right;
}

#subnavMenu .menuFooter a {
	color: #2e87b9;	/* dark blue */
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#subnavMenu ul {
	margin:5px 0 15px;
}

#subnavMenu li {
	background-image: url(images/subnavBullet.gif);
	background-position: 0% 75%; /* left, 75% of the way down from top */
	background-repeat: no-repeat;
	font-size: 10px;
	color: #aaaaaa;
	list-style: none;
	padding-left: 10px;
	margin: 0px -24px;
}

/* This is used for the subnav on the home page */
#subnavMenu .menuItem {
	background-image: url(images/subnavBullet.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 10px;
}

/* This is used for the subnav on content pages */
#subnavMenu .menuItem_content {
	background-image: url(images/subnavBullet.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-left: 10px;
}

#subnavMenu .menuContent {
	color: #2e87b9; /* dark blue */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-left: 15px;
}

#subnavMenu a {
	color: #2e87b9; /* dark blue */
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}

#subnavMenu a:hover, 
#subnavMenu a:active {
	text-decoration: underline;
}

/* content area */

#contentContainer_home {
	padding: 20px 20px 10px 10px;
	width: 500px;
}

#contentContainer {
	padding: 10px 15px;
	width: 500px;
}

#contentContainer h1 ,
#contentContainer h2 ,
#contentContainer h3, 
#contentContainer h4, 
#contentContainer h5 { 
	color: #2e87b9; /* dark blue */
	line-height: 50%;
	font-weight: 600;
}

#contentContainer p, ul, li, ol {
	color: #8a8a8a;	/* grey */
	font-size: 12px;
}

#contentContainer a {
	color: #2e87b9; /* dark blue */
}

#contentContainer h1 {
	line-height: 70%;
	font-size: 27px;
}

#contentContainer h2 {
	font-size: 22px;
}

#contentContainer h3 {
	font-size: 20px;
}

#contentContainer h4 {
	font-size: 18px;
}

#contentContainer h5 {
	margin: 25px 0px 5px;
	line-height: 100%;
	font-size: 16px;
}

#contentContainer h5 a {
	text-decoration: none;
}

#contentContainer h5 a:hover,
#contentContainer h5 a:active {
	color: #aaaaaa;
	text-decoration: underline;
}

#contentContainer .dateAndTime {
	font-size: 10px;
	color: #aaaaaa;
}

#contentContainer .dateAndTime a {
	text-decoration: none;
}

#contentMinHeightContainer {
   width: 1px;
}

#contentMinHeight_home {
   width: 1px;
   height: 143px;
}

#contentMinHeight {
   width: 1px;
   height: 300px;
}

/*********************************************************************/
/* close off content area -- maybe find a cleaner solution than this */
/*********************************************************************/
#footer {
	background-image: url(images/content-bottom.gif);
	background-position: top right;
	background-repeat: no-repeat; 
	height: 16px;
	width: 780px;
	margin-left: 40px;
	float: left;
}

#util {
	margin-bottom: 20px;
}

#util a, #util td {
	color: #2e87b9;
	font-size: 12px;
}

#util a {
	text-decoration: none;
}

#util a:hover {
	text-decoration: underline;
}