/*   
Theme Name: istartedsomething 2010
Theme URI: http://istartedsomething.com/
Description: istartedsomething.com theme 2010
Author: Long Zheng & Oscar Gruno
Author URI: http://istartedsomething.com/
Version: 1.0
*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

html {
	background:#eee;
}
	
body {
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
        border: 0 none !important;
	background: #eee;
	color: #111;
	}

p {
	margin-bottom: 1.2em;
	}

hr {
	display: none;
	}

blockquote {
	padding: 5px 20px 1px;
	margin: 0 0 1em;
	border-left: 4px solid #dcdcdc;
	font-size: 13px;
	line-height: 155%;
	color: #666;
}

th, td {	
	border: 0 none;
	}

li {
	margin-bottom: 0.8em;
}

/* scroll fix */
body, #topbar, #footer {
	min-width: 1060px;
}

/* links */
a {
	color: #d13b00;
		text-decoration: none;
	}
	a:hover, a:visited:hover {
		color: #000;
		}

/* floats */
.left {
	float: left !important;
	}
.right {
	float: right !important;
	}
.clear {
	clear: both;
	}

/* images */
img, a img {
	border: 0;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	vertical-align: text-bottom !important;
	}

/* awesome buttons */
/* from http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */
.awesomebtn {
	background: #333 url(images/awesomebtn.png) repeat-x;
	display: inline-block; 
	padding: 6px 14px; 
	line-height: 1em;
	color: #fff;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none; 
	border-radius: 7px 0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 0 none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	}
	.awesomebtn:hover { 
		background-color: #222; 
		color: #fff !important;
		}
	.awesomebtn:active { 
		top: 1px; 
		}
	.awesomebtn.green {
		background-color: #008403;
		}
		.awesomebtn.green:hover {
			background-color: #006702;
			}
	.awesomebtn.blue {
		background-color: #006aae;
		}
		.awesomebtn.blue:hover {
			background-color: #005184;
			}

/* wrapper */
.wrapper {
	width: 1060px;
	margin: 0 auto;
	position: relative;
	}

/* sections */
.content {
	width: 730px;
	}
	.content.float {
		float: left;
		}

.sidebar {
	width: 300px;
	float: right;
	}

/* topbar */
#topbar {
	background: url(images/topbar_wide.png) no-repeat center;
	height: 26px;
	position: relative;
	}
	#topbar .wrapper {
		background: url(images/topbar_small.png) repeat-x top;
		height: 26px;
		}
	#topbar #topbar_blend{
		background: url(images/topbar_blend.png) no-repeat top left;
		height: 26px;
		padding-left: 53px;
		float: right;

		}	
	#topbar #topbar_network{
		background: url(images/topbar_large.png) repeat-x top;
		height: 26px;
		padding: 0 26px;
		font-size: 11px;
		text-shadow: #ffffff 0 1px 0;
		}
	#topbar p {
		margin: 0;
		padding-top: 6px;
		}
	#topbar span {
		color: #6a99ab;
		margin-right: 0.5em;
		}
	#topbar a {
		text-decoration: none;
		color: #006bd8;
		margin-right: 0.5em;
		}
		#topbar a:hover {
			text-decoration: underline;
			color: #000;
		}

/* header */
#header {
	padding: 55px 0 20px;
	margin: -17px 0 30px;
	}
	#header h1 {
		margin: 0;
		line-height: 1;
		}
	#header h1 a {
		font-size: 0;
		text-indent: -9999px;
		background: url(images/logo.png) no-repeat top left;
		width: 221px;
		height: 52px;
		display: block;
		opacity:1;
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		-o-transition: opacity 0.2s ease-in-out;	
		-ms-transition: opacity 0.2s ease-in-out;	
		transition: opacity 0.2s ease-in-out;
		}
	#header h1 a:hover {
		opacity:0.6;
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		-o-transition: opacity 0.2s ease-in-out;
		-ms-transition: opacity 0.2s ease-in-out;	
		transition: opacity 0.2s ease-in-out;
		}
	#header #search {
		text-align: right;
		}
		#header #search input#q {
			width: 200px;
			font: 13px Arial, Helvetica, sans-serif;
			padding: 3px 4px;
			}
		#header #search input#sbb {
			vertical-align: top;
			position: relative;
			}
			#header #search input#sbb:active {
				top: 1px;
				}

