@charset "utf-8";
/* BODY
---------------------------------------------------------- */
body
{
	font-family: Helvetica, "Arial", sans-serif;
	margin: 0; padding: 0;
	background: #fff url("../images/bg_tile.png") repeat top left;
	color: #1a1a1a;
}

h1,h2,h3,h4,h5,h6 
{
	font-weight: normal;
}

a 
{
	text-decoration: none;
}

a:focus 
{
	outline: none;
}

.hilight
{
	color: #D63B00;
}

/* UTILITY
---------------------------------------------------------- */
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.clearcol
{
	clear: both;
	width: 100%;
	font-size: 0px;
	line-height: 0px;
	visibility: hidden;
	margin: 0;
}

.transparent-bg
{
	/*
	opacity: 0.6;
	-moz-opacity: 0.6;
	for IE only
	filter: alpha(opacity=60);
	*/
}

/* Floats */
.left { display: inline; float: left !important; }
.right { display: inline; float: right !important; }

/* Containers */
.wrapper
{
	display: block;
	clear: both;
	width: 100%;
	margin: 0; padding: 0;
}

.content
{
	display: block;
	clear: both;
	width: 950px;
	margin: auto; padding: 0;
	position: relative;
}

.boxmodel
{
	outline: 1px dotted pink;
	/* background-color: #CCC; */
}

/* COLUMNS
---------------------------------------------------------- */
.container 
{
	margin:0 auto;
	vertical-align: baseline;
	width: 950px;
}

.column 
{
	display: inline;
	float:left;
	margin-right:10px;
	position: relative;
	overflow: hidden;
}

.column.one-col
{
	width: 310px;
}

.column.two-col
{
	width: 620px;
}

.column.three-col
{
	width: 950px;
}

.column.feature-col
{
	width: 270px;	
}

.column.last
{
	margin-right: 0;
}

/* LISTS
---------------------------------------------------------- */
.list-heading 
{
	font-weight: bold;
	border-bottom: 1px solid  #555555;
	padding: 0 0 10px 0;
	color: #cb3409;
}

.listing 
{	
	list-style:none;
	margin: 0; padding: 0;
	position: relative;
}

.listing li 
{	
	display: block;
	float: left;
	list-style:none;
	margin: 0; padding: 0;
	vertical-align: bottom;
}

.listing li a 
{	
	display: block;
}

/* link-list */
.listing.link-list
{
	margin: 0;
}

.listing.link-list li
{
	margin: 0 0 0 10px;
}

.listing.link-list li a
{
	margin: 0; padding: 0;
	text-decoration: none;
}

.listing.link-list li a:hover
{
	text-decoration: underline;
}

.listing.link-list li.current a
{
	font-weight: bold;	
}

.listing.link-list li.last a
{
	border-right: none;
	padding-right: 0;
}

/* Listing Bulleted */
ol.basic, ul.basic {}

ol.basic li, 
ul.basic li 
{	
	margin-bottom: .5em;
}

ol.bulleted,
ul.bulleted
{
	list-style-image: url("../images/bullet_grey.png");
}

ol.bulleted.light,
ul.bulleted.light
{
	list-style-image: url("../images/bullet_white.png");
}

ol.checkmarked,
ul.checkmarked
{
	list-style-image: url("../images/check_grey.png");
}

ol.checkmarked.light,
ul.checkmarked.light
{
	list-style-image: url("../images/check_white.png");
}

ol.checkmarked.green,
ul.checkmarked.green
{
	list-style-image: url("../images/check_green.png");
}

/* Link Lists */
ol.bulleted li a,
ul.bulleted li a
{
	padding: 0 20px 0 0;
	background: url("../images/icon_ext_link_dark.png") no-repeat right 50%;
	color: #D63B00;
}

ol.bulleted li a:hover,
ul.bulleted li a:hover
{
	border-bottom: 1px dotted #D63B00;
}

/* MAIN
---------------------------------------------------------- */
#main 
{
	background: url("../images/watercolor_bg.jpg") no-repeat top left;	
}

/* READING PANE
---------------------------------------------------------- */
#reading-pane
{
	margin-bottom: 10px; padding: 40px;
	width: 550px;
	background: #fff;
	outline: 1px solid #d7d7d7;
	overflow: hidden;
}

#reading-pane-full
{
	margin-bottom: 10px; padding: 40px;
	width: 870px;
	background: #fff;
	outline: 1px solid #d7d7d7;
	overflow: hidden;
}

/* HEADER: UTILITY BAR
---------------------------------------------------------- */
#utilitybar
{
	height: 27px;
	background: #460000 url("../images/utilitybar_tile.png") repeat-x left top;
	color: #fff;
	border-bottom: 1px solid #9c2501;
}

#utilitybar .listing
{
	margin: 0 auto;
	padding: 6px 0 0 0;	
	font-size: 0.83em;
}

#utilitybar .listing li.tagline
{
	float: left;	
	margin: 0;
}

#utilitybar .listing li.rss
{
	float: right;	
}

#utilitybar .listing li a
{
	color: #fff;	
}

#utilitybar .listing li a:hover 
{
	text-decoration: underline;	
}

#utilitybar .listing li a.rss
{
	background: url("../images/rss_icon_s.png") no-repeat right 50%;
	padding: 0 15px 0 0;
}


/* HEADER: LOGO
---------------------------------------------------------- */
#logo 
{
	font-family: Georgia, "Times New Roman", Times, serif;
}

#logo a
{
	color: #fff;
}

