@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

//*  
Theme Name: Design Agency
Theme URI: www.simonbouchard.com
Description: Design Agency Template by Simon Bouchard, converted to Wordpress by Rohan Mehta
Version: v1.1
Author: Simon Bouchard and Rohan Mehta
Author URI: www.simonbouchard.com
*/
/*	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
html,body,div,span,applet,object,iframe,h1,h3,h2,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 {
background:transparent;
border:0;
font-size:100%;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}

body {
background:#afb1b4 url("images/bg_body.png") no-repeat center top;
color:#666;
font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size:67%;
letter-spacing:-0.04em;
line-height:1.538em;
}

ul,ol {
list-style-type:none;
margin:13px 0 13px 15px;
padding:0;
}

ul li,ol li {
line-height:1.7;
margin:0 0 2px;
padding:0;
}

:focus {
outline:0;
}

blockquote,q {
quotes:none;
}

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

del {
text-decoration:line-through;
}

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

/*	-------------------------------------------------------------
	BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
html {
font-size:100%;
}

/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a {
margin:0;
outline:0;
}

a:hover {
color:#666;
text-decoration:none;
}

/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
p {
font-size:1em;
line-height:1.7;
margin:0 0 12px;
}

h1,.title {
font-weight:400;
margin:15px 0 10px;
}

h3 {
font-weight:700;
margin:15px 0 10px;
}

h2 {
font-size:1.5em;
font-weight:700;
margin:20px 0 0;
}

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.clear {
clear:both;
font-size:0;
height:0;
line-height:0;
position:relative;
}

.clearandspace {
clear:both;
font-size:0;
height:20px;
line-height:0;
position:relative;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/* End hide from IE Mac 
	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#container {
background:transparent;
margin:0 auto;
padding:60px 0 0;
width:100%;
}

#wrapper {
margin:0 auto;
padding:0;
width:996px;
}

#header {
height:91px;
margin:0 auto;
position:relative;
width:998px;
}

#sub-header {
background:transparent url("images/shadow.png") no-repeat bottom center;
height:368px;
margin:0 0 10px;
width:998px;
}

#content {
background:url("images/bg_content.png") repeat-y 0 0;
padding:0 14px 10px;
width:998px;
}

.content-btm {
background:transparent url("images/bg_content_btm.png") no-repeat top left;
height:31px;
margin:0 auto;
width:998px;
}

#content-text {
margin:0 auto;
padding:0;
width:900px;
}

#footer {
background:none;
clear:both;
font-size:0.9em;
margin:0 auto;
padding:10px 0;
position:relative;
text-align:center;
width:998px;
}

#footer p {
line-height:32px;
}

#foto {
background:transparent url("images/Compass.png") no-repeat bottom left;
display:inline-block;
height:32px;
text-indent:-9999px;
width:32px;
}

#foto:hover {
background-position:top left;
}

/*	-------------------------------------------------------------
	INTERFACE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
 HEADER */
#logo {
color:#fff;
font-size:22px;
height:41px;
left:45px;
margin:0;
padding:0;
position:absolute;
top:40px;
width:290px;
}

#header .nav {
float:right;
margin:42px 40px 0 0;
padding:0;
}

#header .nav li {
background:transparent;
float:left;
margin:0 15px;
width:auto;
}

#header .nav li a {
background:transparent;
color:#fff !important;
font-size:1.4em;
text-transform:uppercase;
}

#header .nav li a:hover,#header .nav li a.selected {
background:transparent;
}

/* FRONTPAGE */
#info1,#info2,#info3 {
background:transparent url("images/col_sep.gif") no-repeat top right;
float:left;
margin:0;
padding:0 20px 0 0;
width:30%;
}

#info2 {
padding:0 20px;
}

#info3 {
background:none;
padding:0 0 0 20px;
}

#info1 h3,#info2 h3,#info3 h3 {
color:#404040 !important;
font-size:1.9em;
font-weight:700;
margin:0;
}

