/* ***************************
   Base Styling
*/

* {margin: 0; padding: 0;}
ul li {list-style: none;}
img {border: 0;}

body {
	font: 75%/140% Arial, Sans-Serif;
	line-height: 1.6em;
	background: #0c2544 url(/images/site/bg.jpg) repeat-x 200% 0;
	color: #3c3c3c;
}

div:after, ul:after, form:after, dl:after {
	content: "";
	display: block;
	overflow: hidden;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0em;
}

a:hover {color: #c26621;}
a {
	text-decoration: none;
	outline: 0;
	color: #5f88a3;
}

p, ul {margin-bottom: 20px;}

h2 {
	font: 28px/normal Georgia, 'Times New Roman', serif;
}

h2 a:hover {text-decoration: underline;}
h2 a {
	color: #c0720b;
}

span {
	color: #9ea6ad;
	font-size: 11px;
	margin: 0 0 10px 0;
	display: block;
}

/* ***************************
   Logo
*/

h1 {
	width: 959px;
	margin: 0 auto 30px auto;
}

h1 a {
	background: url(/images/site/logo.png) no-repeat top left;
	width: 252px;
	height: 53px;
	text-indent: -3000em;
	overflow: hidden;
	display: block;
}


/* ***************************
   Containers
*/

#background {
	background: url(/images/site/planet.png) no-repeat 78% 0;
	padding: 80px 0 0;
}

#stars {
	background: url(/images/site/stars_bg.png) repeat-x 500% 0;
}

#main {
	width: 919px;
	margin: 0 auto;
	background: #fff url(/images/site/main_bg.png) repeat-y top left;
	padding: 0 19px;
}


/* ***************************
   Nav
*/

#nav {
	text-align: right;
	margin: -30px auto 0 auto;
	width: 958px;
}

#nav li {
	display: block;
	float: right;
	overflow: hidden;
	margin: 0 0 0 4px;
	width: 100px;
}

#nav li#archive a {background-position: -100px -46px;}
#nav li#case_studies a {background-position: -200px -46px;}
#nav li#contact a {background-position: -300px -46px;}
#nav li a {
	float: right;
	background: url(/images/site/nav.png) no-repeat left -46px;
	width: 100px;
	color: #fff;
	padding: 4px 0 6px 0;
	line-height: 21px;
	text-align: left;
	text-indent: -3000em;
}

#nav li#archive a:hover { background-position: -100px -23px; }
#nav li#case_studies a:hover { background-position: -200px -23px; }
#nav li#contact a:hover { background-position: -300px -23px; }
#nav li a:hover { background-position: left -23px; }

#nav #archive.active a {background-position: -100px 6px;}
#nav #case_studies.active a {background-position: -200px 6px;}
#nav #contact.active a {background-position: -300px 6px;}
#nav li.active a {background-position: left 6px;}
#nav li.active {
	background: #fff;
	color: #0c2544;
}

/* ***************************
   Body
*/

#content {
	width: 595px;
	padding: 31px 12px 12px 12px;
	background: url(/images/site/content_bg.png) repeat-x top;
	float: left;
}

#content .end {
	display: block;
	padding: 4px 0 26px 0;
	margin: 0 0 24px 0;
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
	font-size: 11px;
}

#content p img {
	border: 3px solid #eee !important;
	padding: 1px;
	background: #fff;
}


/* ***************************
   Side
*/

#side {
	width: 300px;
	background: url(/images/site/side_bg.png) no-repeat top;
	float: left;
	padding: 24px 0 0;
}

#side #side_box {
	background: #8592a1;
	padding: 0 0 20px 0;
	border-bottom: 2px solid #778493;
}

#side #side_box /*alternate*/ {
	padding: 0;
	border: none;
}

#side #side_box a:hover {background: none; color: #eee;}
#side #side_box a {
	border: none;
	padding: 0;
	display: inline;
	outline: 0;
	margin: 0;
}

