@charset "UTF-8";
/* CSS Document */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;  }
q:before, q:after { content:''}
a {text-decoration: none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold; color: #660032; }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

@font-face { font-family: Delicious; src: url('../fonts/Delicious-Roman.otf'); }
@font-face { font-family: Delicious; font-weight: bold; src: url('../fonts/Delicious-Bold.otf'); }
@font-face { font-family: Raleway; src: url('../fonts/raleway_thin.otf'); }

body {background: url(../images/bg.jpg) top center no-repeat #fff; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; padding-bottom: 30px;}
.wrapper {width: 960px; margin: 0 auto; position: relative; font-size: 1.2em;}
.header {position: relative; height: 170px; z-index:30;}
.info {position: absolute; right: 10px; top: 30px; text-align:right;line-height:1.4em;}
.info em {font-weight:bold; color: #660032;}
.logo {display: block; width: 175px; height: 80px; position:absolute; left: 45px; top:15px;}
.askbob {position: absolute; left:241px; top: 0;}
.front {position: relative; width: 940px; margin: 0 auto; z-index:2;}
.blocks {display: block; width:210px; height: 130px; padding: 10px 5px; margin: 20px 10px; float: left; position:relative; background: #fafafa url(../images/block_sprite.jpg) 0px 0px no-repeat; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor:pointer;}
.blocks h2 {color: #660033; font-family: Raleway, 'Arial Narrow', Arial, sans-serif; font-size: 1.2em; margin-top:7px; text-align:center; }
.blocks h6 {width: 100px; margin:10px 0 5px 100px; font-size: 1em; color: #444; line-height: 1.3em;}
.readmore {color: #fff; padding: 3px 4px 2px; margin: 0 0 0 96px;border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background: #9f004f url(../images/readmore.jpg) repeat-x; border: 1px solid #660033; font-size: .7em; } 
.block:hover .readmore {background: #660033;}
.block1 {background-position:0 22px; clear:left;}
.block2 {background-position:-99px -111px;}
.block3 {background-position:-88px -265px;}
.block4 {background-position:-2px -374px;}
.shadow {display: block; height: 25px; width:220px; position: absolute; bottom: -24px; left:0; background:url(../images/block_shadow.jpg) no-repeat;}
.content {background: url(../images/line-top.jpg) 0 -1px no-repeat; overflow: hidden; position: relative; z-index: 1;} .blog .content, .single .content {background: none;}

#tabs {width: 940px; height: 355px; }
#tabs h1 { font-family: Raleway, 'Arial Narrow', Arial, sans-serif; font-size: 2.5em; margin-left:25px; margin-top: 20px;}
#tabs h6 {margin-left: 25px; width:330px; font-size:.9em;}
#tabs .ngg-singlepic {padding: 0;}
a.atabs {display: block; height:119px; width: 425px; position:absolute;}

.footer { clear: both;width: 940px; margin: 0 auto; background: #664065 url(../images/footer.jpg) no-repeat; padding: 20px 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #fff; display: block; height: 75px; position: relative; }
.fcontact {margin: 20px 0 0 200px;line-height:1.3em;}
.fright { position: absolute; right: 20px; top: 15px; width: 200px;}
a.social {padding: 3px 5px 3px 30px; color: #fff; float: left; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: url(../images/social.png) no-repeat 0 -7px; }
a.social:hover {background-color: #6a3761;}
.twitter {margin-top: 20px;}
a.facebook {background-position: 0 -37px;}

.right {float: right;}
.left {float: left;}
a.right {float: right;}

.inside, .inside-one {width: 620px; margin: 0 10px; padding-top: 15px; float: left; font-size: 1.2em; color: #444;}
.inside h1, .inside-one h1 {font-size: 1.6em; margin-bottom: 8px;font-family: Raleway, 'Arial Narrow', Arial, sans-serif; color:#660033;}
.rightSide {width: 270px; padding: 0px; margin:1px 10px 0 0; float: right; }
a.ask-bob {width: 940px; margin: 0 10px;position:relative;top:3px;}
#sidebar {width:300px; float: right; margin: 0 10px;}
#sidebar h2, .rightSide h2 {font-family: Raleway, 'Arial Narrow', Arial, sans-serif; font-size: 1.5em;}
form#searchform { padding: 8px 10px 10px 17px; background: url(../images/sidebar-search.jpg) no-repeat;}
form#searchform input#s {border: 1px solid #cecece; background: #fff; padding: 3px;}
.widget { padding: 8px 17px 10px;} #search-3 {padding: 0}
.widget_categories, .widget_Twidget, .widget_fbw_likebox {background: url(../images/sidebar-blue.jpg) repeat-y;}
.widget_recent_entries {background: url(../images/sidebar-green.jpg) repeat-y; padding-top: 15px;}
.widget_archive {background: url(../images/sidebar-red.jpg) repeat-y; padding-top: 15px;}
.ngg_images, .last_widget {background: url(../images/sidebar-white.jpg) no-repeat; padding-top: 15px; padding-bottom: 20px; min-height: 90px;}
.cat-item, .widget_recent_entries ul li, .widget_archive ul li, #twitter_update_list li {padding: 5px; border-bottom: 1px solid #7393a8;}
.cat-item:hover, #twitter_update_list li:hover {background: #7393a8;}
.widget a {color: #fff;} .widget a:hover {color: #2a2a2a;}
.widget_recent_entries ul li {border-bottom: 1px solid #59b0bd;}
.widget_recent_entries ul li:hover {background: #59b0bd;}
.widget_archive ul li {border-bottom: 1px solid #9f004f;}
.widget_archive ul li:hover {background: #9f004f;}
#search-5 {padding: 0;}
#twitter_update_list {line-height: 1.3em;}

.post {width: 540px; border-bottom: thin #CCC solid; margin-top: 15px;margin-left:60px;position: relative; padding: 10px; color: #444; background:#fafafa;} .post a {color: #9f004f;} .post a:hover {color: #664066;}
.postdate {position: absolute; top: 0; left: -55px; background: #fff url(../images/date_stamp.jpg); color: #fff; padding: 16px 0 4px 20px; height: 50px; width: 35px;}
.month {font-size:0.7em;letter-spacing:0.2em;text-transform:uppercase;}
.day {font-size:1.5em;line-height:0.8em;}
.year { font-size:0.8em;}
.post h2, .entry h3 {font-family: Raleway, 'Arial Narrow', Arial, sans-serif; font-size: 1.7em;} .post h2 a {color: #9f004f;} .post h2 a:hover {color: #660033;}
.comments {position: absolute; top: 5px; right:5px; background:  url(../images/comments.jpg); font-size:.9em;}
.comments a {color: #fff; display:block;height:22px;padding:4px;width:17px; text-align:center; } .comments a:hover { color:#0CF;}
.meta, .postmetadata { font-size: .8em;}
.entry { padding: 5px 0px; line-height: 1.3em;}
.entry p {margin: 7px 0; widows: 4;}
.comment-body {position: relative;}
.comment {padding: 15px 10px; border-bottom: 1px solid #eee;clear:both;}
.reply {float: right; font-size: .8em;}
.even {background: #fdfdfd;}
.odd {background: #f3f3f3;}
.comment-author-admin {background: #d2d2d2;}
.commentID {position: absolute; top: 0; right: 0; font-size: 3.6em; color: rgba(0,0,0,.1);}

.inside-one { width: 940px;line-height: 1.3em;padding-bottom:20px;-moz-column-count: 3;-moz-column-gap: 2em;-moz-column-rule: 1px solid #fafafa;-webkit-column-count: 3;-webkit-column-gap: 2em;-webkit-column-rule: 1px solid #fafafa;}
.inside-one h1 {margin-bottom:0;}

blockquote {margin: 0 0 0 10px; font-style:italic; font-size: 1.2em; color: #888; line-height: 1.3em;}
 
.fourCsWrap {clear: left;font-size: 1.0em; color: #444; line-height: 1.4em;}
.fourCs {display: block; float: left; width: 430px; margin: 10px; background: #fafafa url(../images/4csbg.jpg) top left no-repeat; padding: 15px;}
.fourCs h2 {font-family: Raleway, 'Arial Narrow', Arial, sans-serif; font-size: 2.5em; color:#660033; margin:7px 0;}
.fourCs img {float: right;}
#color {clear: both;}

.nav {position: absolute; top: 130px; right: 20px; z-index:50;}

#suckerfishnav {
    background:none;
    font-size:1.2em;
    font-weight:100;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:1.5em;
    padding:0;
    border:none;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#363636;
    text-decoration:none;
    padding:0px 5px;
    }
#suckerfishnav li {
    float:left;
    padding:0;margin: 0 0 0 13px;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    }
#suckerfishnav li li {
    width:149px;
	margin: 0;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
    background:#6c0036; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#8b3f65;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#8b3f65; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; padding: 5px 2px;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    
    }
	
#suckerfishnav li.haschildren, #suckerfishnav li.page-item-33 {padding-right:7px; background:url(../images/drop.png) top right no-repeat;}
#suckerfishnav li.haschildren:hover a, #suckerfishnav li.page-item-33:hover a, #suckerfishnav li.sfhover { color: #ddd;}
#suckerfishnav li.haschildren:hover, #suckerfishnav li.page-item-33:hover, #suckerfishnav li.sfhover {background:#8b3f65 url(../images/drop.png) top right no-repeat; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius: 4px;}

/* comments */
#comments {margin-top: 30px; font-size: .8em;}
.commentlist a {color: #660033;}
.commentlist {background: #fafafa; border: 1px solid #eee; padding: 20px;}
.vcard {font-size: 1.3em;}
.comment-meta {font-size: .7em; margin: 3px 0px 6px;}
#respond {padding: 20px;}
#commentform input, #commentform textarea {padding: 5px; background: #fafafa; border: 1px solid #eee; color: #4a4a4a;}
#commentform input:focus, #commentform textarea:focus {background: #f2cddf; border: 1px solid #ddd; color: #000;}
.inputs {width: 200px; float: left; margin-bottom: 10px;}

.wpcf7-form input, .wpcf7-form textarea { background: #fafafa; border: 1px solid #ddd; padding: 4px; font-size: 1.2em;}
input[type="submit"], .post-edit-link { cursor: pointer; color: #fff; background: #660033 url(../images/readmore.jpg) repeat-x; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size:.8em; border: none; padding: 4px 8px; }
#inside-34 .entry {height: 1000px;} .entry h3 {font-size: 1.5em;}
a.post-edit-link {color: #fff;}