#info1 p,#info2 p,#info3 p {
padding:0 20px 0 0;
}

/* COL-LEFT */
#aside {
background:transparent url("images/col_sep.gif") no-repeat top right;
float:left;
margin:45px 0 0;
padding:40px 0 0;
width:250px;
}

#aside .title {
border-left:6px solid #ccc;
display:block;
font-size:1.4em;
font-weight:700;
margin:0;
padding:5px 0 5px 13px;
text-transform:uppercase;
}

#aside ul {
margin:20px 0;
padding:0;
}

#aside ul li {
color:#b4b4b4;
margin:5px 0 0 22px;
padding:0;
}

#aside ul li a {
color:#939393 !important;
font-size:1.4em;
margin:0;
padding:0;
}

#aside form.global {
margin:20px 0 20px 20px;
width:70%;
}

#aside form.global input {
-khtml-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
background:#f7f7f7;
border:1px solid #ccc;
color:#666;
font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 auto;
outline:none;
padding:6px;
width:100%;
}

#aside form.global input:hover {
border:1px solid #b5b4b4;
}

#aside form.global input:focus {
border:1px solid #b5b4b4;
color:#666;
}

#aside form.global input.submit {
-khtml-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
background:#b4b4b4;
border:none;
color:#fff;
cursor:pointer;
display:block;
font-size:11px;
font-weight:700;
height:33px;
margin:0;
outline:none;
padding:2px 10px 4px;
text-transform:uppercase;
width:auto;
}

/* COL RIGHT */
#article {
float:right;
margin:0;
padding:40px 40px 0 50px;
width:630px;
}

#blog_title {
font-size:2.4em;
font-weight:400;
letter-spacing:-2px;
margin:30px 0 0;
text-transform:uppercase;
}

#article h1 {
color:#b4b4b4;
font-size:5.5em;
font-weight:700;
letter-spacing:-4px;
margin:-5px 0 20px;
text-transform:uppercase;
}

#article #contactform {
float:left;
margin:0 30px 0 0;
width:45%;
}

#article blockquote {
background:transparent url("images/col_sep_quote.gif") no-repeat top left;
float:left;
margin:20px 0 0;
padding:20px 0 20px 60px;
width:40%;
}
#article blockquote.complex {
margin-left:15px;
width:auto;
}

#article blockquote p {
color:#b2b1b1;
font-size:1.6em;
line-height:1.4em;
padding:3px 0;
text-align:justify;
}

#article blockquote span {
padding:0 0 5px;
text-transform:uppercase;
display:block;
}

#article .contact-data {
float:left;
margin:0 30px 0 0;
width:40%;
}

/* contact form */
#contact_phone {
background:url(images/icon-phone.png) left no-repeat;
padding-left:20px;
}

#contact_email {
background:url(images/icon-email.png) left no-repeat;
padding-left:20px;
}

/* TEAM MEMBERS */
.team-block {
float:left;
margin:30px 0 0;
width:100%;
}

.team-block .box-left {
float:left;
padding:0;
width:150px;
}

.team-block .box-left img {
border:3px solid #f1f1f1;
}

.team-block .box-right {
margin:0 0 0 150px;
padding:0;
}

.team-block .box-right h2 {
font-weight:700;
margin:0;
}

.team-block .box-right blockquote {
background:url(images/quote.png) no-repeat 0 0;
font-style:italic;
margin:0 0 20px;
padding:0 0 2px 40px;
}

.team-block .box-right blockquote p {
margin-bottom:10px;
text-align:left;
}

/* SHOWCASE */
.project-thumb {
float:left;
margin:0 40px 10px 0;
overflow:hidden;
text-align:left;
width:275px;
}

.project-row {
margin-right:0;
}

.project-thumb img {
padding:0;
width:275px;
}

.project-thumb h2 {
font-size:16px;
margin:10px 0 2px;
padding:0;
}

.project-thumb p {
font-size:11px;
height:4em;
line-height:16px;
overflow:hidden;
}

