/*
	File:			custom.css
	Description:	Custom styles for Thesis and Chronicl 1.0
	More Info:		http://diythemes.com/thesis/rtfm/custom-css/
					http://kolakube.com/docs/#chronicl
*/

/* Write your custom CSS below */





/*I wouldn't edit anything below */

/*
	R E F E R E N C E  T A B LE
	
	- Global
	- Layout
	- Media Queries
	- Header
	- Feature Box
	- Content
	- Comments
	- Sidebars
	- Archives
	- Footer
	- BG Patterns
	- Color Schemes
*/


/*************
 * G L O B A L
 */
 
/* Fonts */

@font-face { 
	font-family: 'WebSymbolsRegular';
	src: url('kol/fonts/websymbols-regular-webfont.eot');
	src: url('kol/fonts/websymbols-regular-webfont.eot#iefix') format('embedded-opentype'),
		url('kol/fonts/websymbols-regular-webfont.woff') format('woff'),
		url('kol/fonts/websymbols-regular-webfont.ttf') format('truetype'),
		url('kol/fonts/websymbols-regular-webfont.svg') format('svg')
	}

body.custom {
	padding: 3.8em 0
}

.custom a, #sidebars a {
	outline: none;
	text-decoration: none;
	transition: color .2s linear;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear
}

.custom input[type="submit"],
dl#comment_list dd p.reply a,
#footer h3 {
	font-family: "Droid Sans", "Lucida Grande", Tahoma, sans-serif
}


/* Forms */

.custom input,
.custom textarea {
	margin-bottom: 1em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px
}
	.custom input[type="text"], .custom textarea {
		background: #fff;
		border: 0;
		padding: .8em 1em;
		box-shadow: inset 0 0 3px rgba(0, 0, 0, .05);
		-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .05);
		-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .05)
	}
	.custom input[type="submit"] {
		background: #30a146;
		background: linear-gradient(top, #30a146 0%, #249334 100%);
		background: -moz-linear-gradient(top, #30a146 0%, #249334 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30a146), color-stop(100%, #249334));
		background: -webkit-linear-gradient(top, #30a146 0%, #249334 100%);
		border: 0;
		color: #fff;
		cursor: pointer;
		padding: .6em 0;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .4);
	}
		.custom input[type="submit"]:hover,
		#feature_box input[type="submit"]:hover,
		dl#comment_list dd p.reply a:hover {
			background: #c2c2c2;
			background: linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
			background: -moz-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2c2c2), color-stop(100%, #aeaeae));
			background: -webkit-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%)
		}
		input[type="text"].name {
			background: #fff url(images/name.png) no-repeat .8em center;
			padding-left: 2.4em
		}
		input[type="text"].email {
			background: #fff url(images/email.png) no-repeat .8em center;
			padding-left: 2.4em
		}


/**************
 * L A Y O U T
 */

.custom .full_width .page {
	padding: 0 3.8em
}

#header,
.main-menu,
#feature_box
{
	margin: 0 -3.8em;
	padding: 0 3.8em
}

.custom .post_box {
	margin: 0 3.6em 0 0;
	padding: 3.8em 0
}


/**************
 * H E A D E R
 */

#header_area .page {
	padding-top: .5em
}

#header {
	margin: 0 -3.8em;
	position: relative;
	height:100px;
}
	#header #logo {
		margin: 0 -.4em;
		height:100px;
		width: 700px;
		text-indent:-9999px;
		float: left;
	}
	
	#header #logo a {
		height:100px;
		width:700px;
		background: url(images/header.jpg) no-repeat;
		display:block;
		}
		
	.custom #header #tagline {
		background:none;
		border: 0;
		text-indent: -9999px;
	}
		#header #tagline:before {
		border: 0;
		}
		#header #tagline:after {
			border: 0;
		}
	#header ul.menu {
		float: left;
		width: auto
	}
		#header ul.menu li:last-child a {
			padding-right: 0
		}
		#header ul.menu a {
			font-size: 17px;
			line-height: 25px;
			margin-left: 25px;
			padding: 4px 0;
			width: auto
		}

.custom ul.menu {
	border: 0
}
	.custom .menu .current > a,
	.custom .menu .current-cat > a,
	.custom .menu .current-menu-item > a,
	.custom ul.menu a {
		cursor: pointer
	}
	.custom ul.menu a {
		background: transparent;
		letter-spacing: normal;
		padding: 0;
		text-transform: none
	}

