/*

	SIMON CAMPBELL V2 by ERSKINE DESIGN
	VERSION 1.0
	
	CONTENTS ----------
	
	    1.BODY
	    2.DEFAULT STYLING
	    3.HEADINGS
	    4.LINKS
	    5.IMAGES
	    6.LAYOUT
	    7.BRANDING/MASTHEAD
	    8.NAVIGATION
	    9.SITEINFO/FOOTER
	    9.GLOBAL ELEMENTS
	    10.GLOBAL ELEMENTS
	        10.1 RSS FEEDS BLOCK
	        10.2 FLICKR BLOCK
	        10.3 TWITTER BLOCK
	        10.4 LAST.FM BLOCK
	        10.5 BOOKMARKS
	        10.6 PALS
	        10.7 SUB LISTING
	        10.8 COMMENTS 
                10.8.1 LISTING 
                10.8.2 FORM
            10.9 ENTRY LISTING
            10.10 PAGINATION
            10.11 CURRENTLY READING BLOCK
        11.HOMEPAGE
        12.ARTICLE
            12.1 ARTICLE LISTING
            12.2 ARTICLE
                12.2.1 ARTICLE IMAGES
                12.2.1 QUIZ
        13.ABOUT
        14.BLOG
        15.WRITING
        16.SPEAKING
        17.EXPEDITIONS
        18.RESOURCES
        19.CONTACT
        20.404
        21.RSS
       
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */
@import url(scratch.css); /* SCRATCH */



/* 1.BODY
---------------------------------------------------------------------- */

body { text-shadow:rgba(0,0,0,0.01) 0 0 0; background:#d5ca9c url(../images/site/body_bg.jpg) 0 0; border-top:13px solid #000; color:#000; font-family:"Palatino-Roman","Palatino",Times,serif; font-size:14px; line-height:21px; }

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin-bottom:14px; }

ul { list-style:circle; }
ul li { margin-left:16px; }
ol { list-style:lower-roman; }

hr { border:none; border-bottom:2px solid rgba(0,0,0,0.25); background:none; margin-bottom:28px; padding-top:14px; }

blockquote { border-left:3px solid rgba(0,0,0,0.25); font-style:italic; padding:15px 15px 1px 15px; margin-bottom:14px; font-size:17px; line-height:1.2em; }
blockquote.before { margin:0; padding-bottom:1px; }
blockquote p { margin-bottom:14px; } 
cite { text-transform:uppercase; font-size:10px; letter-spacing:1px; }
blockquote cite { margin-top:14px; font-style:normal; display:block; }