/* main */
#main {
	margin: 0 0 50px 0;
	}
	#main h2 {
		font-family: "Segoe UI", Arial, Helvetica, sans-serif;
		margin: 0 0 40px;
		line-height: 110%;
		font-size: 35px;
		letter-spacing: -1px;
		}
	#main .content {
		line-height: 185%;
		}
	#main .content h3 {
		font-family: "Segoe UI", Arial, Helvetica, sans-serif;
		font-size: 29px;
		font-weight: normal;
		letter-spacing: -0.02em;
		margin: 0 0 26px;
		line-height: 130%;
		position: relative;
		z-index: 99;
		}
		#main .content h3 a {
			color: #000;
			text-decoration: none;
			}
			#main .content h3 a:hover {
				text-decoration: underline;
				}

/* articles */
.article {
	margin-bottom: 	3em;
	background: #fff;
	padding: 30px;
	box-shadow: 5px 10px 20px #ddd;
}
	.article .meta {
		color: #999;
		font-size: 12px;
		text-transform: uppercase;
	}
	.article .article-content {
		font-size: 14px;
		color: #222;
		}
		.article-content a {
			border-bottom: 1px dotted #d13b00;
			}
			.article-content a:hover {
				border-bottom: 1px solid #111;
				}
		.article-content div img {
			margin-bottom: 1em;
			}
		.article-content a.more-link {
			margin-top: 15px;
			background: #c73d00 url(images/awesomebtn.png) repeat-x;
        	        display: inline-block; 
                	padding: 6px 24px; 
                	line-height: 1em;
			color: #fff;
		        font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			text-decoration: none;
			border-radius: 7px 0;
			box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		    	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
			border: 0 none;
			border-bottom: 1px solid rgba(0,0,0,0.25);
			position: relative;
			cursor: pointer;
			}
			.article-content a.more-link:hover {
				background-color: #a03100; 
			        color: #fff !important;
				}

		.article-control {
			margin-top: 40px;
			}
			.article-control div.comments {
				float: right;
				margin-top: -32px;
				}
			.article-control a.replies {
				}
				.article-control a.replies span.larger {
					font-size: 16px;
					font-weight: bold;
					vertical-align: middle;
					position: relative;
					}

