@charset "UTF-8";

/*==========================*/
/* CSS Type Desyna 05.05.11 */
/*==========================*/

/*>>>>>>BASELINE<<<<*/

body {
	font-family: "etica-1","etica-2", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	text-align:center;
	color: #333
}

section {
	font-size: 1em;
	line-height: 1.7em;
	text-align:left
}

strong {
	font-weight: bold;
	font-size:0.94em
}

em {font-style: italic}

textarea {font-family: Arial, Helvetica, Verdana, sans-serif}

p, span.col {padding-bottom:1.7em}
.hgroup p {text-align:left}

a {
	text-decoration: none; 
	color: #007AB0
}

a:hover {color: #C00}

label {font-weight:bold}

strike {color:#C00}

strike span {color:#141414}

.small {
	font-size: 0.9em;
	text-transform:none
}

.smalli, figcaption {
	font-size: 0.9em;
	text-transform:none;
	font-style:italic
}

figcaption {
	text-align:right;
	color: #b6b5b5
}

.asterisk {color: #C00}

::-webkit-input-placeholder {color:#919191}
:-moz-placeholder {color:#919191}
placeholder {color:#919191}

/*==========================*/
/*>>>>>>> Quotes <<<<<<<<<*/
/*==========================*/

blockquote cite span:first-child {
	font-size: 1em;
	color: #444
}
blockquote cite span {
	font-size: 0.85em;
	color:#b6b5b5	
}

/*==========================*/
/*>>>>>>> HEADINGS <<<<<<<<<*/
/*==========================*/

h1 {
	padding-left:9999px;
	margin-left:-9999px;
	margin-bottom:1.7em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #adb6bb;
	border: 1px solid rgba(0,0,0,0.18);
	-webkit-background-clip: padding-box;
	padding: 10px 12px 7px;
	text-align:right;
	background:#323232 url('http://d2011.s3.amazonaws.com/images/site/v2_1_heading-bgd.png') repeat 0 0;
}

#journalPage h3 {
    	font-size: 1.55em;
    	margin-bottom: 1.25em;
}

#journalPage h4 {
    	font-size: 1.25em;
    	margin-bottom: 0.85em;
}

/*>>>Homepage<<<*/
#home-heading, .hgroup h1 {
	text-align:left;
	font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif;
	line-height:normal;
}
#home-desyna {
	font-size:6em;
	font-weight:700;
	display:block;
	text-shadow: 
		1px -1px #BABBBC, 
		-1px -1px #EDEEEF, 
		-2px -2px #BABBBC, 
		2px 2px #BABBBC,
		-2px 2px #929393,
		1px -2px #929393,
		3px 3px #FFF
}
#home-uh {
	font-size:3.5em;
	font-weight:700;
	display:block;
	margin:-10px 0 20px 0;
}
#homePage h1, .hgroup h1 {
	color:#444444;
	background:none;
	padding:0;
	margin:0;
	border:0;
	text-align:left;
	font-weight:400;
	font-size:2em;
	text-shadow: 
		1px 1px 0 #EEEEEE,
		2px 2px 0 #EEEEEE,
		-1px -1px 0 #EEEEEE,
		-2px -2px 0 #EEEEEE
}

#rfp-form h2 {
	font-size:1.5em;
	margin:2em 0 0;
	font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif;
	color:#FFF;
}

.rfp-section p {color:#7F7E7E}

h3.sidebar-headline {
	padding-left:40px;
	text-transform:uppercase
}
h3.twitter {background: url('../images/site/desyna_icon_sprite.png') no-repeat -285px -285px}




/*==========================*/
/*>>>>>>> Buttons <<<<<<<<<<*/
/*==========================*/

.tab-btn, .cta-btn, h1 {
	color: #f4f4f4;
	text-decoration: none;
	font-size:0.85em;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.15);
	text-transform:uppercase;
	font: 15px Helvetica, Arial, Verdana, sans-serif;
}

.tab-btn a, .cta-btn a {color: #f4f4f4;}

input.cta-button {
	font-family:Georgia, Palatino,"Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 1em;
}

.page-btn:hover,
.cta-button:hover,
a.cta-button:hover,
input.cta-button:hover {
	text-shadow: 1px 1px 0 rgba(256,256,256,0.85);
	color:#444;
}

/*==========================*/
/*>>>>>>>> Forms <<<<<<<<<<<*/
/*==========================*/

form abbr {color:#7e7e7e;}

form input[type=text], form textarea {font-size:0.9em;}

form input[type=button]:hover, a.next-btn:hover,
form input[type=button]:active 
{color:#FFF;}

#advEmail, #advSubject, #advComment,
#advName, #advMessage {
	text-align:right;
	color:#C21818;
	font-size:12px;
}

/*==========================*/
/*>>>>>>>>> Nav <<<<<<<<<<<<*/
/*==========================*/

#nav li, 
.nxt-prev-pag {
	font-family:"ddt-1","ddt-2", Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; 
	text-transform:uppercase;
}

#nav li a, .nxt-prev-pag a:hover {color:#ececec;}
.nxt-prev-pag a {color:#333}


/*==========================*/
/*>>>>>>>> FOOTER <<<<<<<<<<*/
/*==========================*/

footer {
	font-size:12px;
	line-height:1.5em;
	color:#5f5f5f;
}

footer a {color:#5f5f5f;}

/*==========================*/
/*>>>>>>>> VCARD <<<<<<<<<<<*/
/*==========================*/

.vcard {color:#6e6e6e;}

.vcard a.org {
	color:#C4C4C4;
	font-weight:bold;
	font-size:1.2em;
	padding-bottom:0.5em;
	text-shadow: 0 1px 1px rgba(256,256,256,0.7);
}

/*============================*/
/*>>>>>>>> JOURNAL <<<<<<<<<<<*/
/*============================*/

.journal-date {
	font-size:16px;
	color:#717171;
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(256,256,256,0.7);
}

#journalPage h1, #journalPage h2{
	margin:0;
	padding:0;
	text-shadow:none;
	color: #383838;
	text-align: left;
	border-radius:0
}
#journalPage h1, #journalPage h2{
	background: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_heading.png") repeat-x scroll left bottom transparent;
	font-size: 32px;
	font-weight: 200;
	line-height: 30px;
	margin-bottom: 1em;
	padding: 14px 0 18px;
	text-shadow: 0 1px 1px rgba(256,256,256,0.55)
}

/*============================*/
/*>>>>>>>> MOCKUPS <<<<<<<<<<<*/
/*============================*/

.mockup-description .text-col {font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif}