/* - - - - - - - - - - - - - - - - - - - - -

Title :    Ethix Studios
URL :      http://ethixstudios.com

Created :  03.07.2009
Modified : 03.24.2009

- - - - - - - - - - - - - - - - - - - - - */
/* G L O B A L - R E S E T
- - - - - - - - - - - - - - - - - - - - - */
/*
	v1.0 | 20080212 
	http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

del { text-decoration: line-through; }
ins { text-decoration: none; background: #ffc; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* jarad says no focus styles please */
:focus { outline: 0; }


/* - - - - - - - - - - - - - - - - - - - - -
	H T M L - E L E M E N T S										
- - - - - - - - - - - - - - - - - - - - - */

body {
	font: 62.5% "Trebuchet MS", Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif ;
	background: #f3f5f6 url(../images/body_bg.jpg) repeat-x 0 110px;
	color: #525252;
}

body.home { background: #f3f5f6 url(../images/body_home_bg.jpg) repeat-x 0 110px; }

html>body { font-size: 10px; }

/* Anchor Links */
a:link { color: #2368C1; text-decoration: none; }
a:visited { color: #2368C1; text-decoration: none; }
a:hover {  color: #1f79ed; text-decoration: underline; }
a:active {  color: #1f79ed; text-decoration: underline; }

/* Text Elements */
p, ul, ol, dl, pre { font-size: 1.35em; margin: 0 0 1.75em; line-height: 1.6em; }
blockquote { padding: 0 1.25em; }
small, cite { font-size: 1.1em; }
strong, b, dt, th { font-weight: bold; }
address, cite, em, i, caption, dfn, var { font-style: italic; }

ul, ol { margin: 0 0 2em 1em; }
ul li, ol li { margin-left: 1em; line-height: 1.6em; }

ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: square; }

ol { list-style-type: upper-roman; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: lower-alpha; }

dl { margin-bottom: 2em; }
dt { font-weight: bold; }
dd { margin-bottom: 1em; padding-left: 1.5em; }

del { text-decoration: line-through; }
address, abbr, acronym { font-style: normal; }
acronym, abbr { border-bottom: 1px dotted #333; cursor: help; }
acronym { text-transform: uppercase; }
pre, kbd, code, samp, tt, var { font-family: "Courier New", Courier, monospace monospace; }

sub { font-size: 1.1em; line-height: 1em; vertical-align: sub; }
sup { font-size: 1.1em; line-height: 1em; vertical-align: super; }

/* Tables */
table {	margin: 0 0 1.5em; }
caption { text-align: left; }
th, td { padding: .25em .5em; }
tbody td, tbody th { border: 1px solid #999; }
tfoot { font-style: italic; }

/* Headings */
h2 {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	width: 950px;
	height: 70px;
	margin: 0 auto;
	padding: 0 0 28px 0;
	background-repeat: no-repeat;
	background-position: 0 24px;
	position: relative;
}

body.home h2 { height: 62px; padding: 0; background-image: url(../images/h2_home.gif); }
body.portfolio h2 { background-image: url(../images/h2_portfolio.gif); }
body.how-we-work h2 { background-image: url(../images/h2_how_we_work.gif); }
body.about h2 { background-image: url(../images/h2_about_us.gif); }
body.contact h2 { background-image: url(../images/h2_contact.gif); }
body.blog h2 { background-image: url(../images/h2_blog.gif); }

body.home h2 a.portfolio {
	position: absolute;
	width: 68px;
	height: 40px;
	top: 15px;
	left: 676px;
}

body.home h2 a.contact {
	position: absolute;
	width: 80px;
	height: 40px;
	top: 15px;
	left: 832px;
}

body.portfolio h2 a {
	position: absolute;
	width: 80px;
	height: 40px;
	top: 15px;
	left: 230px;
}

body.how-we-work h2 a {
	position: absolute;
	width: 80px;
	height: 40px;
	top: 15px;
	left: 522px;
}

body.about h2 a {
	position: absolute;
	width: 78px;
	height: 40px;
	top: 15px;
	left: 240px;
}

h3 { 
	margin: 0 0 1.286em;
	padding-bottom: 1px;
	font-size: 1.3em;
	color: #26282E;
	font-weight: normal;
	border-bottom: 2px solid #d8d8df;
}

h4 {
	font-size: 1.1em;
}


/* - - - - - - - - - - - - - - - - - - - - -
	M A I N - L A Y O U T
- - - - - - - - - - - - - - - - - - - - - */

html, body, #wrapper { height: 100%; }

body > #wrapper { height: auto; min-height: 100%; }

#wrapper { position: relative; }

div.clear { clear: left; }

#footer {
	background: #E2E7EE url(../images/footer_bg.gif) repeat-x 0 0;
	bottom: 0;
	height: 2em;
	min-width: 990px;
	padding: 2em 0 1.75em 0;
	position: absolute;
	width: 100%;
}

#footer p {
	margin: 0; 
	color: #838b96;
}

.inner,
  #content {
	margin: 0 auto;
	width: 950px;
	padding: 0 20px;
	text-align: left;
}

#header {
min-width: 990px;
	height: 110px;
	background: #10325E url(../images/header_bg.jpg) repeat-x center 10px;
	color: #fff;
}

#header h1 a {
	display: block;
	float: left;
	width: 125px;
	height: 100px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/ethix_logo.gif) no-repeat 0 25px;
}