#logo.replacement 
{
	margin: 0; padding: 30px 0 25px 0;
	background: url("../images/fff_logo.png") no-repeat left 50%;
	padding: 20px 0 20px 0;
	height: 30px;
	overflow: hidden;
}

#logo.replacement a
{
	display: block;
	text-indent: -9999px;
}

/* HEADER: NAV BAR
---------------------------------------------------------- */
#navbar 
{
	position: relative;
	border: 1px solid #e33e00;
	height: 33px;
}

#navbar .transparent-bg
{
	background: #360000;
	position: absolute;
	top: 0; left: 0;
	height: 33px;
}

/* HEADER: NAVIGATION
---------------------------------------------------------- */
#global-nav 
{
	position: absolute;
	top: 0; left: 5px;
	padding: 5px 0 0 0;
}

#global-nav li 
{
	font-size: .92em;
	margin: 0 10px 0 0;
}

#global-nav li a 
{
	color: #1a1a1a;
}

#global-nav a:focus 
{
	outline: none;
}

#global-nav .page_item a
{
	margin: 0; padding: 3px 6px 3px 6px;
	color: #fff;
}

#global-nav .page_item a:hover 
{
	color: #1a1a1a;
	background: #fff;
	text-decoration: none;
}

#global-nav .page_item.current_page_item a 
{
	background: #ea7b01 url("../images/current_page_item_bg.png") repeat-x bottom left;
	margin: 0; padding: 3px 6px 3px 6px;
	color: #fff;
	font-weight: bold;
}

/* HEADER: SEARCH FORM
---------------------------------------------------------- */
#searchform
{
	float: right;
	margin: 4px 4px 0 0; padding: 1px;
	width: 306px; height: 23px;
	
	background-color: #fff;

	position: relative;
}

#searchform label
{
	display: none;	
}

#searchform input
{
	margin: 0 !important; padding: 0 !important;
	border: 0;
}

/* Search Terms */
#searchform .input-wrapper
{
	float: left;
	width: 278px;
	margin: 0 3px 0 0; padding: 2px 0 3px 2px;
}

#searchform .input-wrapper input
{
	width: 278px;
}

#searchform .blank
{
	color: #999;	
}

#searchform input.iconbutton
{
	padding: 1px 1px 1px 0 !important;
	width: 23px; height: 23px;
	background: #4b0300 url("../images/icon_search.png") no-repeat top left;
	color: #fff;
	text-indent: -999px;
	
}

/* HEADER: MESSAGE BOX
---------------------------------------------------------- */
#messagingbox
{
	margin-bottom: 30px;
	position: relative;
	border: 1px solid #e33e00;
	border-top: none;
	
	overflow: hidden;
}

.three-line-deck
{
	height: 183px;
}

.two-line-deck
{
	height: 134px;
}

.one-line-deck
{
	height: 92px;
}

#messagingbox .transparent-bg
{
	background: #4c0000;
	position: absolute;
	top: 0; left: 0;
}

#messagingbox p
{
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	top: 0; left: 0;
	margin: 0; padding: 25px 30px 25px 30px;

	color: #fff;
	font-size: 2.33em;
}

