/*
Theme Name: DaVinci Direct "Notebook" Theme
Theme URI: http://davinci-direct.com/blog
Description: Created for the DaVinci Direct
company blog by iBec Creative in July 2009.
Version: 1.6
Author: Joe @ iBec Creative (joe@ibeccreative.com)
Author URI: http://ibeccreative.com/

*/

/*   

MAIN.CSS
Contains:    Basic Template Layout and Universal Elements' Typography
For:         davinci-direct.com/blog
By:          Joe @ iBec Creative
             joe@ibeccreative.com
Created:     07-13-09 Joe
Last Edit:   00-00-00 -----

*/

@import 'reset.css';


/* -----  HTML & Body  ----- */
html {font-size:100.01%; height: 101%;}
body { 
    height:100%;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    background:#ebe2c9 url('images/bg-body.png') repeat 0 0;
    color:#030000;
}

/* -----  Shade  ----- */
#shade {
    position:relative;
    width:842px;
    margin:0 auto;
    padding:0;
    background-image:url('images/bg-shade.png');
    background-repeat:repeat-y;}

/* -----  Wrap  ----- */
#wrap {
    position:relative;
    width:800px;
    left:42px;
    margin:0;
    padding:0;
    background:#fff;
    background-image:url('images/bg-wrap.png');
    background-repeat:repeat-y;}

/* -----  Masthead  ----- */
#masthead {
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    text-indent:-5000px;
    height:204px;
    background-image:url('images/bg-masthead.png');
    background-repeat:no-repeat;}
    #masthead a {
        position:absolute;
        top:0;
        left:0;
        height:184px;
        width:800px;
        border:0;
        background:none;
        z-index:500;
        padding:0;
        margin:0;
        text-indent:-5000px;}
    
/* -----  Left Column  ----- */
#leftColumn {
    position:relative;
    display:inline-block;  /*   IE.CSS [display:inline;]   */
    vertical-align:top;
    margin:0 0 0 54px;
    padding:0;
    width:470px; }
    
    #leftColumn ul#links {
        position:relative;
        width:510px;
        height:26px;
        margin:0 0 30px -13px;
        padding:0; }
        #leftColumn ul#links li {
            display:inline-block; /*   IE.CSS [display:inline;]   */
            vertical-align:top;
            height:26px;
            margin:0;
            padding:0; }
        #leftColumn ul#links a {
            display:block;
            height:26px;
            padding:0;
            margin:0;
            text-indent:-5000px; }
        #leftColumn ul#links a.fundraising { 
            background:#fff url('images/nav-fundraising.png') no-repeat 0 0;
            width:120px;}
        #leftColumn ul#links a.palette { 
            background:#fff url('images/nav-palette.png') no-repeat 0 0;
            width:145px;}
        #leftColumn ul#links a.casestudies { 
            background:#fff url('images/nav-casestudies.png') no-repeat 0 0;
            width:120px; }
        #leftColumn ul#links a.contact { 
            background:#fff url('images/nav-contact.png') no-repeat 0 0;
            width:108px; }
            
    #leftColumn h2 {
        color:#ab3054;
        font-size:14px;
        font-weight:normal;
        margin:0;
        padding:0; }
    #leftColumn h1,
    #leftColumn h2.pagetitle {
        font-size:18px;
        color:#ab3054;
        margin:0;
        padding:0;
        font-weight:bold; }
    #leftColumn h3 {
        font-size:14px;
        color:#ab3054;
        margin:10px 0 0 0;
        padding:0; }
    #leftColumn a {
        color:#ab3054;
        text-decoration:none; }
    #leftColumn a:hover,
    #leftColumn a:active { text-decoration:underline; }
    #leftColumn p {
        margin:7px 0;
        padding:0;
        line-height:18px; }
    #leftColumn p.author {
        font-size:14px;
        margin:0; }
    #leftColumn p.date {
        font-size:14px;
        margin:0 0 7px 0; }
    #leftColumn p.small-date,
    #leftColumn p.small-meta { 
        margin:1px 0 1px 10px;
        font-size:10px; }
    #leftColumn p.meta { float:right; }
        #leftColumn p.meta a {
            color:#ab3054;
            text-decoration:none;}
        #leftColumn p.meta a:hover,
        #leftColumn p.meta a:active { text-decoration:underline; }
    #leftColumn div.addtoany_share_save_container {
        position:absolute;
        bottom:17px;
        left:-10px; }
    body.single #leftColumn div.addtoany_share_save_container { bottom:-30px; }
    #leftColumn ul { 
        list-style-type:disc;
        list-style-position:inside;
        margin:10px 20px;}
    #leftColumn img.alignleft { 
        float:left;
        margin:10px; }
    #leftColumn img.alignright {
        float:right;
        margin:10px; }
        
    #leftColumn textarea { width:400px; }
    #leftColumn .divider {
        clear:both;
        display:block;
        width:523px;
        height:13px;
        margin:20px 0 40px -25px;
        background:#fff url('images/bg-divider.png') no-repeat 0 0; }
        
        
    