#content { clear: both; padding-bottom: 70px; }

#secondary-content p,
 #tertiary-content p,
  #secondary-content ul,
   #tertiary-content ul { font-size: 1.2em; line-height: 1.75em; }

/* 2 Column Layout */
#content #main-content {
	float: left;
	width: 700px;
	margin: 0 20px 0 0;
	padding-bottom: 2em;
}

#content #secondary-content {
	width: 220px;
	float: left;
	padding-bottom: 2em;
}

/* 3 Column Layout */
body.how-we-work #content #main-content,
 body.home #content #main-content,
  body.about-landing #content #main-content {
	float: left;
	width: 460px;
	margin-right: 20px;
	padding-bottom: 3em;
}

body.how-we-work #content #secondary-content,
 body.home #content #secondary-content,
  body.about-landing #content #secondary-content {
	width: 220px;
	margin-right: 20px;
	float: left;
}

body.how-we-work #content #tertiary-content,
 body.home #content #tertiary-content,
  body.about-landing #content #tertiary-content {
	width: 220px;
	float: left;
}


/* - - - - - - - - - - - - - - - - - - - - -
	N A V I G A T I O N
- - - - - - - - - - - - - - - - - - - - - */

ul.nav, ul.nav li { margin: 0; list-style: none; }

/* Utility Navigation */
ul.utility {
	text-indent: -9999em;
	overflow: hidden;
	width: 950px;
	height: 10px;
}

/* Global Navigation */
ul.global {
	float: right;
	width: 650px;
	height: 100px;
}

ul.global li { float: left; }

ul.global li a {
	float: left;
	display: inline-block;
	display: block;
	height: 100px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(../images/nav_sprite.gif);
}

ul.global li.portfolio a { width: 134px; background-position: 0 0; }
ul.global li.portfolio a:hover { background-position: 0 -100px; }
body.portfolio ul.global li.portfolio a { background-position: 0 -200px; }

ul.global li.how-we-work a { width: 174px; background-position: -134px 0; }
ul.global li.how-we-work a:hover { background-position: -134px -100px; }
body.how-we-work ul.global li.how-we-work a { background-position: -134px -200px; }

ul.global li.about a { width: 136px; background-position: -308px 0; }
ul.global li.about a:hover { background-position: -308px -100px; }
body.about ul.global li.about a { background-position: -308px -200px; }

