/* @group Global Reset */

* { margin:  0; padding: 0; }
ul { list-style: none; }
a img, frameset { border: 0; }

/* @end */

/* @group Utility */

.clear {
    height: 1px;
    clear: both;
    margin-top: -1px;
    overflow: hidden;
}
small { font-size: .75em; }
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.add_top, #add_top { margin-top: 15px; }
.add_bottom, #add_bottom { margin-bottom: 15px; }
.no_bottom { margin-bottom: 0; padding-bottom: 0; }
.no_top { margin-top: 0; }
.no_border { border: 0; }

.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.text_right { text-align: right; }

.hide { display: none; }

.reset-margin   {margin:0;} 
.reset-padding  {padding:0;} 
.reset          { margin:0; padding:0; } 

.align-justify  {text-align:justify;} 
.align-left     {text-align:left;} 
.align-center   {text-align:center;} 
.align-right    {text-align:right;} 

/* @end */
/* @group Overall Styles */

a:link { text-decoration: underline; color:#295b65;}
a:visited {color:#368393;}
a:hover { text-decoration: none; color:#368393; }
a:active { text-decoration: none}


h2 {
    font-size: 1.7em;
    font-weight: normal;
    line-height: 1.6em;
    font-family:Georgia, Times New Roman, serif;
        font-style: italic;
    color: #6f3020;
    padding:10px 0px;
    margin: .5em 0;
}
div.post h2 a {
    color: #6f3020;
    text-decoration:none;
        display: block;
}
div.post h2 a:hover {text-decoration:underline;}
p { margin-bottom: 1em; }

/* @end */

/* @group Wrapper Layouts */


body {
    font-size: 62.5% ;
    font-family: Helvetica,Arial,sans-serif ;
    line-height: 2em;
    font-weight: 100;
    background: #2d2721 url(/images/advance/body_bg.jpg) top center;
}
#notepad_wrapper { background: url(/images/advance/notepad_wrapper.jpg) 90% 200px no-repeat; }
#note_wrapper { background: url(/images/advance/note_wrapper.jpg) 13% 800px no-repeat; }
#outer_wrapper {    background: url(/images/advance/outer_wrapper_bg.gif) top center repeat-y; }
#inner_wrapper {    background: url(/images/advance/inner_wrapper_bg.jpg) top center no-repeat; }
#center_wrapper {
    position:relative;
    left:50%;
    width:960px;
    margin-left:-480px;
}
#header {
    height: 90px;
    position: relative;
}
#content {
    width:567px;
    float: left;
}
#right_col {
    width: 350px;
    margin-left: 10px;
    float: right;
    margin-right:7px;
}

/* @end */

/* @group Header */

#header h1 a {
    background:  url(/images/advance/h1_viget_advance.gif) no-repeat top left;
    display:block;
    width: 394px;
    height: 88px;
    text-indent: -9999px;
    border: none;
}
#nav {
    width: 236px;
    height: 50px;
    position: absolute;
    left: 535px;
    top: 27px;
    background:  url(/images/advance/nav_bg.gif) top center;
    list-style: none;
    list-style-type: none;
}
#nav a {
    display:block;
    text-indent: -9999px;
    background:transparent url(/images/advance/nav_bg.gif) no-repeat center top;
    height: 50px;
    outline: none;
    float: left;
    border: none;
}
#nav li {
    display:block;
    float: left;
}

#nav a.blog {   width: 65px; background-position: 0px 0px; }
#nav a.blog:hover { background-position: 0px -50px; }
#nav a.blog:active {    background-position: 0px -100px; }
body.advance #nav a.blog {  background-position: 0px -150px; }

#nav a.archives {   width: 95px; background-position: -65px 0px; }
#nav a.archives:hover { background-position: -65px -50px; }
#nav a.archivesactive { background-position: -65px -100px; }
body.archives #nav a.archives { background-position: -65px -150px; }

#nav a.about {  width: 76px; background-position: -160px 0px; }
#nav a.about:hover {    background-position: -160px -50px; }
#nav a.about:active {   background-position: -160px -100px; }
body.about #nav a.about {   background-position: -160px -150px; }

