@charset "UTF-8";

/* First comes reset code */
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,legend,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th,legend {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

body {
  font-size:0.75em;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background: #fff url(/images/bg-top.jpg) top left repeat-x;
  color:#333;
  line-height:1.5em;
}

/*font/img/list styles*/
a {
	color:#333333;
}

a:hover {
  color:#666;
  text-decoration:none;
}
a img {
  border:none;
  margin:2px 2px 2px 0;
}

hr {
	height: 0;
	visibility: hidden;
	clear: both;
}

h1,h2,h3,h4,h5,h6 {
  color:#333;
  font-weight:bold;
  line-height:1.5em;
  clear:both;
}

h1{font-size:24px;line-height:30px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

blockquote {
  margin:0;
  padding:0 0 0 30px;
  color:#111;
}

p {
	line-height: 1.8em;
}

em {
	font-weight: bold;
}

/*All ID container here: */
.container {
  position:relative;
  width:940px;
  margin:0 auto;
}

#header {
  position:relative;
	height: 106px; 
  /*height:385px; */
	/* background: #fff url(/images/bg-top.jpg) bottom left repeat-x; */
}

#logo {
  position:absolute;
  left:20px;
  top:20px;
}

#banner {
  /* position:absolute;
  clear:both;
  top:110px;
  left:0;
  color:#efefef;
  height:245px; */
	clear: both;
	position: relative;
	background: #fff url(/images/bg-center.jpg) top left repeat;
	padding: 10px 0;
}

#banner h2 {
	
}

#main {
  position:relative;
  /* float:left; */
	background: #fff url(/images/bg-bottom.jpg) top left repeat-x;
	padding: 10px 0;
}

#content {
  position:relative;
  width:570px;
  float:left;
  margin-right:10px;
}

#content.fullWidth {
	width: 940px;
}

#sidebar {
  position:relative;
  width:320px;
  float:left;
	padding: 10px 10px 10px 30px;
}

.links {
	text-align: center;
}

#footer {
  position:relative;
  border-top:1px solid #dedede;
  text-align:center;
  clear:both;
  color:#666;
  padding:5px 0px 20px;
}

/*main*/
#main p {
  padding-bottom:1em;
}

.small {
  float:left;
  width:150px;
  margin-right:35px;
}

#main .smalllast {
  margin-right:0;
}

.entry {
  clear:both;
  float:left;
	margin-top: 10px;
  margin-bottom: 10px;
  width:570px;
	border-left: 1px solid #ddd;
	padding-left: 10px;
}

.entryhead {
  border-bottom:1px solid #dedede;
  margin-bottom:2px;
}

.entry_content {
  padding:5px 0 0 0;
}

.sidebar_entry {
  color:#666;
}

.alignleft {
  float:left;
  margin:0px 20px 5px 0;
}
.alignright {
  float:right;
  margin:0px 0 5px 20px;
}

.clearboth{
  clear:both;
}

#teaser h1, #teaser h2, #teaser h3, #teaser h4, #teaser h5, #teaser h6{
  color:#fff;
  font-weight:bold;
}

#head h1{font-size:35.5px; color:#101010;} /*for a good logo look adjust this so that slogan and site name have the same width*/
#head h2{font-size:32px; font-weight:normal;}

#head h1 a{color:#333; text-decoration:none;}
#head h1 a span{color:#666;}
#head h1 a:hover, #head h1 a:hover span{color:#101010;}

#logo strong{font-size:13.5px;font-weight:normal;color:#ff0084;}

.entryhead h3 {
  line-height:1.4em;
}
.entryhead strong {
  color:#ff0084;
  font-weight:normal;
  font-size:11px;
}

#main ul, #main ol {
  list-style-position:inside;
  margin-bottom:20px;
}

#main li {
  border-top:1px solid #dedede;
  line-height:22px;
}

/*form elements*/
#main form {
  margin-bottom:10px;
}

.textinput {
  border:1px solid #333;
  padding:3px 5px;
  width:215px;
  background-color:#fff;
  color:#333;
  margin-right:5px;
	margin-left: 5px;
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.button {
  color:#fff;
  cursor:pointer;
  background-color:#333;
  padding:2px 5px;
  border:1px solid #333;
  width:101px;
}

.button:hover {
  color:#333;
  cursor:pointer;
  background-color:#fff;
}

#content textarea:hover, .textinput:hover {
  background-color:#f8f8f8;
}