ul.global li.contact a { width: 127px; background-position: -444px 0; }
ul.global li.contact a:hover { background-position: -444px -100px; }
body.contact ul.global li.contact a { background-position: -444px -200px; }

ul.global li.blog a { width: 79px; background-position: -571px 0; }
ul.global li.blog a:hover { background-position: -571px -100px; }
body.blog ul.global li.blog a { background-position: -571px -200px; }

/* Footer Navigation */
ul.footer { float: right; }

ul.footer li {
	display: inline;
	padding: 0 0.5em;
	text-transform: lowercase;
}

ul.footer li a { color: #7290B6; }
ul.footer li a:hover { color: #979797; }

ul.footer li.partnerships {
	padding: 0 0 0 0.7em;
	border-left: 1px solid #C3C8D2;
}

body.home ul.footer li.home a,
 body.portfolio ul.footer li.portfolio a,
  body.how-we-work ul.footer li.how-we-work a,
   body.about ul.footer li.about a,
    body.contact ul.footer li.contact a,
     body.blog ul.footer li.blog a,
      body.partnerships ul.footer li.partnerships a {
	color: #979797;
}


/* - - - - - - - - - - - - - - - - - - - - -
	P A G E - D E T A I L S
- - - - - - - - - - - - - - - - - - - - - */
a.next-project {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	width: 157px;
	height: 39px;
	margin: 0 0 2em 0;
	background: url(../images/button_next_project.gif) no-repeat 0 0;
}

/* Task List */
ul.tasks {
	float: left;
	margin: 0 0 3em 0;
}

ul.tasks li {
	float: left;
	display: inline-block;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	height: 34px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

body.home ul.tasks li { background-image: url(../images/icon_tasklist_home.gif); }
body.portfolio ul.tasks li { background-image: url(../images/icon_tasklist_portfolio.gif); }

ul.tasks li.strategy { width: 83px; background-position: 0 0; }
/*ul.tasks li.strategy:hover { background-position: 0 -34px; }
*/
ul.tasks li.design { width: 73px; background-position: -83px 0; }
/*ul.tasks li.design:hover { background-position: -83px -34px; }
*/
ul.tasks li.html { width: 95px; background-position: -156px 0; }
/*ul.tasks li.html:hover { background-position: -156px -34px; }
*/
ul.tasks li.development { width: 113px; background-position: -252px 0; }
/*ul.tasks li.development:hover { background-position: -252px -34px; }
*/
ul.tasks li.ia-design { width: 98px; background-position: -365px 0; }
/*ul.tasks li.ia-design:hover { background-position: -365px -34px; }
*/
a.rss {
	display: block;
	padding: 2px 0 0 28px;
	height: 20px;
	background: url(../images/icon_rss.jpg) no-repeat left center;
	font-size: 1.2em;
	color: #949494;
}

/* hCard */
.vcard h4.org,
 .vcard .tel .type { display: none; }

ul.contact,
 ul.contact li { margin: 0; list-style: none; }

.vcard ul.contact li {
	clear: both;
	margin: 0;
	padding: 8px 0 10px 42px;
	line-height: 1.4em; 
	border-top: 1px solid #CBCED0;
	display: block;
}

.vcard .contact strong, .vcard strong {
	display: block;
}

.vcard .mail { background: url(../images/icon_email.gif) no-repeat 0 11px; }
.vcard .phone { background: url(../images/icon_phone.gif) no-repeat 0 9px; }
.vcard .adr { background: url(../images/icon_location.gif) no-repeat 0 10px; }

/* PNG Overlays */
.overlay {
	float: left;
	position: relative;
	display: block;
	text-decoration: none;
}

.overlay span {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body.home .overlay {
	width: 546px;
	height: 315px;
}

body.home .overlay span {
	background: url(../images/home_overlay.png) no-repeat;
}

body.portfolio-landing .overlay,
 body.how-we-work .overlay {
	float: left;
	width: 220px;
	height: 155px;
	margin: 0 20px 20px 0;
}

body.portfolio-landing .overlay span,
 body.how-we-work .overlay span {
	background: url(../images/portfolio_overlay.png) no-repeat;
}

body.portfolio-detail .overlay {
	width: 380px;
	height: 357px;
	margin: 0 0 0.5em 0;
}

body.portfolio-detail .overlay span {
	background: url(../images/detail_overlay.png) no-repeat;
}

body.about-landing ul.team-list li .overlay {
	width: 140px;
	height: 105px;
	margin: 0 0 0.5em 0;
}

body.about-landing .overlay span {
	background: url(../images/about_tn_overlay.png) no-repeat;
}

body.about-detail #main-content .overlay {
	width: 220px;
	height: 339px;
	margin: 0 0 0.5em 0;
}

body.about-detail #main-content .overlay span {
	background: url(../images/about_overlay.png) no-repeat;
}


body.about-detail #secondary-content ul.team-list li .overlay {
	width: 100px;
	height: 95px;
}

body.about-detail #secondary-content .overlay span {
	background: url(../images/about_nav_overlay.png) no-repeat 0 0;
}