#side #tabs {margin: 0;}
#side #tabs h3 {margin: 0;}
#side #tabs li:hover {background: #667586;}
#side #tabs h3 a {
	float: left;
	border: none;
	padding: 12px 0;
	width: 74px;
	text-align: center;
	color: #fff;
	font-size: .8em;
	font-weight: normal;
	background-color: transparent;
	border-left: 1px solid #a4abb3;
}

#side #tabs h3 a.to_rss {
	padding: 13px 0;
}

#side #tabs li {
	background: url(/images/site/tab_shadow.png) repeat-x bottom left;
	float: left;
}

#side #tabs li.active {
	background: url(/images/site/tab_fade.png) repeat-x top left;
	float: left;
}
#to_categories, #to_team, #to_rss {display: none;}

#side #tabs li.active, #side_box form, #side_box div {
	background-color: #aab3bd;
}

#side #side_box form {
	padding: 0 20px 20px 20px;
}

#side #to_search {
	height: auto;
clear:both;
}

#side .submit:hover {background: #51657f;}
#side .submit {
	background: #3a4d66;
	padding: 0 12px 0 12px;
height:28px;
	color: #fff;
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	border: none;
	border-bottom: 2px solid #9299a2;
	border-right: 1px solid #9299a2;
}

#side .query {
	padding: 6px 4px;
	width: 180px;
	font-size: 11px;
	float: left;
	border: none;
	border-bottom: 2px solid #9299a2;
}

#side #to_categories {
	height:auto;
}

#side #to_categories ul {
	margin: 0 0 0 20px;
	padding: 10px 0;
	white-space: nowrap;
}

#side #to_rss a, #side #to_categories li a, #side dt, #side dd {
	border-bottom: 1px solid #bbc2ca;
}

#side #to_rss a {
	display: block;
	padding: 2px 0;
}

#side #to_categories li {margin: 0; padding:0; float: left;}
#side #to_categories li a {
	display: block;
	padding: 2px 0;
	float: left;
	width: 130px;
}

#side dl {
	padding: 10px 20px;
}

#side dt, #side dd {
	padding: 2px 0;
	width: 130px;
	float: left;
	color: #e4e7ea;
}

#to_rss p {
	padding: 10px 20px;
	margin: 0;
}

#side h3, #foot h3 {
	font-family: 'Helvetica Neue Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
}

#side h3 {
	margin: 20px 0 4px 20px;
	color: #546c8c;
}

#side a {
	display: block;
	border-bottom: 1px dotted #c2c5c7;
	padding: 8px 8px 7px 20px;
	margin-left: 1px;
	color: #404c5a;
}

#side li a:hover {
	background: #f0f2f3;
}

#side #startupUl
{
	padding:12px;
}

#side #startupUl h6, body #side ul#startupUl h6
{
	float:left	
	margin-right:1px;
	margin-bottom:1px;

}
#side #startupUl a {
	display: block;
	float:left;
	width:66px;
	height:66px;
	border:1px solid #e4e7ea;
	padding:0;
	margin-left: 0px;
	color: #c0720b;
	position:relative;
}
#side #startupUl a:hover {
	background:none;
}
#side #startupUl a span
{
	display:none;
	position:absolute;
	left:-15px;
	top:-40px;
	text-align:center;
	width:100px;
	height:35px;
	padding:6px 0 0 0;
	white-space:no-wrap;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#c0720b;
	background:transparent url(/images/site/startup_hover.png) center bottom no-repeat;
}
#side #startupUl a:hover span
{
	display:block;	
}


#next_page {
	float: right;
	font-weight: bold;
}

#next_page img {
	margin: 0 0 0 2px;
}

#previous_page {
	float: left;
	margin: -1.5em 0 0;
	font-weight: bold;
}

#previous_page img {
	margin: 0 2px 0 0;
}

/* ***************************
   Post Subpage
*/

#share {
	background: url(/images/site/share_bg.png) no-repeat top left;
	margin: 0 -10px 20px -10px;
	padding: 8px 0 8px 16px;
}