#messagingbox p a
{
	font-style: italic;
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#messagingbox p a:hover
{
	border-bottom: 1px solid #fff;
}

/* CONTROL BAR
---------------------------------------------------------- */
.control-bar
{
	position: relative;
	margin-bottom: 10px;
	background: #1a1a1a url("../images/controlbar_tile.png") repeat top left;
	color: #fff;
	height: 30px;
}

.control-bar .stats 
{
	padding: 0 0 0 10px;
}

.control-bar .stats.feature 
{
	padding: 0 0 0 48px;
}

.control-bar .stats li
{
	margin: 0 5px 0 0; padding: 6px 0 0 0;
	color: #8a8a8a;
}

.control-bar .stats li.title
{
	color: #fff;
}

.control-bar .stats li.action-item
{
	float: right;
	margin: 0; padding: 2px 0 2px 0;
}

.control-bar .stats li.action-item a
{
	width: 26px; height: 26px;
	margin-right: 2px; padding: 0;
	
	overflow: hidden;
	text-indent: -9999px;
	color: #fff;
}

.control-bar .stats li.action-item.next a
{
	background: #4b0300 url("../images/arrow_right.png") no-repeat top left;
}

.control-bar .stats li.action-item.add-comment a
{
	background: #4b0300 url("../images/add_comment.png") no-repeat top left;
	width: 130px;
}


.control-bar .stats li.action-item.prev a
{
	background: #4b0300 url("../images/arrow_left.png") no-repeat top left;
}

.control-bar .stats li.action-item.next.disabled a
{
	background: #4b0300 url("../images/arrow_right_disabled.png") no-repeat top left;
}

.control-bar .stats li.action-item.other-articles a
{
	background: #4b0300 url("../images/other_articles.png") no-repeat top left;
	width: 114px;
}

.control-bar .stats li.action-item.recent-articles a
{
	background: #4b0300 url("../images/recent_articles.png") no-repeat top left;
	width: 114px;
}

.control-bar .stats li.action-item.other-work a
{
	background: #4b0300 url("../images/other_work.png") no-repeat top left;
	width: 114px;
}


.control-bar .stats li.action-item.prev.disabled a
{
	background: #4b0300 url("../images/arrow_left_disabled.png") no-repeat top left;
}

.control-bar .stats li.action-item a:hover
{
	outline: 1px solid #fff;
}

.control-bar .stats li.action-item a.disabled:hover
{
	outline: none;
}

/* CONTROL BAR: FEATURE RSS (ROLLOVER STATES)
---------------------------------------------------------- */
.control-bar a.feature-rss
{
	position: absolute;
	left: 10px; top: -5px;
	
	background: url("../images/rss_icon_orange_over.png") no-repeat top left;
	background-image: url("../images/rss_icon_orange.png");
	width: 31px; height: 31px;
	overflow: hidden;

	color: #D63B00;
	text-indent: -9999px;
}

.control-bar a.feature-rss:hover
{
	background: url("../images/rss_icon_orange_over.png") no-repeat top left;
	left: 10px; top: -7px;
}

/* SIDEBAR
---------------------------------------------------------- */
#sidebar-main
{
	margin-bottom: 10px;
}

.sidebar-wrapper .sidebar-container
{
	position: relative;
	background: #fff;
	margin-bottom: 10px; padding: 0;
	outline: 1px solid #d7d7d7;
}

.sidebar-wrapper .sidebar-container .box-content
{
	padding: 20px;
	clear: both;
}

/* SIDEBAR COLORS
---------------------------------------------------------- */
.sidebar-wrapper .sidebar-container a
{ 
	color: #D63B00;
}

.sidebar-wrapper .sidebar-container a:hover
{
	border-bottom: 1px dotted #D63B00;
}

.sidebar-wrapper .sidebar-container p
{ 
	color: #222222;
}

.sidebar-wrapper .sidebar-container p.note
{
	margin-bottom: 0;
}

/* SIDEBAR HEADINGS
---------------------------------------------------------- */
.sidebar-wrapper h1,
.sidebar-wrapper h2,
.sidebar-wrapper h3,
.sidebar-wrapper h4,
.sidebar-wrapper h5,
.sidebar-wrapper h6
{
	color: #750400;
}

/* DARK BACKGROUND
---------------------------------------------------------- */
.sidebar-wrapper .sidebar-container.dark-bg
{
	position: relative;
	background: #1a1a1a url("../images/controlbar_tile.png") repeat top left;
	color: #fff;
	outline: none;
}

.sidebar-wrapper .sidebar-container.dark-bg p
{
	color: #fff;
}

.sidebar-wrapper .sidebar-container.dark-bg h1,
.sidebar-wrapper .sidebar-container.dark-bg h2,
.sidebar-wrapper .sidebar-container.dark-bg h3,
.sidebar-wrapper .sidebar-container.dark-bg h4,
.sidebar-wrapper .sidebar-container.dark-bg h5,
.sidebar-wrapper .sidebar-container.dark-bg h6
{
	color: #fff;
}

/* BOX TITLEBAR
---------------------------------------------------------- */
.sidebar-wrapper .sidebar-container .box-titlebar
{
	display: block;
	
	margin: 0; padding: 0;
	height: 30px;
	overflow: hidden;
	
	border-bottom: 1px solid #d7d7d7;
	background: #f0f0f0;
	
	clear: both;
}

.sidebar-wrapper .sidebar-container .box-titlebar h3
{
	position: absolute;
	top: 10px; left: 10px;
	margin: 0; padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #222222;
}

.sidebar-wrapper .sidebar-container .box-titlebar a.toggle
{
	position: absolute;
	top: 4px; right: 4px;
	background: url("../images/toggle_none.png") no-repeat top left;
	width: 22px; height: 22px;
	overflow: hidden;
	text-align: center;
	border-bottom: none;
}

/* Default Icon (no symbol) */
.sidebar-wrapper .sidebar-container .box-titlebar a.toggle:hover
{
	border-bottom: none;
}

/* Open Icon */
.sidebar-wrapper .sidebar-container .box-titlebar a.toggle.open
{
	background-image: url("../images/toggle_close.png");
	background: url("../images/toggle_open.png") no-repeat top left;
	text-indent: -9999px;
}

/* Close Icon */
.sidebar-wrapper .sidebar-container .box-titlebar a.toggle.close
{
	background: url("../images/toggle_close.png") no-repeat top left;
	text-indent: -9999px;
}

/* ABOUT BOX
---------------------------------------------------------- */
.sidebar-wrapper .sidebar-container.about-box .author-image
{
	background: url("../images/author_image_bg.jpg") no-repeat top left;
	width: 310px; height: 125px;
}

.sidebar-wrapper .sidebar-container.about-box p
{
	margin-bottom: 0;
}

/* CONTACT BOX
---------------------------------------------------------- */
.sidebar-wrapper .sidebar-container.contact-box .contact-form{}

.sidebar-wrapper .sidebar-container.contact-box .action-link
{
	font-weight: bold;
}

.sidebar-wrapper .sidebar-container.contact-box .contact-form p
{
	margin-bottom: 5px;
}

.sidebar-wrapper .sidebar-container.contact-box .contact-form label
{
	display: block;
	margin-bottom: 5px;
	clear: both;
}

.sidebar-wrapper .sidebar-container.contact-box .contact-form input.text,
.sidebar-wrapper .sidebar-container.contact-box .contact-form textarea
{
	width: 258px;
}

.sidebar-wrapper .sidebar-container.contact-box .contact-form textarea
{
	height: 150px;
	margin-top: 0;
}


/* BOOKMARKS
---------------------------------------------------------- */
.sidebar-wrapper .sidebar-container.bookmarks-box{}

.sidebar-wrapper .sidebar-container .box-content ul.bookmarks
{
	list-style: none;
	margin: 0; padding: 0;
	position: relative;
}

.sidebar-wrapper .sidebar-container .box-content ul.bookmarks li
{
	padding: 0 0 0 15px;
	background: url("../images/bullet_grey.png") no-repeat left 50%;
}

.sidebar-wrapper .sidebar-container .box-content ul.bookmarks li a
{
	padding: 0 20px 0 0;
	background: url("../images/icon_ext_link_dark.png") no-repeat right 50%;
}

/* TWITTERTOOLS
---------------------------------------------------------- */
.sidebar-wrapper .sidebar-container.tweet-box{}
.sidebar-wrapper .sidebar-container .box-content .aktt_tweets ul
{
	margin: 0; padding: 0;
	list-style: none;
}

.sidebar-wrapper .sidebar-container .box-content .aktt_tweets li
{
	display: block;
	margin-bottom: 10px; padding: 0 0 10px 0;
	border-bottom: 1px solid #D7D7D7;
}

.sidebar-wrapper .sidebar-container .box-content .aktt_tweets li a
{
	padding: 0 20px 0 0;
	background: url("../images/icon_ext_link_dark.png") no-repeat right 50%;
}

.sidebar-wrapper .sidebar-container .box-content .aktt_tweets li.aktt_more_updates 
{
	margin-bottom: 0; padding: 10px 0 0 0;
	border-bottom: none;
}

.sidebar-wrapper .sidebar-container .box-content .aktt_tweets li.aktt_more_updates a
{
	display: block;
	background: url("../images/twitter_updates.png") no-repeat left 50%;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
}

.sidebar-wrapper .sidebar-container .box-content .aktt_tweets li.aktt_more_updates a:hover
{
	border-bottom: none;	
}

/* ARTICLE BOXES
---------------------------------------------------------- */
.article-box
{
	position: relative;
	background: #252525 url("../images/article_tile_recent_container.png") repeat top left;
	width: 310px; height: 390px;
	margin-bottom: 10px;
	overflow: hidden;
	color: #fff;
}

.article-box.new
{
	background: #252525 url("../images/article_tile_recent_container_new.png") repeat top left;
}

/* Article Image */
.article-box .article-image
{
	position: relative;
	background: #1b1b1b url("../images/article_tile_recent.png") repeat top left;
	height: 195px;
	overflow: hidden;
}

.article-box.new .article-image
{
	background: #1b1b1b url("../images/article_tile_recent_new.png") repeat top left;
}

.article-box .article-image img
{
	border: none;	
}

.article-box .article-image .article-image-hover,
.work-item .work-item-image .work-image-hover
{
	display: none;
	background: url("../images/article_tile_grid.gif") repeat top left;
	position: absolute;
	top: 0; left: 0;
	width: 310px; height: 195px;
}

/* Action Buttons */
.article-box .action-buttons,
.article-box .transparent-bg
{
	position: absolute;
	z-index:1;
	top: 104px; right: 0;
	width: 280px; height: 60px;
}

.article-box .transparent-bg
{
	z-index:2;
	background: #010101;	
}

.article-box.new .transparent-bg
{
	background: #210000;	
}

.article-box ul.action-buttons
{
	z-index:3;
	width: 265px; height: 40px;
	padding: 15px 0 0 15px;
}

.article-box ul.action-buttons li,
.article-box ul.action-buttons li a
{
	font-weight: bold;
}

.article-box ul.action-buttons li
{
	clear: both;
	font-size: .92em;
}

.article-box ul.action-buttons li a:hover
{
	text-decoration: underline;	
}

.article-box ul.action-buttons li a.readmore
{
	text-transform: uppercase;
	color: #fff;
}

.article-box ul.action-buttons li a.comments
{
	text-transform: uppercase;
	color: #636363;
}

.article-box.new ul.action-buttons li a.comments
{
	color: #d63b00;
}

/* Article Summary */
.article-box .article-summary
{
	padding: 30px 30px 0 30px;
	height: 165px;
	overflow: hidden;
}

.article-box .article-summary h2
{
	font-size: 1.17em;
	line-height: 1.33em;
	margin-bottom: .45em;
}

.article-box .article-summary h2 span
{
	display: block;
	clear: both;
	color: #acacac;
	font-size: .75em;
	font-weight: bold;
}

.article-box.new .article-summary h2 span
{
	color: #D63B00;
}

.article-box .article-summary h2 a 
{
	color: #fff;
	padding: 2px 0 2px 0;
}

.article-box .article-summary h2 a:hover
{
	background: #fff;
	color: #1a1a1a;
}

.article-box .article-summary p,
.article-box .article-summary p.summary
{
	margin: 0;
}

.article-box .article-summary p a,
.article-box .article-summary p.summary a
{
	padding: 0 20px 0 0;
	background: url("../images/icon_ext_link.png") no-repeat right 50%;
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.article-box .article-summary p a:hover,
.article-box .article-summary p.summary a:hover
{
	border-bottom: 1px solid #fff;
}


/* RECENT WORK ITEMS
---------------------------------------------------------- */
#recent-work{}

#recent-work .work-item
{
	position: relative;
	background: #252525 url("../images/article_tile_recent.png") repeat top left;
	margin-bottom: 10px;
	overflow: hidden;
	color: #fff;
	
	width: 470px;
}

#recent-work .work-item.full-size
{
	height: 610px;
}

#recent-work .work-item.half-size
{
	height: 382px;
}

.work-item a
{
	color: #fff;
}

.work-item a:hover
{
	text-decoration: underline;
}

#recent-work .work-item .work-item-image img
{
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: auto;
}


#recent-work .work-item .details
{
	position: absolute;
	bottom: 0; left: 0;
	background: #252525 url("../images/article_tile_recent_container.png") repeat top left;
	overflow: hidden;
	z-index: 9999;
}

#recent-work .work-item .details ul.listing
{
	position: relative;
	width: 470px; height: 24px;
	overflow: hidden;
	padding: 3px 0 3px 0;
}

#recent-work .work-item .details ul.listing li.client-name
{
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	padding: 3px 0 0 60px;
}

#recent-work .work-item .details ul.listing li a.details-toggle
{
	position: absolute;
	top: 3px; left: 3px;
}

#recent-work .work-item .details ul.listing li a.details-toggle
{
	background: #b50a00 url("../images/action_button_bg.png") repeat-x bottom left;
	font-weight: bold;
}

#recent-work .work-item .details ul.listing li a.details-toggle
{
	padding: 3px 6px 3px 6px;
}	

#recent-work .work-item .details ul.listing li a.image-link
{
	background: #464646;
	padding: 3px 9px 3px 9px;
	margin-right: 3px;	
	font-weight: bold;
}

#recent-work .work-item .details ul.listing li a.image-link.current
{
	background: #fff;
	color: #1a1a1a;
}


#recent-work .work-item .details ul.listing li a.details-toggle:hover,
#recent-work .work-item .details ul.listing li a.image-link:hover
{
	text-decoration: none;
	outline: 1px solid #fff;
	border: none;
}

#recent-work .work-item .details ul.listing li a.image-link.current:hover
{
	outline: 1px solid #cecece;
}

#recent-work .work-item .details .case-study-wrapper
{
	padding: 20px;	
}

#recent-work .work-item .details dl
{
	height: 1%;
	font-size: 0.833em;
	clear: both;
}

#recent-work .work-item .details dl dt,
#recent-work .work-item .details dl dd
{
	margin: 0 0 0.667em 0;
}

#recent-work .work-item .details dl dt
{
	float: left;
	width: 15%;
	color: #999;
	font-weight: bold;
	text-transform: uppercase;
	clear: left;
}

#recent-work .work-item .details dl dd
{
	float: left;
	width: 85%;
	clear: right;
}

#recent-work .work-item .details a
{
	padding: 0 16px 0 0;
	background: url("../images/icon_site_link.png") no-repeat right 50%;
	text-decoration: none;
}
#recent-work .work-item .details a:hover
{
	border-bottom: 1px dotted #fff;
}

#recent-work .work-item .details p.case-study
{
	margin: 0;	
}

#recent-work .work-item .details p.case-study span.tags
{
	display: block;
	clear: both;
	background:#252525 url("../images/tag_orange.png") no-repeat 3px 3px;
	margin: 10px 0 0 0; padding: 3px 3px 3px 22px;
	border: 1px solid #363636;
	
	font-size: .8em;
}

/* Headings
---------------------------------------------------------- */
#reading-pane-full h1,
#reading-pane h1,
#reading-pane h2,
#reading-pane h3,
#reading-pane h4,
#reading-pane h5,
#reading-pane h6
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #222222;
}

#reading-pane .title-link
{
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.167em;
	color: #222222;
}

#reading-pane .title-link a
{
	color: #222222;
}

#reading-pane .title-link a:hover
{
	border-bottom: 1px dotted #222222;
}


/* Links
---------------------------------------------------------- */
#reading-pane a 
{
	text-decoration: none;
	color: #D63B00;
}

#reading-pane a:focus 
{
	outline: none;
}

#reading-pane p a 
{
	padding: 2px 20px 2px 5px;
	color: #ffffff;
	background: #D63B00 url("../images/icon_ext_link.png") no-repeat right 50%;;
}

#reading-pane p a:hover
{
	background-color: #e26b03;
}

/* Links with images */
#reading-pane p a.imagelink {
	margin: 0; padding: 0;
	border: none;
	background: none;
	text-decoration: none;
	color: #39444d;
}