/* @end */

/* @group Content Area */

#content {
    font-size:1.2em;
    color: #393939;
    padding:80px 0px 25px 20px;
}
#content h2 {
    background:bottom center no-repeat url(/images/advance/post_divider.gif);}

/* @end */

/* @group Post Layout */
.notification {
  background-color: #d7edea;
  margin: 10px;
  padding: 10px;
  border: 3px solid #b6d6d2;
}
.notification strong {
  color: #4a676d;
  margin-bottom: 5px;
}

.post h2 {padding-left:125px;}
.post {
    background:top center no-repeat url(/images/advance/post_divider.gif);
    position:relative;
    zoom:1;
}
.post div.inner_post { padding:0px 0px 0px 125px; }
.post div.author {
    background:10px 6px no-repeat url(/images/advance/author_ben_scofield.jpg);
    width:98px;
    height:98px;
    position:absolute;
    left:0px;
    top:8px;
}
.post span.author {font-weight:bold;}
.post span.text {
    display:block;
    min-height:90px;
}
.post div.date_comment {
    text-transform:uppercase;
    position:absolute;
    left:-5px;
    top:112px;
    width:111px;
    font-weight:bold;
    letter-spacing: 2px;
    text-align:center;
    color:#969595;
    font-size:.8em;
}
.inner_post h2 {padding-left:0px;}
.inner_post h3 {
    background:bottom center no-repeat url(/images/advance/post_divider.gif);
    padding-bottom:10px;
}
.post div.date_comment a {color:#969595;}
.post .post_footer {
        background:top center no-repeat url(/images/advance/post_divider.gif);
        position:relative;
        padding:10px 10px 0px 127px;
        margin:10px 0px 20px -127px;
        min-height:18px;
}
.post .post_footer span {
    text-decoration:none;
    font-weight:bold;
    letter-spacing: 2px;
    text-align:center;
    color:#969595;
    font-size:.8em;
    position:absolute;
    left:65px;
    text-transform:uppercase;
}
.post .post_footer span.keep_reading {
    display:block;
    float:left;
    width:100px;
    margin-right:10px;
}
.post .post_footer span.categories {
    display:block;
    float:left;
    width:225px;
    margin-right:10px;
}
.post .post_footer span.comments {
    display:block;
    float:left;
    width:70px;
}
/* @end */



/* @group Post Utility Styles */
.inner_post h1 {
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.6em;
    font-family:Georgia, Times New Roman, serif;
    color: #882207;
    padding:10px 0px;
    margin: .5em 0;
}
.inner_post h2 {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.6em;
    font-family:Georgia, Times New Roman, serif;
    color: #882207;
    padding:10px 0px;
    margin: .5em 0;
}
.inner_post h3, .inner_post h4 {
    font-size: 1em;
    font-weight: bold;
    color: #882207;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-top: 2em;
}
.inner_post h4 {
        font-size: .8em;
}
.inner_post h5 {
    color: #878882;
        font-size: 1em;
} 
blockquote {
    background: url(/images/advance/blockquote.gif) 0px 0px no-repeat;
    margin:20px 0px 20px 0px;
    padding:3px 0px 0px 40px;
    color:#4a676d;
    font-size:1.3em;
    line-height:1.7em;
}
.comment blockquote {
    background: none;
    padding:0px;
    margin:8px 0px 8px 0px;
    color:#4a676d;
    font-size:1.2em;
    line-height:1.6em;
    font-style:italic;
}
.comment blockquote:before { content: open-quote; }
.comment blockquote:after { content: close-quote; }
.post abbr, .post acronym {
    letter-spacing:2px;
    font-weight:bold;
    font-size:9px;
    cursor: help;
    border:none;
}
.inner_post ul, .inner_post ol {
    margin: 5px 0 5px 18px;
}
.inner_post ul li {
    background:0px 5px no-repeat url(/images/advance/post_li.gif);
        padding:0 0 0 14px;
    margin-bottom:7px;
}
.inner_post ol li {
    padding:0px 0 0px 8px;
    margin-bottom:7px;
}
/* @end */



/* @group Comments */
.comment  {
background:transparent url(/images/advance/post_divider.gif) no-repeat scroll center bottom;
padding:20px 20px 20px 139px;
}
span.user_says {font-weight:bold;}
.comment_form {
padding:10px 20px 0 139px;
}
input.button {
background-color:#49666b;
padding:5px;
border:4px solid #3f5a5f;
color:white;
font-weight:bold;
cursor:pointer;
}
input.button:hover {
background-color:#3f5a5f;
text-decoration:underline;
}
textarea.comment_field, input.text {
background:transparent url(/images/advance/field.gif) repeat-x bottom center ;
border:1px solid #a4bdbb;
color:#393939;
padding:5px;
clear:both;

}


/* @end */



/* @group Right Column */

#right_col {
    color: #737373;
    font-size:1.2em;
    padding-bottom:40px;
}
#right_col div { padding-left: 20px; }
#right_col div li { margin-top: 10px; }
#right_col #browse_box div li { margin-top: 2px; }
#right_col #browse_box_wrap{
    width:350px;
    background: url(/images/advance/browse_box_wrap.gif) right bottom repeat-y; 
    padding:0px;
}
#right_col #browse_box {
    background: url(/images/advance/browse_box_bg.gif) bottom center no-repeat; 
    padding-bottom:30px;
    padding-left:48px;
}
#right_col #browse_box ul#browse_box_links {
    width:280px;
    height:37px;
    list-style:none;
}
#right_col #browse_box ul#browse_box_links li  {
    display:block;
    height:37px;
    float:left;
}
#right_col #browse_box ul#browse_box_links li a  {background-image:url(/images/advance/browse_box_links.gif);
text-indent:-9999px;
    display:block;
    height:37px;
}
#right_col #browse_box ul#browse_box_links li a#search  { outline:none; width:65px; background-position:0px 0px;}
#right_col #browse_box ul#browse_box_links li a#search:hover  { background-position:0px -37px;}
#right_col #browse_box ul#browse_box_links.search li a#search  { background-position:0px -74px;}
#right_col #browse_box ul#browse_box_links li a#category { outline:none; width:86px; background-position:-65px 0px;}
#right_col #browse_box ul#browse_box_links li a#category:hover  { background-position:-65px -37px;}
#right_col #browse_box ul#browse_box_links.category li a#category  { background-position:-65px -74px;}
#right_col #browse_box ul#browse_box_links li a#month  { outline:none; width:64px; background-position:-151px 0px;}
#right_col #browse_box ul#browse_box_links li a#month:hover  { background-position:-151px -37px;}
#right_col #browse_box ul#browse_box_links.month li a#month  { background-position:-151px -74px;}
#right_col #browse_box ul#browse_box_links li a#rss  { outline:none; width:65px; background-position:-215px 0px;}
#right_col #browse_box ul#browse_box_links li a#rss:hover  { background-position:-215px -37px;}
#right_col #browse_box ul#browse_box_links.rss li a#rss  { background-position:-215px -74px;}
#right_col #browse_search { padding:5px 0px 20px 0px; }
#right_col #browse_category, #right_col #browse_month, #right_col #browse_rss, #right_col #custom_box {
    padding:20px 10px 10px 10px;
    background: url(/images/advance/browse_box_divider.gif) top left no-repeat;
}
#right_col #custom_box {width:255px;}
#right_col #browse_search label {   display: none; }
#right_col #browse_search fieldset { border: 0px; }
#right_col #browse_search p {   display: inline; }
input#search_field {
    width: 220px;
        padding:5px;
    height: 18px;
        color:#393939;
    float: left;
    border:0px;
    background: url(/images/advance/search_field.gif) top left;
}
input#search_button {
    width: 44px;
    height: 28px;
    background: url(/images/advance/search_button.gif) top center;
    text-indent:  -9999px;
    color:white;
    font-size: 0px;
    cursor: pointer;
    border: 0px;
    float: left;
}
input#search_button:hover {
    background: url(/images/advance/search_button.gif) bottom center;
}
#no_results input#search_field {    width: 150px; }
#no_results label {
    font-weight: bold;
    position: relative;
    top: 3px;
    margin-right: 13px;
}
#right_col #browse_rss li {background:url(/images/advance/li_rss_bg.gif) left top no-repeat;
}
#right_col #browse_month, #right_col #browse_category { padding-left: 40px; }
#right_col #browse_month, #right_col #browse_category {
    padding:15px 0 8px 0;
}
#right_col #browse_month ul, #right_col #browse_category ul {
    padding:0 0 0 30px;
        margin:0px;
}
#right_col #browse_month li span, #right_col #browse_category li span {
    display: block;
    text-align: center;
    width:30px;
        float:left;
    margin-left:-32px;
}
#right_col #browse_month li, #right_col #browse_category li {
    float:left;
        width:100px;
        margin: 0px 15px 10px 10px;
        line-height:15px;
        padding:0px;
}
#right_col #browse_month div { width: 122px; }
#right_col #browse_month h3, #right_col #browse_category h3, #right_col #browse_rss h3 {
    margin-top: 0px;
    }
