/*
Theme Name: Raft
Theme URI: http://monkii.com/
Description: Theme for Raft web site.
Version: 0.1
Author: Monkii
Author URI: http://monkii.com/
Tags: raft, widgets, 3 column, black and white
*/


body {
    background:url('images/background.gif') repeat-y #000;
    background-position: top center;
    margin:0;
    padding:0;
    font-family:Helvetica, Arial, Verdana, Sans-Serif;
}

.clear { clear:both; }
hr { display:none; }




#page {
    width:900px;
    margin:0 auto;
}

.page-content {
    background:#000;
    color:#FFF;
    padding:15px;
    font-size:12px;
    display:none;
}


.page-content-show {
    background:#000;
    color:#FFF;
    padding:15px;
    font-size:12px;
}

.page-content h2,
.page-content-show h2 {
    color:#FFF;
    font-size:20px;
    margin:5px 0 10px 0;
    padding:0;
    float:left;
}

.page-content p,
.page-content-show p {
    color:#FFF;
    line-height:20px;
    margin:0 0 10px 0;
}

.page-content a,
.page-content-show a {
    color:#a6b6cd;
    text-decoration:none;
}

.page-content a:hover,
.page-content-show a:hover {
    color:#a6b6cd;
    text-decoration:underline;
}

.page-content .left,
.page-content-show .left {
    width:500px;
    float:left;
}

.page-content .right,
.page-content-show .right {
    float:right;
    width:300px;
}

.page-content .separator,
.page-content-show .separator {
    border-top:1px dashed #335a7b;
    padding:10px 0 0 0;
}

.page-content .content-close {
    float:right;
    width:13px;
    height:13px;
    background:url('images/btn-page-close.gif') no-repeat;
    text-indent:-9999px;
    cursor:pointer;
}

#header {
    background:#FFF;
    margin:0 0 13px 0;
    padding:15px;
}

#header .inner {
    border-top:1px dashed #000;
    border-bottom:1px dashed #000;
    position:relative;
}

#header h1 a {
    background:url('images/logo-raft.gif') no-repeat;
    display:block;
    text-indent:-9999px;
    width:295px;
    height:70px;
    float:left;
    margin:23px 0;
}

#header .links {
    float:right;
    margin:26px 0 0 0;
}

#header .links li {
    background:url('images/navigation_separator.gif') 0 2px no-repeat;
    float:left;
    margin:0 0 0 6px;
    font-size:16px;
    padding:0 0 0 15px;
}

#header .links .first { background:none; }

#header .links li a {
    color:#000;
    text-decoration:none;
    font-weight:bold;
}

#header .search {
    position:absolute;
    bottom:10px;
    right:0px;
    font-size:16px;
    font-weight:bold;
}


#sidebar { float:right; }

#sidebar h3 {
    border-top:1px dashed #000;
    border-bottom:1px dashed #000;
    text-align:right;
    padding:17px 0px 22px 0;
    font-size:18px;
    font-weight:bold;
    background:url('images/hdr-eight.gif') 0 7px no-repeat;
}





#sidebar .header a {
    color:#000;
    text-decoration:none;
}


#sidebar .header {
    padding:12px;
    background:#FFF;
    margin:0 0 13px 0;
}

#sidebar .wide { width:343px; }


#sidebar .small {
    float:left;
    width:165px;
}

#sidebar {
    margin:0 0 10px 0;
    line-height:14px;
    font-size:11px;
}

#sidebar p {
    line-height:14px;
    margin:0 0 10px 0;
}

#sidebar li { margin:0 0 6px 0; }

#sidebar .comments .comment .inner a,
#sidebar .categories .category .inner a {
    color:#FFF;
    text-decoration:none;
    font-size:11px;
}

#sidebar .comments .comment .inner a:hover,
#sidebar .categories .category .inner a:hover {
    color:#a6b6cd;
    text-decoration:underline;
}

#sidebar .categories { margin:0 13px 0 0; }