/* HOME PAGE */
body.home #banner {
	margin-bottom: 2em;
	height: 357px;
	background: url(../images/banner_fade_full.jpg) no-repeat center 5px;
}

body.home #banner div.inner {
	position: relative;
	width: 1000px;
	height: 317px;
	padding: 20px 0;
	overflow: hidden;
	z-index: 1;
}

body.home #banner img.left-shadow {
	left: 0px;
	position: absolute;
	top: 5px;
	z-index: 2;	
}

body.home #banner img.right-shadow {
	right: 0px;
	position: absolute;
	top: 5px;
	z-index: 2;
}

body.home #banner div.inner div.items {
	position: absolute;
	width: 20000em;
	z-index: 1;
}

body.home #banner div.inner div.items div.item {
	float: left;
	width: 950px;
	margin: 0 20px;
}

body.home #banner img { float: left; }

body.home #banner #description {
	float: right;
	width: 380px;
	height: 324px;
	overflow: hidden;
}

#description p {
	font-size: 1.2em;
}

#description p em { font-size: 0.9em; }

#description h3 {
	margin: 0.25em 0 0 0;
	font-size: 2.2em;
	border: none;
}


/* Banner Highlight */
body#ethix.home #banner div.inner div.items .more-info {
	text-align: center;
	padding-top:100px;
	background: url(../images/banner_highlight.jpg) no-repeat center 55px;
}

body.home #banner .more-info h3 {
	width: 555px;
	margin: 0 auto 0.75em auto;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 2.4em;
	color: #26282E;
	font-weight: normal;
	border-bottom: none;
	
}

body.home #banner .more-info p {
	font-size: 1.2em;
}

body.home a.contact-us {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	width: 105px;
	height: 39px;
	margin: 0 auto 4em auto;
	background: url(../images/button_contact_us.gif) no-repeat 0 0;
}


body.home .post {
	float: left;
	clear: both;
	width: 460px;
	margin: 0 0 2em 0;
	border-bottom: 1px solid #D8DBDF;
}

body.home .post h4 {
	width: 320px;
	margin: 0 0 0.25em 0;
	font-size: 1.3em;
	font-weight: normal;
}

body.home .post .meta {
	float: left;	
	width: 120px;
	line-height: 1.8em;
}

body.home .post .meta strong {
	font-size: 1.1em;
}

body.home .post .entry {
	width: 320px;
	float: right;
}

body.home #secondary-content blockquote {
	padding: 0 0 0 14px;
	font-style: italic;
	background: url(../images/quotes_home.gif) no-repeat 0 5px;
}

body.home #secondary-content blockquote p {
	line-height: 1.8em;
	margin: 0 0 1em 0;
}