/* comments */
.article-comments {
	margin-bottom: 60px;
	}
	.article-comments h4 {
		font-family: "Segoe UI", Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 0 0 30px;
		line-height: 160%;
		text-shadow: 0 1px 0 #fff;
		}
	.article-comments a {
		border-bottom: 1px dotted #d13b00;
		}
		.article-comments a:hover {
			border-bottom: 1px solid #111;
			}
	.article-comments ol {
		list-style: none;
		margin: 0 0 50px 44px;
		padding: 0;
		}
		.article-comments ol li {
			list-style: none;
			margin: 0 0 30px;
			padding: 3px 0 0;
			position: relative;
			}
	.article-comments .comment-author {
		border-top: 1px solid #ddd;
		margin-top: 12px;
		}
		.article-comments .comment-body {
			padding-top: 1px;
			margin-bottom: 20px;
			}
			.article-comments .comment-body p {
				line-height: 170%;
				}
		.article-comments .comment-author cite.fn {
			font-size: 15px;
			font-weight: bold;
			float: left;
			background: #eee;
			margin: -10px 0 1px;
			padding-right: 10px;
			position: relative;
			max-width: 70%;
			}
 			.article-comments .comment-author cite.fn a {
				color: #111;
				border-bottom: 1px dotted #666;
				}
				.article-comments .comment-author cite.fn a:hover {
					border-bottom: 1px solid #111;
					}
		.article-comments .comment-author span.says {
			display: none;
			}
		.article-comments .comment-author img.avatar {
			float: left;
			position: absolute;
			top: 7px;
			left: -44px;
			border: 2px solid #ddd;
			}
		.article-comments li div.reply {
			font-size: 12px;
			padding-left: 10px;
			background: #eee;
			position: absolute;
			top: 4px;
			right: 0;
			}
			.article-comments li.pingback div.reply {
				display: none !important;
				}
			.article-comments li div.reply a {
				background: url(images/comment-reply.png) no-repeat 0 2px;
				padding-left: 20px;
				display: block;
				color: #666;
				text-decoration: none;
				border-bottom: 0 none;
				}
			.article-comments li div.reply a:hover {
				color: #111;
				text-decoration: underline;
				border-bottom: 0 none;
				}
	.article-comments div.comment-meta {
		font-size: 11px;
		margin: 0 0 6px;
		line-height: 135%;
		clear: both;
		}
		.article-comments div.comment-meta a {
			color: #666;
			text-decoration: none;
			border-bottom: 0 none;
			}
			.article-comments div.comment-meta a:hover {
				border-bottom: 0 none;				
				text-decoration: underline;
				}

	.article-comments .bypostauthor {
		}
		.article-comments li.bypostauthor > .comment-body .comment-author {
			border-top-color: #93d42c;
			color: #006600;
			}
		.article-comments li.bypostauthor > .comment-body .comment-author img.avatar {
			border-color: #93d42c;
			}

	.article-comments li ul.children {
		margin: 0 0 0 44px;
		}

	.article-comments li.pingback, .article-comments li.pingback a {
		color: #777 !important;
		}
		.article-comments li.pingback cite.fn {
			font-size: 12px;
			line-height: 140%;
			}
		.article-comments li.pingback p {
			font-size: 12px;
			}

	#respond {
		margin: 10px 0 30px;
		}
	#respond h4 {
		margin-bottom: 20px;
		}
		#respond h4 small.cancel-comment-reply {
			float: right;
			}
			#respond h4 small.cancel-comment-reply a {
				font-size: 13px;
				letter-spacing: 0;
				}
				#respond h4 small.cancel-comment-reply a:hover {
					}
	#respond input#author, #respond input#email, #respond input#url {
		width: 60%;
		padding: 4px;
		font: 13px Arial, Helvetica, sans-serif;
		}
	#respond textarea{
		width: 98%;
		height: 150px;
		padding: 4px;
		font: 13px/150% Arial, Helvetica, sans-serif;
		}	

	#comment-form {
		}
		#comment-form p {
			position: relative;
			clear: both;
			}
		#authorinfo label {
			float: left;
			width: 150px;
			position: relative;
			line-height: 1.2em;
			top: -1px;
			}
			#authorinfo em {
				font-style: normal;
				color: #b60000;
				}
			#authorinfo em.optional {
				color: #009900; 
				}
			#authorinfo label small {
				font-size: 11px;
				color: #999;
				}
		#comment-form p.subscribe-to-comments label {
			position: relative;
			top: -2px;
			}
		#comment-form p.submit {
			float: right;
			}
			#comment-form p.submit input {
				padding: 5px 15px;
				}
			#comment-form p.comment-subscription-form {
				display: inline-block;
				margin-right: 20px;
				}

/* nav */
.navigation {	
	margin-top: 60px;
}
.navigation .left, .navigation .right {
	text-align: left;
	width: 49%;
	line-height: 150%;
	}
	.navigation .right {
		text-align: right;
		}
.navigation a {
	border-bottom: 1px dotted #d13b00;
	}
	.navigation a:hover {
		border-bottom: 1px solid #111;
		}

/* sidebar */
.sidebar {
	color: #777;
        line-height: 130%;
	text-shadow: 0 1px 0 #fff;
}
	.sidebar h4 {
        	font-size: 12px;
        	text-transform: uppercase;
		font-weight: normal;
		color: #999;
		border-top: 1px solid #ddd;
		margin: 10px 0 20px 0;
		}
		.sidebar h4 span.sidebar-title-text {
			float: left;
			background: #eee;
			margin-top: -9px;
			padding-right: 10px;
			max-width: 200px;
			}
	.sidebar a {
		color: #777;
		border-bottom: 1px dotted #ccc;
		}
		.sidebar a:hover {
			border-bottom: 1px solid #111;
			}