#content textarea {
  width:408px;
  padding:3px 5px;
  border:1px solid #333;
  padding:3px 5px;
  height:155px;
  background-color:#fff;
  color:#333;
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#content .field {
	margin: 10px 0;
}

#content .submitButton {
	margin-top: 10px;
	border:1px solid #333;
  padding:3px 5px;
	background-color:#fff;
  color:#333;
	font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#notifications {
	border: 1px solid #333;
	text-align: center;
	background-color: #f5f5f5;
}

#notifications .error, #notifications .notice {
	margin-top: 10px;
}

#notifications .error {
	color: #ff0000;
}

#notifications .notice {
	color: #88ee55;
}

/*teaser*/
#teaser {
  position:relative;
  overflow:visible;
}

.teaseritem {
  position:absolute;
  top:0;
  left:-3000px;
  width:550px;
}

#top .teaser1 {
  left:0;
}

#teaser .teaser_more {
  background-image:url(../images/more.jpg);
  width:105px;
  height:28px;
  line-height:28px;
  display:block;
  color:#333;
  background-position:top left;
  text-decoration:none;
  text-indent:14px;
  font-size:11px;
  margin-top:10px;
  clear:both;
}
#teaser .teaser_more:hover {
  color:#444;
  background-position:bottom left;
}


/*special teaser styles*/
#head h2 {
  padding-top:50px;
}

#top .teaser2 h2, #top .teaser5 h2 {
  padding-top:10px;
}

/*tooltips*/
.tooltip {
  position:absolute;
  left:-2000px;
  background-color:#dedede;
  padding:3px;
  border:1px solid #fff;
  z-index:9999;
  top:0;
}

.tooltip p {
  margin:0;
  padding:0;
  color:#fff;
  background-color:#222;
  padding:0;
}
/*table*/
.entry_content table {
	width: 520px;
	padding: 0 0 20px 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 520px;	 
	font: italic 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #999;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #fefefe url(../images/tablehead.gif) no-repeat;
}

th.nobg {
	border: 1px solid #999;
	background: none;
}

td {
	border: 1px solid #999;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #333;
}

td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border: 1px solid #999;
	font: bold 10px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border: 1px solid #999;
	font: bold 10px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.odd td {
  background-color:#f8f8f8;
}

/*Tabs*/
.advanced_link {
  padding:2px 5px;
  text-decoration:none;
  border:1px solid #dedede;
  background-color:#dedede;
  color:#333;
}

.advanced_link:hover {
  background-color:#333;
  color:#dedede;
}

.active {
  background-color:#444;
  color:#fff;
}

.tablist {
  margin-top:8px;
}

/* navigation bar - styles dropdown menu*/
.container #menu {
  position:absolute;
  top:81px;
  z-index:10;
  right:-10px;
}

#menu, #menu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:absolute;
  line-height:25px; /*this defines the height of each element*/
}
 
#menu a {
 display:block;
 padding:0px 10px;
}
 
#menu li {
 float:left;
 position:relative;/*  opera + ie 6 need */
}
 
#menu li ul a{
	width:140px;
	height:auto;
	float:left;
}
 
#menu ul {
  position:absolute;
  display:none;
	width:160px;
	top:25px;
}
	
#menu li ul ul {
  left:160px;
	top:0;
	position:absolute;
}
 
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {
  display:none;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {
  display:block;
}

#menu a {
  color:#333;
  text-decoration:none;
}

#menu ul a {
  background-color:#f3f3f3;
  color:#666;
}

#introduction {
	position:absolute;
  top:31px;
  z-index:10;
  left: 300px;
	width: 600px;
	text-align: justify;
	font-size: 1.4em;
}

.container #menu a:hover, .container #menu a:visited:hover {
  background-image:none;
  background-color:#fff;
  color:#666;
}

div#photostream {
	width: 180px;
	position: absolute;
	top: 15px; right: 0;
}
div#photostream h3 {
	color: #bbbbbb;
}
div#photostream h3 span.flick {
	color: #3993ff;
}
div#photostream h3 span.flickr {
	color: #ff0072;
}
#homePicture {
	width: 740px;
	min-height: 320px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	color: #aaa;
}
#homePicture h2 {
	color: #ddd;
}
#homePicture img {
	/*border: 6px solid #fff;*/
}
#homePicture .panel-overlay {
	text-align: left;
}