#right_col h3 {
    color: #a1c1c3;
    font-weight: normal;
    font-family:Georgia,Times New Roman, serif;
    font-size:16px;
    }
#browse_box h3 {
    color: #295b65;
    font-weight: normal;
    font-family:Georgia,Times New Roman, serif;
    font-size:16px;
}
#browse_box ul {margin-bottom:10px;}
#right_col #top_posts .selector{
    margin: 15px 0;
    font-weight: bold;
        padding: 0px;
}
#right_col #top_posts .selector a {
       padding: 5px; 
       border: 3px solid #e7e7e7;
       background-color: #f0f0f0;
       margin: 0 4px 0 0;
       }
#right_col #top_posts .selector a.selected, #right_col #top_posts .selector a:hover {
    padding: 5px;
        text-decoration: none;
        color: white;
    border: 3px solid #b3cdca;
        background: url(/images/advance/browse_box_bg.gif) -170px -270px #A1C1C3;
}
h2#discuss {
    width: 262px;
    height: 66px;
    text-indent: -9999px;
    margin:9px 0px 0px 50px;
    padding:0px 0px 20px 0px;
    background: url(/images/advance/h2_discuss.gif) top center no-repeat;
}
#right_col .divider {
    background: url(/images/advance/right_col_divider.gif) top center no-repeat;
    padding-top: 30px;
    margin-top: 32px;
}
#right_col .divider li {
    padding:0 0 0 0px;
    margin-bottom:7px;
}
#right_col .divider li a {
    font-style: normal;
    display: block;
}
#right_col div.split_col div {
    width: 155px;
    padding:0px;
}
#right_col div.split_col li a {
    display: block;
    padding-left: 20px;
    background: url(/images/advance/li_a_arrow.gif) 0px 3px no-repeat;
}
#right_col h3#entries_by_date {display:none;}
#right_col div.split_col li a:visited { background: url(/images/advance/li_a_check.gif) 0px 3px no-repeat; }
#right_col #calendar table.calendar_bg {
    width:331px;
    padding: 0px;
    margin: 0px;
    position: relative;
    left:-8px;
}
#right_col #calendar table.calendar_bg div {padding:0px;}
#right_col table.calendar_bg td {
    padding:8px 0px;
    text-align:center;
}
#right_col table.calendar_bg td:hover { background-color: #ddecea; }
/* @end */


