/* ----------  page defaults ---------- */

* {
		margin: 0;
		padding: 0;
		}

html {
		font-size: 100%;
		background-color: #111111;
		}

body {
		background: url(../assets/other/bg3.jpg) repeat;
		font-size: 62.5%;
		font-family: Tahoma, Helvetica, Arial, sans-serif;
		color: #c3c3c3;
		display: none;
		}
		

/* ---------- page layout ------------*/

#wrapper {
		width: 950px;
		margin: 0 auto;
		}
		
#header {
		height: 45px;
		border-bottom: 1px solid #aeaeae;
		padding-top: 40px;
		float: left;
		width: 950px;
		}
		
#main-content{
		width: 600px;
		float: left;
		}
		
#sidebar {
		width: 300px;
		float: left;
		margin: 0 0 0 50px;
		}
		
/* ------------- header section --------------*/
#header-wrapper {
		width: 950px;
		float: left;
		}

#nav {
		float: right;
		margin: 15px 0 0 0;
		font-size: 1.4em;
		}
		
#top-strip {
		background-color: #c8e12f;
		width: 100%;
		height: 7px;
		float: left;
		z-index:9;
		}
		
#nav a {
		color: #aeaeae;
		text-decoration: none;
		margin: 0 12px 0 12px;
		padding: 0 0 10px 0;
		}
		
#highlight { border-top: 1px solid #aeaeae; }
		
#logo { 
		float: left;
		margin-top: 8px;
		border: none;
		}

#scrolling-logo {
		position: absolute;
		left: 10px;
		top: 20px;
		border: none;
		opacity: 1;
		-webkit-transition: opacity 1s linear;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
		}
		
#award-banner {
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		z-index: 10;
		}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxFOOTER */
/* ------------Generic------------- */
.footer-module-small {
		width: 245px;
		margin: 30px 50px 0 0;
		border-top: 1px solid #aeaeae;
		float: left;
		}
		
.footer-module-large {
		width: 360px;
		margin: 30px 0 0 0;
		border-top: 1px solid #aeaeae;
		float: left;
		}
		
#footer {
		margin: 20px 0 0 0;
		background: url(../assets/other/footer-bg.png) repeat;
		background: rgba(255,255,255,.1);
		width: 100%;
		padding: 0 0 20px 0;
		}

#footer-wrapper {
		width: 950px;
		margin: 0 auto;
		}

/* ------------ Flickr ------------ */
		
.flickr_badge_image img {
		width: 65px; 
		height: auto; 
		float: left;
		border: 4px solid #4d4d4d;
		margin: 0 22px 0 0;
		}
		
#flickr_badge_image4 img { margin: 0 0 0 0; }
		
.flickr_badge_image img:hover { border: 4px solid #c8e12f; }

#spotted-here-list ul{ list-style: none; }
		
ol#spotted-here-list li {
		width: 46px;
		height: 46px;
		list-style-type: none;
		float: left;
		border: 4px solid #707070;
		margin: 0 22px 0 0;
		position: relative;
		}
		
ol#spotted-here-list li:last-child { margin: 0 0 0 0; }
		

/* ------------ Listenin To ------------ */
.artist { color: #7b7b7b; }
		
#listening-to ul { margin: -10px 0 30px 0; }
		
#listening-to li {
		list-style: none;
		font-size: 1.2em;
		line-height: 1.6em;
		}
		
/* -------------- Twitter ---------------*/

.tweet { margin: -15px 0 0 0; }

.tweet a:link, 
.tweet a:visited { color: #7b7b7b; }
		
.tweet .tweet_list li {
		list-style-type: none;
		font-size: 1.3em;
		line-height: 1.6em;
		}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxSUBFOOTER */
#site-tree {
		float: left;
		font-size: 1.2em;
		}
		
#site-tree a:link, 
#site-tree a:visited {
		color: #7b7b7b;
		text-decoration: none;
		}
		
#valid-tags a:link, 
#valid-tags a:visited { 
		color: #c8e12f;
		text-decoration: none;
		}
		
#site-tree a:hover, 
#site-tree a:focus,
#valid-tags a:hover, 
#valid-tags a:focus {
		color: #c8e12f;
		border-bottom: 1px dotted #c8e12f;
		}

#sub-footer {
		color: #7b7b7b;
		width: 950px;
		margin: 0 auto;
		padding: 20px 0 0 0;
		height: 40px;
		}
		
#valid-tags {
		float: right;
		font-size: 1.3em;
		}


/* ----------- Connect --------------*/
#connect img {
		opacity: .6;
		float: left;
		border: none;
		margin: 5px 15px 0 0;
		}
	
#connect img#first-connect { margin: 5px 15px 0 25px; }
		
