/* 
Two2Twelve Networks - From
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
*/
body {
	background: url('../images/from/background.jpg') repeat-y top;
	font-family: "Myriad Pro","Helvetica Neue","HelveticaNeue",helvetica,sans-serif;
}
/*--------------------------------------------
Branding
---------------------------------------------*/
div#element_details div.logo a.from{
	background: url('../images/from/logo.png') no-repeat left;
	width: 123px;
}
/*--------------------------------------------
Content
---------------------------------------------*/
div#content {
	margin-top: 50px;
}
	div#loading {
		background: #000;
		padding-left: 50px;
		width: 100%; padding: 15px; position: fixed; bottom: 0;
		text-align: center;
		z-index: 999999;
		opacity: 0.7;
		display: none;
	}
		div#loading p{ 
			background: url('../images/from/loader.gif') no-repeat center; 
			height: 48px; 
		}
	div#content div#sidebar {
		width: 200px;
		float: left;
	}
		div#sidebar div.container { margin-bottom: 50px; }
			div#sidebar h3 {
				text-transform: uppercase;
				color: #818181;
				font-size: 14px;
				font-family: "Decker";
				font-weight: normal;
				letter-spacing: 0.05em;
				text-shadow: #222 0px 3px 5px;
				margin-bottom: 12px;
			}
			div#sidebar div#categories ul {
				list-style: none;
				width: 170px;
			}
				div#sidebar div#categories ul li{
					margin-bottom: 12px;
				}
					div#sidebar div#categories ul li a{
						font-family: "Decker";
						font-size: 12px;
						color: #ffffff;
						text-decoration: none;
						position: relative;
						display: block;
						text-shadow: #222 1px 3px 5px;
					}
					div#sidebar div#categories ul li a span{
						display: block;
						background: url('../images/from/dots_small.png') no-repeat right;
						width: 10px;
						height: 10px;
						position: absolute;
						top: 5px;
						right: 0;
						opacity: 0.5;
						filter:alpha(opacity=50);
					}
						div#sidebar div#categories ul li a.blog_posts span{ background-position: 0px 0px; }
						div#sidebar div#categories ul li a.tweets span{ background-position: 0px -11px; }
						div#sidebar div#categories ul li a.music span{ background-position: 0px -22px; }
						div#sidebar div#categories ul li a.photos span{ background-position: 0px -33px; }
						div#sidebar div#categories ul li a.links_misc span{ background-position: 0px -44px; }
					div#sidebar div#categories ul li a:hover span{ opacity: 1.0; filter:alpha(opacity=100); }
			div#sidebar div#archives ul { list-style: none; }
				div#sidebar div#archives ul li{ margin-bottom: 12px; }
					div#sidebar div#archives ul li a{
						font-family: "Decker";
						font-size: 12px;
						color: #ffffff;
						text-decoration: none;
						position: relative;
						display: block;
						text-shadow: #222 1px 3px 5px;
					}
						div#sidebar div#archives ul li a span{ color: #999; }
	div#content div#stream {
		width: 720px;
		float: right;
		background: url('../images/from/line_vertical.png') repeat-y top left;
		padding-left: 30px;
	}
		div#stream div.entry{
			width: 725px;
			background: url('../images/from/entry_bg.png') repeat-y top;
		}
			div.entry a.indicator,
			div.single_entry a.indicator {
				height: 14px;
				width: 14px;
				background: url('../images/from/dots_large.png') no-repeat;
				display: block;
				position: absolute;
				top: 25px;
				right: 25px;
			}
				div.single_entry a.indicator { top: 40px; right: 40px; }
			div#stream div.entry p{
				font-size: 12px;
				line-height: 18px;
				text-shadow: #111 0px 2px 5px;
			}
			div#stream div.entry div.padding { padding: 27px 30px 27px 30px; position: relative; }
			/* Blog Post */
			div#stream div.blog_post { }
				div.blog_post a.indicator { 
					background-position: 0px 0px;
				}
				div#stream div.blog_post h1,
				div#stream div.blog_post h1 a{
					font-size: 18px;
					color: #fff;
					font-weight: normal;
					margin-bottom: 20px;
					letter-spacing: 0.02em;
					text-shadow: #222 0px 3px 5px;
					text-decoration: none;
				}
					div#stream div.blog_post h1 a:hover{ order-bottom: 1px solid #fff; text-shadow: 0 0 15px #fff; }
				div#stream div.blog_post div.excerpt p{
					font-size: 12px;
					color: #7f8082;
					margin-bottom: 20px;
					text-shadow: #111 0px 2px 5px;
				}
				div#stream div.blog_post span.date { 
					color: #fff; 
					font-size: 12px; 
					display: block;  
					float: left; 
				}
				div#stream div.blog_post a.comments { 
					background: url('../images/from/comments.png') no-repeat left;
					padding-left: 15px;
					display: block;
					float: right;
					font-size: 11px;
					color: #fff;
					text-decoration: none;
					text-transform: lowercase;
				}
					div#stream div.blog_post a:hover.comments { color: #59b873; }
		/* Tweet */
		div.tweet a.indicator { 
			background-position: 0px -15px;
			top: 30px;
		}
			div#stream div.tweet span.quote {
				width: 20px;
				height: 16px;
				float: left;
				background: url('../images/from/quotes.png') no-repeat;
				margin-top: -5px;
			}
				div#stream div.tweet span.start {
					background-position: center top;
				}
				div#stream div.tweet span.end {
					background-position: center bottom;
				}
			div#stream div.tweet p {
				color: #fff;
				float: left;
				margin-left: 8px;
				margin-right: 8px;
			}
			   div#stream div.tweet p a{ color: #fff; text-decoration: none; }
			   div#stream div.tweet p a:hover { text-shadow: 0 0 15px #fff; } 
		/* Audio */
		div#stream div.audio div.padding{
			padding: 20px 30px 15px 30px;
		}
			div.audio a.indicator { 
				background-position: 0px -30px;
				top: 40px;
			}
		/* Photos */
		div#stream div.photos div.padding{
			padding: 20px 30px 20px 30px;
		}
			div.photos a.indicator { 
				background-position: 0px -45px;
				top: 45px;
			}
				div#stream div.photos ul { list-style: none; }
					div#stream div.photos ul li {
						float: left;
						width: 75px;
						height: 51px;
						border: 4px solid #404243;
						margin-right: 20px;
						-moz-border-radius: 6px;
						-webkit-border-radius: 6px;
						-khtml-border-radius: 6px;
						border-radius: 6px;
					}
		/* Links */
		div.link a.indicator { 
			background-position: 0px -60px;
			top: 30px;
		}
			div#stream div.link span.icon {
				width: 22px;
				height: 22px;
				float: left;
				background: url('../images/from/link.png') no-repeat left;
				margin-top: -5px;
			}
			div#stream div.link p {
				color: #fff;
				float: left;
				margin-left: 14px;
			}		
				div#stream div.link p a{ color: #666; text-decoration: none; }
				div#stream div.link p a:hover { text-shadow: #777 0 0 2px; } 