body.home #secondary-content cite {
	display: block;
	font-size: 1.2em;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	font-style: normal;
	border-bottom: 1px solid #D8DBDF;
}

body.home #secondary-content cite.last {
	border: none;
}


/* PORTFOLIO LANDING */
body.portfolio-landing #content #main-content {
	float: left;
	width: 720px;
	margin-right: 0;
	padding-bottom: 10em;
}

body.portfolio-landing #content #main-content h3 {
	width: 700px;
}

body.portfolio-landing #content #main-content a {
	float: left;
	display: block;
	width: 220px;
	height: 155px;
}

body.portfolio-landing #content #main-content a:hover {
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/portfolio_roll_over.gif) no-repeat 0 0;
}

body.portfolio #secondary-content blockquote {
	padding: 2.5em 0 0 0;
	font-style: italic;
	font-weight: normal;
	color: #999;
}

body.portfolio #secondary-content blockquote p {
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 0.75em 0;
}

body.portfolio #secondary-content cite {
	display: block;
	font-size: 1.2em;
	margin-bottom: 2.25em;
	font-style: normal;
	color: #999;
}

body.portfolio #secondary-content p.strategy,
 body.portfolio #secondary-content p.design,
  body.portfolio #secondary-content p.development {
	padding: 0 0 0 50px;
	font-size: 1.1em;
	line-height: 1.4em;
}

body.portfolio p.strategy strong,
 body.portfolio p.design strong,
  body.portfolio p.development strong {
	display: block;
	font-size: 1.1em;
}

body.portfolio p.strategy { background: url(../images/icon_strategy.gif) no-repeat 4px 4px; }
body.portfolio p.design { background: url(../images/icon_design.gif) no-repeat 4px 4px; }
body.portfolio p.development { background: url(../images/icon_development.gif) no-repeat 4px 4px; }


/* PORTFOLIO DETAIL */
body.portfolio #images {
	float: left;
	width: 380px;
}

body.portfolio #description {
	float: right;
	width: 300px;
}

#description {
	margin: 0;
	padding-bottom: 5px;
	border-bottom: none;
}

#description em a { font-style: normal; }

body.portfolio #images h4,
 body.home #description h4 { 
	margin: 0 0 0.5em;
	padding-bottom: 5px;
	font-size: 1.3em;
	color: #26282E;
	border-bottom: 2px solid #d8d8df;
}


/* Project Views Navigation */
body.portfolio ul.views {
	float: left;
	width: 380px;
	height: 25px;
	margin: 0 0 1em 0;
}

body.portfolio ul.views li { float: left; }

body.portfolio ul.views li a {
	float: left;
	display: inline-block;
	display: block;
	width: 37px;
	height: 25px;
	margin: 0 5px 20px 0;
	text-indent: -9999em;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/portfolio_views_sprite.gif);
}

body.portfolio ul.views li.view1 a { background-position: 0 0; }
body.portfolio ul.views li.view1 a:hover,
 body.portfolio ul.views li.view1 a.current { background-position: 0 -25px; }

body.portfolio ul.views li.view2 a { background-position: -37px 0; }
body.portfolio ul.views li.view2 a:hover,
 body.portfolio ul.views li.view2 a.current { background-position: -37px -25px; }

body.portfolio ul.views li.view3 a { background-position: -74px 0; }
body.portfolio ul.views li.view3 a:hover,
 body.portfolio ul.views li.view3 a.current { background-position: -74px -25px; }

body.portfolio ul.views li.view4 a { background-position: -111px 0; }
body.portfolio ul.views li.view4 a:hover,
 body.portfolio ul.views li.view4 a.current { background-position: -111px -25px; }

body.portfolio ul.views li.view5 a { background-position: -148px 0; }
body.portfolio ul.views li.view5 a:hover,
 body.portfolio ul.views li.view5 a.current { background-position: -148px -25px; }

