﻿/*======================================================================*/
/*=== SKIN.CSS - Designed by Jon Edwards for Visual SKUs ===============*/
/*======================================================================*/
/*--- CSS Document Imports (order is important!) -----------------------*/
@import url('text.css');
@import url('picassaAlbums.css');
@import url('picassaAlbumsPortfolio.css');
@import url('jeasyslider.css');
@import url('ImageRotator.css');
/*--- 960.GS GRID CSS - 12 Column Grid - Thank you Nathan Smith --------*/
/*--- 12 X 60px Columns. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns. ---*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left; /*position: relative;*/;
	margin: 0 10px;
}
.container_12 .grid_1 {
	width: 60px;
}
.container_12 .grid_2 {
	width: 140px;
}
.container_12 .grid_3 {
	width: 220px;
}
.container_12 .grid_4 {
	width: 300px;
}
.container_12 .grid_5 {
	width: 380px;
}
.container_12 .grid_6 {
	width: 460px;
}
.container_12 .grid_7 {
	width: 540px;
}
.container_12 .grid_8 {
	width: 620px;
}
.container_12 .grid_10 {
	width: 780px;
}
.container_12 .grid_11 {
	width: 860px;
}
.container_12 .grid_12 {
	width: 940px;
}
.container_12 .grid_9 {
	width: 700px;
}
.alpha {
	margin-left: 0 !important;
}
.omega {
	margin-right: 0 !important;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html .clearfix {
	height: 1%;
}
/*----------------------------------------------------------------------*/
/*--- END 960.GS GRID CSS ----------------------------------------------*/
/*----------------------------------------------------------------------*/
/*--- GLOBAL HTML and DNN DECLARATIONS ---------------------------------*/
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #3d3d3d;
	background-color: #ddded6;
}
img {
	border: 0;
}
/*----------------------------------------------------------------------*/
/*--- EasyTooltip Styling ----------------------------------------------*/
#easyTooltip {
	font-size: 11px;
	color: #000;
	padding: 5px 10px;
	border: 1px solid #c0c0c0;
	background-color: #f3f3f3;
	opacity: 0.8;
}
#topnote {
}
#ie6detect {
	width: 960px;
	margin: 20px auto;
	color: #fff;
	text-align: center;
	padding: 15px;
	background-color:#669999;
}
/*----------------------------------------------------------------------*/
/*--- BASIC CSS LAYOUT -------------------------------------------------*/
/*--- Faux Body Backgrounds --------------------------------------------*/
#top_body {
	background-image: url('images/top_body.png');
	background-position: center bottom;
	background-repeat: repeat-x;
	background-color: #fff;
	height: 100px;
}
#top_wrpr {
	height: 100px;
}
#top_inr {
}
#logo {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 100px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
#logo a {
	display: block;
	width: 300px;
	height: 100px;
	background-image: url('images/logo.png');
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
#logo a:hover {
	background-image: url('images/logo_hover.png');
	background-position: center center;
	background-repeat: no-repeat;
}
#portfolioWrp {
}
#PicassaPortfolio1 {
	background-color: #fff;
	width: 650px;
	margin-left: 12px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}
#PicassaPortfolio2 {
	padding: 10px 0 0 40px;
	margin-left: 0px;
}
#rightLink {
	margin: 0;
	padding: 0;
	background-color: #fff;
	float: left;
}
#rightLink a {
	background-image: url('images/rightLink.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #DDDED6;
	float: left;
	margin-left: 10px;
}
#rightLink a:hover {
	background-image: url('images/rightLink_hover.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}
#rightLink img {
	background-color: #DDDED6;
	width: 260px;
	height: 62px;
	float: left;
	margin-left: 20px;
}
#rightLink h3 {
	color: #fff;
	text-align: center;
	padding-top: 20px;
}
/*----------------------------------------------------------------------*/
/*--- TWITTER ----------------------------------------------*/
/*----------------------------------------------------------------------*/
.twitted {
	margin: 0;
	padding: 0;
	float: left;
	width:260px;
	margin-left: 20px;
}
.twitted h2 {
}
.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}
.twitted ul {
	margin: 0;
	padding: 0;

}

.twitted ul#twitter_update_list {
list-style:none;
}
.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0;
	list-style:none;
	border-bottom: 1px solid #ccc;
}
.twitted ul#twitter_update_list li span {
	/* tweet content */
	list-style:none;
	display: block;
}
.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #00f;
}
.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #f00;
}
.twitted ul#twitter_update_list li.firstTweet {
}
.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}
.twitted p.profileLink {
}
#mid_body {
	width: 100%;
	display: inline-block;
}
#mid_wrpr {
	padding: 10px;
	background-color: #DDDED6;
}
#nav_wrpr {
	float: left;
	background-image: url('images/menu_bg.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
}
#nav_inr {
}
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 5px;
}
ul#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 12px !important;
}
ul#nav li a, ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited {
	color: #858484;
	text-decoration: none;
	display: block;
	padding: 10px;
}
ul#nav li a:hover {
	color: #616161;
}
.preview {
	margin-top: 20px;
}
ul#preview {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#preview li {
	margin: 0 10px;
	padding: 0;
	display: inline;
	float: left;
	width: 300px;
}
ul#preview li img {
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #fff;
}
ul#preview li a:hover img {
	background-color: #B9BBAA;
}
ul#preview li.soon img {
}
ul#preview li h3 a, ul#preview li h3 a:link, ul#preview li h3 a:active, ul#preview li h3 a:visited {
	color: #3d3d3d;
}
ul#preview li h3 a:hover {
	color: #c50000;
}
.preview_cntrl_wpr {
	margin: -10px 0 50px 0;
}
ul#preview_cntrl {
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
	border-top: 1px #777 solid;
}
ul#preview_cntrl li {
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;
	display: inline;
	float: left;
	width: auto;
	font-size: 11px;
}
ul#preview_cntrl li.first {
	margin: 0;
}
ul#preview_cntrl li.last {
	padding-right: 0;
	background-image: none;
}
#quickLinks {
	margin-left: 10px;
	padding: 0;
	width: 300px;
	float: left;
}
#quickLinks ul {
	padding: 0;
	list-style: none;
}
#bottom_body {
}
#bottom_wrpr {
	background-image: url('images/footerShadow.gif');
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #b70131;
}
#bottom_inr {
}
#footer {
	width: 920px;
	margin: 60px auto 0 auto;
	text-align: center;
	padding: 25px 20px;
}
#footer p {
	font-size: 12px;
	line-height: normal;
	color: #fff;
}
#footer a {
	font-size: 12px;
	line-height: normal;
	color: #000;
}
#playinfo_wrpr {
	margin-top: 10px;
}
.form_wrpr {
	background-image: url('images/form_bg.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #eeead3;
}
.albumcover_wrpr {
	width: 200px;
	display: inline;
	float: left;
	margin: 0 20px 0 0;
}
.albumcover_wrpr ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.albumcover_wrpr ul li {
	list-style: none;
	padding: 5px;
	border: 1px #e7e0c1 solid;
	margin: 5px 0;
	background: #f4f1e5;
}