/* @group Footer */
#footer_wrap{background:url(/images/advance/footer_wrap_bg.gif) top center no-repeat;
    padding-top:48px;
    position:relative;
    top:-31px;
    font-size:1.3em;
    zoom:1;
    opacity:.99;
}
#footer_top_repeat{background:url(/images/advance/footer_top_repeat_bg.gif) top center repeat-x #510901;
}
#footer_bottom_repeat {background:url(/images/advance/footer_bottom_repeat_bg.gif) bottom center repeat-x;
    padding:0px 0px 9px 0px
}
#footer_inner {
    position:relative;
    left:50%;
    width:960px;
    margin-left:-461px;
    background:url(/images/advance/footer_inner_bg.gif) bottom center no-repeat;
    color:white;
}
#footer_inner h2 {
    margin:0px 0px 10px 0px;
    padding:0px;
}
#footer_inner div a, #footer_inner div a:visited { color:white; font-weight:bold;}
#footer_inner div a:hover { color:white; text-decoration:none;}
#footer_inner #sets_us_apart {
    float:left;
    width:310px;
    padding:20px 0px 0px 0px;
    background:url(/images/advance/sets_us_apart.gif) top left no-repeat;
    }
#footer_inner #sets_us_apart h2 {
    width:245px;
    height:28px;
    background:url(/images/advance/h2_sets_us_apart.gif) top left no-repeat;
    text-indent:-9999px;
    }
