/*
Theme Name: BLOGit!
Theme URI: http://www.weborithm.com/themespace/
Description: A straight up blogging theme supporting variuos Post Formats and customization options to make it a unique experience for you and your readers.
Version: 1.0
Author: Weborithm
Author URI: http://www.weborithm.com/
Tags: light, white, two-columns, post-formats, theme-options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*====================================
	Enter your custom styles here.
	Table of Contents
	
	[1] - Body
	[2] - Font, Links
	[3] - Text
	[4] - Header
	[5] - Navigation
	[6] - Sections
	[7] - Aside
	[8] - Footer
	[9] - Comments
	
	[A] - Drop Down Navigation
	[B] - WordPress Specific Styles
	[C] - jQuery Specific Styles
	[D] - Modules
		
====================================*/

/*===============
	[1] - Body
===============*/

/*=======================
	[2] - Font, Links
=======================*/

	body { background: #f8f8f8; padding: 40px 0; font-family: Verdana, Tahoma, Geneva, sans-serif; }
	h1, h2, h3, h4, h5, h6, .header p.title { color: #333; font-family: 'Squada One', serif; margin-bottom: 10px; }

	#body { border-top: 1px solid #000; padding: 20px 20px 0; width: 960px; -moz-box-shadow: 0 0 5px 0 #ccc; -webkit-box-shadow: 0 0 5px #ccc; z-index: 1; }
	
	a, .text a, .header a:hover, #nav a:hover { color: #e92d1a; text-decoration: none; }
	.text p a, .text li a { color: #e92d1a; text-decoration: underline; }
	a:hover { color: #1aa7e9; }

/*=======================
	[3] - Text, Images
=======================*/

	.text p { padding: 0 0 15px; }
	.text p, .aside li li, .footer li li { font-size: 12px; }
	.text h3 { font-size: 22px; }
	.aside h3, .footer h3 { font-size: 17px; }
	.text h1, .text h2 { font-size: 28px; }

	.text h1 { line-height: 1em; }
	.text h2 { line-height: 1em; }

	.text blockquote { background: #fefefe; border-style: dotted; border-bottom: 2px solid #f8f8f8; border-right: 2px solid #f8f8f8; -moz-border-radius: 0; -webkit-border-radius: 0; }
	.text blockquote p { padding: 0 0 15px; }
	
	/* Image Alignment */

	.aligncenter, div.aligncenter { display: block; margin: 0 auto 10px; }
	.alignleft, .attachment-thumbnail, .attachment-150x150 { background: #fefefe; border: 1px solid #f8f8f8; float: left; margin: 6px 10px 0 0; padding: 5px; }
	.alignright { background: #fefefe; border: 1px solid #f8f8f8; float: right; margin: 6px 0 0 10px; padding: 5px; }
	.attachment-150x150:hover { background: #fefefe; border-color: #f8f8f8; }
	
/*=================
	[4] - Header
=================*/

	.nav-login { border-bottom: 3px solid #f9f9f9; margin: 0 0 10px; padding: 0 0 10px; }
		
	.header { background: url(images/bg.png); border-bottom: 5px solid #222; margin: auto; padding: 20px; position: relative; width: 960px; z-index: 9; -moz-box-shadow: 0 0 5px 0 #ccc; -webkit-box-shadow: 0 0 5px #ccc; }
	.header-center { margin: auto; width: 960px; }
	.header-title { float: left; width: 400px; }

	.header h1 { border: 0; font-size: 32px; line-height: 1em; margin: 0; padding: 0 0 5px; }
	.header p.title { float: none; font-size: 42px; font-style: normal; line-height: 1em; margin: 0; padding: 0; }
	.header p.title a { color: #fff; text-decoration: none; }
	.header p.title a:hover { color: #e92d1a; text-decoration: none; }
	.header a { color: #fff; }
	.header a:hover { text-decoration: none; }
	.header p.header-description { color: #ccc; font-size: 10px; padding: 0; text-transform: uppercase; }
	
	.header .search { float: right; padding-left: 20px; width: 150px; }

/*=====================
	[5] - Navigation
=====================*/

	#nav { float: right; width: 490px; }

/*===================
	[6] - Sections
===================*/

	.sticky { background: #fdfdfd; border: 1px dotted #eee; margin: 0 0 40px; padding: 20px; }
	.sticky ul.meta { margin: 0; }

	.bypostauthor { }
	
	.section { background: #fff; padding: 0 0 20px; }

	.left { float: left; width: 620px; padding-right: 40px; border-right: 0; } /* For Left Aside Template */
	.right { float: right; width: 620px; padding-left: 40px; border-left: 0; } /* For Right Aside Template */
	
	.full-width { border: 0; padding-right: 0; width: 960px; }

	ul.meta { color: #ccc; list-style: none; margin: 0 0 40px; }
	ul.meta li { display: inline; font-size: 0.7em; margin: 0; padding: 0 10px 0 0; }
	ul.meta li.meta-date, ul.meta li.meta-tag { border-right: 1px dotted #ccc; }
	ul.meta li.meta-category { border-right: 1px dotted #ccc; padding-left: 5px; }
	ul.meta li.meta-comment { padding-left: 5px; }
	ul.meta li a { color: #1aa7e9; font-weight: bold; text-decoration: none; }
	ul.meta li a:hover { color: #e92d1a; }

	.wrap { border-bottom: 1px solid #f0f0f0; margin: 0 0 10px; padding: 0 0 20px; }
	.wrap h3 { margin: 0 0 5px; }

	.single ul.meta { margin: 0 0 20px; }

	.archive .archive, .search .archive { padding: 0 0 25px; }
	.page img { height: auto; max-width: 620px; width: expression(this.width >620 ? 620: true); }
	.post .attachment-single, .page .attachment-single, .competitor .attachment-big { margin: 0 0 10px; }

	.competitor .wp-showdown-stats h3 { background: url(images/stats.png) no-repeat left top; padding-left: 35px; }

	/* Gallery */
	
	.gallery .attachment-thumbnail, .gallery .attachment-150x150 { border: 1px solid #eee !important; float: none; margin: 0; }
	.gallery .attachment-thumbnail:hover, .gallery .attachment-150x150:hover { border-color: #ccc !important; }
	.gallery .gallery-caption { color: #999; font-size: 12px; }
	
	/* Attachment Template */
	
	p.attachment-image { text-align: center; }

	.caption { color: #999; font-size: 12px; text-align: center; }

	/* Post Formats */
	
	.format-inner { padding: 0 0 25px 0; }
	.single .format-inner { padding-bottom: 20px; }
	.archive .format-inner,	.search .format-inner { padding-bottom: 0; }
	.format-inner ul.meta { margin: 0; }
	.format-inner h1, .format-inner h2, .format-inner h3 { padding: 3px 0 10px 40px; }
	
	.format-gallery .format-inner { background: url(images/gallery.png) no-repeat left 2px; }
	.format-image .format-inner { background: url(images/image.png) no-repeat left 2px; }
	.format-video .format-inner { background: url(images/video.png) no-repeat left 6px; }
	
	.format-quote blockquote { margin: 0 0 10px; }
	
	.format-image img { margin: 0; }
	
	.format-image img, .format-gallery img { height: auto; max-width: 620px; width: expression(this.width >620 ? 620: true); }

	/* Styling for Official Twitter Widget */
	
	.twtr-hd { display: none; }
	.twtr-tweet { border-bottom: 0 !important; }
	.twtr-tweet-wrap { padding: 10px 0 0 !important; }
	.twtr-ft div { padding: 10px 0 0 !important; }
	li .twtr-tweet-text p { font-size: 13px !important; line-height: 18px !important; }
	
  	/* Contact Form */
	
	ol.forms { float: left; list-style: none; margin: 0 0 15px; padding: 0; width: 100%; }
	ol.forms li { clear: both; float: left; margin-bottom: 20px; padding: 0; position: relative; width: 100%; }
	ol.forms label { color: #484848; cursor: pointer; display: block; float: left; padding-right: 20px; width: 100px; }
	ol.forms input, ol.forms textarea { border: 1px solid #ccc; border-bottom-color: #eee; border-right-color: #eee; border-radius: 3px; font: inherit; -moz-border-radius: 3px; padding: 5px; -webkit-border-radius: 3px; width: 214px; }
	ol.forms textarea { height: 250px; margin: 0; width: 400px; }
	ol.forms input:focus, ol.forms textarea:focus { background-color: #FFFFdF; border-color: #ccc; }
	.error { color: #d3ac00; }
	ol.forms li .error { font-size: 12px; margin: 20px 0 0; }                
	ol.forms li.screenReader { display: none; margin-bottom: 0; }
	ol.forms li.buttons button { background: #fff url(images/gradient.png); border: 1px solid #e0e0e0; color: #484848; cursor: pointer; font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif; overflow: hidden; padding: 6px 20px 5px; text-shadow: #fff 0 1px; text-transform: uppercase; width: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	ol.forms li.buttons button:hover { color: #000; }
	ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
	ol.forms li.inline { float: right; width: 440px; }
	ol.forms li.buttons { padding-left: 120px; }
	ol.forms li.inline { float: none; margin: 0; padding: 0 0 20px 120px; width: auto; }
	ol.forms #sendCopy { margin: 0 10px 0 0 !important; }
	ol.forms li.inline input { width: auto; }
	ol.forms li.inline label { color: #999; display: inline; float: none; font-size: 11px; width: auto; }

  	/* Statistics Template */
	
	.wp-showdown-stat { border-bottom: 1px solid #F8F8F8; padding: 20px 0; }
	.wp-showdown-stat p { padding: 0;}

  	/* Battle Template */
	
	.battles h1 { text-align: center; }
	.battles .wp-showdown-drawn, .battles .wp-showdown-winner { height: 400px; position: relative; width: auto; }
	.battles .battleresults {  }
	.battles .wp-showdown-winner img, .battles .wp-showdown-drawn img { max-width: inherit; width: auto; }

	.battles .wp-showdown-battlestats { background: rgba(255,255,255,0.95); bottom: 0; height: 360px; left: 0; padding: 20px; position: absolute; top: 0; text-align: left; width: 260px; }
	.battles .wp-showdown-battlestats p { color: #000; padding: 0 0 20px; }
	.battles .wp-showdown-battlestats h3 { color: #e92d1a; }
	.battles .wp-showdown-battlestats ul { background: url(images/stats.png) no-repeat left top; list-style: none; margin: 0; padding: 0 0 0 44px; }
	.battles .wp-showdown-battlestats li { color: #e92d1a; font-size: 10px; padding: 6px 0 4px; text-transform: uppercase; }
	.battles .wp-showdown-battlestats li span { color: #000; display: inline-block; width: 25%; }
	
/*=================
	[7] - Aside
=================*/		
	
	.aside { padding: 0; }
	.aside-right { padding: 0 0 20px 0; }
	.aside h3 { border-bottom: 1px dotted #f8f8f8; color: #333; margin: 0 0 10px; padding: 0; }
	.aside ul ul { color: #333; margin: 0 0 0 13px; }
	.aside li li { line-height: 18px; list-style: url(images/li-dots.png); padding: 0 0 5px; }

	.aside li.compose-rss ul { border: 0; margin: 0; }
	.aside li.compose-rss li { border: 0; display: inline; padding: 0; }
	.aside li.compose-rss li a { margin: 0 10px 0 0; }

/*=================
	[8] - Footer
=================*/

	.footer { border-top: 5px solid #f8f8f8; padding: 0; }

	.foot-three ul { padding: 10px 1px 0; }
	.foot-three li { padding-left: 0; padding-right: 30px; width: 300px; }
	.foot-three li.thirdfooter { padding-right: 0; }
	.foot-two li { width: 470px; padding-left: 0; padding-right: 20px; }
	.foot-two li.secondfooter { padding-right: 0; }
	.foot-one li { width: 960px; padding-left: 0; padding-right: 0; }

	.footer a:hover { text-decoration: none; }
	.footer ul { padding: 20px 0 0; }
	.footer ul ul { padding: 0 0 15px; }
	.footer ul ul ul { border: 0; margin: 0 0 0 13px; padding: 0; }
	.footer h3 { border-bottom: 1px dotted #f8f8f8; color: #333; line-height: 20px; margin: 0 0 10px; padding: 0; }
	.footer li { padding-bottom: 5px; }
	.footer li li { padding: 0; line-height: 18px; width: auto; }
	.footer li li li { line-height: 18px; list-style: url(images/li-dots.png); padding: 0 0 5px; }

	.credit { background: #fff; border-top: 5px solid #fefefe; padding: 20px 0 20px; text-align: right; }
	.credit h3 { border: 0; font-size: 14px !important; line-height: 20px; margin: 0; padding: 0; }
	.credit li { float: right; padding: 0; }
	.credit ul { border: 0; padding: 0; }
	.credit ul ul { list-style: none; padding: 0; }
	.credit li li { font-size: 0.8em; margin: 0; padding: 0; }

/*===================
	[9] - Comments
===================*/

	.comments { border-top: 1px dotted #f8f8f8; padding: 20px 0; }
		
	.comments h3 { margin: 0; }
	h3#comments { padding: 0 0 5px; }
	#respond h3 { margin: 15px 0 0; }
	
	ol.commentlist { list-style: none; margin: 0; padding: 0; }
	
	ol.commentlist li { border-bottom: 1px solid #e0e0e0; font-size: 15px; padding: 10px; }
	ol.commentlist li.odd { background: #f9f9f9; border-top: 1px solid #fff; }
	
	ol.commentlist li ul { border-top: 1px solid #e0e0e0; list-style: none; margin: 10px 0 0; }
	ol.commentlist li ul li { border-top: 1px solid #fff; padding: 10px 0 10px 10px; }
	ol.commentlist li.odd ul li { border-top: 1px solid #fff; }
	ol.commentlist li ul li.odd .comment-body { padding: 0 10px 0 0; }
		
	ol.commentlist .avatar { background: #f9f9f9; border: 1px solid #e0e0e0; float: left; margin-right: 10px; padding: 1px; }
	ol.commentlist li.odd .avatar { background: #fff; }
	ol.commentlist .comment-author { height: 36px; }
	
	ol.commentlist .fn, ol.commentlist .says { color: #333; font-size: 11px; font-weight: bold; line-height: 36px; }
	ol.commentlist .comment-meta { font-size: 9px; padding: 0 0 5px; text-align: right; }
	ol.commentlist .comment-reply-link { background: #f9f9f9; border: 1px solid #e0e0e0; font-size: 10px; padding: 5px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	ol.commentlist li.odd .comment-reply-link { background: #fff; border: 1px solid #e0e0e0; font-size: 10px; padding: 5px; text-decoration: none; }

/* Respond Area */
	
	#commentform p { margin: 15px 0 0; padding: 0; }
	#commentform p label { color: #999; font-size: 1.2em; }
	#commentform p input { border: 1px solid #eee; border-left-color: #ccc; border-top-color: #ccc; margin: 0 10px 0 0; padding: 5px; width: 40%; }
	#commentform p textarea { border: 1px solid #eee; border-left-color: #ccc; border-top-color: #ccc; padding: 5px; width: 97.4%; }
	#commentform input[type="text"]:focus, #commentform textarea:focus { background: #ffffcf; border-color: #ccc; color: #000; }
	#commentform #submit { background: #fff url(images/gradient.png) repeat-x left top; border: 1px solid #eee; border-right-color: #ccc; border-bottom-color: #ccc; color: #e92d1a; font-size: 17px; letter-spacing: 1px; margin: 0; width: 250px; text-shadow: #fff 0 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#commentform #submit:hover {  color: #000; cursor: pointer; }

	/* No Comments */
	
	p.nocomments { color: #ccc; font-size: 10px !important; margin: 0; padding: 0; text-align: center; text-transform: uppercase; }

	/* XHTML Code */
	
	#commentform p.xhtml-code { background: #ffffe8; border: 1px solid #f0e9b2; color: #999; font-size: 13px; margin-top: -6px; padding: 10px 10px 5px; width: 95.8%; }
	.competitor #commentform p.xhtml-code { width: 96.4%; }

/*===============================
	[A] - Drop Down Navigation
===============================*/

	#nav { background: none; }
	#nav li a { color: #fff; padding: 0 0 0 20px; text-decoration: none; }
	#nav ul { height: 100%; padding-top: 22px; text-align: right; }
	#nav li { float: none; display: inline-table; text-align: left; }
	#nav li li { border: 0; }
	#nav li li a, #nav li li a:hover { border: 0; padding: 5px 10px; }
	#nav li { font-size: 11px; }
	#nav a:hover { color: #1aa7e9; text-decoration: none; }
	#nav li:hover li a { background: #444; }
	#nav li:hover li a:hover { background: #222; }
	#nav li ul { background: none; border: 0; padding-top: 13px; width: 12em; }
	#nav li ul ul { /* third-level lists */ border-top: none; margin: -2.9em 0 0 12em; }
	#nav li ul ul ul { /* fourth-level lists */ border-top: none; margin: -2.9em 0 0 12em; }
	#nav li ul ul ul ul { /* fifth-level lists */ border-top: none; margin: -2.9em 0 0 12em; }

	/* Superfish Arrows */

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { display: block; height: 0; overflow: hidden; right: .75em; text-indent: -999em; top: 1.05em; /* IE6 */ width: 0; }

/*====================================
	[B] - WordPress Specific Styles
====================================*/

	.navigation .alignleft, .navigation .alignright { background: none; border: 0; font-size: 12px; margin: 0; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
	.navigation .alignleft a, .navigation .alignright a { display: block; font-size: 10px; letter-spacing: 1px; margin: 0; padding: 0; text-decoration: none; text-transform: uppercase; }
	.navigation .alignleft a:hover, .navigation .alignright a:hover { border-color: #ccc; }
	.navigation .alignleft p { color: #ccc; font-size: 10px; padding: 0; }
	.navigation .alignright p { color: #ccc; font-size: 10px; padding: 0; text-align: right; }
	
	/* Attachment */
	
	.attachment .attachment-thumbnail { border: 0; float: none; margin: 0; padding: 0; }
	.attachment .alignleft a, .attachment .alignright a { display: block; height: 150px; margin: 0; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.attachment .alignleft a:hover, .attachment .alignright a:hover { border-color: #ccc; }

	/* Captions */
	
	.wp-caption { margin: 0 15px 15px; padding: 0; text-align: center; }
	.wp-caption img { border: 0 none; margin: 0; padding: 0; }
	.wp-caption p.wp-caption-text { color: #999; font-size: 0.6em; padding: 5px 0 0; margin: 0; }
	
	/* Other WordPress Classes */
	
	.categories { }
	.cat-item { }
	.current-cat { }
	.current-cat-parent { }
	.pagenav { }
	.page_item { }
	.current_page_item { }
	.current_page_parent { }
	.widget { }
	.widget_text { }
	.blogroll { }
	.linkcat { }
	
	.widget_tag_cloud div { padding: 0 0 10px; }
	.widget_tag_cloud .tagcloud a { background: #fff url(images/gradient.png) repeat-x left top; border: 1px dotted #f0f0f0; display: inline-block; font-size: 13px !important; line-height: 20px; margin: 0 3px 9px 0; padding: 2px 10px; text-shadow: #fff 0 1px; }
	#calendar_wrap { border-top: 1px solid #fff;  }
	#calendar_wrap table { width: 100%; }
	#calendar_wrap caption { font-weight: bold; padding: 5px; text-align: center; }
	#calendar_wrap th, #calendar_wrap td { background: #fff; border: 1px solid #eee; font-size: 11px; padding: 2px; text-align: center; }
	#calendar_wrap #today { background: #eee; }
	#calendar_wrap #prev { padding: 2px 5px; text-align: left; }
	#calendar_wrap #next { padding: 2px 5px; text-align: right; }
	
	#cat, .widget_archive select { border: 1px solid #e0e0e0; margin: 10px 0; padding: 5px; width: 100%; }

	.textwidget { font-size: 12px; line-height: 18px; padding: 0; }
	.textwidget p { font-size: 12px; line-height: 18px; }

	li.widget_search h3 { margin: 0 0 10px; padding: 0 0 5px; }
	#searchform { padding-top: 17px; text-align: right; }
	#searchform .screen-reader-text { display: none; }
	#searchform #s { background: none; border: 0; border-bottom: 1px solid #ccc; color: #ccc; padding: 5px; width: 106px; }
	#searchform #searchsubmit { background: url(images/search.png) no-repeat center; border: 0; color: transparent; font-size: 11px; height: 25px; margin: 0; padding: 0; text-indent: -9999em; width: 30px; }
	#searchform #s:focus { background: #000; border-color: #555; color: #fff; }
	#searchform #searchsubmit:hover { color: #000; cursor: pointer; }

	.widget_links { color: #aaa; }
	.widget_links a { display: block; padding: 0 0 5px; }

	/* Read More */
	
	p.excerpt_more a { border-bottom: 1px dotted #f8f8f8; font-size: 10px; letter-spacing: 1px; margin: 0 0 20px; padding: 5px 0; text-decoration: none; text-transform: uppercase; }
	p.excerpt_more a:hover { border-color: #ccc; color: #1aa7e9; }

	/* Featured Category */
	
	li.widget_featured_category ul li { list-style: none; }
	li.widget_featured_category ul { margin: 0 !important; }
	li.widget_featured_category div { background: #f8f8f8; float: left; height: 30px; margin-right: 10px; padding: 5px; }
	li.widget_featured_category div:hover { background: #f0f0f0; float: left; height: 30px; margin-right: 10px; padding: 5px; }
	li.widget_featured_category div a { height: 30px; }
	li.widget_featured_category p { line-height: 16px; margin: 0; padding: 0; width: auto; }

	/* Twitter Widget */
	
	.widget_twitter h3 { background: url(images/twitter.png) no-repeat left; padding-left: 26px; }

/*====================================
	[C] - jQuery Specific Styles
====================================*/

	/* Tabs */
	.compose-panes { margin: 0 0 20px; }
	.compose-pane { background: #fff; border: 1px solid #e0e0e0; border-top: 0; color: #484848; display: none; font-size: 13px; padding: 10px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
	.compose-pane p { padding: 0 0 15px; }
	
	/* Tabs List */
	ul.compose-tabs { border-bottom: 1px solid #e0e0e0; height: 31px; list-style: none; margin: 0; padding: 0; }
	
	/* Single Tab */
	ul.compose-tabs li { float: left; margin: 0 1px 0 0; padding: 0; }
	
	/* Tabs Link */
	ul.compose-tabs a { background: #fff url(images/gradient.png) repeat-x left bottom; border: 1px solid #e0e0e0; color: #999; display: block; line-height: 30px; padding: 0 20px; position: relative; text-align: center; text-decoration: none; text-shadow: #fff 0 1px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
	ul.compose-tabs a:active { outline: none !important; }
	ul.compose-tabs a:hover { background: #fff url(images/gradient.png) repeat-x left top; text-decoration: none; }

	/* Tabs Aside */
	li .compose-tabs-wrap { padding: 5px 0; }

	/* Current Tab */
	ul.compose-tabs a.current, ul.compose-tabs a.current:hover, ul.compose-tabs li.current a { background: #fff url(images/gradient.png) repeat-x left top; border-bottom: 0; color: #e92d1a; cursor: default; outline: none !important; }
	
	/* Hide on Initialize */ 
	div.compose-panes div.compose-pane { display: none; }
	
	/* Scrollable */
	.index-slider { margin: 0 0 20px; }
	
	/* Root element for the scrollable. */
	.scrollable { /* required settings */ background: #f9f9f9; height: 282px; margin: 0 0 20px; overflow: hidden; position: relative; width: 660px; }
		.left-alt .scrollable, .right-alt .scrollable, .center .scrollable { width: 620px; }
	
	.scrollable .attachment-featured-image { background: #fff; float: left; margin: 0 10px 0 0; padding: 5px; }
	.scrollable .attachment-featured-image:hover { background: #f0f0f0; }
	
	/* Root element for scrollable items. */
	.items { /* this cannot be too large */ clear: both; position: absolute; width: 20000em; }
	
	/* Single Scrollable Item */
	.scroll-item { border: 1px solid #eaeaea; float: left; height: 260px; padding: 10px; width: 638px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		.left-alt .scroll-item, .right-alt .scroll-item, .center .scroll-item { width: 598px; }
	
	.scroll-item p { padding-bottom: 20px; }
	.scroll-item ul.meta { color: #999; margin: 0; }
	.scroll-item ul.meta li { border: 0; padding: 0; }
	.scroll-item ul.meta a { color: #57a7da; }
	.scroll-item ul.meta a:hover, ul.meta a:hover { color: #1aa7e9; }
	
	/* position and dimensions of the navigator */
	.navi { height: 8px; padding: 0 0 20px; float: right; }
	
	/* items inside navigator */
	.navi a { background: url(images/navigator.png) 0 0 no-repeat; display: block; float: left; height: 8px; margin: 0 6px 0 0; width: 8px; }

	/* mouseover state */
	.navi a:hover { background-position: 0 -8px; }
	
	/* active state (current page state) */
	.navi a.active { background-position: 0 -16px; }

	/* Accordion */
	#accordion { }
	#accordion h3 { background: #f1f1f1 url(images/drop-down.png) no-repeat 10px center; border: 1px solid #e0e0e0; color: #999; cursor: pointer; font-size: 16px; margin: 0 0 20px; padding: 10px 10px 10px 28px; text-transform: none; text-shadow: #fff 0 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#accordion h3:hover { background: #fff url(images/drop-down.png) no-repeat 10px center; color: #e92d1a; }
	#accordion h3.current-accord { background: #fff url(images/drop-down.png) no-repeat 10px center; color: #e92d1a; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; }
	#accordion .compose-accord { border: 1px solid #e0e0e0; color: #484848; display: none; font-size: 13px; margin: -19px 0 20px; padding: 10px; }

	.zoom { background: url(images/image.png) no-repeat center; display: block; }

.header p.title { float: none; font-size: 32px; font-style: normal; line-height: 1em; margin: 0; padding: 0 0 5px; }