.custom .menu_wrap {
	position: absolute;
	right: 5em;
	top: 37%
}


/* Sub Menu */

.custom #header .sub-menu {
	background: #fff;
	border: 1px solid #d5d5d5;
	border-top: 0;
	margin-left: 25px;
	z-index: 9999;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
	.custom #header .sub-menu li {
		margin: 0
	}
		.custom #header .sub-menu li a {
			border-bottom: 1px solid #d5d5d5;
			color: #232323;
			font-size: 14px;
			margin: 0;
			padding: 10px 17px
		}
			.custom #header .sub-menu li:last-child a {
				border: 0
			}
			.custom #header .sub-menu li a:hover {
				background: none;
				color: #999;
				box-shadow: 0 1px 1px #d5d5d5;
				-moz-box-shadow: 0 1px 1px #d5d5d5;
				-webkit-box-shadow: 0 1px 1px #d5d5d5
			}

/* Search */

#nav-search {
	float: left;
	margin-left: 25px
}
	#nav-search input[type="text"] {
		background: #f6f6f6 url(images/search.png) no-repeat 16px center;
		border: 0;
		color: #a7a7a7;
		font-size: 14px;
		padding: 8px 20px 8px 35px;
		width: 50px;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-o-border-radius: 20px;
		-webkit-border-radius: 20px
	}
		#nav-search input[type="text"]:focus {
			color: #272727
		}


/* Main Menu */

.main-menu {
	z-index: 10;
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .3)
}
	.custom ul.main-menu a {
		background-image: url(images/menu-item.png);
		background-repeat: repeat-x;
		border: 1px solid rgba(255, 255, 255, .3);
		border-width: 1px 0 0 1px;
		color: #272727;
		display: block;
		font-size: 16px;
		line-height: 24px;
		margin: 10px 13px 10px 0;
		padding: 5px 15px;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
		border-radius: 26px;
		-moz-border-radius: 26px;
		-webkit-border-radius: 26px;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
		-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
		-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
	}
		.main-menu a:hover {
			opacity: .7
		}
	.main-menu span {
		font: normal 14px/21px 'WebSymbolsRegular';
		margin-right: .3em
	}


/***********************
 * F E A T U R E  B O X
 */

#feature_box {
	background-color: #f8f8f8;
	background-position: bottom;
	padding-bottom: 4.3em;
	padding-top: 3.8em;
	text-align: center
}
	#feature_box h3 {
		border: 0;
		margin-left: 0;
		margin-top: 0;
		padding: 0
	}
	#feature_box input[type="submit"] {
		background: #f99015;
		background: linear-gradient(top, #f99015 0%, #f76c0f 100%);
		background: -moz-linear-gradient(top, #f99015 0%, #f76c0f 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99015), color-stop(100%,#f76c0f));
		background: -webkit-linear-gradient(top, #f99015 0%,#f76c0f 100%)
	}


/****************
 * C O N T E N T
 */

/* Headlines */

.custom .headline_area h1,
.custom .headline_area h2,
.custom #archive_intro h1 {
	font-size: 3.6em;
	font-weight: bold;
	letter-spacing: -.5px;
	line-height: 1.361em
}

.custom .format_text h3 {
	border-left: 5px solid #272727;
	font-size: 1.5em; /*24px*/
	line-height: 1.375em; /*33px*/
	margin: 1.4em 0 .6em -1.583em; /*-38px*/
	padding: .2em 0 .2em 1.375em
}

.custom .format_text h4 {
	border-left: 5px solid #ccc;
	font-size: 1.188em; /*19px*/
	font-weight: normal;
	line-height: 1.526em; /*29px*/
	margin: 1.4em 0 0.6em -2em; /*38px*/
	padding: .2em 0 .2em 1.737em; /*33px*/
}

.custom .format_text h5 {
	font-weight: normal;
	letter-spacing: .3em
}


/* Headline Meta */

.custom .headline_meta {
	font-size: 17px;
	line-height: 25px;
	margin-top: 12px
}
	.custom .headline_meta a {
		border: 0
	}

.headline_meta span,
.headline_meta abbr,
.teaser .teaser_author .author a {
	letter-spacing: normal;
	text-transform: none
}


/* Format Text */

.custom .format_text li {
	margin-bottom: .7em
}

.custom .format_text input[type="text"] {
	border: 1px solid #ddd;
	margin-right: 5px
}

.custom .format_text input[type="submit"] {
	padding: .8em 1em;
}

.custom .format_text a {
	text-decoration: none
}
	.custom .format_text a:hover,
	#sidebars a:hover {
		color: #ccc;
		text-decoration: none
	}