#reading-pane p a.imagelink:hover {
	background: none;
}

/* Paragraph
---------------------------------------------------------- */
#reading-pane p
{
	color: #222222;
}

#reading-pane p.byline a
{
	color: #D63B00;
	font-weight: bold;
	font-style: italic;
	background: none;
	padding: 0;
}

#reading-pane p.intro-deck
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.333em;
	line-height: 1.5em;
}


/* Paragraph
---------------------------------------------------------- */
/* Bullets */
#reading-pane ul
{
	list-style-image: url("../images/bullet_grey.png");
}

/* Link Lists */
#reading-pane ul li a
{
	padding: 0 20px 0 0;
	background: url("../images/icon_ext_link_dark.png") no-repeat right 50%;
}

#reading-pane ul li a:hover
{
	border-bottom: 1px dotted #D63B00;
}

#reading-pane ul,
#reading-pane ol
{
	padding-left: 10px;
}


#reading-pane ul li,
#reading-pane ol li
{
	margin-bottom: 10px;
}

#reading-pane div.notice p
{
	margin-bottom: 0;	
}

/* BLOCKQUOTE
---------------------------------------------------------- */
#reading-pane blockquote,
#reading-pane q
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.167em;
	line-height: 2.25em;
	color: #888;
	padding-left: 20px;
	border-left: 4px solid #9c0800;
}

