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

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

	COMMUNICATION AGENCY

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:Base cascading style sheet
	Nom:screen.css
	Version:1.0
	Date:

	This file is part of a site template for sale at ThemeForest.net.
	See: http://themeforest.net/user/simonbouchard/portfolio
	Copyright ©2009 Simon Bouchard <info@simonbouchard.com>

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

/*	-------------------------------------------------------------
	IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {

    /*	-------------------------------------------------------------
	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; }

    body {
        line-height: 1; }

    .entry strong{
        font-size: 17px;
        color:gray;
        font-weight:normal;
    }
    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 0;
        padding:0; }

    :focus {
        outline: 0; }

    blockquote, q {
        quotes: none; }

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

    ins {
        text-decoration: 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%; }

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


    /*	-------------------------------------------------------------
	LINKS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    a {
        margin: 0;
        outline: 0; }

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

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

    /*	-------------------------------------------------------------
	TYPOGRAPHY
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

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

    h1 {
        font-weight: normal;
        margin: 15px 0 10px; }

    h2 {
        font-weight: normal;
        margin: 15px 0 10px; }

    h3 {
        font-weight:bold;
        font-size:1.1em;
        margin: 20px 0 10px 0;
        color:#FF6633;
    }

    /*	-------------------------------------------------------------
	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 {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden; }

    .clearfix { display:inline-block; }

    /* Hide from IE Mac \*/
    .clearfix { display:block; }
    /* End hide from IE Mac */

    /*	-------------------------------------------------------------
	GRID
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    .container {
        margin: 0 auto;
        padding:60px 0 0 0;
        width: 100%;
        background: transparent; }

    .wrapper {
        margin: 0 auto;
        padding: 0;
        width: 998px; }

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

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

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

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

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

    .footer {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
        margin: 0 auto;
        padding:10px 0;
        width: 998px;
        font-size:12px;
        text-align:center;
        background:none; }

    .footer a{
        color: #000000;
    }

    /*	-------------------------------------------------------------
	INTERFACE ELEMENTS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

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

    .header .nav {
        position:absolute;
        top:42px;
        right:40px;
        margin:0;
        padding:0; }

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

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

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

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

    #front-mid h2 a, #front-right h2 a {
        font-size:1.9em;
        font-weight:bold;
        margin:0;
        color:#404040 !important; }

    #front-left p, #front-mid p, #front-right p {
        padding:0 20px 0 0;}

    #front-mid {
        padding:0 20px 0 20px;  }

    #front-right {
        padding:0 0 0 20px;
        background:none;  }

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

    #col-left h1 {
        font-size:1.4em;
        font-weight:bold;
        margin:0;
        text-transform:uppercase;
        padding:5px 0 5px 13px;
        border-left:6px solid #ccc; }

    #col-left ul {
        padding:0;
        margin:20px 0 20px 0; }

    #col-left ul li {
        padding:0;
        margin:5px 0 0 22px;
        color:#b4b4b4; }

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

    #col-left ul li a:hover, #col-left ul li.current_page_item a {
        color:#404040 !important;}

    #col-left form.global  {
        margin:20px 0 20px 20px;
        width: 70%; }

    #col-left form.global input {
        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%;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px; }

    #col-left form.global input:hover { border: 1px solid #b5b4b4; }

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

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

    #col-left form.global input.submit:hover {
        cursor:pointer; }


    /* COL RIGHT */
    #col-right {
        float:left;
        width:880px;
        margin:0;
        padding:40px 40px 0 50px;
        font-size:13px;
    }

    #col-right h1 {
        font-size:2.4em;
        letter-spacing:-2px;
        text-transform:uppercase;
        margin:30px 0 0 0; }

    #col-right h2 {
        font-size:5.5em;
        color:#b4b4b4;
        font-weight:bold;
        letter-spacing:-4px;
        text-transform:uppercase;
        margin:-5px 0 20px 0; }

    #col-right .span-1 {
        float:left;
        margin:0px 30px 0 0;
        width:45%;  }

    #col-right .span-2 {
        float:left;
        padding:20px 0 20px 60px;
        margin:20px 0 0 0;
        width:40%;
        background:transparent url("../../images/col_sep_quote.gif") no-repeat top left;  }

    #col-right .span-2 p {
        font-size:1.6em;
        text-align:justify;
        line-height:1.4em;
        color:#b2b1b1;
        padding:3px 0 3px 0 }

    #col-right .span-2 span {
        padding: 0 0 5px 0;
        text-transform:uppercase; }

    #col-right .span-3 {
        float:left;
        margin:0px 30px 0 0;
        width:40%;  }

    /* COL RIGHT2 */
    #col-right2 {
        float:left;
        width:550px;
        min-height: 750px;
        margin:0;
        padding:40px 40px 0 50px;
        font-size:13px;
    }

    #col-right2 h1 {
        font-size:2.4em;
        letter-spacing:-2px;
        text-transform:uppercase;
        margin:30px 0 0 0; }

    #col-right2 h2 {
        font-size:5.5em;
        color:#b4b4b4;
        font-weight:bold;
        letter-spacing:-4px;
        text-transform:uppercase;
        margin:-5px 0 20px 0; }

    #col-right2 .span-1 {
        float:left;
        margin:0px 30px 0 0;
        width:45%;  }

    #col-right2 .span-2 {
        float:left;
        padding:20px 0 20px 60px;
        margin:20px 0 0 0;
        width:40%;
        background:transparent url("../../images/col_sep_quote.gif") no-repeat top left;  }

    #col-right2 .span-2 p {
        font-size:1.6em;
        text-align:justify;
        line-height:1.4em;
        color:#b2b1b1;
        padding:3px 0 3px 0 }

    #col-right2 .span-2 span {
        padding: 0 0 5px 0;
        text-transform:uppercase; }

    #col-right2 .span-3 {
        float:left;
        margin:0px 30px 0 0;
        width:40%;  }

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

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

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

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

    .team-block .box-right h3 {
        font-weight:bold;
        margin:0; }

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

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

    /* SHOWCASE */
    #projects-row {
        display: inline;
        margin: 0 0 20px 0;
        width: 100%; }

    #project-thumb {
        width: 275px;
        float: left;
        text-align: left;
        margin: 15px 40px 10px 0; }

    #project-thumb img {
        padding: 0; }

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

    #project-thumb h3 a {
        cursor:pointer;
    }

    #project-thumb p {
        font-size: 11px;
        line-height:16px; }

    /* BLOG */

    .content-item {
        width: 100%;
        float: left;
        margin: 10px 0 20px 0;
        padding: 0; }

    .content-dets {
        width: 190px;
        float: left; }

    .content-dets h3 {
        font-size:13px;
        margin:0 0 5px 0; }

    .content-dets a {
        font-weight: normal; }

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

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

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

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

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

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

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

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

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

    .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 0; }

    /*	-------------------------------------------------------------
	COMMENT
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    .content-comments {
        margin:20px 0 0 0;
        padding: 5px 30px 30px 30px;
        background: #f2f2f2;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;}

    .commentlist {
        margin: 0;
        padding: 0; }

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

    h1.respond {
        margin:0;
        padding:0;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #commentform input.submit:hover {
        cursor:pointer; }


    /*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

}