/* Note + Alert Box + Blockquote */

.note_box {
	background-color: #ebebeb
}

.alert_box {
	background-color: #333;
	color: #fff
}
	.alert_box h3, .alert_box h4 {
		color: #fff
	}

.custom_box {
	background-image: url(images/patterns/pattern-chronicl.png);
	border: 1px solid rgba(0, 0, 0, .05);
	border-width: 1px 0;
	margin-bottom: 1.5em;
	padding: 19px 38px 0 38px
}
	.format_text .custom_box h3, .format_text .custom_box h4 {
		margin-top: 0
	}
	.custom_box p {
		margin: 0;
		padding-bottom: 1.5em
	}

.custom .format_text blockquote {
	background: url(images/quote.png) no-repeat 5.4% center;
	border: 1px solid #d5d5d5;
	border-width: 1px 0;
	color: #888;
	font-style: italic;
	margin: 0 0 1.5em -38px;
	padding: 1.5em 38px 0 114px
}
	.custom .format_text blockquote.right {
		margin: 0 0 1.2em 1.2em
	}
	.custom .format_text blockquote.left {
		margin: 0 1.2em 1.2em 0
	}
		.custom .format_text blockquote.right, .custom .format_text blockquote.left {
			background-position: left .8em;
			font-size: 1em;
			line-height: 1.438em;
			padding: 1.5em .5em 1.5em 1.5em
		}


/* Image Formatting */

.custom .headline_area img.post_image {
	max-width: inherit
}

.custom .headline_area img.alignnone {
	margin-left: -3.8em
}

.custom .wp-caption {
	background: #e5e5e5;
	border: 0;
	padding: 0
}
	.custom .wp-caption img {
		border-bottom: 2px solid #ccc
	}
	.custom p.wp-caption-text {
		padding: 10px 0 17px 0
	}

.custom .format_text img.frame {
	background: #e5e5e5;
	border: 0
}


/* Teasers */

.teasers_box {
	margin: 0 3.6em 0 0
}

.teaser .teaser_author .author a {
	border: 0
}

.teaser a.teaser_link:hover {
	color: #ccc;
	text-decoration: none
}


/* Share */

ul.share {
	float: right;
	list-style: none;
	margin: 0
}
	.share li {
		float: left;
		margin-left: 1em
	}
		.share li.retweet {
			width: 74px
		}
		.share li.googleplus {
			width: 48px
		}


/* Pagination */

.pagination {
	background: #f8f8f8;
	font-size: 1.5em;
	margin: 1em 2.4em 0 -2.533em;
	padding: 1.6em 1.6em 1.6em 2.533em
}
	.pagination a {
		background: #fff;
		border-bottom: 1px solid #ccc;
		margin: 0 .3em;
		padding: 8px 13px;
		border-radius: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px
	}
		.pagination a.navigator {
			background: none;
			border: 0;
			color: #272727;
			border-radius: 0
		}
			.pagination a.navigator:hover {
				background: none;
				border: 0;
				color: #ccc
			}
	.pagination a:hover {
		background: #272727;
		border-bottom: 1px solid #111;
		color: #fff
	}


/******************
 * C O M M E N T S
 */

#comments {
	margin-top: 3.8em
}

#respond {
	margin-bottom: 3.8em
}

.comments_intro, #respond_intro {
	background: url(http://www.runningbecauseican.com/wp-content/themes/thesis_184/custom/images/stripes/default.gif) repeat-y;
	border: 0;
	margin: 0 0 1.2em -38px;
	padding: 5px 0 0;
}
	.comments_intro {
		text-align: center
	}
	.custom #respond_intro p {
		padding-left: 50px
	}
	.comments_intro p, #respond_intro p {
		background: #fff;
		padding: 33px 1.2em 0 38px
	}
	.comments_intro span.bracket {
		display: none
	}