/* ### QUICKLINKS ### */

div#quicklinks {
	margin-bottom: 12px;
}
div.quicklink {
	width: 21%;
	margin: 0px;
	padding: 5px 2%;
	float: left;
	text-align: justify;
}
div.quicklink h2 {
	text-align: center;
	width: 160px;
	height: 50px;
	outline: 1px solid #aaa;
	margin: 5px auto 10px auto;
	background-color: #fff;
	padding-top: 20px;
}
div.quicklink h2 span {

}

/* ### Social links ### */
#socialLinks li {
	/* padding-left: 40px; */
	clear: both;
}
#socialLinks li img {
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}
#socialLinks li div {
	float: left;
	clear: none;
}
#socialLinks li h5 {
	margin-bottom: -3px;
}

#rssLink {
	font-size: 2em;
	text-decoration: none;
	position: relative;
}
#rssLink img {
	margin-top: 5px;
}
#rssLink span {
	position: relative;
	top: -10px;
}

/* ### Ads ### */
div.moneymaker { 
	margin-left: -40px;
	text-align: right;
	padding-right: 40px;
}

/* ### Portfolio Page ### */
div.project {
	width: 33%;
	text-align: center;
	float: left;
	margin: 15px 0;
}

div.project img {
	border: 8px solid #222;
}

div.project h3 {
	margin-top: -5px;
	text-decoration: none;
	font-size: 1.2em;
}
div.project_show div.pictures {
	float: left;
	width: auto;
}
div.project_show div.description {
	float: left;
	margin-left: 10px;
}
div.project_show span.type {
	font-weight: bold;
	font-size: 1.2em;
}
div.project_show span.type span.url a {
	font-size: 0.8em;
	color: #666;
}
div#hireme {
	position: absolute;
	top: 0; left: 0;
	background: url(/images/hireme.png) no-repeat top left;
	width: 130px; height: 130px;
}

div#hireme a {
	text-indent: -200px;
	width: 100%; height: 100%;
	display: block;
}

ul#locations {
	list-style-type: disc;
	margin-left: 10px;
}
ul#locations li {
	border-top: none;
}


/*
div#aboutLink h2 { background-image: url(/images/about-button.png); }
div#blogLink h2 {	background-image: url(/images/blog-button.png); }
div#portfolioLink h2 { background-image: url(/images/portfolio-button.png); }
div#djingLink h2 { background-image: url(/images/djing-button.png); }
*/

/* ### GENERAL STYLES ### */	
/*body {
	font-size: 14px;
}
h1 { font-size: 1.5em; font-weight: bold; margin: 1em 0 1em 0;}
h2 { font-size: 1.3em; font-weight: bold; margin: 1em 0 1em 0;}
h3 { font-size: 1.2em; font-weight: bold; margin: 1em 0 1em 0;}
h4 { font-size: 1.2em;}
h5 { font-size: 1.1em;}
a {
	outline: none;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #555;
}
a:active {
	color: #777;
}

#container {
	width: 760px;
	margin: 0 auto;
}
#content {
	clear: both;
	margin-top: 10px;
}
.withSideAd {
	margin-right: 170px;
	float: left;
}
*/
/* ### HEADER ### */
/* div#header {
	margin-bottom: 20px;
}

h1#logo {
	float: left;
} 
*/
/* ### MENU ### */
/*
#menu {
	list-style: none;
	float: right;
	margin-top: 1em;
}
#menu li {
	display: inline;
}
*/
/* ### HOME PAGE ### */
/*
p#introduction {
	clear: both;
	width: 80%;
	margin: 10px auto;
	font-size: 1.2em;
}
*/

/* ### Ads ### */
/*
div.moneymaker {
	border: 1px solid #eee;
}
div#contentAdd {
	width: 160px;
	height: 600px;
	float: right;
	margin: 45px 0 0 -170px;
}
*/
/* ### FLICKR ###
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:180px;}
#flickr_badge_wrapper {padding:2px 0 2px 0;}
.flickr_badge_image {margin:0 5px 5px 5px;float: left;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}