body.portfolio ul.views li.view6 a { background-position: -185px 0; }
body.portfolio ul.views li.view6 a:hover,
 body.portfolio ul.views li.view6 a.current { background-position: -185px -25px; }

body.portfolio ul.views li.view7 a { background-position: -222px 0; }
body.portfolio ul.views li.view7 a:hover,
 body.portfolio ul.views li.view7 a.current { background-position: -222px -25px; }

body.portfolio ul.views li.view8 a { background-position: -259px 0; }
body.portfolio ul.views li.view8 a:hover,
 body.portfolio ul.views li.view8 a.current { background-position: -259px -25px; }

body.portfolio ul.views li.view9 a { background-position: -296px 0; }
body.portfolio ul.views li.view9 a:hover,
 body.portfolio ul.views li.view9 a.current { background-position: -296px -25px; }

body.portfolio #secondary-content ul li.current a { color: #A1B3CB; }


/* HOW WE WORK PAGE */
body.how-we-work .services ul,
 body.how-we-work .services ul li {
	margin: 0;
	list-style: none;
}

body.how-we-work .services img {
	float: left;
	clear: both;
	margin: 5px 0 0 2px;
}

body.how-we-work .services h4,
 body.how-we-work .services p {
	float: right;
	width: 400px;
}

body.how-we-work .services p {
	font-size: 0.9em;
}

body.how-we-work #content #secondary-content a {
	display: block;
	width: 220px;
	height: 155px;
	margin: 0 0 10px 0;
}

body.how-we-work #content #secondary-content a:hover {
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/portfolio_roll_over.gif) no-repeat 0 0;
}


/* ABOUT US PAGES */
body.about-detail img#bio-photo { float: left; }

body.about-detail #biography { float: right; width: 460px; }

#biography h3 {
	margin: 0;
	padding-bottom: 5px;
	font-size: 1.6em;
	border-bottom: none;
}

#biography em a { font-style: normal; }

body.about-detail #biography h4 { 
	margin: 0;
	padding-bottom: 5px;
	font-size: 1.2em;
	color: #26282E;
	border-bottom: 2px solid #d8d8df;
}

body.about-detail #biography small.socialize {
	display: block; 
	margin: 0 0 1.5em 0;
	font-size: 1.1em;
}

body.about-detail ul.blog-list li {
	padding: 1.5em 0;
	border-bottom: 1px solid #D8DBDF;
}

body.about-detail ul.blog-list li small {
	font-size: 1.2em;
	margin: 0 2em 0 0;
}

body.about-detail ul.blog-list li a {
	font-size: 1.4em;
}

body.about-detail #blog-nav {
	float: left;
	width: 460px;
	padding: 0.5em 0 5em 0;
}

body.about-detail ul.team-list li,
 body.about-detail ul.team-list li a {
	float: left;
	display: inline-block;
	display: block;
	width: 100px;
	height: 95px;
	margin: 0 10px 10px 0;
}

body.about-detail #secondary-content .overlay span {
	background: url(../images/about_nav_overlay.png) no-repeat 0 0;
}

body.about-detail #secondary-content ul.team-list li a.overlay:hover span,
 body.about-detail #secondary-content ul.team-list li.current a.overlay span {
	background-position: 0 -95px;
}

body.about-landing ul.team-list li {
	float: left;
	display: block;
	width: 140px;
	margin: 0 13px 20px 0;
}

body.about-landing ul.team-list li a {
	display: inline-block;
	display: block;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
}

body.about-landing ul.team-list li small {
	font-size: 0.9em;
}
 

/* CONTACT PAGE */
body.contact #main-content p {
	float: right;
	clear: right;
	width: 300px;
	margin: 0.9em 0 0 0;
	color: #9c9c9c;
	font-size: 1.5em;
}

body.contact #main-content p#sent {
	color:#525252;
	float: none;
	clear: none;
	margin-bottom:1.5em;
	padding:.75em 0;
	width: 100%;
	font-size:1.4em;
}