pre { background:rgba(0,0,0,0.1); padding:15px; margin-bottom:14px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
pre code { background:none; }
code { font-family:"Courier New","Courier",monospace; background:rgba(0,0,0,0.1); }

abbr, acronym { border-bottom:1px solid #b8ae88; cursor:help; }
del { color:#847d62; }
strong { font-weight:bold; }
em { font-style:italic; }

table { width:100%; }
table caption { font-size:12px; font-style:italic; margin-bottom:10px; }
table tr { background:rgba(0,0,0,0.1); }
table tr th { background:rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); font-weight:bold; padding:5px; }
table tr td { border-bottom:1px solid rgba(0,0,0,0.1); padding:5px; }

label { display:block; }
input[type="text"], textarea { background:rgba(236,229,202,0.4); border:3px solid #b5ab85; font-family:"Palatino-Roman","Palatino",Times,serif; font-size:13px; line-height:18px; padding:5px; }
input[type="text"]:focus, textarea:focus { background:rgba(236,229,202,0.8); }



/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { line-height:1.2em; }

h1 { font-family:"TradeGothicLTStd-BdCn20"; font-size:79px; letter-spacing:-2px; text-transform:uppercase; }

h2 { font-family:"TradeGothicLTStd-BdCn20","Trade Gothic LT Std"; font-weight:bold; font-size:36px; line-height:1em; text-transform:uppercase; color:#990000; margin-bottom:14px; }
h2 strong { color:#000; }
h2 a { border:none; }
h2 a:hover,
h2 a:focus { background:none; color:#660000; border:none; }

h3 { font-family:Helvetica,Arial,sans-serif; font-size:15px; font-weight:bold; margin-bottom:14px; padding-top:14px; }
h3 strong { color:#990000; }

h4 { text-transform:uppercase; font-weight:bold; font-size:12px; line-height:1.7em; margin-bottom:10px; padding:5px 0; border-bottom:1px solid rgba(0,0,0,0.15); }
h4.section_title { height:15px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; border-bottom:2px solid #000; padding:0 0 8px 0; margin-bottom:25px; }
p + h4,
ul + h4,
ol + h4 { padding-top:14px; }

h5 { text-transform:uppercase; font-weight:bold; font-size:11px; margin-bottom:12px; }

h6 { font-family:Verdana,sans-serif; font-size:10px; text-transform:uppercase; color:#646155; margin-bottom:10px; }
h6 a { border:none; color:#646155; }
h6 a:hover,
h6 a:focus { color:#646155; text-decoration:underline; background:none; border:none; }



/* 4.LINKS
---------------------------------------------------------------------- */

a { color:#990000; text-decoration:none; border-bottom:1px dotted #990000; }
a:hover,
a:focus { color:#fff; border-bottom:1px solid rgba(0,0,0,0.25); background:rgba(0,0,0,0.25); }



/* 5.IMAGES
---------------------------------------------------------------------- */

img.left { float:left; margin:3px 20px 10px 0; }
img.right { float:right; margin:3px 0 10px 15px; }

span.img_caption { display:block; color:#646155; margin: 5px 0 10px -80px; font:italic 10px Verdana,sans-serif; width:580px;}



/* 6.LAYOUT
---------------------------------------------------------------------- */

div#page { width:940px; margin:0 auto; padding:0 20px; background:url(../images/site/branding_bg.png) no-repeat 0 15px; }

div#content_wrapper { overflow:hidden; padding-bottom:30px; }



/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding { padding:24px 0 70px 80px; position:relative; }

div#branding h1 { width:590px; height:64px; margin-bottom:18px; float:left; }
div#branding h1 a { display:block; width:590px; height:64px; text-indent:-9999px; background:url(../images/site/branding_h1_bg.png) no-repeat 0 0; border:none; }
div#branding h1 a:hover,
div#branding h1 a:focus { background-position:0 -64px; }

div#branding h4 { font-size:18px; line-height:24px; text-transform:none; border:none; font-style:italic; font-weight:normal; width:225px; /*position:absolute; right:0; top:32px;*/ float:right; margin:0; position:relative; top:8px; }



/* 8.NAVIGATION
---------------------------------------------------------------------- */

ul#navigation_pri { list-style:none; margin:0; height:39px; width:860px; border-bottom:5px solid #000; font-size:15px; clear:both; }
ul#navigation_pri li { margin:0; float:left; }
ul#navigation_pri li a { display:block; height:29px; border:none; text-align:center; padding:10px 10px 0 11px; color:#000; }
ul#navigation_pri li a:hover,
ul#navigation_pri li a:focus { background:rgba(0,0,0,0.1); color:#990000;  }

ul#navigation_pri li.cur a { color:#fff; font-weight:bold; background:rgba(0,0,0,0.4); text-shadow:rgba(0,0,0,0.15) 2px 2px 5px; padding-left:10px; }



/* 8.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#siteinfo { background:rgba(0,0,0,0.8); padding:40px 0 0 0; color:#ddd7c0; clear:both; }
div#siteinfo a { color:#ddd7c0; border:none; text-decoration:underline; }
div#siteinfo a:hover,
div#siteinfo a:focus { color:#fff; background:none; }

div#siteinfo_about { width:940px; padding:0 10px; margin:0 auto 40px auto;  overflow:hidden; }
div#siteinfo_about img { float:left; border:3px solid rgba(0,0,0,0.3); margin:0 20px 0 0; }
div#siteinfo_about p { padding-top:15px; width:540px; }

div#siteinfo_info { width:920px; padding:15px 10px 1px 10px; margin:0 auto; background:rgba(0,0,0,0.25); font-size:12px; color:#817c6a; position:relative; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; }
div#siteinfo_info a { color:#817c6a; }
div#siteinfo_info a:hover,
div#siteinfo_info a:focus { color:#ddd7c0; }
div#siteinfo_info p { line-height:1em; margin-bottom:12px; }
div#siteinfo_info p.erskine { position:absolute; right:10px; bottom:12px; margin:0; }
div#siteinfo_info p.totop { width:129px; height:26px; position:absolute; right:10px; top:-25px; }
div#siteinfo_info p.totop a { display:block;  width:129px; height:26px; text-indent:-9999px; background:url(../images/site/siteinfo_totop_bg.png) no-repeat 0 0; }
div#siteinfo_info p.totop a:hover,
div#siteinfo_info p.totop a:focus { background-position:0 -26px; }



/* 9.GLOBAL ELEMENTS
---------------------------------------------------------------------- */

/* 9.1 RSS FEEDS BLOCK -------- */
    
    div#rss_feeds { font-size:12px; line-height:18px; }
    div#rss_feeds h4 { width:110px; height:20px; text-indent:-9999px; background:url(../images/site/block_rssfeeds_h4.png) no-repeat 0 0; padding:0; border:none; margin-bottom:15px; }
    div#rss_feeds h5 { margin-bottom:15px; }
    
/* 9.2 FLICKR BLOCK -------- */

    div#flickr_stream { font-size:12px; line-height:18px; }
    div#flickr_stream h4 { width:54px; height:19px; text-indent:-9999px; background:url(../images/site/block_flickr_h4.png) no-repeat 0 0; padding:0; border:none; margin-bottom:15px; }
    div#flickr_stream div { float:left; width:66px; height:66px; overflow:hidden; margin:0 8px 8px 0; }
    div#flickr_stream div a { display:block; width:60px; height:60px; overflow:hidden; padding:3px; background:rgba(0,0,0,0.3); }
    div#flickr_stream div a:hover,
    div#flickr_stream div a:focus { background:rgba(0,0,0,0.5); }
    div#flickr_stream div a img { width:60px; height:60px; }
    div#flickr_stream div#flickr_badge_image2,
    div#flickr_stream div#flickr_badge_image4,
    div#flickr_stream div#flickr_badge_image6 { margin-right:0; }
    div#flickr_stream p { clear:both; }
    
/* 9.3 TWITTER BLOCK -------- */

    div#twitter_updates blockquote { padding:10px; background:rgba(0,0,0,0.4); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:none; color:#fff; font-size:16px; line-height:24px; margin:0; }
    div#twitter_updates blockquote p { margin:0; }
    div#twitter_updates blockquote a { text-decoration:underline; color:#fff; border:none; }
    div#twitter_updates blockquote a:hover,
    div#twitter_updates blockquote a:focus { color:#fff; border:none; }
    div#twitter_updates div { font-family:Verdana,sans-serif; font-size:10px; font-style:italic; color:#6b6349; text-align:right; padding: 3px 80px 3px 0; background:url(../images/site/block_twitter_p_bg.png) no-repeat 270px 0; position:relative; }
    div#twitter_updates div a { color:#6b6349; border-bottom-color:#6b6349; }
    div#twitter_updates div a:hover,
    div#twitter_updates div a:focus { color:#4c4735; background:none; border-bottom:1px solid #4c4735; }
    div#twitter_updates div img { position:absolute; right:-5px; top:-30px; }
    
/* 9.4 LAST.FM BLOCK -------- */

    div#tunage { font-size:12px; }
    div#tunage h4 { width:66px; height:19px; text-indent:-9999px; background:url(../images/site/block_lastfm_h4.png) no-repeat 0 0; padding:0; border:none; }
    
/* 9.5 BOOKMARKS -------- */

    div#bookmarks { font-size:12px; }
    div#bookmarks h4 { width:104px; height:19px; text-indent:-9999px; background:url(../images/site/block_bookmarks_h4.png) no-repeat 0 0; padding:0; border:none; }
    
/* 9.6 PALS -------- */
    
    div#pals_ontheweb h4 { width:241px; height:21px; text-indent:-9999px; background:url(../images/site/block_pals_h4.png) no-repeat 0 0; padding:0; border:none; margin-bottom:20px; }
    div#pals_ontheweb ul { list-style:none; font-size:12px; line-height:18px; column-count:3; column-gap:20px; -moz-column-count:3; -moz-column-gap:20px; -webkit-column-count:3; -webkit-column-gap:20px; }
    div#pals_ontheweb ul li { margin:0; }
    div#pals_ontheweb a { color:#000; border:none; }
    div#pals_ontheweb a:hover,
    div#pals_ontheweb a:focus { background:none; border:none; text-decoration:underline; }
    
/* 9.7 SUB LISTING -------- */

    div.sub_listing ul { list-style:none; border-top:1px solid rgba(0,0,0,0.3); font-size:12px; line-height:18px; }
    div.sub_listing ul li { margin:0; padding:8px 0; border-bottom:1px solid rgba(0,0,0,0.3); }
    div.sub_listing ul li a { display:block; color:#000; border:none; }
    div.sub_listing ul li a:hover,
    div.sub_listing ul li a:focus { background:none; border:none; text-decoration:underline; }
    
/* 9.8 COMMENTS -------- */

    /* 9.8.1 LISTING -------- */
    
        div#comments h2 { font-size:26px; color:#000; }
        div#comments h2 span { color:#990000; }
    
        ol#comment_listing { list-style:none; font-size:14px; line-height:19px; color:#fff; margin-bottom:80px; }
        ol#comment_listing li { background:rgba(0,0,0,0.4); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:15px 15px 1px 15px; position:relative; margin:0 0 50px 0; }
        ol#comment_listing li a { color:#fff; border-color:#fff; }
        ol#comment_listing li h6 { position:absolute; text-align:right; width:500px; height:13px; padding:13px 80px 0 0; left:0; bottom:-36px; text-transform:none; font-style:italic; background:url(../images/site/comment_h6_bg.png) no-repeat 520px 0; }
        ol#comment_listing li h6 a { color:#646155; font-weight:bold; }
        
        ol#comment_listing li.simon_comment { background:rgba(0,0,0,0.6); }
        ol#comment_listing li.simon_comment h6 { background:url(../images/site/comment_simon_h6_bg.png) no-repeat 520px 0; }
        
    /* 9.8.2 FORM -------- */
        
        form#comment_form { position:relative; margin-bottom:40px; }
        form#comment_form div { width:240px; }
        form#comment_form div.comment { float:right; width:320px; }
        
        form#comment_form label { height:33px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; }
        form#comment_form label[for="comment_name"] { background-image:url(../images/site/comments_label_name.png); }
        form#comment_form label[for="comment_email"] { background-image:url(../images/site/comments_label_email.png); }
        form#comment_form label[for="comment_url"] { background-image:url(../images/site/comments_label_url.png); }
        form#comment_form label[for="comment_comment"] { background-image:url(../images/site/comments_label_comment.png); }
        
        form#comment_form input[type="text"] { width:224px; height:24px; }
        form#comment_form textarea { width:304px; height:170px; }
        
        form#comment_form p { width:260px; font-size:9px; line-height:18px; font-family:Verdana,sans-serif; color:#524d38; margin:15px 0 0 0; }
        form#comment_form p a { color:#524d38; text-decoration:underline; border:none; }
        form#comment_form p a:hover,
        form#comment_form p a:focus { color:#000; background:none; border:none; }
        
        form#comment_form input[type="image"] { position:absolute; bottom:0; right:0; }
        
/* 9.9 ENTRY LISTING -------- */
    
    ul.entry_listing { list-style:none; font-size:12px; line-height:18px; border-top:1px solid rgba(0,0,0,0.3); }
    ul.entry_listing li { margin:0; border-bottom:1px solid rgba(0,0,0,0.3); }
    ul.entry_listing li a { display:block; color:#000; border:none; padding:5px 5px 5px 20px; background:url(../images/site/marker_10.png) no-repeat 0 center; position:relative; }
    ul.entry_listing li a:hover,
    ul.entry_listing li a:focus { border:none; background-color:rgba(0,0,0,0.1); }
    ul.entry_listing li a span { position:absolute; top:5px; right:0; font-size:9px; font-family:Verdana,sans-serif; font-style:italic; color:#6c664f; }
    
/* 9.10 PAGINATION -------- */
    
    p#pagination a { color:#fff; background:rgba(0,0,0,0.5); padding:7px; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; display:inline-block; margin-right:5px; }
    p#pagination a:hover,
    p#pagination a:focus { background:rgba(0,0,0,0.7); }

/* 9.11 CURRENTLY READING BLOCK -------- */

	div#currently_reading { font-size:12px; line-height:17px; border-bottom:2px solid rgba(0,0,0,0.2); padding-bottom:20px; margin-bottom:20px;  }
	div#currently_reading h4.section_title { background-image:url(../images/site/youarereading_h4.png); margin-bottom:10px; }
	div#currently_reading h3 + h4 { border:none; padding:0; font-size:11px; letter-spacing:1px; margin-bottom:5px; }
	div#currently_reading p { margin-bottom:12px; }
    
    div#currently_reading div#flickr_stream div { width:70px; height:70px; margin:0 5px 5px 0; }
    div#currently_reading div#flickr_stream div a { width:64px; height:64px; }
    div#currently_reading div#flickr_stream div a img { width:64px; height:64px; }
    div#currently_reading div#flickr_stream div#flickr_badge_image3,
    div#currently_reading div#flickr_stream div#flickr_badge_image6 { margin-right:0; }
    div#currently_reading div#flickr_stream p { margin-top:15px; }



/* 10.HOMEPAGE
---------------------------------------------------------------------- */

.home div#content_pri { width:540px; float:left; }
.home div#content_sec { width:340px; float:right; }

.home h4.section_title { background-image:url(../images/site/home_latest_h4.png); }

div#home_latest { border-bottom:2px solid #000; font-size:15px; line-height:22px; margin-bottom:40px; }
div#home_latest p.meta { text-transform:uppercase; font-size:11px; color:#545046; letter-spacing:1px; margin-bottom:22px; }
div#home_latest p.meta a { border:none; text-decoration:underline; color:#545046; }
div#home_latest p.meta a:hover,
div#home_latest p.meta a:focus { background:none; border:none; color:#302e28; }

div.home_latest_sub { width:260px; float:left; }
div.home_latest_sub h4 { padding:0; border:none; }
div.home_latest_sub h4 a { display:block; height:15px; text-indent:-9999px; border:none; background-repeat:no-repeat; background-position:0 0; }
div.home_latest_sub h4 a:hover,
div.home_latest_sub h4 a:focus { background-position:0 -15px; border:none; background:none; }
div.home_latest_sub ul { list-style:none; font-size:13px; line-height:18px; border-top:1px solid rgba(0,0,0,0.3); margin-bottom:40px; }
div.home_latest_sub ul li { border-bottom:1px solid rgba(0,0,0,0.3); margin:0; }
div.home_latest_sub ul li a { display:block; border:none; color:#000; background:rgba(0,0,0,0.05); padding:12px 5px; }
div.home_latest_sub ul li a:hover,
div.home_latest_sub ul li a:focus { background:rgba(0,0,0,0.1); color:#990000; }

div#home_latest_blog,
div#home_latest_expeditions { margin-right:20px; }

div#home_latest_blog h4 a { width:105px; background-image:url(../images/site/home_latest_blog_h4.png); }
div#home_latest_writing h4 a { width:101px; background-image:url(../images/site/home_latest_writing_h4.png); }
div#home_latest_expeditions h4 a { width:128px; background-image:url(../images/site/home_latest_expeditions_h4.png); }
div#home_latest_speaking h4 a { width:108px; background-image:url(../images/site/home_latest_speaking_h4.png); }

div#home_latest_blog h4 a:hover,
div#home_latest_blog h4 a:focus,
div#home_latest_writing h4 a:hover,
div#home_latest_writing h4 a:focus,
div#home_latest_expeditions h4 a:hover,
div#home_latest_expeditions h4 a:focus,
div#home_latest_speaking h4 a:hover,
div#home_latest_speaking h4 a:focus { background-position:0 -15px; }

div#random_pic { position:relative; margin:23px 0; }
div#random_pic p { padding:5px; width:330px; position:absolute; bottom:0; left:0; text-align:right; margin:0; font-style:italic; color:#fff; background:rgba(0,0,0,0.4); }

.home div#rss_feeds { width:180px; float:left; }
.home div#flickr_stream { width:140px; float:right; }
.home div#twitter_updates { clear:both; padding:15px 0; }

.home div#tunage { width:140px; float:left; }
.home div#bookmarks { width:180px; float:right; }



/* 11.ARTICLE
---------------------------------------------------------------------- */

/* 11.1 ARTICLE LISTING -------- */

    ul#article_listing { list-style:none; }
    ul#article_listing li { border-bottom:2px solid rgba(0,0,0,0.2); margin:0 0 30px 0; padding-bottom:15px; overflow:hidden; }
    ul#article_listing li h2 { font-size:28px; margin-bottom:5px; }
    ul#article_listing li h6 { margin-bottom:14px; }
    ul#article_listing li a img { float:left; margin:3px 20px 15px 0; padding:3px; background:rgba(0,0,0,0.15); }
    ul#article_listing li a:hover img,
    ul#article_listing li a:focus img { background:rgba(0,0,0,0.3); }
    ul#article_listing li.pagination { border:none; margin:0; padding:0; }
    
/* 11.2 ARTICLE -------- */

    .article div#content_pri { width:580px; float:left; }
    .article div#content_sec { width:220px; float:right; }

    div#article_standfirst { border-bottom:1px dotted #000; padding-bottom:10px; margin-bottom:25px; }
    div#article_standfirst p { font-style:italic; font-weight:bold; font-size:15px; line-height:20px; }

    div#article_body { padding-left:80px; border-bottom:2px solid #000; padding-bottom:14px; margin-bottom:40px; overflow:hidden; }

    div.article_sub_block { margin-bottom:30px; font-size:12px; line-height:18px; }
    div.article_sub_block h4 { color:#595442; font-family:Helvetica,Arial,sans-serif; font-size:13px; font-weight:bold; padding:0; border:none; text-transform:none; }

    div.article_categories { background:rgba(0,0,0,0.4); padding:10px; color:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
    div.article_categories a { color:#fff; border:none; }
    div.article_categories a:hover,
    div.article_categories a:focus { border:none; background:none; text-decoration:underline; color:#fff; }
    div.article_categories p { margin-bottom:7px; }
    div.article_categories p.more { margin:0; text-transform:uppercase; font-family:Verdana,sans-serif; font-size:10px; }
    div.article_categories p.more a { text-decoration:underline; }

    div.article_sub_block form select { width:100%; }

	/* 11.2.1 ARTICLE IMAGES -------- */
	
		div#article_body img { padding:5px; background:rgba(0,0,0,0.2);  }

	    div#article_body img.left.far { margin-left:-80px; }
		div#article_body img.full { margin-left:-80px; }
		
		/*
    		full - 570
            left , left far, right far -  210
            small  left far, right far - 130
        */
		
	/* 11.2.1 QUIZ -------- */

        ul.quiz { background:rgba(0,0,0,0.1); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:15px 15px 1px 15px; list-style:none; }
        ul.quiz li { margin:0; border-top:1px solid rgba(0,0,0,0.2); padding-top:15px; }
        ul.quiz li:first-child { border:none; padding:0; }
        ul.quiz li p { margin-bottom:15px; }
        ul.quiz li p.question { font-weight:bold; }
        ul.quiz li p.question_correct { color:#336600; font-weight:bold; }
        ul.quiz li p.question_incorrect { color:#990000; font-weight:bold; }



/* 12.ABOUT
---------------------------------------------------------------------- */

.about h4.section_title { background-image:url(../images/site/about_h4.png); }

.about div#branding { padding-bottom:0; }

.about div#content_wrapper { padding-top:70px; }
.about div#content_pri { width:500px; float:left; }
.about div#content_sec { width:380px; float:right; position:relative; }

.about div#content_pri p:first-child:first-letter,
.about div#content_pri img:first-child + p:first-letter { color:#67624b; font-weight:bold; display:block; font-size:43px; line-height:40px; margin:3px 5px -5px 0; float:left; }

.about div#content_pri img { padding:5px; background:rgba(0,0,0,0.2); }
.about div#content_pri img.full { margin-bottom:20px; }

.about ul#navigation_sub { width:140px; height:154px; margin:0 0 110px 0; list-style:none; position:relative; z-index:2; }
.about ul#navigation_sub li { margin:0; width:140px; }
.about ul#navigation_sub li a { display:block; text-indent:-9999px; background-image:url(../images/site/about_subnav_bg.png); background-repeat:no-repeat; border:none; }
.about ul#navigation_sub li a:hover,
.about ul#navigation_sub li a:focus { background-color:transparent; }

.about ul#navigation_sub li#biography { height:30px; }
.about ul#navigation_sub li#biography a { height:30px; background-position:0 0; }
.about ul#navigation_sub li#biography a:hover,
.about ul#navigation_sub li#biography a:focus { background-position:-140px 0; }
.about ul#navigation_sub li#biography.cur a { background-position:-280px 0; }
.about ul#navigation_sub li#business { height:33px; }
.about ul#navigation_sub li#business a { height:33px; background-position:0 -30px; }
.about ul#navigation_sub li#business a:hover,
.about ul#navigation_sub li#business a:focus { background-position:-140px -30px; }
.about ul#navigation_sub li#business.cur a { background-position:-280px -30px; }
.about ul#navigation_sub li#diving { height:46px; }
.about ul#navigation_sub li#diving a { height:46px; background-position:0 -63px; }
.about ul#navigation_sub li#diving a:hover,
.about ul#navigation_sub li#diving a:focus { background-position:-140px -63px; }
.about ul#navigation_sub li#diving.cur a { background-position:-280px -63px; }
.about ul#navigation_sub li#music { height:45px; }
.about ul#navigation_sub li#music a { height:45px; background-position:0 -109px; }
.about ul#navigation_sub li#music a:hover,
.about ul#navigation_sub li#music a:focus { background-position:-140px -109px; }
.about ul#navigation_sub li#music.cur a { background-position:-280px -109px; }

.about img.vulture { position:absolute; right:0; top:-100px; }

.about div#tunage { width:220px; float:left; }
.about div#flickr_stream { width:140px; float:right; }
.about div#twitter_updates { clear:both; padding:30px 0; }
.about div#twitter_updates div { background-position:310px 0; }
.about div#bookmarks { margin-bottom:40px; }

ul#about_associations { list-style:none; margin-bottom:30px; position:relative; }
ul#about_associations li { margin:0; }
ul#about_associations li a { position:absolute; display:block; text-indent:-9999px; border:none; -webkit-transition:linear opacity 0.2s; opacity:0.3; background-repeat:no-repeat; background-position:0 0; background-color:transparent; } 
ul#about_associations li a:hover,
ul#about_associations li a:focus { opacity:0.5; }

ul#about_associations li.erskine a { right:0; top:-50px; width:140px; height:199px; background-image:url(../images/site/about_asso_bus_erskine.png); opacity:0.4; }
ul#about_associations li.erskine a:hover,
ul#about_associations li.erskine a:focus { opacity:0.6; }
ul#about_associations li.triton a { left:0; top:80px; width:220px; height:72px; background-image:url(../images/site/about_asso_bus_triton.png); }
ul#about_associations li.bsac a { left:0; top:0; width:220px; height:73px; background-image:url(../images/site/about_asso_bus_bsac.png);  }

ul#about_associations li.rnli a { right:0; top:-28px; width:134px; height:67px; background-image:url(../images/site/about_asso_dive_rnli.png); }
ul#about_associations li.bsac2 a { left:0; top:10px; width:127px; height:42px; background-image:url(../images/site/about_asso_dive_bsac.png); }
ul#about_associations li.nas a { right:0; top:70px; width:204px; height:66px; background-image:url(../images/site/about_asso_dive_nas.png); }
ul#about_associations li.triton2 a { left:154px; top:0; width:65px; height:66px; background-image:url(../images/site/about_asso_dive_triton.png); }
ul#about_associations li.mcs a { left:0; top:72px; width:143px; height:68px; background-image:url(../images/site/about_asso_dive_mcs.png); }
ul#about_associations li.rgs a { left:0; top:155px; width:106px; height:66px; background-image:url(../images/site/about_asso_dive_rgs.png); }
ul#about_associations li.rgs a:hover,
ul#about_associations li.rgs a:focus { opacity:0.6; }

ul#about_associations li.tworock a { left:0; top:0; width:175px; height:62px; background-image:url(../images/site/about_asso_music_tworock.png); }
ul#about_associations li.facebook a { right:0; top:10px; width:180px; height:36px; background-image:url(../images/site/about_asso_music_facebook.png); }
ul#about_associations li.reverbnation a { left:0; top:80px; width:221px; height:31px; background-image:url(../images/site/about_asso_music_reverbnation.png); }


/* 13.BLOG
---------------------------------------------------------------------- */

.blog div#content_pri h4.section_title { background-image:url(../images/site/blog_blog_h4.png); }

.blog div#content_sec h4#blog_recententries { background-image:url(../images/site/blog_recententries_h4.png); }
.blog div#content_sec h4#blog_browsecategories { background-image:url(../images/site/blog_browsecategories_h4.png); }
.blog div#content_sec h4#blog_browsedate { background-image:url(../images/site/blog_browsedate_h4.png); margin-bottom:15px; }

.blog div#content_pri { width:580px; float:left; }
.blog div#content_sec { width:220px; float:right; }



/* 14.WRITING
---------------------------------------------------------------------- */

.writing h4.section_title { background-image:url(../images/site/writing_writing_h4.png); }

div.writing_block { width:300px; float:left; margin:0 20px 30px 0; }
div.writing_block.one { clear:both; }
div.writing_block.three { margin-right:0; }

.writing p#pagination { clear:both; }

div.writing_block img { margin-bottom:15px; padding:7px; background:rgba(0,0,0,0.2); }
div.writing_block h4 { border:none; padding:0; font-size:11px; letter-spacing:1px;  }

ul.feature_list { list-style:none; font-size:12px; line-height:18px; border-top:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.07);}
ul.feature_list li { border-bottom:1px solid rgba(0,0,0,0.2); margin:0;  }
ul.feature_list li a { display:block; border:none; color:#000; background:url(../images/site/marker_10.png) no-repeat 5px center; padding:5px 5px 5px 25px;  }
ul.feature_list li a:hover,
ul.feature_list li a:focus { background-color:rgba(0,0,0,0.07); }
ul.feature_list li.cur a { background-color:rgba(0,0,0,0.1); background-image:url(../images/site/marker_10_black.png); }

div.writing_source {  color:#696554; font-size:12px; line-height:16px; font-style:italic; font-weight:bold; }
div.writing_source a { border:none; color:#696554; text-decoration:underline; }
div.writing_source a:hover,
div.writing_source a:focus { background:none; border:none; color:#403d32; }



/* 15.SPEAKING
---------------------------------------------------------------------- */

.speaking h4.section_title { background-image:url(../images/site/speaking_speaking_h4.png); }

.speaking div#content_pri { width:580px; float:left; }
.speaking div#content_sec { width:300px; float:right; padding-top:23px; }

div#speaking_intro { font-weight:bold; font-style:italic; font-size:15px; line-height:20px; }

ul#speaking_listing { list-style:none; margin-top:50px; border-top:2px solid rgba(0,0,0,0.4); font-size:13px; line-height:19px; }
ul#speaking_listing li { margin:0; border-bottom:2px solid rgba(0,0,0,0.2); overflow:hidden; padding:20px 20px 20px 160px; }
ul#speaking_listing li h2 { font-size:28px; margin:0 0 10px -160px; }
ul#speaking_listing li a img { padding:5px; background:rgba(0,0,0,0.2); float:left; margin:2px 20px 0 -160px; }
ul#speaking_listing li a:hover img,
ul#speaking_listing li a:focus img { background:rgba(0,0,0,0.3); }
ul#speaking_listing li p { margin:0; }

div#testimonial { margin-bottom:20px; }
div#testimonial blockquote { text-align:center; font-size:16px; line-height:24px; background:rgba(0,0,0,0.1); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border:none; padding:20px 20px 1px 20px; margin:0; }
div#testimonial blockquote p { margin-bottom:19px;  }
div#testimonial p#testimonial_by { font-style:italic; font-family:Verdana,sans-serif; font-size:10px; line-height:16px; color:#4d4836; padding:10px 80px 0 0; background:url(../images/site/testimonial_cite_bg.png) no-repeat 240px 0; }
div#testimonial p#testimonial_by cite { text-transform:none; letter-spacing:0; font-weight:bold; }

.speaking div#content_sec ul.feature_list { margin-bottom:40px; }

.speaking img.mainimage { padding:5px; background:rgba(0,0,0,0.2); margin-bottom:20px; }



/* 16.EXPEDITIONS
---------------------------------------------------------------------- */

.expeditions h4.section_title { background-image:url(../images/site/expeditions_h4.png); }





/* 17.RESOURCES
---------------------------------------------------------------------- */

.resources h4.section_title { background-image:url(../images/site/resources_h4.png); }

.resources div#content_pri { width:540px; float:left; }
.resources div#content_sec { width:180px; float:left; margin-left:60px; }
.resources div#content_thi { width:140px; float:right; font-size:13px; line-height:18px; }

.resources div#content_pri img { padding:5px; background:rgba(0,0,0,0.2); }

ul#file_list { list-style:none; }
ul#file_list li { margin-left:0; margin-bottom:10px; background-repeat:no-repeat; background-position:0 0; padding-left:23px; }
ul#file_list li.pdf { background-image:url(../images/site/filetype_pdf.gif); }
ul#file_list li.zip { background-image:url(../images/site/filetype_zip.gif); }
ul#file_list li.word { background-image:url(../images/site/filetype_word.gif); }
ul#file_list li.mp3 { background-image:url(../images/site/filetype_mp3.gif); }
ul#file_list li.image { background-image:url(../images/site/filetype_image.gif); }
ul#file_list li.excel { background-image:url(../images/site/filetype_xls.gif); }
ul#file_list li.generic { background-image:url(../images/site/filetype_generic.gif); }

ul#amazon_books { list-style:none; overflow:hidden; margin:0; }
ul#amazon_books li { margin:0 20px 15px 0; float:left; width:60px; clear:both; }
ul#amazon_books li.two { margin-right:0; clear:none; }
ul#amazon_books li a img { padding:3px; background:rgba(0,0,0,0.2); }
ul#amazon_books li a:hover img,
ul#amazon_books li a:focus img { background:rgba(0,0,0,0.4); }



/* 18.CONTACT
---------------------------------------------------------------------- */

.contact h4.section_title { background-image:url(../images/site/contact_contact_h4.png); }

.contact div#content_wrapper { overflow:visible; float:left; width:940px; padding-bottom:50px; }
.contact.thanks div#content_wrapper { padding-bottom:100px; }

.contact div#content_pri { width:460px; float:left; }
.contact div#content_sec { width:420px; float:right; position:relative; padding-top:200px; }

form#contact_form input[type="text"],
form#contact_form textarea { width:444px; margin-bottom:15px; }
form#contact_form select { width:460px; margin-bottom:15px; }

.contact div#content_sec img { position:absolute; top:-83px; left:0; }

div.vcard { background:rgba(0,0,0,0.1); padding:15px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; font-size:13px; }
div.vcard span.fn,
div.vcard a.url { display:none; }
div.vcard ul { margin:0; }



/* 19.404
---------------------------------------------------------------------- */

.fourohfour h4.section_title { background-image:url(../images/site/404_h4.png); }

.fourohfour div#content_pri { width:460px; float:left; }
.fourohfour div#content_sec { width:460px; float:right; margin-bottom:50px; }

.fourohfour div#content_pri h2 { width:138px; height:162px; text-indent:-9999px; background:url(../images/site/404_h2.png) no-repeat 0 0; float:left; margin:0 40px 30px 0; }

div#fourohfour_definitino { float:right; width:280px; font-size:13px; line-height:16px; margin-bottom:25px; }
div#fourohfour_definitino p.title { font-size:18px; margin:0 0 5px 0; }
div#fourohfour_definitino ol { list-style:decimal;  }

div#fourohfour_explanation { clear:both; background:rgba(0,0,0,0.1); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:15px 15px 1px 15px; }



/* 20.RSS
---------------------------------------------------------------------- */

.rss h4.section_title { background-image:url(../images/site/rss_h4.png); }

.rss div#content_pri p { font-size:16px; line-height:24px; width:460px; float:left; }
.rss div#content_pri p strong { display:block; width:140px; height:142px; float:left; margin:0 20px 100px 0; text-indent:-9999px; background:url(../images/site/rss_h2.png) no-repeat 0 0; }

.rss div#content_pri ul { width:380px; float:right; list-style:none; font-family:Helvetica,Arial,sans-serif; font-weight:bold; font-size:13px; }
.rss div#content_pri ul li {  margin:0; }
.rss div#content_pri ul li a { display:inline-block; color:#333; border:none; padding:4px 0 4px 25px; background:url(../images/site/rss_icon_15.png) no-repeat 0 center; }
.rss div#content_pri ul li a:hover,
.rss div#content_pri ul li a:focus { background-color:transparent; color:#111; text-decoration:underline; border:none; }