@import url(fonts.css);
@import url(colours.css);
@import url(jquery.css);
@import url(quicksand.css);
@import url(xinha_stylist.css);

* { margin: 0; padding: 0; font-size: 1em; }
body { font-size: 0.8em; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #383838; background-image: url(../images/tile1-bg.gif); background-position: top center; }

img { border: none; }
a { text-decoration: none; }
a:hover { color: #777777; }
p { margin-bottom: 1em; }
.hr { border-top: 3px solid #e2e2e2; margin-bottom: 1em; }
	.hr hr { display: none; }
#main-body ul, #main-body ol { margin-bottom: 1em; margin-left: .4em; padding-left: 1.5em; }
#main-body li { margin-bottom: 0.5em; }

fieldset { border: 0; }
input.text, textarea { color: #000000; }
textarea { font-family: Tahoma, Arial, Helvetica, sans-serif; }
input.text-ghosted, textarea.text-ghosted { color: #808080; }
input.text, input.text-ghosted, select, textarea { vertical-align: middle; border: 0; -webkit-appearance:none; padding: 1px 4px; border: 3px solid #e2e2e2; background-color: #FFFFFF; margin-bottom: 5px; font-size: 0.8em; }
input.form-button { border: 0; cursor: pointer; color: #FFFFFF; padding: 2px; height: 19px; font-weight: bold; overflow: visible; }

.drop-shadow { text-shadow: 0.1em 0.1em #000000; }

h1, h2, h3, h4, h5, h6 { font-family: Gotham, Arial, Tahoma, Helvetica, sans-serif; margin-bottom: 0.6em; font-weight: normal; }
h1 { font-size: 1.7em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.clear { clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }


#filter-navigation { padding: 0px 8px 0px 30px; }
	#filter-navigation-nopadding { padding: 0; }
	#filter-navigation #filter, #filter-navigation-nopadding #filter { display: block; padding: 8px 6px 4px 0px; margin-left: 3px; }
	#filter-navigation ul, #filter-navigation-nopadding ul { list-style-type: none; margin-left: 0; padding-left: 0; }
	#filter-navigation li, #filter-navigation-nopadding li { float: left; margin-bottom: 3px; }
	#filter-navigation a, #filter-navigation-nopadding a { display: block; background-color: #e2e2e2; padding: 2px 6px; margin-left: 3px; font-family: Gotham, Arial, Tahoma, Helvetica, sans-serif; }


#body-bg { width: 100%; background-image: url(../images/bg.gif); background-repeat: repeat-y; background-position: center; }
#bottom-bg { background-image: url(../images/tile1-bg.gif); background-repeat: repeat-x; background-position: bottom center; }
#top-bg { background-image: url(../images/tile1-bg.gif); background-repeat: repeat-x; background-position: top center; }
#centered { width: 960px; margin: 0px auto; padding: 0px 10px;}
#root { width: 960px; }
	#special-message { background-color: #000000; width: 100%; position: absolute; top: 0; }
		#special-message div { padding: 3px 6px 5px; color: #FFFFFF; font-family: Gotham, Arial, Tahoma, Helvetica, sans-serif; text-align: center; font-size: 0.8em; }
	#header { background-image: url(../images/header-bg.png); background-repeat: no-repeat; height: 140px; }

		#logo { float: left; margin-right: 20px; }
		#header-right { float: left; }

		#main-navigation { height: 19px; margin-top: 117px; }
			#main-navigation ul { list-style-type: none; width: 560px; }
				#main-navigation li { float: left; }
					#main-navigation a { float: left; display: block; text-shadow: none; font-family: Gotham, Arial, Tahoma, Helvetica, sans-serif; padding: 3px 9px 0px; height: 16px; font-size: .9em; color: #383838; text-decoration: none; background-image: url(../images/nav-main-unselected-bg.gif); background-repeat: repeat-x; background-color: #9d9d9d; margin-right: 4px; text-transform: lowercase; margin-top: 4px; }
					#main-navigation a.active { color: #000000; background-image: url(../images/nav-main-selected-bg.gif); background-color: #FFFFFF; margin-top: 4px; }
					#main-navigation #dark a.active, #main-navigation .dark a:active { color: #FFFFFF; background-color: #000000; margin-top: 4px; }
					#main-navigation a:hover {  }
				#main-navigation li.icon { float: right; }
					#main-navigation li.icon a { padding: 2px 2px 0px; height: 17px; background-image: url(../images/nav-main-selected-bg.gif); }
	
	
	#main-flash { background-color: #000000; border: 10px solid #FFFFFF; text-align: center; padding: 30px 0px 20px; }
	#main-flash-white { background-color: #FFFFFF; border: 10px solid #FFFFFF; text-align: center; padding: 30px 0px 20px; }
		#flash-container { padding: 0px 0px 30px; }
			#fb-like-flash { padding-bottom: 30px; }
		#flash-text-white { width: 500px; margin: 0px auto 30px; color: #FFFFFF; }
		#flash-text-black { width: 500px; margin: 0px auto 30px; color: #000000; }
		#flash-thumbs { padding: 0px 0px 25px 8px; }

	#main-body { position: relative; background-color: #FFFFFF; background-image: url(../images/body-bg.gif); background-repeat: repeat-y; background-position: center top; height: 1%; }
		
		/* all objects on the left od the site */
		#left-column { float: left; width: 365px; }
			#thumb-image { width: 100px; height: 100px; margin-bottom:1.15em; /*background:#161613; border: solid 3px #e2e2e2;*/ }
			#left-column-text { padding: 28px; margin-bottom: 40px; position: relative; }
				#twitter-bird { margin: 15px 20px 0px; }
				#twitter-box { width: 295px; border: 2px solid #42d0ff; background-color: #e2e2e2; }
					#twitter-box a { display: block; padding: 6px; color: #19627a; }
					#twitter-box a:hover { color: #333333; }
					#twitter-box .col1 { background-color: #cccccc; }
				#twitter-monkey { margin-left: 120px; }
				#work-quote { display: block; padding: 6px; color: #383838; width: 295px; border: 2px solid #e2e2e2; background-color: #f0f0f0; }
					#work-quote p { margin-bottom: 0; }
					#work-quote-img { border: 2px solid #e2e2e2; float: right; margin: 0px 0px 2px 4px; }
				#search-box { margin: 20px 0px 20px; }
					#search-dog { margin-left: 10px; }
					#searchfield { width: 290px; padding: 4px; border: 3px solid #e2e2e2; background-color: #FFFFFF; }
						#search-box input, #search-box select, #search-box textarea { border: 0; padding: 0; margin: 0; }
				#guru-box { margin: 0; }
					#guru-box img { float: left; margin-right: 10px; }
					#guru-box form { float: left; width: 205px; }
						#guru-box .form-button { background-color: transparent; height: auto; margin-bottom: 10px; }
			.fb-like {  }
			#left-column-footer { position: absolute; left: 28px; bottom: 25px; }
			
		/* all objects on the right of the site, except for jquery stuff */
		#right-column { float: left; width: 595px; padding-top: 0px; }

			.read-more-link:hover { background-color: #777777; color: #ffffff; }
			
			#googlemap { margin-left: 1px; width: 594px; height: 700px; margin-bottom: 30px; }
			#main-image { width: 531px; margin: 20px 0px 30px 32px; /*border: 3px solid #e2e2e2;*/ }
			
			.right-column-content { padding: 0px 32px 23px; margin-top: 30px; }
				.margin-top { margin-top: 30px; margin-bottom: 0px; }
					.top { margin: 0; padding: 0px 32px; }
					.top h3 { margin: 20px 0px 0px; }

				#cvform { border: 3px solid #e2e2e2; background-color: #f0f0f0; padding: 10px; }
					#cvform input, #cvform textarea { margin-bottom: 10px; background-color: #cccccc; padding: 2px; }
					#cvform label { display: block; float: left; width: 80px; font-weight: bold; }

					#cvform .form-button { margin: 0; padding: 2px; }
					#cvform #cvfile { margin-right: 10px; }

						#cvform #cvquestions label { display: block; float: none; width: 500px; margin-bottom: 1em; }
						#cvform #cvquestions textarea { width: 500px; }

				/*.group-item { position: relative; background-color: #f0f0f0; border: solid 3px #e2e2e2; padding: 15px 10px 0px; margin-bottom: 7px; }*/
				.group-item { position: relative; background-color: #f0f0f0; padding: 15px 10px 0px; margin-bottom: 7px; }
					/*.source-wm { background-image: url(../images/source-watermark.png); background-position: bottom right; background-repeat: no-repeat; }*/
					.group-item .large-para { font-weight: normal; font-size: 1em; margin-bottom: .6em; font-family: Tahoma, Arial, Helvetica, sans-serif; }
					.quote { background-image: url(../images/quote-bg.png); background-repeat: no-repeat; background-position: top left; }
					.group-item-image { float: left; border: 3px solid #e2e2e2; margin: 0px 10px 10px 0px; }
				#doodie-tl { float: right; display: block; margin: 0px 0px 20px 20px; }
				.doodie-text h2, .doodie-text h3 { display: inline; }
			
	#footer { width: 960px; padding: 20px 0px 20px; background-image: url(../images/footer-bg.gif); background-repeat: no-repeat; color: #FFFFFF; }
		#footer-left { float: left; width: 467px; padding: 0px 28px; }
			#footer-left h2 { color: #FFFFFF; }
		#footer-right { float: right; padding: 0px 28px; width: 370px; text-align: right; color: #666; font-size: 0.8em; }
			#footer-right h2 { color: #666666; }