.custom dl#comment_list {
	border: 0
}
	dl#comment_list dt .comment_author {
		font-weight: normal
	}
	dl#comment_list dt, dl#comment_list dd, #trackback_list {
		padding-left: 0;
		padding-right: 1.2em
	}
	dl#comment_list dt a:hover {
		color: #888
	}
	dl#comment_list dd {
		border: 0;
		padding-top: 0
	}
		dl#comment_list dd .format_text {
			padding-top: 1.2em
		}
	dl#comment_list .bypostauthor {
		background: none
	}
		dl#comment_list dl dt.bypostauthor,
		dl#comment_list dl dd.bypostauthor > .format_text {
			border-color: #32a4d6
		}

span.avatar {
	border: 3px solid #fff;
	float: left;
	height: 44px;
	margin-right: .714em;
	width: 44px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	box-shadow: 0 1px 1px #aaa;
	-moz-box-shadow: 0 1px 1px #aaa;
	-webkit-box-shadow: 0 1px 1px #aaa
}
	span.avatar img { 
		float: none;
		margin: 0;
		border-radius: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px
	}

span.comment_time {
	display: block
}

dl#comment_list dd p.reply a {
	background: #f99015;
	background: linear-gradient(top, #f99015 0%, #f76c0f 100%);
	background: -moz-linear-gradient(top, #f99015 0%, #f76c0f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99015), color-stop(100%,#f76c0f));
	background: -webkit-linear-gradient(top, #f99015 0%,#f76c0f 100%);
	color: #fff;
	font-weight: bold;
	letter-spacing: normal;
	padding: .3em .7em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#cancel-comment-reply-link {
	border: 0;
	margin-top: 2.8em
}

#commentform {
	border: 0
}
	#commentform p a,
	dl#comment_list dd p.reply a:hover,
	dl#comment_list dt a:hover {
		text-decoration: none
	}
		#commentform p a:hover {
			color: #888
		}

.format_text input,
#commentform input,
#commentform textarea {
	border: 1px solid #eee;
	padding: .6em 4em .6em .6em
}
	.format_text input:focus,
	#commentform input:focus,
	#commentform textarea:focus {
		background-color: #333;
		border: 1px solid #222;
		color: #fff
	}

#commentform textarea {
	background: #fff;
	padding-right: .6em
}

#commentform input.form_submit {
	border: 0;
	padding: .5em .8em
}

.post_nav {
	padding-bottom: 3.8em
}


/******************
 * S I D E B A R S
 */

.custom ul.sidebar_list {
	padding: 3.8em 1.2em 0 1.2em
}

.custom .sidebar h3 {
	font-variant: normal;
	letter-spacing: 2px;
	text-transform: uppercase
}


/* Optin */

.widget.optin {
	color: #ccc
}
	.widget.optin h3 {
		color: #fff
	}
	.widget.optin p {
		margin: 0;
		font-size: 14px;
		padding-bottom: 1.333em
	}
		.widget.optin p.social_proof {
			color: #fff;
			text-align: center
		}
			.widget.optin p.social_proof cite {
				color: #ccc;
				display: block;
				margin-top: 1.333em
			}
	.widget.optin input[type="submit"] {
		font-weight: bold;
		width: 100%
	}

.optin_outer {
	margin-right: -50px;
	padding: 5px 0
}
	.optin_outer.no-spacing {
		margin-right: 0
	}
		.optin_outer.no-spacing .optin_wrapper {
			padding: 24px 19px 5px
		}

.optin_wrapper {
	background: #333 url(images/patterns/pattern-chronicl.png);
	padding: 38px 50px 18px 38px
}


/* Popular */

.widget.popular span {
	background: url(images/comment.png) no-repeat center left;
	color: #333;
	margin-left: .3em;
	padding: 0 0 0 1.3em
}


/* About */

.widget.about-widget p.no-spacing a.block {
	margin: 0;
	padding: 13px
}