#reading-pane blockquote p,
#reading-pane q p
{
	color: #666 !important;
}

/* Post Meta
---------------------------------------------------------- */
#reading-pane ul.meta-top
{
	margin: 0; padding: 5px 0 0 0;
	width: 540px; height: 1.333em;
	
	border-top: 1px solid #999;
	clear: both;
}

#reading-pane ul.meta-top li
{
	margin: 0 5px 0 0; padding: 0 5px 0 0;
	border-right: 1px solid #999;
	font-size: 0.833em;
}

#reading-pane ul.meta-top li.last
{
	border-right: none;
	padding: 0;
	margin: 0;
}

#reading-pane ul.meta-top li a:hover
{
	border-bottom: 1px dotted #e26b03;
}

/* Share This */
#reading-pane ul.meta-top li a.stbutton.stico_default
{
	padding: 0 0 4px 20px;
}

#reading-pane ul.meta-top li a.stbutton.stico_default .stbuttontext
{
}

@charset "utf-8";

/* COMMENTS
---------------------------------------------------------- */
#comments-pane,
#forms-pane
{
	margin-bottom: 10px; padding: 170px 40px 40px 40px;
	width: 550px;
	background-color: #fff;
	overflow: hidden;
}

#comments-pane.stand-alone
{
	/* TODO: Refactor this to remove border */
	margin-bottom: 0;
	border-bottom: none;
}