/* -----  Right Column  ----- */
#rightColumn {
    position:relative;
    display:inline-block;  /*   IE.CSS [display:inline;]   */
    vertical-align:top;
    margin:0 0 0 51px;
    padding:0;
    width:220px;
    background:#fff8cc url('images/bg-rightcolumn.png') repeat-x 0 0;
    text-align:center;
    font-size:11px;}
    #rightColumn a#logo {
        display:block;
        width:152px;
        height:98px;
        background-image:url('images/bg-logo.png');
        background-repeat:no-repeat;
        text-indent:-5000px;
        margin:0 auto;
        padding:0;}
    #rightColumn form {
        border:0;
        margin:0;
        padding:0; }
        #rightColumn form input.text {
            width:145px;
            height:26px;
            line-height:26px;
            border:0;
            font-size:12px;
            margin:25px 0 0 0;
            background:transparent url('images/bg-search-input.png') no-repeat 0 0;
            padding:6px 4px 0px 7px;
            outline:0;}
        #rightColumn form input.text:focus { outline:0; }
        #rightColumn form input#btn-search {
            padding:0;
            margin:0;
            border:0; }
    #rightColumn a {
        color:#000;
        font-size:11px;
        text-decoration:none; 
        line-height:17px;}
    #rightColumn a:hover,
    #rightColumn a:active { text-decoration:underline; }
    #rightColumn p { 
        margin:7px 14px; 
        line-height:17px;}
    #rightColumn p.boxTitle,
        #rightColumn p.boxTitle a{
        font-family:Trajan,Garamond,'Times New Roman', serif;
        font-size:9px;
        text-transform:uppercase;
        display:block;
        text-align:center;
        width:220px;
        background:#ffdd00;
        line-height:29px; 
        height:29px;
        margin:18px 0 10px 0;
        padding:0;
        color:#98012e;
        letter-spacing:2px;
        text-indent:-5000px;
        background-repeat:no-repeat;}
    #rightColumn p.boxTitle#title-latestnews { background-image:url('images/title-latestnews.png'); }
    #rightColumn p.boxTitle#title-categories { background-image:url('images/title-categories.png'); }
    #rightColumn p.boxTitle#title-archives { background-image:url('images/title-archives.png'); }
    #rightColumn p.boxTitle#title-gallery a { background-image:url('images/title-gallery.png'); }
    #rightColumn p.boxTitle#title-authors { background-image:url('images/title-authors.png'); }
    #rightColumn p.boxTitle#title-feedback a { background-image:url('images/title-feedback.png'); }
    
    #rightColumn a#btn-rss {
        padding: 5px 0 5px 25px;
        background:transparent url('images/btn-rss.png') no-repeat 0 0; }
    #rightColumn p#btn-subscribe {
        font-weight:bold;
        text-transform:uppercase;
        color:#ab3054; }
    #rightColumn input.subscribe {
        width:145px;
        height:26px;
        border:0;
        font-size:12px;
        margin:0px 0 0 0;
        line-height:26px;
        background:transparent url('images/bg-search-input.png') no-repeat 0 0;
        padding:6px 4px 0px 7px;
        outline:0; }
        
    #rightColumn h2.widgettitle{ display:none; }
    
    
            
    
/* -----  Classes  ----- */
.hidden { display:none; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.alignRight { text-align:right; }
.clear { clear:both; }