/*

	greg-wood.co.uk
	GREGORY JAMES WOOD
	VERSION 1.1
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.FORMS
	   4.HEADINGS
	   5.LINKS
	   6.PARAGRAPHS
	   7.IMAGES
	   8.LAYOUT
	   9.BRANDING/MASTHEAD
	   10.NAVIGATION
	   11.SEARCH
	   12.SITEINFO/FOOTER
	   13.HOME PAGE
	   14.ABOUT
	   15.WORK
	   16.BLOG
	   17.CONTACT
	   18.USER MESSAGE
	   19.404
	   20.EXAMPLES
	   
    -------------------
	
*/



@import "reset.css"; /* RESET CSS */



/* 0. NEW SITE
------------------------------------------------------------ */

div#newsite { background:#000; height:40px; width:100%; }
div#newsite a { display:block; height:40px; width:100%; text-indent:-9999px; background:url(../images/site/newsite_message.gif) no-repeat center 10px; }
div#newsite a:hover,
div#newsite a:focus { background-position:center -70px; }




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

body { background:#ffffff; font-family: Arial, sans-serif; font-size:12px; line-height:20px; color:#333; padding-bottom:30px; }
ul#nav_access { position:absolute; top:-9999px; left:-9999px; }



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

p { margin-bottom:15px; }

ul,ol,dl { margin-bottom:15px; }
ul { list-style:url(../images/site/bullet.png); }
li { margin-left:15px; }
ol { list-style:decimal; }
ol li { margin-left:0; list-style-position:inside; }

code { font-family:Courier New, Courier, monospace; background:#fffacc; }
pre { display:block; border:1px solid #ccc; padding:5px; margin-bottom:15px; overflow:auto; background:#fffacc; }

blockquote { padding-left:20px; font-family:Georgia, serif; border-left:2px solid #ccc; font-style:italic; color:#666; margin-bottom:15px; }
blockquote cite	 { font-variant:small-caps; font-style:normal; }
blockquote#pullquote { border:none; float:right; width:300px; color:#999; padding:0; padding-top:50px; margin:0 -165px 20px 30px; font-family: "Helvetica", Arial, sans-serif; font-style:normal; font-size:24px; line-height:24px; text-align:center; background:url(../images/site/blockquote_top_bg.png) no-repeat top left; }
blockquote#pullquote p	 { margin:0; background:url(../images/site/blockquote_bottom_bg.png) no-repeat bottom left; padding:0 15px 50px 15px; }

hr { height:0; background:url(../images/site/hr_bg.jpg) repeat-x left center; border:none; margin-bottom:15px; padding:10px 0; }

abbr { cursor:help; border-bottom:1px dotted #666; }
abbr:hover { border-bottom:1px solid #999; }
abbr.dtreviewed { border:none; cursor:text; }

strong { font-weight:bold; }
em { font-style:italic; }

.alert { background:#fffacc; padding:5px; font-weight:bold; }



/* 3.FORMS
------------------------------------------------------------ */

input[type="text"],
textarea,
select { border:2px solid #ccc; padding:2px; font-family:Arial, sans-serif; font-size:12px; line-height:18px; }
label { display:block; font-family:"Helvetica", Arial, sans-serif; }
label em { font-style:normal; font-size:20px; font-weight:bold; position:relative; bottom:-3px; color:#999; }
input[type="text"]:hover,
textarea:hover	{ border:2px solid #bbb; }
input[type="text"]:focus,
textarea:focus	{ border:2px solid #aaa; }



/* 4.HEADERS
------------------------------------------------------------ */

h1,h3,h4,h5,h6 { font-family:"Helvetica", Arial, sans-serif; }

h1 { font-size:50px; letter-spacing:-2px; }

h2 { font-size:22px; margin-bottom:10px; font-weight:bold; font-family:"HelveticaNeue Condensed", "Helvetica Condensed", Arial Narrow, "Helvetica", Arial, sans-serif; line-height:1.1em; }
p + h2 { padding-top:15px; }
ul + h2 { padding-top:15px; }
h2 a:link, h2 a:visited { text-decoration:none; color:#000; }
h2 a:hover, h2 a:focus { color:#413012; background:none; }

h3 { font-size:14px; margin-bottom:10px; font-weight:bold; }
p + h3 { padding-top:15px; }
ul + h3 { padding-top:15px; }
h3.section_head	 { border-bottom:2px solid #aaa; font-size:12px; text-transform:uppercase; color:#777; margin-bottom:15px; font-family:"Helvetica", Arial, sans-serif; }
h3 a:link, h3 a:visited { text-decoration:none; color:#777; }
h3 a:hover, h3 a:focus { color:#413012; background:555; }

div.inner.elsewhere h3 { text-indent:-9990px; background:#000 url(../images/site/h3_elsewhere.png) no-repeat left center; }

h4 { font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-bottom:20px; color:#666; border-bottom:1px solid #ccc; }

h5 { font-weight:bold; }
h5 span { font-size:11px; }

h6 { font-size:15px; margin-bottom:10px; color:#666; }



/* 5.LINKS
------------------------------------------------------------ */

a:link, a:visited { color:#413012; text-decoration:underline; }
a:hover, a:focus { color:#000; background:#fffacc;  }

a:hover img, a:focus img { border-color:#999; }

p.more_links a  { text-decoration:none; }

p.standfirst a { color:#fffacc; text-decoration:none; }
p.standfirst a:hover,
p.standfirst a:focus { background:#302001;  }



/* 6.PARAGRAPHS
------------------------------------------------------------ */

p.intro { margin:0; }

p.standfirst { padding:15px; margin-bottom:20px; margin-top:15px; background:#413012; color:#fff; font-weight:bold; font-family: "Helvetica", Arial, sans-serif; line-height:18px; font-size:14px; }
.about p.standfirst { padding-right:220px; position:relative; } 
.review p.standfirst,
.rss p.standfirst, 
.contact p.standfirst { padding-right:200px; position:relative; } 
.work_detail p.standfirst { width:515px; padding-right:410px; color:#fff; margin-top:5px; }

p.more_links { margin-top:10px; font-weight:bold; font-family: "Helvetica", Arial, sans-serif; margin-bottom:30px; color:#666; }
p.more_links a span { display:none; }
p.date { position:relative; left:530px; top:-40px; width:100px; text-align:right; margin-bottom:-25px; }



/* 7.IMAGES
------------------------------------------------------------ */

img { border:5px solid #aaa; }
img[alt="Feed Icon"] { border:none; }

img.fr { float:right; margin:0 -165px 20px 30px; }
img.fr.inline { margin:0 0 20px 30px; }
img.fl { float:left; margin:5px 20px 10px 0; }

img.jawbreaker { border:none; }

.about p.standfirst img { position:absolute; bottom:0; right:20px; z-index:2; border:none; }
.blog_post p.standfirst.image img { position:absolute; bottom:0; right:20px; z-index:2; border:none; }
.rss p.standfirst img { position:absolute; bottom:0; right:20px; z-index:2; border:none; }
.contact p.standfirst img { position:absolute; bottom:0; right:20px; z-index:2; border:none; }



/* 8.LAYOUT *FUCK SEMANTICS HERE*
------------------------------------------------------------ */

div#container { width:940px; margin:0 auto; position:relative; padding-top:30px; }

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

.gutter { margin-right:20px; }

.span1_2 { width:460px; float:left; }
.span1_3 { width:300px; float:left; }
.span2_3  { width:620px; float:left; }
.span1_6 { width:140px; float:left; }
.span1_6.gutter { margin-right:20px; }



/* 9.BRANDING/MASTHEAD
------------------------------------------------------------ */

div#branding { position:relative; }

div#branding h1 { float:left; margin:20px 0; width:270px; height:37px; background:url(../images/site/h1_title.png) no-repeat top left; text-indent:-9999em; }
div#branding h2 { float:right; margin:15px 0; width:215px; height:41px; background: #fffacc url(../images/site/h2_tagline.png) no-repeat center; text-indent:-9999em; padding:2px; }

div#branding h1 a { display:block; width:100%; height:100%; }
div#branding h1 a:hover,
div#branding h1 a:focus { background:none; }



/* 10.NAVIGATION
------------------------------------------------------------ */

ul#nav { margin:0; list-style:none; background:#000; overflow:hidden; height:40px; clear:both; position:relative; width:960px; width:100%;  }
ul#nav li { float:left; margin:0; text-indent:-9999em; height:40px; }

ul#nav li a { display:block; height:40px; background:url(../images/site/nav_bg.png) no-repeat top left; }

ul#nav li.home a { width:57px; }
ul#nav li.home a:hover,
ul#nav li.home a:focus	 { background-position:0 -40px; }
ul#nav li.home a.cur { background-position:0 -80px; }

ul#nav li.about a { width:55px; background-position:-57px 0; }
ul#nav li.about a:hover,
ul#nav li.about a:focus { background-position:-57px -40px; }
ul#nav li.about a.cur { background-position:-57px -80px; }

ul#nav li.work a { width:51px; background-position:-112px 0; }
ul#nav li.work a:hover,
ul#nav li.work a:focus { background-position:-112px -40px; }
ul#nav li.work a.cur { background-position:-112px -80px; }

ul#nav li.blog a { width:45px; background-position:-163px 0; }
ul#nav li.blog a:hover,
ul#nav li.blog a:focus { background-position:-163px -40px; }
ul#nav li.blog a.cur { background-position:-163px -80px; }

ul#nav li.reviews a { width:71px; background-position:-208px 0; }
ul#nav li.reviews a:hover,
ul#nav li.reviews a:focus { background-position:-208px -40px; }
ul#nav li.reviews a.cur { background-position:-208px -80px; }

ul#nav li.contact a  { width:75px; background-position:-279px 0; }
ul#nav li.contact a:hover,
ul#nav li.contact a:focus { background-position:-279px -40px; }
ul#nav li.contact a.cur { background-position:-279px -80px; }



/* 11.SEARCH
------------------------------------------------------------ */

fieldset#search { position:absolute; right:0px; top:83px; width:120px; height:30px; display:none; }
fieldset#search label { display:none; }
fieldset#search input[type="text"] { width:96px; height:16px; border:none; margin-right:7px; padding:2px; font-size:12px; }
fieldset#search input[type="image"] { position:absolute; top:0; right:0; }
fieldset#search a { display:none; }



/* 12.SITE INFO/FOOTER
------------------------------------------------------------ */

.home #siteinfo { margin-top:0; }
.work_detail #siteinfo { margin-top:20px; }
.work #siteinfo,
.contact.thanks #siteinfo { margin-top:80px; }

#siteinfo { background:#000; margin:0 auto; margin-top:50px; width:940px; height:40px; font-size:11px; position:relative; color:#333; clear:both; }
#siteinfo a { color:#333; }
#siteinfo a:hover,
#siteinfo a:focus { color:#666; background:none; }
#siteinfo p { margin:0; padding:8px; }

#siteinfo p.to_top { width:61px; height:85px; padding:0; text-indent:-9999px; background:url(../images/site/snowman.png) no-repeat top left; position:absolute; bottom:40px; right:20px; }
#siteinfo p.to_top a { display:block; width:100%; height:100%; background:none; }
.home #siteinfo p.to_top,
.work_detail #siteinfo p.to_top { display:none; }

#siteinfo .email,
#siteinfo .url { display:none; }



/* 13.HOMEPAGE
------------------------------------------------------------ */

.home { background:#fff url(../images/site/home_bg.png) no-repeat center 314px; }

.home #content_wrapper #intro { margin-bottom:30px; background:#660000 url(../images/site/we_built_this_city.png) no-repeat right bottom; color:#fff; padding:20px 500px 20px 20px; height:220px; line-height:30px; position:relative; }
.home #content_wrapper #intro a { text-decoration:none; color:#e4e09d; }
.home #content_wrapper #intro a:hover,
.home #content_wrapper #intro a:focus { background:#550000; }

.home #content_wrapper #intro h1 { font-family:Georgia, serif; font-size:18px; font-weight:bold; font-style:italic; letter-spacing:0px; }

.home #content_wrapper #intro p { text-indent:-9999em; width:25px; height:50px; position:absolute; right:134px; bottom:131px; }
.home #content_wrapper #intro p a { display:block; height:100%; width:100%; background:url(../images/site/feed_bg.png) no-repeat 25px 0; }
.home #content_wrapper #intro p a:hover,
.home #content_wrapper #intro p a:focus	 {background:url(../images/site/feed_bg.png) no-repeat 0 0; }

.home #content_wrapper .span2_3.gutter p img { float:left; width:100px; margin:3px 10px 10px 0; border:none; display:none; }
.home ul.blog_listing { list-style:none; margin-bottom:30px; }
.home ul.blog_listing li { margin:0; margin-bottom:15px; }
.home ul.blog_listing li.one { border-bottom:1px solid #ccc; }
.home ul.blog_listing li p.more_links { margin-bottom:15px; }

.home #content_wrapper .span1_3 p.work a { height:200px; overflow:hidden; display:block; margin:5px 0 15px 0; border:5px solid #aaa; }
.home #content_wrapper .span1_3 p.work a:link img,
.home #content_wrapper .span1_3 p.work a:visited img { border:none; width:290px; }




/* 14.ABOUT
------------------------------------------------------------ */

body.about { background:#fff url(../images/site/about_bg.jpg) no-repeat center 282px; }

.about #content_pri { width:550px; float:left; margin-right:90px; }
.about #content_sec { width:300px; float:left; }

.about #feature { width:940px; height:210px; background:#660000 url(../images/site/about_feature_bg.jpg) no-repeat left bottom; margin-bottom:30px; position:relative; }
.about #feature h1 { text-indent:-9999px; height:65px; width:193px; background:url(../images/site/about_feature_h1.jpg) no-repeat left top; position:absolute; bottom:0; left:243px; }
.about #feature img { border:none; position:absolute; bottom:0; left:-15px; }

div.topfive { width:260px; float:left; padding-bottom:15px; }
div.topfive.one { margin-right:30px; }

p.site_version { width:260px; float:left; font-size:11px; line-height:18px; font-style:italic; padding-top:15px; margin:0; }
p.site_version.four { margin-right:30px; }

.about #content_wrapper .span2_3 p,
.about #content_wrapper .span2_3 ul,
.about #content_wrapper .span2_3 h3 { width:465px; }
.about #content_wrapper .span2_3 p.standfirst { width:395px; }

ul#twitter_update_list { list-style:none; font-size:12px; margin-bottom:25px; }
ul#twitter_update_list li { margin:0; background:#FFFACC; padding:10px; font-style:italic; }
ul#twitter_update_list li a { font-style:normal; }

ul#monthly_music { list-style:none; margin-right:-20px; overflow:hidden; }
ul#monthly_music li { border:3px solid #aaa; width:54px; height:54px; margin:0 20px 0 0; float:left; }
ul#monthly_music li img { border:none; }
ul#monthly_music li span { display:none; }

div#recent_flickr { overflow:hidden; margin-bottom:20px; }
div.flickr_badge_image { float:left; text-align:center; }
div.flickr_badge_image a { border:3px solid #aaa; margin:0 21px 21px 0; display:block; width:80px; height:80px; overflow:hidden; background:#eee; }
div.flickr_badge_image a:hover,
div.flickr_badge_image a:focus { border-color:#999; }
div.flickr_badge_image img { border:none; display:inline; }
#flickr_badge_image3 a,
#flickr_badge_image6 a { margin-right:0; }



/* 15.WORK
------------------------------------------------------------ */

ul.work { list-style:none; margin:0; margin-right:-20px; overflow:hidden; }
ul.work li { margin:0 20px 20px 0; float:left; }
ul.work li a:link,
ul.work li a:visited { width:290px; height:130px; border:5px solid #ccc; overflow:hidden; display:block; }
ul.work li a:hover,
ul.work li a:focus { border:5px solid #aaa; }
ul.work li img { border:none; width:290px; }
ul.work li span { display:none; }

.recent_work { position:relative; background:url(../images/site/reg_teacher.png) no-repeat right bottom; margin-bottom:30px; overflow:hidden; }
.recent_work a.shit { width:370px; height:100%; border-top:5px solid #ccc; display:block; position:absolute; margin-left:20px; margin-top:0px; }
.recent_work a.shit:hover,
.recent_work a.shit:focus { background:none; }
.recent_work a.shit img { display:none; }
.recent_work div { background: url(../images/site/recent_work_bg.png) repeat-y 385px 0px; }
.recent_work h2 { padding-left:410px; position:relative; bottom:-30px; margin-top:-30px; }
.recent_work p { padding-left:385px; padding-bottom:120px; padding-top:30px; margin-bottom:25px; margin-left:20px; font-style:italic; font-family:Georgia, serif; font-size:12px; border-left:5px solid #ccc; }

p.get_some_website_action { background:#fffacc; padding:5px; }

.work_writeup { float:left; width:470px; }

#work_image { float:right; width:360px; border:5px solid #aaa; margin-right:20px; margin-bottom:40px; position:relative; overflow:hidden; }
#work_image a:hover,
#work_image a:focus { background:none; }
#work_image img { border:none; }

#work_image.slider div.slider_wrapper { position:relative; width:360px; top:0; overflow:hidden; }
#work_image.slider ul.container { list-style:none; overflow:hidden; margin:0; }
#work_image.slider ul.container li { margin:0; float:left; width:360px; }
#work_image.slider ul.container li img { width:360px; }

#work_image.slider a.nav { position:absolute; display:none; background:#ccc; z-index:2; padding:3px; text-decoration:none; font-weight:bold; }
#work_image.slider a.prev { bottom:0; left:0; }
#work_image.slider a.next { bottom:0; right:0; }

div.other_work { clear:both; overflow:hidden; padding-top:20px; padding-bottom:30px; }
div.other_work ul { list-style:none; margin:0; margin-right:-20px; }
div.other_work ul li { width:172px; height:100px; margin:0 20px 0 0; float:left;  }  
div.other_work ul li a { width:162px; height:90px; border:5px solid #aaa; overflow:hidden; display:block; }
div.other_work ul li a:hover,
div.other_work ul li a:focus { border-color:#999; }
div.other_work ul li a img { border:none; width:162px; }
div.other_work ul li span { display:none; } 



/* 16.BLOG
------------------------------------------------------------ */

.blog #content_wrapper { overflow:visible; float:left; width:940px; padding-bottom:30px; }
.blog #content_pri { width:540px; float:left; }
.blog #content_sec { width:300px; float:right; padding-bottom:120px; }

.blog img { border:none; }

/* -- BLOG HEADER -- */
div#blog_header { height:105px; background:#660000 url(../images/site/blog_header_h1.png) no-repeat 160px 46px; position:relative; color:#fff; font-size:11px; margin-bottom:50px; }
div#blog_header h1 { text-indent:-9999px; width:146px; height:130px; position:absolute; bottom:0; left:-8px; background:url(../images/site/blog_header_alien.png) no-repeat left top; }
div#blog_header div { width:140px; float:right; margin-left:20px; margin-top:12px; }
div#blog_header h4 { border:none; font-weight:bold; font-size:11px; letter-spacing:0; color:#fff; margin:0;}
div#blog_header p { line-height:18px; }
div#blog_header p a { color:#ccc; text-decoration:none; }
div#blog_header p a:hover,
div#blog_header p a:focus { color:#fff; text-decoration:none; background:none; }
div#blog_header p a.cur { text-decoration:underline; }

/* -- BLOG LISTING -- */
ul#blog_listing { list-style:none; margin:0; }
ul#blog_listing li { margin:0 0 40px 0px; position:relative; overflow:hidden; border-top:2px solid #ccc; padding:10px 0 0 160px; }

ul#blog_listing li ul { list-style-type:url(../images/site/bullet.png); margin-bottom:15px; }
ul#blog_listing li ul li { margin: 0 0 0 15px; border:none; padding:0; }

ul#blog_listing li ul.meta { position:absolute; left:0; top:15px; text-transform:uppercase; font-weight:bold; color:#bbb; font-size:11px; line-height:16px; }
ul#blog_listing li ul.meta li { margin:0; }
ul#blog_listing li ul.meta li a { color:#999; text-decoration:none; }
ul#blog_listing li ul.meta li a:hover,
ul#blog_listing li ul.meta li a:focus { color:#777; background:none; text-decoration:none; }

ul#blog_listing li img.sub { border:none; float:right; width:140px; margin:0 0 5px 20px; }
ul#blog_listing li a.continue { font-weight:bold; text-transform:uppercase; font-size:11px; }

ul#blog_listing li.image img { float:none; width:380px; margin:0; }

ul#blog_listing li.paginate { width:380px; height:20px; margin-left:160px; margin-bottom:20px; padding:0; border:none; }
ul#blog_listing li.paginate ul { margin:0; height:20px; }
ul#blog_listing li.paginate ul li { margin:0; width:120px; height:20px; }
ul#blog_listing li.paginate ul li a { display:block; width:120px; height:20px; text-indent:-9999px; }

ul#blog_listing li.paginate ul li.older { float:left; }
ul#blog_listing li.paginate ul li.older a { background:url(../images/site/blog_paginate_older.png) no-repeat left top; }
ul#blog_listing li.paginate ul li.older a:hover,
ul#blog_listing li.paginate ul li.older a:focus { background-position:left bottom; }

ul#blog_listing li.paginate ul li.newer { float:right; }
ul#blog_listing li.paginate ul li.newer a { background:url(../images/site/blog_paginate_newer.png) no-repeat left top; }
ul#blog_listing li.paginate ul li.newer a:hover,
ul#blog_listing li.paginate ul li.newer a:focus { background-position:left bottom; }

/* -- BLOG SIDE -- */
div#rssfeed { margin-bottom:40px; }
div#rssfeed h3 { position:absolute; top:-9999px; left:-9999px; }
div#rssfeed p { margin:0; }
div#rssfeed a { display:block; width:300px; height:85px; text-indent:-9999px; border-top:2px solid #ccc; border-bottom:2px solid #ccc; background:#eee url(../images/site/blog_rss_link.png) no-repeat right bottom; }
div#rssfeed a:hover,
div#rssfeed a:focus { background-color:#e6e6e6; border-color:#aaa; }

div#recent_entries h3 { width:94px; height:12px; text-indent:-9999px; background:url(../images/site/blog_recent_h3.png) no-repeat left top; margin-bottom:10px;  }
div#recent_entries ul { list-style:none; font-size:11px; margin-bottom:40px; border-top:1px solid #ccc; }
div#recent_entries ul li { margin:0; border-bottom:1px solid #ccc; }
div#recent_entries ul li a { color:#666; display:block; text-decoration:none; padding:2px; }
div#recent_entries ul li a:hover,
div#recent_entries ul li a:focus { color:#333; }

div#erskine_comrades h3 { width:300px; height:15px; text-indent:-9999px; background:url(../images/site/blog_erskine_h3.png) no-repeat left top; margin-bottom:10px; }
div#erskine_comrades ul { list-style:none; height:90px; background:url(../images/site/blog_erskine_heads.png) no-repeat left top; overflow:hidden; }
div#erskine_comrades ul li { float:left; height:90px; margin:0; }
div#erskine_comrades ul li#campbell { width:82px; }
div#erskine_comrades ul li#collison { width:75px; }
div#erskine_comrades ul li#pittock { width:65px; }
div#erskine_comrades ul li#swinfield { width:78px; }

div#erskine_comrades ul li a { display:block; height:90px; text-indent:-9999px; background:url(../images/site/blog_erskine_names.png) no-repeat left bottom; }
div#erskine_comrades ul li a:hover,
div#erskine_comrades ul li a:focus { background-position:-300px bottom; }
div#erskine_comrades ul li#collison a { background-position:-82px bottom; }
div#erskine_comrades ul li#collison a:hover,
div#erskine_comrades ul li#collison a:focus { background-position:-382px bottom; }
div#erskine_comrades ul li#pittock a { background-position:-157px bottom; }
div#erskine_comrades ul li#pittock a:hover,
div#erskine_comrades ul li#pittock a:focus { background-position:-457px bottom; }
div#erskine_comrades ul li#swinfield a { background-position:-222px bottom; }
div#erskine_comrades ul li#swinfield a:hover,
div#erskine_comrades ul li#swinfield a:focus { background-position:-522px bottom; }

/* -- BLOG ARTICLE -- */
div#article_standfirst { border-bottom:2px solid #ccc; position:relative; font-weight:bold; margin-bottom:25px; }
div#article_standfirst.image h2 { width:340px; }
div#article_standfirst h5 { font-size:11px; color:#bbb; text-transform:uppercase; margin-bottom:10px; position:relative; top:-10px; }
div#article_standfirst h5 a { color:#999; margin-right:10px; text-decoration:none; }
div#article_standfirst h5 a:hover,
div#article_standfirst h5 a:focus { color:#666; }
div#article_standfirst p { margin:0; color:#666; padding-bottom:25px; }
div#article_standfirst.image p { padding-right:200px; position:relative; }
div#article_standfirst img { position:absolute; bottom:0; right:0; border:none; }

div#article_body { padding-right:80px; padding-bottom:20px; overflow:hidden; }

div#article_body img { border:none; }
div#article_body img.fr { float:right; width:220px; margin:0 -80px 10px 20px; }
div#article_body img.fr.border { width:210px; border:5px solid #ccc; }
div#article_body img.fr.inline { margin:0 0 20px 30px; }
div#article_body img.full { width:540px; }

div#article_body blockquote#pullquote { border-top:2px solid #ccc; border-bottom:2px solid #ccc; float:right; width:220px; color:#999; padding:20px 0 0 0; margin:0 -80px 10px 20px; font-family: "Helvetica", Arial, sans-serif; font-style:normal; font-size:18px; line-height:18px; text-align:center; background-image:none; background:#eee; }
div#article_body blockquote#pullquote p	{ margin-bottom:20px; padding:0 15px; background:none; }

div#article_meta { font-weight:bold; font-size:10px; text-transform:uppercase; color:#999; padding:5px 0; clear:both; border-top:2px solid #ccc; margin-bottom:70px; }
div#article_meta a { text-decoration:none; color:#666; }
div#article_meta a:hover, 
div#article_meta a:focus { color:#333; }

/* -- BLOG DESIGN -- */
div#blog_design_comments { clear:both; width:540px; float:left; }

/* -- BLOG IMAGE -- */
div#image_image {  }
div#image_image img { width:540px; border:none; margin-bottom:0px; }
div#image_text { padding-bottom:10px; }

/* -- BLOG COMMENTS -- */
h3#comment_heading { font-family:"Helvetica", Arial, sans-serif; text-transform:uppercase; font-size:14px; border-bottom:2px solid #ccc; position:relative; padding:5px 0 10px 0; color:#999; }

h3#comment_heading a { text-indent:-9999px; text-decoration:none; background:url(../images/site/comment_head.png) no-repeat right top; width:43px; height:39px; display:block;position:absolute; top:0; right:0; }
h3#comment_heading a:hover,
h3#comment_heading a:focus { width:76px; margin-left:0; }

ol#comment_listing { list-style:none; font-size:12px; line-height:18px; width:540px; }
ol#comment_listing li { border-bottom:1px solid #ccc; padding:25px 0 15px 80px; min-height:70px; }
ol#comment_listing li img { float:left; border:5px solid #ccc; position:relative; left:-80px; margin:0 -100px 10px 0; }

ol#comment_listing li h4 { border:none; letter-spacing:normal; font-size:13px; font-family:"Helvetica", Arial, sans-serif; color:#999; margin-bottom:7px; }
ol#comment_listing li h4 a:link,
ol#comment_listing li h4 a:visited { text-decoration:none; color:#666; }
ol#comment_listing li h4 a:hover,
ol#comment_listing li h4 a:focus { color:#333; }

ol#comment_listing li p { margin-bottom:10px; } 

ol#comment_listing li.greg_comment { background:#eee; position:relative; padding-right:20px; margin-bottom:25px; }
ol#comment_listing li.greg_comment img { float:none; border:none; position:absolute; bottom:0; left:-37px; margin:0; }

ol#comment_listing li.greg_comment + li { padding-top:0; }
ol#comment_listing li.greg_comment + li.greg_comment { padding-top:25px; border-top:1px solid #ccc; }

/* -- BLOG COMMENT FORM -- */
ol#comment_listing + form#comment_form { clear:both; margin-bottom:30px; position:relative; }
ol#comment_listing + form#comment_form label { height:40px; width:220px; text-indent:-9999px; }
ol#comment_listing + form#comment_form label[for="comment"] { width:300px; background:url(../images/site/comment_label_comment.png) no-repeat left bottom; position:absolute; left:0; top:0; }
ol#comment_listing + form#comment_form label[for="name"] { background:url(../images/site/comment_label_name.png) no-repeat left bottom; margin-left:320px;  }
ol#comment_listing + form#comment_form label[for="email"] { background:url(../images/site/comment_label_email.png) no-repeat left bottom; margin-left:320px;  }
ol#comment_listing + form#comment_form label[for="url"] { background:url(../images/site/comment_label_url.png) no-repeat left bottom; margin-left:320px;  }

ol#comment_listing + form#comment_form fieldset { position:relative; width:540px; height:210px; }

ol#comment_listing + form#comment_form textarea { width:288px; height:158px; padding:5px; background:#eee; border:1px solid #ccc; margin:0; position:absolute; left:0; top:40px; font-size:13px; color:#999; }
ol#comment_listing + form#comment_form input[type="text"] { width:208px; height:18px; padding:5px; background:#eee; border:1px solid #ccc; font-size:13px; color:#999; margin-left:320px; }
ol#comment_listing + form#comment_form textarea:focus,
ol#comment_listing + form#comment_form input[type="text"]:focus { border-color:#999; color:#666; }

ol#comment_listing + form#comment_form div#comment_options { width:540px; height:20px; position:relative; margin-top:20px; }
ol#comment_listing + form#comment_form div#comment_options input#submit { position:absolute; right:0; top:0; }

p#comments_closed { width:540px; height:18px; text-indent:-9999px; background:url(../images/site/comments_closed.gif) no-repeat 0 0; margin:40px 0; }



/* 17.SKETCHBOOK
------------------------------------------------------------ */

.sketchbook div#content_pri { width:620px; float:left; } 
.sketchbook div#content_pri img { border:none; display:block; margin-bottom:10px; }



/* 17.CONTACT
------------------------------------------------------------ */

.contact #feature { width:940px; height:200px; background:#fff url(../images/site/contact_feature_bg.jpg) no-repeat left top; margin-bottom:0; padding-bottom:42px; position:relative; }
.contact #feature h1 { text-indent:-9999px; height:48px; width:489px; background:url(../images/site/contact_feature_h1.png) no-repeat left top; position:absolute; bottom:52px; left:20px; }
.contact #feature img { border:none; position:absolute; bottom:0; right:38px; }

.contact .span1_3 h3.section_head { text-align:right; }

fieldset#contact label { margin-top:10px; }

fieldset#contact textarea { width:462px; height:200px; }
fieldset#contact input[type="text"] { width:462px; }

fieldset#contact div { background:#fffacc; margin:0; padding:10px; width:450px; margin-top:30px; }



/* 18.USER MESSAGE
------------------------------------------------------------ */

body.user_message h2 { width:550px; margin:60px auto 10px auto; border-bottom:2px solid #ccc; padding-bottom:15px; padding-right:150px; }

div#user_message ul {width:500px; }
div#user_message { width:700px; margin:15px auto; font-weight:bold; font-family: "Helvetica", Arial, sans-serif;  font-size:15px; }
div#user_message p.link { position:relative; background:#413012; color:#fff; padding:15px; }
div#user_message p.link a { color:#fffacc; }
div#user_message p.link a:hover,
div#user_message p.link a:focus { background:#302001; }
div#user_message p.link img { border:none; position:absolute; right:20px; bottom:0; }



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

.fourohfour div#content_wrapper { text-indent:-9999px; font-size:1px; height:414px; background:url(../images/site/404.gif) no-repeat 0 50px; }



/* 20.EXAMPLES
------------------------------------------------------------ */

div.example { padding:10px; border:2px solid #ccc; margin-bottom:15px; }
div.example ul { margin:0; }

div.example.negative_links a.one { color:#000; text-decoration:underline; }
div.example.negative_links a:hover.one,
div.example.negative_links a:focus.one { color:#000; text-decoration:none; background:none; }
div.example.negative_links a.two { color:#993333; font-weight:bold; text-decoration:none; }
div.example.negative_links a:hover.two,
div.example.negative_links a:focus.two { color:#cc9999; background:none; }
div.example.negative_links a.three { background:#413012; color:#fff; text-decoration:none; }
div.example.negative_links a:hover.three,
div.example.negative_links a:focus.three { background:#413012; color:#ccc; }
div.example.positive_links a.one { color:#000; text-decoration:underline; }
div.example.positive_links a:hover.one,
div.example.positive_links a:focus.one { color:#000; background:#ccc; }
div.example.positive_links a.two { color:#993333; font-weight:bold; text-decoration:none; }
div.example.positive_links a:hover.two,
div.example.positive_links a:focus.two { color:#990000; background:none; text-decoration:underline; }
div.example.positive_links a.three { background:#413012; color:#fff; text-decoration:none; }
div.example.positive_links a:hover.three,
div.example.positive_links a:focus.three { background:#000; color:#fff; }