#sidebar .categories .category .category-close {
    position:absolute;
    width:10px;
    height:10px;
    text-indent:-9999px;
    top:1px;
    right:1px;
    background:url('images/btn-category-close.png');
    cursor:pointer;
}

#sidebar .comments .comment {
    background:url('images/background_opaque.png');
    padding:11px 11px 0 11px;
    margin:0 0 13px 0;
}


#sidebar .comments .comment .inner {
    background:#000;
    color:#FFF;
    padding:10px 10px 8px 10px;
}

#sidebar .comments .comment .speech {
    background:url('images/sidebar-callout.gif') 5px -2px no-repeat;
    height:13px;
    width:38px;
}


#sidebar .categories .category {
    background:url('images/background_opaque.png');
    padding:12px;
    margin:0 0 13px 0;
    position:relative;
}

#sidebar .categories .category .inner {
    background:#000;
    color:#FFF;
    padding:12px 12px 6px 12px;
}

#sidebar .wide #gallery {
    background:url('images/background_opaque.png');
    margin:0 0 13px 0;
    height:266px;
}


#sidebar .wide #gallery .item {
    padding:15px;
}


.post {
    background:url('images/background_opaque.png');
    padding:15px;
    font-size:12px;
    margin:0 0 13px 0;
}

.postHero { margin:0 0 13px 0; }

.post .inner {
    margin:0 0 0 0;
    background:#000;
    color:#FFF;
    padding:15px;
}

.post .inner h2 {
    border-top:1px dashed #6a819c;
    border-bottom:1px dashed #6a819c;
    padding:10px 0;
    margin:0 0 15px 0;
    font-size:18px;
    font-weight:bold;
}

.post .inner .write-comment {
    border-top:1px dashed #6a819c;
    margin:14px 0 0 0;
    padding:18px 0 0 0;
}

.post p {
    width:300px;
    margin:0 0 15px 0;
    line-height:16px;
}

.post a {
    color:#a6b6cd;
    text-decoration:none;
}

.post a:hover { text-decoration:underline; }
.post .comment p { margin:0 0 0 0; }
.post .comment { margin: 0 0 20px 0; }

#main {
    float:left;
    width:545px;
}

#main .category {
    padding:12px;
    background:#FFF;
    margin:0 0 13px 0;
}

#main .category h3 {
    border-top:1px dashed #000;
    border-bottom:1px dashed #000;
    padding:17px 0px;
    font-size:18px;
    font-weight:bold;
    background:url('images/header_lights.gif') 365px 9px no-repeat;
}

.page-content form { margin-top:55px; }

.page-content dt,
.write-comment dt {
    float:left;
    width:40px;
    color:#000;
    background:#FFF;
    margin:0 0 9px 0;
    font-weight:bold;
    font-size:12px;
    padding:3px 0 0 10px;
    overflow:hidden;
    height:18px;
}

.page-content dd,
.write-comment dd {
    float:left;
    color:#000;
    background:#FFF;
    margin:0 0 9px 0;
    padding:3px 0 0 5px;
    overflow:hidden;
    width:200px;
    height:18px;
}

.page-content input,
.write-comment input {
    border:0;
    padding:0;
    margin:0;
    font-size:12px;
    overflow:hidden;
}

.page-content .submit,
.write-comment #submit {
    margin:8px 0 0 0;
    border:0;
    padding:0;
    background:none;
    color:#a6b6cd;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;
}


.write-comment .submit-comment {
    float:left;
    width:300px;
}

.write-comment .facebook {
    float:right;
    width:140px;
}

.write-comment .facebook p {
    width:120px;
    font-size:11px;
}

.write-comment .textareawrap {
    width:285px;
    background:#FFF;
    margin:0px;
    padding:3px 0 0 10px;
}

.write-comment .textareawrap p {
    color:#000;
    font-weight:bold;
}

.write-comment .textareawrap textarea {
    width:275px;
    border:0;
    font-size:12px;
    resize: none;
    height:100px;
}