/* BLOG */
.section {
float:left;
margin:10px 0 20px;
padding:0;
width:100%;
}

.header {
float:left;
width:190px;
}

.header .date {
font-size:13px;
font-weight:700;
margin:0 0 5px;
}

.archive .header .date {
display:block;
margin-top:20px;
}

.header a {
font-weight:400;
}

.header li.category {
background:transparent url("images/tag.gif") no-repeat 0 0;
padding:0 0 0 20px;
}

.header li.comments {
background:transparent url("images/comments.gif") no-repeat 0 0;
padding:0 0 0 20px;
}

ul.details {
list-style:none;
margin:0;
padding:0;
}

.content-body {
float:right;
margin:0;
padding:0;
width:435px;
}

.content-body h3 {
font-size:14px;
margin:0 0 5px;
}

.content-body img.alignnone {
clear:both;
}

.entry blockquote {
font-size:12px;
font-style:italic;
margin:5px 0 0;
overflow:hidden;
padding:10px;
quotes:"\201C" "\201D";
}

.entry blockquote:before,.entry blockquote:after {
color:#666;
display:block;
font-size:22px;
font-weight:700;
}

.entry blockquote:before {
content:open-quote;
height:0;
margin-left:-0.55em;
}

.entry blockquote:after {
content:close-quote;
margin-left:400px;
margin-top:-20px;
}

.entry ul {
list-style:disc;
margin-left:30px;
}

.entry ol {
list-style:decimal;
margin-left:30px;
}

.archive {
border-bottom:1px solid #ddd;
margin:5px 0 0;
}

.spacing {
margin-bottom:1em;
}

.double-spacing {
margin-bottom:2em;
}