#share li.bigger {width: 190px;}
#share li.last {width: 80px;}
#share li.last a {text-align: right;}
#share li {
	float: left;
	width: 140px;
}

#share li a {
	float: left;
	padding: 4px 0;
	font-size: 11px;
	width: 100%;
}

#share li img {
	margin: -2px 8px -4px 0;
}

#content h3, h2.sub {
	font-size: 20px;
	margin: 0 0 2px 0;
	color: #3a4d66;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.comment_header {
	background: url(/images/site/comment_bubbles.png) no-repeat top left;
	padding: 0 0 0 55px;
	margin: 0 0 8px 0;
}

.comment_header a {
	display: block;
	width: 150px;
	color: #c0720b;
	font-weight: bold;
	font-size: 11px;
}

#comments {
	background: url(/images/site/comments_top.png) no-repeat top;
	padding: 4px 0;
	margin: 10px 0 0 -6px;
}

#comments li {
	background: url(/images/site/comments_bg.png) repeat-y top;
	padding: 4px 12px 6px 12px;
	margin: 0 4px;
	color: #4a4a4b;
}

#comments li.odd {
	background: #f4f3f3;
	border: 1px solid #ececec;
	border-top: 1px solid #e0e0e0;
	margin: 0 7px;
}

#comments li.nocomments {
       border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
	border-bottom: 1px solid #e0e0e0;
margin: 0 7px;
font-size:1px;
height:1px
}
#comments h4 {
	font-size: 12px;
	border-bottom: 1px dotted #adacac;
	background: url(/images/site/person_card.png) no-repeat 0 2px;
	padding: 0 0 4px 22px;
	margin: 0 0 6px 0;
}

#comments li a {
	float: left;
}

#comments h4 span {
	float: right;
	color: #bbc3ca;
}

#comments p {
	margin: 0;
}

#comment_form {
	background: url(/images/site/share_bg.png) no-repeat 0 -39px;
	margin: 20px -10px 20px -10px;
	padding: 20px 0 8px 16px;
}

/* ***************************
   Contact Subpage
*/

#leave_comment.contact {
	background: none;
	padding-top: 0;
	margin-top: 0;
}

#stamp {
	float: left;
	margin: 40px 2px 0;
}

/* ***************************
   Profile Subpage
*/

p.blue {color: #3a4d66; margin: 0 0 10px 0;}
p.blue a {color: #c0720b;}

#profile_info {
	background: #f1f3f4;
	border-bottom: 2px solid #d5d9de;
	margin: -12px -12px 20px -12px;
	padding: 10px 20px 0 0;
}

#profile_info img {
	float: left;
	background: url(/images/site/image_frame.png) no-repeat 21px 21px;
	padding: 40px;
	margin: -20px 0 0;
	width: 130px;
	height: 128px;
}

#profile_info ul li {
	display: inline;
	font-weight: bold;
	margin: 0 -1px 0 0;
}

#profile_info li a {
	border-right: 1px solid #616b77;
	padding: 0 4px;
	font-weight: normal;
}

#profile_info h2, #content h3.profile {
	color: #c0720b;
}

#profile_info #right {
	float: left;
	width: 380px;
}

.profile_list li {
	display: block;
	border-bottom: 1px dotted #d1d1d1;
	padding: 4px 0;
}

#content h3.profile {
	font-family: Georgia, 'Times New Roman', serif;
	border-bottom: 1px dotted #d1d1d1;
	font-weight: normal;
	margin: 0 0 8px 0;
}

#content h3.profile span {
	font-family: Arial, sans-serif;
	font-size: 12px;
	display: inline;
}

.flickr li {
	float: left;
	margin: 0 4px 4px 0;
	background: url(/images/site/small_image_frame.png) no-repeat top left;
	width: 62px;
	height: 62px;
}

.flickr li img {
	width: 54px;
	height: 54px;
	margin-top: 3px;
	margin-left: 3px;
}

/* ***************************
   Archive Subpage
*/

#calendar {
	margin: 14px 0 0;
	border: 1px solid #ebeaea;
}