#forms-pane.stand-alone
{
	border-top: none;
	border-bottom: 1px solid #d7d7d7;
}

#comments-pane div.notice 
{
	background: #7eb51b;
	border-color: #668c05;
	color: #1a1a1a;
}


#comments-container h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #222222;
}

#comments-container h2.comment-header
{
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 550px; height: 110px;
	margin: 0; padding: 40px 40px 0 40px;

	background: #ffffff url("../images/comments_header.png") no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

#comments-container h2.comment-header.add
{
	background: #ffffff url("../images/add_comments_header.png") no-repeat top left;
}

/* COMMENTS LAYOUT
---------------------------------------------------------- */
#comments-container{}
#comments-container ol.comment-list
{
	list-style: none;
	margin: 0; padding: 0;
}

/* Comment Item */
#comments-container ol.comment-list li.comment-item
{
	display: block;
	margin-top: 0; padding: 10px 0 10px 10px;
	border-bottom: 1px solid #D7D7D7;
}

#comments-container ol.comment-list li.comment-item.last
{
	margin-bottom: 0;
	border-bottom: none;
}

/* Comment Content */
#comments-container ol.comment-list li.comment-item .comment
{
	float: left;
	width: 320px;
	overflow: hidden;
}

#comments-container ol.comment-list li.comment-item .comment p a
{
	padding: 0 20px 0 0;
	background: url("../images/icon_ext_link.png") no-repeat right 50%;
	color: #D63B00;
}

#comments-container ol.comment-list li.comment-item .comment p a:hover
{
	border-bottom: 1px dotted #D63B00;
}

/* Comment Author */
#comments-container ol.comment-list li.comment-item .comment-author
{
	float: left;
	width: 190px;
	margin-right: 20px;
}

#comments-container ol.comment-list li.comment-item .comment-author p
{
	margin: 0; padding: 0;
}

#comments-container ol.comment-list li.comment-item .comment-author p cite
{
	font-weight: bold;
	font-style: normal;
}


#comments-container ol.comment-list li.comment-item .comment-author p span.small
{
	font-size: 0.8em;
	color: #707070;
}

/* Author Image */
#comments-container ol.comment-list li.comment-item .comment-author img
{
	float: left;
	width: 48px; height: 48px;
	border: 1px solid #D7D7D7;
	margin-right: 10px; padding: 4px;

	background: #ffffff;
	font-size: .5em;
	overflow: hidden;
	vertical-align:bottom;
}

/* Blog Author Styles */
#comments-container ol.comment-list li.comment-item.author
{
	background: #960800 url("../images/article_tile_recent.png") repeat top left;;
}

#comments-container ol.comment-list li.comment-item.author .comment-author p,
#comments-container ol.comment-list li.comment-item.author .comment-author p cite,
#comments-container ol.comment-list li.comment-item.author .comment
{
	color: #ffffff;
}

#comments-container ol.comment-list li.comment-item.author .comment-author p span
{
	color: #D63B00;
}

#comments-container ol.comment-list li.comment-item.author .comment-author img
{
	border: 1px solid #666;
	background: #333;
}


/* Comment Form
---------------------------------------------------------- */
#forms-pane
{
	background: #9d0a00 url("../images/add_comments_bg.png") no-repeat bottom left;
}

.comment-form 
{
	display: block;
	clear: both;
}

/* Column Sizes */
.comment-form .one-col
{
	width: 270px;	
}

.comment-form .two-col
{
	width: 550px;	
}

.comment-form .one-col input.text
{
	width: 258px;
}

.comment-form .two-col input.text,
.comment-form .two-col textarea
{
	width: 538px;	
}

.comment-form p 
{
	margin-bottom: 10px;
	color: #ffffff;
}

.comment-form p a
{
	padding: 0 20px 0 0;
	background: url("../images/icon_ext_link.png") no-repeat right 50%;
	color: #ffffff;
}

.comment-form p a:hover
{
	border-bottom: 1px dotted #ffffff;
}

.comment-form p.notice 
{
	background: #ac2100;
	border-color: #db5802;
	color: #ffffff;
}

.comment-form p label
{
	display: block;
	margin-bottom: 5px;
	clear: both;
}

.comment-form p#submit
{
	text-align: right;
}

.comment-form p input.text,
.comment-form p textarea
{
	margin: 0;
}

.comment-form p input#submit-button
{
	padding: 10px;	
}

.comment-form p textarea
{
	height: 150px;	
}

/* Commentor's Box
---------------------------------------------------------- */
.commentors-box{}

.commentors-box ol.listing li 
{
	border-bottom: 1px solid #D7D7D7;
}

.commentors-box ol.listing li.last
{
	border-bottom: none;
}

.commentors-box ol.listing li a
{
	display: block;
	height: 34px;
	padding: 5px;
	line-height: 0.667em;
}

.commentors-box ol.listing li a:hover
{
	border-bottom: none;
	background: #F0F0F0;
}


.commentors-box ol.listing li a span
{
	display: block;
	float: left;
	margin-bottom: 5px;
}

.commentors-box ol.listing li a span.name
{
	display: block;
	float: left;
	padding-top: 6px;
	font-weight: bold;
	width: 210px;
}

.commentors-box ol.listing li a span.small
{
	font-size: .8em;
	color: #707070;
	margin-bottom: 0;	
}

.commentors-box ol.listing li a .avatar
{
	display: block;
	float: left;
	width: 24px; height: 24px;
	margin: 0 10px 0 0; padding: 4px;

	background: #ffffff url("../images/gravatar_default_sm.jpg") no-repeat 50% 50%;
	border: 1px solid #D7D7D7;
}

/* Blog Author Styles */
.commentors-box ol.listing li.author
{
	background-image: url("../images/article_tile_recent_container.png");
	background: #222222 url("../images/article_tile_recent.png") repeat top left;
}

.commentors-box ol.listing li.author a:hover
{
	border-bottom: none;
	background: #960800 url("../images/article_tile_recent_container.png") repeat top left;
}

.commentors-box ol.listing li.author a .avatar
{
	border: 1px solid #666;
	background: #333;
}

/* CONTACT BOX
---------------------------------------------------------- */
#gbcf-form
{
	position: relative;	
}

#gbcf-form fieldset
{
	border: none;	
}

#gbcf-form fieldset.main-set,
#gbcf-form fieldset.req-set
{
	padding: 0;
}

#gbcf-form fieldset.req-set
{
	padding: 10px 0 10px 0;
	border-top: 1px solid #d7d7d7;	
	border-bottom: 1px solid #d7d7d7;	
}

#gbcf-form label
{
	display: block;
	margin-bottom: 5px;
	clear: both;
}

#gbcf-form label.opt-label.main-label
{
	margin-bottom: 10px;
	font-weight: normal;
}

#gbcf-form input.text,
#gbcf-form textarea,
#gbcf-form select
{
	width: 50%;
	margin-top: 0;
	display: block;
	clear: both;
}

#gbcf-form input.text-short
{
	width: 30%;
}

#gbcf-form textarea
{
	width: 98% !important;	
}

#gbcf-form input#antispam,
#gbcf-form label#cc-opt-error,
#gbcf-form .req-label.explain
{
	float: left;
	width: auto;
	clear: none;
}

#gbcf-form input.button
{
	float: right;
	padding: 10px;
}


#gbcf-form .req-label.explain
{
	margin-left: 10px;
	padding-top: 5px;
	font-size: 0.833em;
	font-weight: normal;
}

/*
#contact-form-page
{
	position: relative;	
}

#contact-form-page .contact-form .action-link
{
	font-weight: bold;
}

#contact-form-page.contact-form p
{
	margin-bottom: 5px;
}

#contact-form-page.contact-form label
{
	display: block;
	margin-bottom: 5px;
	clear: both;
}

#contact-form-page.contact-form input.text,
#contact-form-page.contact-form textarea
{
	margin-top: 0;
	width: 98%;
}

#contact-form-page.contact-form input.text
{
	width: 50%;
}

*/

#sidebar-contact #contact-form-page.contact-form input.text,
#sidebar-contact #contact-form-page.contact-form textarea
{
	margin-top: 0;
	width: 258px;
}

#sidebar-contact #contact-form-page.contact-form input.text
{
	width: 258px;
}

#contact-form-page.contact-form label.inline
{
	display: inline;	
	margin-bottom: 0;
}

#contact-form-page.contact-form textarea
{
	height: 150px;
	margin-top: 0;
}
#contact-form-page .screen-reader 
{ 
	position: absolute;
	top: -9999px; 
	left: -9999px;
}

#sidebar-contact .notice
{
	border: 1px solid #666;
	background: #333;
}

#contact-form-page .error
{
	display: block;
	background: url("../images/exclamation.png") no-repeat 5px 50%;
	clear: both;
	padding: 2px 5px 2px 25px;
}

#sidebar-contact #contact-form-page .error
{
	display: block;
	background: #960800 url("../images/exclamation.png") no-repeat 5px 50%;
	clear: both;
	color: #ffffff;
	padding: 2px 5px 2px 25px;
	border: 1px solid #E33E00;
}

#contact-form-page #submit-screen
{
	display: none;
	width: 100%; height: 100%;
}

#contact-form-page #submit-screen.normal
{
	background: #ffffff;
	border: 1px solid #BBBBBB;
}

#contact-form-page #submit-screen.dark
{
	background: #1A1A1A;
	border: 1px solid #333333;
}

#contact-form-page #submit-screen.show
{
	position: absolute;
	top: 0; left: 0;
	z-index: 9999;
	display: block;
}

#contact-form-page img.progress
{
	position: absolute;
	left: 260px; top: 184px;
}

#sidebar-contact img.progress
{
	position: absolute;
	left: 120px; top: 184px;
}


#reading-pane .success
{
	display: block;
	background: url("../images/accept.png") no-repeat 5px 50%;
	clear: both;
	padding: 2px 5px 2px 25px;
}

#reading-pane .success p
{
	margin: 0;	
}

/* Archive Styles
---------------------------------------------------------- */
.monthtitle
{
	display: block;
	background: #F0F0F0;
	border-bottom: 1px solid #D7D7D7;
	margin: 0 0 10px 0; padding: 5px 0 5px 10px;
	width: 540px;
	overflow: hidden;
}

.monthtitle span a
{
	font-weight: normal;
	color: #222222;
	font-size: 1.5em;
}

.monthtitle span a strong
{
	color: #222222;
	font-weight: normal;
}

.monthtitle a {}

.postspermonth {}

.postspermonth li {}

.postspermonth li a {}

.postspermonth li a:hover {}

@charset "utf-8";

/* Headings
---------------------------------------------------------- */
#reading-pane ol.search-results
{
	list-style: none;
	margin: 0; padding: 0;
}

#reading-pane ol.search-results li.result
{
	border-bottom:1px solid #D7D7D7;
	padding: 20px;
}

#reading-pane ol.search-results li.result.last
{
	border-bottom: none;
}

#reading-pane ol.search-results li.result.alt
{
	background: #F0F0F0;
}

#reading-pane ol.search-results .search-number
{
	text-align: center;
}

#reading-pane ol.search-results .result-date
{
	display: block;
	float: left;
	width: 70px;
	margin-right: 10px;
	outline: 1px solid #D7D7D7;	
}

#reading-pane ol.search-results .result-date span.month-year,
#reading-pane ol.search-results .result-date span.day
{
	display: block;
	margin: 0; padding: 0;
	font-weight: bold;
	text-align: center;
}

#reading-pane ol.search-results .result-date span.month-year
{
	background: #D63B00;
	padding: 3px 0 3px 0;
	height: 15px;
	font-size: .833em;
	text-transform: uppercase;
	color: #ffffff;
}

#reading-pane ol.search-results .result-date span.day
{
	font-size: 2.5em;
	color: #333;
	padding: 6px 0 6px 0;
	background: #ffffff;
}

#reading-pane ol.search-results .date
{
	text-align: right;
}

#reading-pane ol.search-results .search-number .counter,
#reading-pane ol.search-results .date .counter
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.33em;
	font-style: italic;
}