/*	-------------------------------------------------------------
	COMMENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.content-comments {
-khtml-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
background:#f2f2f2;
clear:both;
margin:20px 0 0;
overflow:hidden;
padding:5px 30px 30px;
}

h1.comment {
margin:20px 0 0;
padding:0 0 20px;
}

.commentlist li {
background:#fff;
border:1px solid #ccc;
list-style:none;
margin:0 0 70px;
padding:15px 15px 35px;
position:relative;
}

.commentlist cite,.commentlist cite a {
border:none;
color:#666;
font-size:1.2em;
font-style:italic;
font-weight:400;
}

.commentlist cite span,.commentlist cite span a {
border:none;
color:#000;
font-size:1.2em;
font-style:italic;
font-weight:400;
}

.commentlist cite {
display:block;
margin:0;
padding:0;
}

.commentlist p {
font-weight:400;
line-height:1.7em;
margin:0;
padding:10px 0 0;
text-transform:none;
}

.commentlist li.authcomment cite span,.commentlist li.authcomment cite span a {
font-weight:700;
}

.commentlist .comment-meta {
bottom:-25px;
position:absolute;
right:80px;
}

.commentlist .comment-meta,.commentlist .comment-meta a {
color:#666;
font-size:12px;
font-weight:400;
}

.commentlist .avatar {
border:1px solid #ccc;
bottom:-20px;
position:absolute;
right:15px;
}

#commentform {
margin:0 15px 0 0;
padding:0;
}

#commentform label {
font-size:12px;
margin:0 0 0 10px;
padding:0;
}

#commentform input,#commentform textarea {
border:1px solid #ccc;
font-size:12px;
line-height:150%;
padding:6px;
width:35%;
}

#commentform textarea {
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
height:150px;
width:100%;
}

#commentform p {
margin:5px 0;
padding:0;
width:100%;
}

#commentform input.submit {
-khtml-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
background:#b4b4b4;
border:none;
color:#fff;
cursor:pointer;
display:block;
font-size:11px;
font-weight:700;
height:33px;
margin:0;
outline:none;
padding:2px 10px 4px;
text-transform:uppercase;
width:auto;
}

ins,a,a:visited,a:active {
text-decoration:none;
}

.clearfix,#project_caption {
display:block;
}

.hidden {
display:none !important;
}

#info1 h3 a,#info2 h3 a,#info3 h3 a,#aside ul li a:hover,#aside ul li.current_page_item a {
color:#404040 !important;
}

#aside form.global input.submit:hover,.project-thumb h2 a,#commentform input.submit:hover {
cursor:pointer;
}

.commentlist,h1.respond {
margin:0;
padding:0;
}
/*	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#slideshow {
height:350px;
overflow:hidden;
position:relative;
width:970px;
}

#slideshow #slideshow_violator {
background:transparent url("images/trans.png") repeat;
float:right;
height:31px;
left:-12px;
position:relative;
top:-45px;
width:947px;
z-index:1000;
}

#slideshow #slideshow_violator #project_caption {
background:transparent;
color:#fff;
display:none;
float:left;
font-size:12px;
font-weight:700;
padding:7px 10px;
text-shadow:1px 1px 0 #303030;
width:auto;
}

#slideshow #slideshow_violator #project_caption a {
background:transparent;
color:#fff !important;
font-weight:400;
margin-left:8px;
}

#slideshow #slideshow_violator #project_caption a:hover {
background:transparent;
color:#fff;
text-decoration:none;
}

#slideshow #slideshow_violator #slide_navigation {
position:absolute;
right:10px;
top:10px;
}

#slideshow #slideshow_violator #slide_navigation a {
background:transparent url("images/slide_navigation.png") no-repeat 0 -12px;
cursor:pointer;
display:block;
float:left;
height:12px;
margin-left:5px;
overflow:hidden;
text-indent:-9999px;
width:12px;
}

#slideshow li span.slide_caption {
display:none;
}

#slides {
background-color:#fff;
height:350px;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:970px;
}

#slides img{
border:none;
}

#slideshow #slideshow_violator #slide_navigation a:hover,#slideshow #slideshow_violator #slide_navigation a.activeSlide {
background:transparent url("images/slide_navigation.png") no-repeat 0 0;
}
/*	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
form.global {
margin:0;
}

form.global label {
color:#666;
display:block;
float:left;
font-weight:700;
padding:8px 0 0;
width:100px;
}

form.global input,form.global textarea {
background:#f7f7f7;
border:1px solid #ccc;
color:#666;
font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:4px 0 13px;
outline:none;
padding:6px;
width:100%;
}

form.global input:hover,form.global textarea:hover {
border:1px solid #b5b4b4;
}

form.global input:focus,form.global textarea:focus {
border:1px solid #b5b4b4;
color:#666;
}

form.global input.submit {
-khtml-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
background:#b4b4b4;
border:none;
color:#fff;
cursor:pointer;
display:block;
font-size:11px;
font-weight:700;
height:33px;
margin:0;
outline:none;
padding:2px 10px 4px;
text-transform:uppercase;
width:auto;
}

form.global input.submit:hover {
cursor:pointer;
}

form.global input.error {
border:1px solid #c00;
}

/* CONTACT FORM */
form.global .errorbox {
color:#bb252c;
display:none;
font-weight:700;
margin:0;
}

form.global li.alert label {
color:#bb252c;
}
/*	BROWN COLOR SET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a,a:link {
color:#6e5e45;
}

#front-left h3 a {
color:#6e5e45;
font-size:1.9em;
font-weight:700;
margin:0;
}

#header {
background-image:url("images/bg_header_brown.png");
}

#header .nav li a:hover,#header .nav li.current_page_item a,#header .nav li.current_page_ancestor a,#header .nav li.current_page_parent a,#header .nav li.current-cat a,#header .nav li.current-cat-parent a,#header .nav li .active_category,#header .nav li .current_page_item {
color:#bfb49c !important;
}

#aside h1,#article h1,#article h2 a,#article #span-2 span {
color:#6e5e45 !important;
}

form.global input.submit:hover,#commentform input.submit:hover {
background:#6e5e45 !important;
}