#footer_inner #sets_us_apart a {
    font-weight: normal;
}
#footer_inner #were_writing_about {
    float:right;
    width:564px;
    padding:20px 0px 20px 0px;
    }
#footer_inner #were_writing_about h2 {
    width:251px;
    height:28px;
    background:url(/images/advance/h2_were_writing_about.gif) top left no-repeat;
    text-indent:-9999px;
    }
#footer_inner #were_writing_about ul {list-style:none;}
    #footer_inner #were_writing_about ul li {
    float:left;
    margin:0px 10px 10px 0px;
    }
#footer_inner #were_writing_about ul li a {
    width:254px;
    height:22px;
    padding:4px 8px 4px 8px;
    display:block;
    background:url(/images/advance/were_writing_li_bg.gif) top center no-repeat;
    }
#footer_inner #were_writing_about ul li a:hover {background:url(/images/advance/were_writing_li_bg.gif) bottom center no-repeat;
    }
#footer_wrap p#viget_plug {
    width:235px;
    height:79px;
    background:url(/images/advance/viget_plug_bg.jpg) top center no-repeat;
    position:relative;
    left:50%;
    font-weight:bold;
    color:#575352;
    margin-left:-463px;
    padding:10px 10px 0px 75px;
    line-height:1.4em;
}
/* @end */


/* @group Pagination */

div.paginate {
    height:50px;
    padding:7px 0px 0px 0px;
    margin-top:10px;
    background:transparent url(/images/advance/post_divider.gif) no-repeat scroll center top;
}
div.paginate a, div.paginate b {
    padding:5px 3px;
    width:12px;
    display:block;
    text-align:center;
    float:left;
}
div.paginate a:hover {background-color:#221916;}
div.paginate a.previous, div.paginate a.next  {
    padding:0px;
    width:221px;
    height:38px;
    text-indent:-9999px;
    background-image:url(/images/advance//pagination_links.gif);}
div.paginate a.previous { background-position:top left; }
div.paginate a.next { 
    background-position:top right;
    float:right;
}
div.paginate a.previous:hover {
    background-position:bottom left;
    border:0px;
}
div.paginate a.next:hover {
    background-position:bottom right;
    border:0px;
}

/* @end */



/* @group Overlay Link */
a#open_overlay {
    width:104px;
    height:44px;
    left:838px;
    top:22px;
    position:absolute;
    background:url(/images/advance/labs_at_viget.jpg) no-repeat;
    text-indent:-9999px;
    outline:none;
}
/* @end */



/* @group Contact Us */
div#contact-note {

}
div#contact-note form {

}
div#contact-note p{
    overflow: hidden;
    margin: 0 0 10px 0;
}
#contact-note label {
    width: 60px;
    padding-top: 3px;
    float:left;
}
#contact-note p input, #contact-note p textarea  {
    width: 240px;
    float: left;
    border: 1px solid #a6c0be;
    font-family: Arial, Helvetica, sans-serif;
    float:left;
    height:18px;
    padding:5px;
    font-size: 12px;
}
#contact-note p textarea {
    height: 100px;
}
#contact-note .buttons {
    padding-left: 60px;
}
input#sendit {
    width: 86px;
    height: 28px;
    background: url(/images/advance/btn_sendit.gif) top center;
    text-indent:  -9999px;
    color:white;  
    letter-spacing:-8px;
    font-size: 0px;
    cursor: pointer;
    border: 0px;
    float: left;
}
input#sendit:hover {
    background: url(/images/advance/btn_sendit.gif) bottom center;
}
/* @end */