/*--------------------------------------------
Audio Player
---------------------------------------------*/
.audio_player_wrap { margin-left: 0px; }
#player_container_1 {
	position: relative;
	width: 590px;
	height: 60px;
}
#player_container_1  ul#player_controls_1 {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container_1  ul#player_controls_1 li {
	overflow:hidden;
	text-indent:-9999px;
}
#audio_player_track_name {
	background: #323436;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #474a4b;
	font-size: 12px;
	color: #fff;
}
#player_play_1,
#player_pause_1 {
	display: block;
	position: absolute;
	left:0px;
	top:36px;
	width:12px;
	height:12px;
	cursor: pointer;
}
	#player_play_1 { background: url("../images/from/audio_controls.png") no-repeat 0 0;  }
	#player_pause_1 { background: url("../images/from/audio_controls.png")  no-repeat 0px -12px; }
#player_progress_1 {
	position: absolute;
	left: 20px;
	top:37px;
	background-color: #111;
	width: 500px;
	height:7px;
	border: 1px solid #383a3b;
}
#player_progress_load_bar_1 {
	background: #000;
	width:0px;
	height:7px;
	cursor: pointer;
}
#player_progress_load_bar_1._buffer {
	background: #000;
}
#player_progress_play_bar_1 {
	background: #212121;
	width:0px;
	height:7px;
}
#player_time_1 {
	position: absolute;
	left: 535px;
	top: 36px;
	font-size: 10px;
	color:#fff;
}
	#player_time_1 div{ float: left; }
	#player_time_1 div#total_time_1 { margin-left: 4px; }
ul#player_volume_options_1 {
	position: absolute;
	top: 7px;
	right: 15px;
	background: #FDFDFD;
	list-style: none;
	margin: 0;
	padding: none;
}
#player_volume_bar_1 {
	background: #212121;
	width:45px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value_1 {
	background: #111;
	width:0px;
	height:5px;
}				
/*--------------------------------------------
Subpages
---------------------------------------------*/
div#content div.single_entry{
	background: url('../images/from/entry_bg.png') repeat top;
}
	div#content div.single_entry div.padding { padding: 27px 30px 27px 30px; position: relative; }
	div#content div.single_entry p,
	div#content div.portfolio p {
		font-size: 12px;
		color: #7f8082;
		margin-bottom: 20px;
		text-shadow: #111 0px 2px 5px;
	}
	div.single_entry p a,
	 div.portfolio_entry p a { color: #eaeaea; text-decoration: none; }
	div.single_entry p a:hover { text-shadow: #fff 0px 0px 3px; }
	div#content div.portfolio p { text-shadow: none; line-height: 20px; font-size: 12px; } 
	div#content div.single_entry h1,
	div#content h1.portfolio_title,
	div#content div.single_entry h2.blog_sub_title{
		font-size: 32px;
		color: #fff;
		font-weight: normal;
		margin-bottom: 5px;
		letter-spacing: 0.02em;
		text-shadow: none;
		text-decoration: none;
		text-transform: lowercase;
	}		
	div#content h1.portfolio_title { font-size: 26px; } 
div#content div.single_entry div.photos {
	margin-top: 30px;
}
	div#content div.single_entry div.photos div.photo {
		float: left;
		width: 220px;
		height: 160px;
	}