#reading-pane ol.search-results .search-content
{
	display: block;
	float: left;
	width: 430px;
}

#reading-pane ol.search-results .search-content h2.result-title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.33em;
	margin-bottom: 5px;
}

#reading-pane ol.search-results .search-content h2.result-title a
{
	color: #222222;
}

#reading-pane ol.search-results .search-content h2.result-title a:hover
{
	border-bottom: 1px dotted #222222;
}

#reading-pane ol.search-results .search-content p
{
	margin-bottom: .75em;
}

#reading-pane ol.search-results .search-content p a
{
	color: #D63B00;
	padding: 0 20px 0 0;
	background: url("../images/icon_ext_link_dark.png") no-repeat right 50%;
	border-bottom: 1px dotted #D63B00;
}

#reading-pane ol.search-results .search-content p a:hover
{
	border-bottom: 1px solid #D63B00;
}

#reading-pane ol.search-results .search-content p.meta
{
	color: #333333;
}

#reading-pane ol.search-results .search-content p.meta,
#reading-pane ol.search-results .search-content p.url
{
	font-size: .8em;
	margin-bottom: 0;
}

#reading-pane ol.search-results .search-content p.meta a,
#reading-pane ol.search-results .search-content p.url a
{
	background: none;
	padding: 0;
	color: #333333;
	border-bottom: 1px dotted #333333;
}