.widget.about-widget .block {
	margin: 0 -50px 0 0
}
	.custom .widget.about-widget a.block {
		color: #fff;
		display: block;
		padding: 13px 50px 13px 19px
	}
		.widget.about-widget a.block.rss { /* RSS */
			background: #f87e12
		}
			.widget.about-widget a.block.rss:before {
				content: "r"
			}
		.widget.about-widget a.block.twitter { /* Twitter */
			background: #4cacee
		}
			.widget.about-widget a.block.twitter:before {
				content: "t"
			}
		.widget.about-widget a.block.facebook { /* Facebook */
			background: #3b5998
		}
			.widget.about-widget a.block.facebook:before {
				content: "f"
			}

		.widget.about-widget a.block.google { /* Google+ */
			background: #d44937
		}
			.widget.about-widget a.block.google:before {
				content: "g"
			}
		.widget.about-widget a.block.linkedin { /* LinkedIn */
			background: #3692c3
		}
			.widget.about-widget a.block.linkedin:before {
				content: "l"
			}
		.widget.about-widget a.block.youtube { /* YouTube */
			background: #c6312b
		}
			.widget.about-widget a.block.youtube:before {
				content: "y"
			}
		.widget.about-widget a.block:before {
			font-family: "WebSymbolsRegular", cursive;
			margin-right: 13px;
			opacity: .7
		}
		.custom .widget.about-widget a.block:hover {
			background: #333
		}


/******************
 * A R C H I V E S
 */

.archives #content_area .page {
	padding: 0 2.385%
}

.archives .post_box {
	margin-right: 1.2em
}

.archives .headline_area {
	overflow: hidden;
	text-align: center
}

.archives .format_text h3 {
	border: 0;
	margin-left: 0;
	padding-left: 0;
	text-align: center
}

#archives-search {
	font-size: 1.5em;
	margin: .3em 0 38px 1.3em
}
	#archives-search input[type="text"] {
		background: #f6f6f6 url(images/search.png) no-repeat 21px center;
		margin: 0 auto;
		padding-left: 3em;
		width: 20em;
		border-radius: 21px;
		-moz-border-radius: 21px;
		-webkit-border-radius: 21px
	}


/* By category */

.archives #sort-latest-category {
	margin: 38px 0 0 -3.5063%;
	overflow: hidden
}

.archives .by-category {
	float: left;
	margin: 0 0 38px 3.5063%;
	width: 21.4836%
}
	.archives .by-category .view-all a {
		color: #888;
		font-size: 13px
	}
		.archives .by-category .view-all a:hover {
			color: #272727
		}
	.archives .by-category ul {
		list-style: none;
		margin-left: 0
	}
		.archives .by-category li {
			border-bottom: 1px solid #ddd;
			font-size: 15px;
			padding-bottom: .7em
		}
			.archives .by-category li:last-child {
				border: 0;
				margin: 0;
				padding: 0
			}
	.archives .by-category h4 {
		border: 0;
		margin-left: 0;
		margin-top: 0;
		padding: 0
	}


/* Tag cloud */

#tag_cloud {
	clear: both;
	text-align: center
}
	#tag_cloud a {
		background: #fdfdfd;
		border: 1px solid #ddd;
		display: inline-block;
		margin: 0 5px 15px 0;
		padding: 3px 12px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px
	}
		#tag_cloud a:hover {
			background: #333;
			border: 1px solid #111;
			color: #fff
		}


/**************
 * F O O T E R
 */

#footer_area.full_width > .page {
	background: transparent
}

#footer {
	overflow: hidden;
	padding: 4.3em 0 0;
	text-align: left
}
	#footer #fat_footer {
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		margin-bottom: 19px;
		padding-bottom: 38px
	}
	#footer .column_wrap {
		float: left;
		margin-right: 4%;
		width: 22% 
	}
		#footer .column_wrap.last {
			margin: 0
		}
	#footer h3 {
		color: #333;
		font-size: 1.6em;
		letter-spacing: 2px;
		line-height: 1.438em; /*24px*/
		margin-bottom: .5em;
		text-transform: uppercase
	}
	#footer ul {
		list-style-type: square;
		margin-left: 1.467em
	}
	#footer li, #footer p {
		margin-bottom: 1.467em
	}
	#footer input {
		font-size: 14px
	}
		#footer input[type="submit"] {
			font-weight: bold
		}
	#footer a {
		border: 0;
		color: #32a4d6;
		font-size: 15px
	}


/* Copyright */

