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

* {
		margin: 0;
		padding: 0;
		}

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

body {
		background: url(../img/bg.jpg) repeat;
		font-size: 76.5%;
		font-family: CronosPro, Tahoma, Helvetica, Arial, sans-serif;
		color: #c3c3c3;
		display: none;
		}
		

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

#wrapper {
		width: 950px;
		margin: 0 auto;
		}
		
#header {
	border-bottom:1px solid #AEAEAE;
	float:left;
	padding-top:20px;
	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;
	font-size:1.4em;
	margin:102px 0 0;
}
		
#top-strip {
		background-color: #d0692e;
		width: 100%;
		height: 7px;
		float: left;
		}
		
#nav a {
	color:#AEAEAE;
	font-weight:bold;
	margin:0 12px;
	text-decoration:none;
}
		
#highlight { border-top: 1px solid #aeaeae; }

#logo {
    float: left;
    height: 120px;
    position: relative;
    width: 245px;
}

#logo a {
	color: #111111;
}

#logo span {
    background: url("../img/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 120px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 245px;
    z-index: 1;
}

/*
#scrolling-logo {
		position: absolute;
		left: 10px;
		top: 20px;
		border: none;
		opacity: 1;
		-webkit-transition: opacity 1s linear;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
		}
*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxFOOTER */
/* ------------Generic------------- */
.footer-module-small {
		/*width: 245px;*/
		margin: 13px 50px 0 0;
		/*border-top: 1px solid #aeaeae;*/
		float: left;
		}

.footer-module-small .client-logo {
	background-color:#000000;
	float:left;
	height:25px;
	margin-bottom:10px;
	margin-right:10px;
	padding:7px;
}
		
.footer-module-small .client-logo img {
	border:0 none;
}
		
.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(../img/footer-bg.png) repeat;*/
		background: rgba(255,255,255,0.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 #d0692e; }

#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: #d0692e;
		text-decoration: none;
		}
		
#site-tree a:hover, 
#site-tree a:focus,
#valid-tags a:hover, 
#valid-tags a:focus {
		color: #d0692e;
		/*border-bottom: 1px dotted #d0692e;*/
		}

#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: -150px;
		width: 240px;
		height: 45px;
		background-color: #000000;
		font-size: 1.3em;
		border-left: 3px solid #d0692e;
		}
		
#connect-btn {
	cursor:pointer;
	float:left;
	font-weight:bold;
	margin:12px 25px 0 10px;
}
		
/* ----------- 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: #ff6636; }
		
.green { color: #d0692e; }
		
.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 h2, 
.sidebar-module h2, 
.footer-module-small h2,
.footer-module-large h2 {
		background: url(../img/bullet.png) no-repeat left center;
		color: #e1e1e1;
		margin: 10px 0 0px 0;
		padding: 0 0 0 22px;
		font-size: 1.5em;
		text-transform: uppercase;
		}

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

.sidebar-module h2 {
		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: #d0692e;
		text-decoration: none;
		}
		
.sidebar-module p a:link,
.sidebar-module p a:visited {
		color: #d0692e;
		}
		
		
.sidebar-module {
		border-top: 1px solid #aeaeae;
		}
		
#testimonial p {
		margin: 15px 0 0 0;
		padding: 0 0 0 38px;
		background: url(../img/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(../img/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: #d0692e;
		text-decoration: none;
		}
		
#contact-info a:hover,
#contact-info a:focus{ /*border-bottom: 1px dotted #d0692e;*/ }

#contact-close-btn {
		float: right;
		margin: 40px 0 0 12px;
		font-size: 1.4em;
		color: #555555;
		}
		
#contact-close-btn:hover {
		border-bottom: 1px dotted #555555;
		cursor: pointer;
		}
		
#submit-btn {
		font-size: 2em;
		background: #d0692e;
		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: CronosPro, 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: #888888; }

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

.clearb {
  clear: both;
}		

.mezera-5 {
	height: 5px;
}

.mezera-20 {
	height: 20px;
}