#calendar h3 {
	padding: 18px 14px;
	background: #aab3bd;
	color: #0b2342;
	display: block;
	margin: 0;
}

#months li {
	float: left;
	border-bottom: 1px solid #ebeaea;
}

#months .active a {background: #aab3bd; color: #fff; border: none;}
#months .last a {/*width: 44px;*/ border: none;}
#months a:hover {background: #ebeaea;}
#months a {
	display: block;
	float: left;
/*	width: 49px;  */
	padding: 4px 4px;
	text-align: center;
	color: #6e787f;
	border-right: 1px solid #ebeaea;
	font-size: 11px;
	font-weight: bold;
}

#calendar table {
	width: 100%;
	border-collapse: collapse;
}

#calendar table .head {
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

.center {
	text-align: center;
}

#calendar table .date {
	width: 10%;
	text-align: center;
}

#calendar table .entries {
	width: 70%;
}

#calendar table .comments {
	width: 20%;
	text-align: center;
}

#calendar table td {
	border-bottom: 1px solid #ebeaea;
	padding: 2px 0;
}

#calendar h4 {
	color: #ea9423;
	font-size: 14px;
	margin: 20px 0 10px 16px;
}

.by_category.right {width: 313px;}
.by_category {
	float: left;
}

.by_category li {
	border-top: 1px solid #ebeaea;
	padding: 3px 0;
	float: left;
	width: 296px;
}

.by_category a {
	display: block;
	background: url(/images/site/folder.png) no-repeat 18px 4px;
	padding: 0 0 0 36px;
}


/* ***************************
   Forms
*/

label {
	font-weight: bold;
	display: block;
	color: #6e787f;
	margin: 16px 0 0;
}

.text_field:focus {background-position: 0 -27px;}
.text_field {
	width: 284px;
	padding: 4px;
	height: 19px;
	background: url(/images/site/input_text_field.png) no-repeat top left;
	border: none;
}

textarea:focus {background-position: 0 -89px;}
textarea {
	width: 284px;
	padding: 4px;
	height: 81px;
	background: url(/images/site/input_text_area.png) no-repeat top left;
	border: none;
}

.contact textarea:focus {background-position: 0 -212px;}
.contact textarea {
	height: 203px;
	background-image: url(/images/site/input_text_area_large.png);
}

.submit_button.left {margin-right: 10px;}
.submit_button, .button {
	display: block;
	width: 88px;
	height: 20px;
	font-weight: bold;
	float: left;
	background: url(/images/site/comment_button.png) repeat-x top left;
	margin: 20px 0 0;
	border: none;
	color: #5f88a3;
}

#comment_form_area {
	width: 340px;
	float: left;
}

#comment_info {
	float: right;
	width: 255px;
	margin: 50px 0 0;
}

#comment_info ul {
	margin: 10px 12px 60px 0;
	border-top: 1px dotted #b5b5b5;
}

#comment_info ul li {
	padding: 10px 0;
	border-bottom: 1px dotted #b5b5b5;
	font-size: 11px;
	color: #6e787f;
}

#comment_info input {
	margin: 0 4px 0 0;
}

/* ***************************
   Footer
*/

#foot {
	margin: 0 -19px;
	padding: 50px 0 0 0;
min-height:100px;
	clear: both;
	background: #15345b url(/images/site/foot_bg.png) no-repeat top;
	color: #85a3c8;
}

#foot li.foot_two {width: 255px;}
#foot li.foot_three {width: 185px;}
#foot li {
	float: left;
	width: 388px;
	margin: 0 19px 0 19px;
}

#foot h3 {
	color: #3d6eae;
	font-weight: normal;
	border-bottom: 1px solid #233e61;
	padding: 0 0 6px 0;
	margin: 0 0 6px 0;
}

#bottom {
	background: #183b68;
	padding: 8px 19px;
	margin: 0 -19px;
	color: #3d6ca8;
min-height:20px;
clear:both;
}

#bottom li {
	float: left;
	margin: 0 10px 0 0;
}

#bottom li.right {
	float: right;
}