#footer_copy {
	clear: both;
}
	#footer_copy p {
		margin-bottom: 0;
		float:left;
	}
		#footer_copy p.attribution {
			float: right
		}


/* Optin */

#footer .widget.optin h3 {
	color: #fff
}
	#footer .widget.optin p {
		margin-bottom: 0
	}
	#footer .widget.optin p.social_proof {
		font-size: 13px;
		line-height: 20px
	}


/* About */

#footer .widget.about-widget a.block {
	color: #fff;
	font-size: 14px
}


/* Popular */

#footer .widget.popular ul {
	background: #fff;
	border: 1px solid #ccc;
	list-style: none;
	margin: 0;
	padding: 19px
}
	#footer .widget.popular li {
		border-bottom: 1px solid #ddd;
		padding-bottom: 1.467em
	}
		#footer .widget.popular li:last-child {
			border: 0;
			margin: 0;
			padding: 0
		}


/***********************
 * B G  P A T T E R N S
 */

body.pattern-chronicl { background-image: url(images/patterns/pattern-chronicl.png) }
body.pattern-pop { background-image: url(images/patterns/pattern-pop.gif) }
body.pattern-diamonds { background-image: url(images/patterns/pattern-diamonds.png) }
body.pattern-tiny-diagonal { background-image: url(images/patterns/pattern-tiny-diagonal.png) }
body.pattern-wide-diagonal { background-image: url(images/patterns/pattern-wide-diagonal.png) }
body.pattern-thick-diagonal { background-image: url(images/patterns/pattern-thick-diagonal.png) }
body.pattern-noise { background-image: url(images/patterns/pattern-noise.gif) }
body.pattern-squares { background-image: url(images/patterns/pattern-squares.png) }
body.pattern-honeycomb { background-image: url(images/patterns/pattern-honeycomb.png) }
body.pattern-steps { background-image: url(images/patterns/pattern-steps.png) }
body.pattern-horizontal { background-image: url(images/patterns/pattern-horizontal.png) }
body.pattern-vertical { background-image: url(images/patterns/pattern-vertical.png) }


/***************************
 * C O L O R  S C H E M E S
 */

/* Default */

.color-chronicl #header_area .page,
.color-chronicl #footer_area.full_width > .page,
.color-chronicl .optin_outer,
.color-chronicl .comments_intro,
.color-chronicl #respond_intro,
.color-chronicl #feature_box { background-image: url(images/stripes/color-chronicl.gif) }

.color-chronicl #header_area .page,
.color-chronicl #footer_area.full_width > .page,
.color-chronicl #feature_box { background-repeat: repeat-x }