.postImage {
    position:relative;
    width:518px;
    height:237px;
}


.postImage .postHeader {
    bottom:0px;
    left:0px;
    height:61px;
    overflow:hidden;
    width:490px;
    background:url('images/background_blue.png');
    padding:14px;
    position:absolute;
}

.postImage .vimeoize {
    top:0px;
    left:0px;
    height:61px;
    overflow:hidden;
    width:490px;
    background:url('images/background_blue.png');
    padding:14px;
    position:absolute;
}

.postImage .postHeader .postTitle {
    border-top:1px dashed #5d7b97;
    border-bottom:1px dashed #5d7b97;
}

.postImage .postHeader .postTitle h2 {
    float:left;
    font-weight:normal;
    color:#FFF;
    font-size:18px;
    margin:13px 0 0 0;
    width:370px;
}

.postImage .postHeader .postTitle p {
    float:right;
    width:115px;
    margin-top:15px;
    text-align:right;
}

.postImage .postHeader .postCategories {
    margin:5px 0 0 0;
    position:relative;
    width:490px;
}

.postImage .postHeader .postCategories .left {
    float:left;
    color:#FFF;
    width:200px;
    font-size:10px;

}

.postImage .postHeader .postCategories .middle {
    position:absolute;
    width:490px;
    top:0px;
    left:0px;
    font-size:10px;
    color:#FFF;
    text-align:center;
}

.postImage .postHeader .postCategories .right {
    float:right;
    width:200px;
    color:#FFF;
    font-size:10px;
    text-align:right;
}

.postHeader a { color:#FFF; }
.postHeader a:hover { color:#a6b6cd; }

.post .inner .last { margin:0px; }



.search label {
    float:left;
    display:block;
    width:65px;
    margin:3px 0 0 0;
}

.search .searchbox {
    padding:3px 12px 0 22px;
    background:url('images/search.gif') 0 1px no-repeat;
    margin:0px;
    height:27px;
    width:140px;
    display:block;
    float:left;
}

.search input {
    border:0;
    padding:0;
    margin:0;
    background:none;
    font-size:11px;
}



#footer {
    background:#FFF;
    padding:10px;
    margin:0 0 20px 0;
}

#footer .left { float:left; }
#footer .right { float:right; }

#footer .inner {
    border-top:1px dashed #000;
    border-bottom:1px dashed #000;
    padding:10px 0;
    font-weight:bold;
    font-size:12px;
}

#footer .inner a { color:#000; text-decoration:none; }





#sidebar h3.hdr-slideshow {
    background:url('images/hdr-on-show.gif') 0 7px no-repeat;
}

#sidebar h3.hdr-chit-chat {
    background:url('images/hdr-chit-chat.gif') 0 5px no-repeat;
}

#sidebar h3.hdr-up-front {
    background:url('images/hdr-up-front.gif') 0 5px no-repeat;
}

#sidebar h3.hdr-out-back {
    background:url('images/hdr-out-back.gif') 0 5px no-repeat;
}

#sidebar h3.hdr-in-tune {
    background:url('images/hdr-in-tune.gif') 0 5px no-repeat;
}



#main .category h3.hdr-up-front {
    background:url('images/hdr-up-front.gif') right 5px no-repeat;
}

#main .category h3.hdr-out-back {
    background:url('images/hdr-out-back.gif') right 5px no-repeat;
}

#main .category h3.hdr-in-tune {
    background:url('images/hdr-in-tune.gif') right 5px no-repeat;
}

#main .category h3.hdr-all-around {
    background:url('images/hdr-eight.gif') right 5px no-repeat;
}





#navigation {
    background:#FFF;
    padding:10px;
    margin:0 0 20px 0;
}

#navigation .left { float:left; }
#navigation .right { float:right; }

#navigation .inner {
    border-top:1px dashed #000;
    border-bottom:1px dashed #000;
    padding:10px 0;
    font-weight:bold;
    font-size:12px;
}

#navigation .inner a { color:#000; text-decoration:none; }