#contact-form {
	width: 380px;
	margin: 0 0 4em 0;
}

#contact-form label strong {
	color: #f00;
	font-weight: normal;
}

#contact-form label {
	display: block;
	font-size: 1.45em;
	padding: 0 0 2px 0;
}

#contact-form .field,
 #contact-form .message {
	margin: 0 0 1em 0;
}

#contact-form .field input,
 #contact-form .field textarea {
	width: 370px;
	border: 1px solid #bbb;
	border-bottom-color: #ddd;
	background-color: #f3f3f3;
	font-size: 1.45em;
	color: #525252;
	padding: 5px;
}

#contact-form .field input { height: 20px; }
#contact-form .field select { width: 220px; }
#contact-form .field textarea { height: 250px; }


/* BLOG PAGES */
body.blog h3 { clear: both; }

body.blog h3.comments { margin: 0; }

body.blog .post {
	float: left;
	clear: both;
	width: 700px;
	margin: 0 0 2em 0;
	border-bottom: 1px solid #D8DBDF;
}

body.blog-detail #main-content .post {
	border: none;
	margin: 0;
}

body.blog .post h4 {
	margin: 0 0 0.75em 0;
	font-size: 1.8em;
	font-weight: normal;
}

body.blog .post .meta {
	float: left;	
	width: 150px;
	line-height: 1.8em;
}

.post .meta a {
	display: block;
	padding: 0 0 0 16px;
	font-size: 1.1em;
}

.post .meta a.more { background: url(../images/icon_more.gif) no-repeat left center;  }
.post .meta a.author { background: url(../images/icon_author.gif) no-repeat left center;  }
.post .meta a.comment { background: url(../images/icon_comment.gif) no-repeat left center; }

body.blog .post .entry {
	width: 540px;
	float: right;
}

body.blog .post .entry img {
	margin: 0 0 1em 0;
	border: 3px solid #CDCDCD;
}

body.blog div.comment {
	clear: both;
	width: 660px;
	padding: 20px;
	float: left;
}

body.blog div.last {
	margin: 0 0 2em 0;
}

body.blog div.odd { background: #EBEDEF; }
body.blog div.even { background: #F3F5F6; }
body.blog div.author { background: #fff; border: 1px solid #AED1FF; }

body.blog .comment img {
	float: left;
	margin: 0.25em 0 0 0;
	border: 1px solid #dfdfdf;
}

body.blog .comment h5,
 body.blog .comment p {
	float: right;
	width: 560px;
	padding: 0 20px 0 0;
	margin: 1em 0 0 0;
}

body.blog .comment h5 {
	font-size: 1.2em;
	margin: 0;
}

body.blog .comment h5 small {
	font-size: 1.1em;
	font-weight: normal;
	color: #949494;
}

body.blog #blog-nav {
	float: left;
	width: 700px;
	padding: 0 0 2em 0;
}

#blog-nav .rss { float: left; }
#blog-nav .more { float: right; font-size: 1.2em; }

/* Comment Form */
#comment-form {
	width: 700px;
	margin: 0 0 2em 0;
	padding: 0 0 3em 0;
	border-bottom: 1px solid #D8DBDF;
}

#comment-form label strong {
	color: #f00;
	font-weight: normal;
}

#comment-form label {
	display: block;
	font-size: 1.45em;
}

#comment-form small {
	color: #9c9c9c;
	font-size: 1.2em;
	margin: 0 0 0 1em;
}

#comment-form .field,
 #comment-form .message {
	margin: 0 0 1em 0;
}

#comment-form .field input,
 #comment-form .message textarea {
	width: 370px;
	border: 1px solid #bbb;
	border-bottom-color: #ddd;
	background-color: #f3f3f3;
	font-size: 1.45em;
	color: #525252;
	padding: 5px;
}

#comment-form .field input { height: 20px; }
#comment-form .message textarea { height: 250px; }