.sidebar ul {
	margin: 0 0 7px 16px;
}

.sidebar .menu {
	margin-bottom: 40px;
}

.sidebar .menu.nav li {
	color: #ccc;
	}
	.menu.nav li a {
		text-decoration: none;
		border-bottom: 0 none;
		}
		.menu.nav li:hover {
			color: #111;
			}
		.menu.nav a:hover {
			text-decoration: underline;
			}
		.menu.nav li.current_page_item, .menu.nav li.current_page_item a {
			color: #006bd8;
			text-decoration: none;
			}

.sidebar .adsense {
	text-align: center;
	border: 1px solid #dedede;
	padding: 5px 0;
	}

.sidebar .menu#latest-articles li {
	color: #ccc;
	}
	.menu#latest-articles li a {
		text-decoration: none;
		}
		.menu#latest-articles li:hover {
			color: #111;
			}

.sidebar .menu#latest-archives select {
	margin-left: 16px;
	width: 280px;
	padding: 3px;
	}	

/* footer */
#footer {
	background: #f5f5f5;
	font-size: 11px;
	color: #666;
	}
	#footer a {
		color: #555;
		border-bottom: 1px dotted #ccc;
	}
		#footer a:hover {
			color: #000;
			border-bottom: 1px solid #111;
		}
	#footer .wrapper {
		padding: 30px 0 50px;
		}

	#footer .content ul.links {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#footer .content ul.links li.linkcat {
			list-style: none;
			margin: 0 20px 0 0;
			padding: 0;
			float: left;
			width: 200px;
			}
			#footer .content ul.links li.linkcat#linkcat-22 {
				margin-right: 0;
				}
.links h4 {
	font-size: 13px;
	margin: 10px 0 14px;
	border-top: 1px solid #dcdcdc;
}
	.links h4 span {
		float: left;
		background: #f5f5f5;
		margin-top: -10px;
		padding-right: 10px;
		}
	.links ul.blogroll {
		clear: both;
		margin: 0;
		line-height: 130%;
		}
		.links ul.blogroll li {
			margin: 0 0 6px 0;
			list-style: none;
			color: #888;
			}

/* addthis */
.addthis_toolbox {
	float: left;
	font-size: 12px;
	}
	.addthis_toolbox a.addthis_button_tweet {
		margin-right: 2px;
		}
	.addthis_toolbox a.addthis_button_facebook_like {
		margin-right: 12px;
		}

/* google search */
.gsc-input {
	padding-right: 0 !important;
}
#cse-search-results {
	z-index: 1;
	}	
.gsc-completion-container {
	border: 1px solid #999 !important;
	margin-top: 30px;
	}

/* twitter widget */
.twtr-widget h4 {
	border-top: none;
	text-transform: none;
	}
.twtr-widget a, .twtr-widget a:hover {
	border-bottom: 0 none;
	}

/* translator widget */
#MicrosoftTranslatorWidget {
	margin: 0 auto;
	text-shadow: none;
	}

/* ads */
.bsap {
	margin: 0 0 30px 0;
}
.bsa_it_ad {
	background: transparent !important;
	border: 0 none !important;
	padding: 0 !important;
	}
.bsa_it_ad .bsa_it_d {
	margin-left: 145px;
}
.bsa_it_p {
	display:none !important;
}

/* gallery */
.gallery {
display: block;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.gallery .gallery-row {
display:block;
clear: both;
overflow: hidden;
margin: 0;
}
.gallery .gallery-item {
overflow: hidden;
float: left;
margin: 0;
text-align: center;
list-style: none;
padding: 0;
position: absolute
bottom: 0
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
max-width: 89%;
height: auto;
margin: 0 auto;
border: 0 none !important;
}
.gallery-caption {
margin-left: 0;
}

/* livefyre */
#lf_pings {
	padding: 0 !important;
	display: none !important;
}
	#lf_pings h3 {
		font-size: 20px !important;
		text-transform: none !important;
	}
	#lf_pings ol.commentlist {
		height: 300px !important;
		overflow-y: scroll !important;
		margin: 0 0 0 20px !important;
	}