.color-chronicl .main-menu { background: #f87e12 }
	.color-chronicl ul.main-menu li a { background-color: #ffd6b3 }

.color-chronicl .main-menu span { color: #e97106 }

.color-chronicl .optin_outer,
.color-chronicl .comments_intro,
.color-chronicl #respond_intro { background-repeat: repeat-y }


/* Terkoise */

.color-terkoise #header_area .page,
.color-terkoise #footer_area.full_width > .page,
.color-terkoise .optin_outer,
.color-terkoise .comments_intro,
.color-terkoise #respond_intro,
.color-terkoise #feature_box { background-image: url(images/stripes/color-terkoise.gif) }

.color-terkoise #header_area .page,
.color-terkoise #footer_area.full_width > .page,
.color-terkoise #feature_box { background-repeat: repeat-x }

.color-terkoise .main-menu { background: #26b6b7 }
	.color-terkoise ul.main-menu li a { background-color: #83eeef; color: #054646 }

.color-terkoise .main-menu span { color: #26b6b7 }

.color-terkoise .optin_outer,
.color-terkoise .comments_intro,
.color-terkoise #respond_intro { background-repeat: repeat-y }


/* Monotone */

.color-mono #header_area .page,
.color-mono #footer_area.full_width > .page,
.color-mono .optin_outer,
.color-mono .comments_intro,
.color-mono #respond_intro,
.color-mono #feature_box { background-image: url(images/stripes/color-mono.gif) }

.color-mono #header_area .page,
.color-mono #footer_area.full_width > .page,
.color-mono #feature_box { background-repeat: repeat-x }

.color-mono .main-menu { background: #aaa }
	.color-mono ul.main-menu li a { background-color: #ddd }

.color-mono .main-menu span { color: #aaa }

.color-mono .optin_outer,
.color-mono .comments_intro,
.color-mono #respond_intro { background-repeat: repeat-y }


/* Horizon */

.color-horizon #header_area .page,
.color-horizon #footer_area.full_width > .page,
.color-horizon .optin_outer,
.color-horizon .comments_intro,
.color-horizon #respond_intro,
.color-horizon #feature_box { background-image: url(images/stripes/color-horizon.gif) }

.color-horizon #header_area .page,
.color-horizon #footer_area.full_width > .page,
.color-horiozn #feature_box { background-repeat: repeat-x }

.color-horizon .main-menu { background: #9b9dec }
	.color-horizon ul.main-menu li a { background-color: #dedfff }

.color-horizon .main-menu span { color: #393b95 }

.color-horizon .optin_outer,
.color-horizon .comments_intro,
.color-horizon #respond_intro { background-repeat: repeat-y }


/* High Spirits */

.color-high-spirits #header_area .page,
.color-high-spirits #footer_area.full_width > .page,
.color-high-spirits .optin_outer,
.color-high-spirits .comments_intro,
.color-high-spirits #respond_intro,
.color-high-spirits #feature_box { background-image: url(images/stripes/color-high-spirits.gif) }

.color-high-spirits #header_area .page,
.color-high-spirits #footer_area.full_width > .page,
.color-high-spirits #feature_box { background-repeat: repeat-x }

.color-high-spirits .main-menu { background: #dd6200 }
	.color-high-spirits ul.main-menu li a { background-color: #ffd4b1 }

.color-high-spirits .main-menu span { color: #dd6200 }

.color-high-spirits .optin_outer,
.color-high-spirits .comments_intro,
.color-high-spirits #respond_intro { background-repeat: repeat-y }


/* Smooth Metal */

.color-smooth-metal #header_area .page,
.color-smooth-metal #footer_area.full_width > .page,
.color-smooth-metal .optin_outer,
.color-smooth-metal .comments_intro,
.color-smooth-metal #respond_intro,
.color-smooth-metal #feature_box { background-image: url(images/stripes/color-smooth-metal.gif) }

.color-smooth-metal #header_area .page,
.color-smooth-metal #footer_area.full_width > .page,
.color-smooth-metal #feature_box { background-repeat: repeat-x }

.color-smooth-metal .main-menu { background: #7a8089 }
	.color-smooth-metal ul.main-menu li a { background-color: #dfdfdf }

.color-smooth-metal .main-menu span { color: #7a8089 }

.color-smooth-metal .optin_outer,
.color-smooth-metal .comments_intro,
.color-smooth-metal #respond_intro { background-repeat: repeat-y }


/* Art Class */

.color-art-class #header_area .page,
.color-art-class #footer_area.full_width > .page,
.color-art-class .optin_outer,
.color-art-class .comments_intro,
.color-art-class #respond_intro,
.color-art-class #feature_box { background-image: url(images/stripes/color-art-class.gif) }

.color-art-class #header_area .page,
.color-art-class #footer_area.full_width > .page,
.color-art-class #feature_box { background-repeat: repeat-x }

.color-art-class .main-menu { background: #dd0200 }
	.color-art-class ul.main-menu li a { background-color: #ffb9b8 }

.color-art-class .main-menu span { color: #dd0200 }

.color-art-class .optin_outer,
.color-art-class .comments_intro,
.color-art-class #respond_intro { background-repeat: repeat-y }


/* Pink<3 */

.color-pink #header_area .page,
.color-pink #footer_area.full_width > .page,
.color-pink .optin_outer,
.color-pink .comments_intro,
.color-pink #respond_intro,
.color-pink #feature_box { background-image: url(images/stripes/color-pink.gif) }

.color-pink #header_area .page,
.color-pink #footer_area.full_width > .page,
.color-pink #feature_box { background-repeat: repeat-x }

.color-pink .main-menu { background: #d024b6 }
	.color-pink ul.main-menu li a { background-color: #ffbef5 }

.color-pink .main-menu span { color: #d024b6 }

.color-pink .optin_outer,
.color-pink .comments_intro,
.color-pink #respond_intro { background-repeat: repeat-y }


/* Red Flare */

.color-red-flare #header_area .page,
.color-red-flare #footer_area.full_width > .page,
.color-red-flare .optin_outer,
.color-red-flare .comments_intro,
.color-red-flare #respond_intro,
.color-red-flare #feature_box { background-image: url(images/stripes/color-red-flare.gif) }

.color-red-flare #header_area .page,
.color-red-flare #footer_area.full_width > .page,
.color-red-flare #feature_box { background-repeat: repeat-x }

.color-red-flare .main-menu { background: #c52727 }
	.color-red-flare ul.main-menu li a { background-color: #efd3d3 }

.color-red-flare .main-menu span { color: #a91616 }

.color-red-flare .optin_outer,
.color-red-flare .comments_intro,
.color-red-flare #respond_intro { background-repeat: repeat-y }


/* Blue Sky */

.color-blue-sky #header_area .page,
.color-blue-sky #footer_area.full_width > .page,
.color-blue-sky .optin_outer,
.color-blue-sky .comments_intro,
.color-blue-sky #respond_intro,
.color-blue-sky #feature_box { background-image: url(images/stripes/color-blue-sky.gif) }

.color-blue-sky #header_area .page,
.color-blue-sky #footer_area.full_width > .page,
.color-blue-sky #feature_box { background-repeat: repeat-x }

.color-blue-sky .main-menu { background: #187ee5 }
	.color-blue-sky ul.main-menu li a { background-color: #aed2f6 }

.color-blue-sky .main-menu span { color: #0e68c5 }

.color-blue-sky .optin_outer,
.color-blue-sky .comments_intro,
.color-blue-sky #respond_intro { background-repeat: repeat-y }


/* I Like Turtles */

.color-turtles #header_area .page,
.color-turtles #footer_area.full_width > .page,
.color-turtles .optin_outer,
.color-turtles .comments_intro,
.color-turtles #respond_intro,
.color-turtles #feature_box { background-image: url(images/stripes/color-turtles.gif) }

.color-turtles #header_area .page,
.color-turtles #footer_area.full_width > .page,
.color-turtles #feature_box { background-repeat: repeat-x }

.color-turtles .main-menu { background: #329644 }
	.color-turtles ul.main-menu li a { background-color: #b7dabe }

.color-turtles .main-menu span { color: #329644 }

.color-turtles .optin_outer,
.color-turtles .comments_intro,
.color-turtles #respond_intro { background-repeat: repeat-y }


/* Orange Delight */

.color-orange-delight #header_area .page,
.color-orange-delight #footer_area.full_width > .page,
.color-orange-delight .optin_outer,
.color-orange-delight .comments_intro,
.color-orange-delight #respond_intro,
.color-orange-delight #feature_box { background-image: url(images/stripes/color-orange-delight.gif) }

.color-orange-delight #header_area .page,
.color-orange-delight #footer_area.full_width > .page,
.color-orange-delight #feature_box { background-repeat: repeat-x }

.color-orange-delight .main-menu { background: #f8831a }
	.color-orange-delight ul.main-menu li a { background-color: #fdd3af }

.color-orange-delight .main-menu span { color: #f8831a }

.color-orange-delight .optin_outer,
.color-orange-delight .comments_intro,
.color-orange-delight #respond_intro { background-repeat: repeat-y }

/*-- Full Width Teasers -- */

.custom .teaser {
	width: 100%;
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px dotted #ccc;
	text-align: justify;
	}
.custom .teasers_box {
	padding-top: 0;
	padding-bottom:0;
	border-top: 0;
	}	
	
/*---- Comment Link Styling ---- */

.format_text .to_comments span {
	font-size: 1em;
	}

.format_text .to_comments {
	font-size: 1.6em;
	line-height: 2.2em;
	margin-bottom: 1.2em;
}

/*---- Text styling for sharing button message ----*/

ul.share span.share-text {
	float:left;
	font-weight:bold;
	}
	
.footer-attribution {
	float:right;
	font-size: 1.5em;
	line-height: 1.467em;
	}
	
.custom .teasers_box ul.share span.share-text {
	font-size:1.4em;
	}
	
a.dailymile { background: #1199cd }
	a.dailymile:before { content: "C" }
	
#footer .button {
	padding:8px 15px;
	}

.custom .teaser .format_teaser img {
	padding:5px;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	}