#connect {
		position: fixed;
		bottom: 10px;
		right: -195px;
		width: 300px;
		height: 45px;
		background-color: #000000;
		font-size: 1.3em;
		border-left: 3px solid #c8e12f;
		}
		
#connect-btn {
		margin: 12px 0 0 10px;
		float: left;
		}
		
/* ----------- Contact/Login ----------------*/
#login-popup {
		width: 200px;
		display: none;
		}
		
#login-text, 
#thanks-popup {
		padding: 30px;
		font-size: 1.3em;
		line-height: 1.4em;
		}
		
.login-fail { font-size: 3em; }
		
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxMISC */
.pink { color: #e8004c; }
		
.green { color: #c1d833; }
		
.white { color: #FFFFFF; }

.orange { color:#f4a120; }

.cream { color:#fbf7aa; }
		
.group:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxALL BUT WORK PAGE */

.main-module {
		border-top: 1px solid #aeaeae;
		}
		
/*Whitney: 1.9em | Museo: 1.5em* & +3 to top padding*/
.main-module h1, 
.sidebar-module h1, 
.footer-module-small h1,
.footer-module-large h1 {
		background: url(../assets/other/green-bullet.jpg) no-repeat left center;
		color: #e1e1e1;
		margin: 10px 0 30px 0;
		padding: 0 0 0 22px;
		font-size: 1.5em;
		}

.main-module p {
		font-size: 1.3em;
		line-height: 1.6em;
		padding: 20px 0 0 0;
		margin: 0 0 50px 0;
		}
		
/* ------------ sidebar -----------------*/

.sidebar-module h1 {
		margin: 10px 0 15px 0;
		}
		
.sidebar-module p {
		font-size: 1.3em;
		line-height: 1.6em;
		margin: 0 0 50px 0;
		}
		
.sidebar-module p.sidebar-link{
		font-weight: bold;
		margin: -40px 0 50px 0;
		color: #c8e12f;
		text-decoration: none;
		}
		
.sidebar-module p a:link,
.sidebar-module p a:visited {
		color: #c8e12f;
		}
		
		
.sidebar-module {
		border-top: 1px solid #aeaeae;
		}
		
#testimonial p {
		margin: 15px 0 0 0;
		padding: 0 0 0 38px;
		background: url(../assets/other/quote.png) no-repeat top left;
		font-style: italic;
		}
		
#testimonial p#signature{
		background: none;
		float: right;
		font-size: 1.3em;
		}
		
#signature span { color: #7b7b7b; }

/* ------------ contact form ---------------*/
/*layout*/
#contact-header {
		width: 100%;
		color: #c3c3c3;
		float: left;
		padding: 40px 0 0 0;
		position: relative;
		background: url(../assets/other/contact-bg-tiny.png) repeat;
		display: none;
		}
		
#contact-wrapper {
		width: 950px;
		margin: 0 auto;
		}
		
#contact-info {
		width: 330px;
		float: left;
		margin-right: 70px;
		}
		
#contact-form {
		width: 550px;
		float: left;
		}

#hills{
		position: absolute;
		bottom: 0;
		}

#contact-form fieldset { 
		border: none;
		margin: 0;
		padding: 0;
		background: none;
		}

/*links & buttons*/
#contact-info a:link,
#contact-info a:visited {
		color: #c8e12f;
		text-decoration: none;
		}
		
#contact-info a:hover,
#contact-info a:focus{ border-bottom: 1px dotted #c8e12f; }

#contact-close-btn {
		float: right;
		margin: 40px 0 0 10px;
		font-size: 1.4em;
		color: #555555;
		}
		
#contact-close-btn:hover {
		border-bottom: 1px dotted #555555;
		cursor: pointer;
		}
		
#submit-btn {
		font-size: 2em;
		background: #c8e12f;
		float: right;
		margin: 30px 0 0 30px;
		cursor: pointer;
		border: none;
		padding: 6px;
		color: #000000;
		}
		
/*Input & text handling*/
#contact-header p {
		font-size: 1.4em;
		line-height: 1.7em;
		padding: 20px 0 0 0;
		}
		
#contact-header h2 { 
		font-size: 3.5em;
		color: #ffffff;
		}
	
#contact-form input#name, 
#contact-form input#email,
#contact-form textarea {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		border: none;
		font-size: 20px;
		background: #222222;
		padding: 8px;
		margin: 10px 0 10px 0;
		width: 490px;
		resize: none;
		-moz-border-radius: 5px;  
		-khtml-border-radius: 5px;  
		-webkit-border-radius: 5px; 
		border-radius: 5px
		}
		
#content { height: 150px; }
		
.active-field { color: #ffffff; }

.inactive-field { color: #555555; }

.invalid-form {
		background: url(../assets/icons/invalid-field.png);
		height: 32px;
		width: 32px;
		float: left;
		margin: 15px 0 0 12px;
		}