#reading-pane ol.search-results .search-content p.meta a:hover,
#reading-pane ol.search-results .search-content p.url a:hover
{
	border-bottom: 1px solid #333333;
}


#reading-pane ol.search-results .search-content p.url a
{
	color: #008000;
	border-bottom: none;
}

#reading-pane ol.search-results .search-content p.url a:hover
{
	background: none;
	border-bottom: 1px solid #008000;
}


/*
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


@charset "utf-8";
/* TWITTER TOOLS
---------------------------------------------------------- */
#twitter-container
{
	background: url("../images/twitter_bg.png") no-repeat center top;
	height: 225px;
}

#twitter-container .content
{
	background: none;
	color: #ffffff;
	height: 225px;
}


#twitter-container .avatar
{
	position: absolute;
	left: 80px;
	top: 37px;
	width: 70px; height: 70px;
	overflow: hidden;
}

#twitter-container .content ul
{
	position: absolute;
	width: 700px;
	left: 170px; top: 42px;
}

#twitter-container .content ul li a
{
	display: inline;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	border-bottom: 1px dotted #ffffff;
}

#twitter-container .content ul li a:hover
{
	border-bottom: 1px solid #ffffff;
}

#twitter-container .content ul li.aktt_more_updates
{
	clear: both;
	padding: 0;
}

#twitter-container .content ul li.aktt_more_updates a 
{
	background: url("../images/icon_plus.png") no-repeat left 50%;
	padding: 0 0 0 20px;
	color: #ffffff;
	border-bottom: none;
}

#twitter-container .content ul li.aktt_more_updates a:hover
{
	border-bottom: 1px solid #ffffff;
}

/* FOOTER
---------------------------------------------------------- */
#footer
{
	margin-bottom: 50px;
	font-size: 0.833em;
}

#footer ul.listing li
{
	float: right;
}

#footer ul.listing li.copyright
{
	float: left;	
}

#footer ul.listing li a
{
	color: #1a1a1a;
}

#footer ul.listing li a:hover
{
	text-decoration: underline;
}

#footer ul.listing li a.footer-link
{
	margin: 0 5px 0 0; padding: 0 5px 0 0;
	border-right: 1px solid #999;
}

#footer ul.listing li a.footer-link.last
{
	margin: 0; padding: 0;
	border-right: none;
}

#footer ul.listing li a.footer-link.current
{
	font-weight: bold;
}