div.portfolio div.portfolio_entry { position: relative; margin-bottom: 30px; }	
div.portfolio div.portfolio_entry div.info {
	width: 268px;
	height: 74px;
	background: url('../images/from/entry_info.jpg') no-repeat top;
	position: absolute;
	right: 0px;
	top: 100px;
}
	div.portfolio div.portfolio_entry div.info_padding{ padding: 15px 16px 0px 16px; }
	div.portfolio div.portfolio_entry div.info h4{
		color: #fff;
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 5px;
	}
	div.portfolio div.portfolio_entry div.info span{
		color: #999;
		font-style: italic;
		font-size: 12px;
	}
	div.portfolio div.portfolio_entry div.info a {
		height: 26px;
		width: 93px;
		background: url('../images/from/view_site.jpg') no-repeat top;
		text-indent: -99999px;
		display: block;
		float: right;
		margin-top: -25px;
	}
/*--------------------------------------------
Blog Posts
---------------------------------------------*/
div#content div.single_entry h2{
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 5px;
	letter-spacing: 0.02em;
	text-decoration: none;
	margin-top: 25px;
}
div#content div.single_entry h1.blog_title,
div#content h1.portfolio_title{ text-transform: none; }
div#content div.single_entry h2.blog_sub_title{ font-size: 26px; margin-top: 0; text-transform: none; }
div#content div.single_entry div.blog_text { margin-top: 25px; }
div#content div.single_entry div.blog_text,
div#content div.single_entry div.blog_text p,
div#content div.page p {
	font-size: 15px;
	color: #7f8082;
	line-height: 25px;
	text-shadow: #111 0px 1px 0px;
}
	div#content div.single_entry div.blog_text b { color: #ccc; font-weight: normal; }
	div.blog_text ul,
	div.blog_text ol {
		padding-left: 20px;
		margin: 10px 0px 10px 0px;
		color: #63B279;
	}
	div.blog_text a { color: #eaeaea; text-decoration: none; }
	div.blog_text a:hover { text-shadow: #fff 0px 0px 3px; }
	div#content div.single_entry div.blog_text div.syntaxhighlighter { text-shadow: none; border: 1px solid #404345; }
div.fr_comments { margin-top: 20px; }
div.comment { margin-bottom: 20px; }
	div.comment div.avatar {
		width: 110px;
		float: left;
	}
		div.comment div.avatar img{
			background: #444;
			padding: 4px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-khtml-border-radius: 3px;
		}
	div.comment div.body {
		float: left;
		width: 550px;
		background: #353637;
		padding: 15px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
		div#content div.single_entry div.comment div.body p{ text-shadow: none; font-size: 13px; line-height: 21px; margin-bottom: 10px; }
	div.comment div.info {
		float: left;
		width: 120px;
		margin-left: 40px;
	}
		div.comment div.info span.name,
		div.comment div.info span.name a{
			display: block;
			margin-bottom: 5px;
			font-size: 14px;
			color: #5CAB71;
			text-decoration: none;
		}
		div.comment div.info span.date { color: #888; font-size: 11px; }
/*--------------------------------------------
Forms
---------------------------------------------*/
form fieldset { border: none; }
	form .text_field {
		border: none;
		background: #434649;
		padding: 5px;
		font-size: 14px;
		color: #eaeaea;
	}
	form .text_field:focus { background: #444749; }
	div#content div.single_entry form p { font-size: 15px; }
	form label {
		display: block;
		margin-bottom: 5px;
	}
	form label.inline {
		float: left;
		display: inline;
		width: 190px;
		margin-top: 5px;
	}
	form input.submit {
		border: none;
		background: #444749;
		color: #eaeaea;
		padding: 10px 20px 10px 20px;
		font-size: 12px;
		border: 1px solid #414446;
		cursor: pointer;
	}
	form div.comment_notice {
		font-size: 14px;
	}
		div.fr_comment_form_error { color: #CF4A4A; }
/*--------------------------------------------
Misc
---------------------------------------------*/
a.load_more {
	padding: 6px 10px 6px 10px;
	background: #232628;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	float: right;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	margin-top: 15px;
	display: none;
}
span.hr {
	border: none;
	height: 2px;
	background: url('../images/from/line_horizontal.png') repeat-x left;
	margin: 0;
	display: block;
}					
div#stream hr {
	width: 725px;
}