/*
	Theme Name: goSammy3
	Theme URI: http://www.gosammy.com/
	Description: A new theme for goSammy
	Version: 2.0 - Now with styles for nested commenting!
	Author: Sam Lu
	*/

	body {
		margin: 20px;
		background: url('images/snowflake.jpg') top left transparent;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100.01%;
	}
	
	#header {
		width: 930px;
		margin: 0 auto;
		padding: 0;
		background-color: #fff;
	}

	#wrapper {
		width: 930px;
		height: auto;
		padding: 0px;
		margin: 0 auto;
		font-size: 95%;
		background-color: #fff;
	}

	.gstitle a {
		background: url('images/sprite.gif') 0px 0px no-repeat transparent;
		width: 175px;
		height: 70px;
		margin: 20px 0 0 10px;
		float: left;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	.header_about {
		display: block;
		float: right;
		background: url('images/sprite.gif') -615px -15px no-repeat transparent;
		position: relative;
		width: 230px;
		height: 73px;
		margin: 20px 0 0 0;
		padding-right: 93px;
		z-index: 1;
	}
	
	.header_about p {
		width: 220px;
		height: 73px;
		padding: 0;
		margin: 0;
		font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
		font-size: 0.7em;
		color: #8b8b8b;
		line-height: 1.3em;
	}

	#menubar {
		width: 910px;
		height: 30px;
		margin-top: 20px;
		padding: 0 10px;
		background: url('images/sprite.gif') 0px -102px no-repeat transparent;
	}

	#menubar ul {
		list-style-type: none;
		list-style-position: inside;
		margin: 0px;
		display: inline;
	}

	#menubar ul li {
		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		margin-top: 1px;
		text-transform: uppercase;
	}

	.page_item, .current_page_item, .portfoliolink {
		text-align: center;
		float: left;
		padding: 6px 5px;
	}

	.page_item a, .current_page_item a {
		text-decoration: none;
		padding: 10px 5px 9px 5px;
		line-height: 1.3em;
	}

	.page_item a {
		color: #6aae00;
	}

	.page_item a:hover, .portfoliolink a:hover {
		text-decoration: underline;
	}

	.current_page_item a {
		color: #000;
		background: url('images/sprite.gif') 0px -140px no-repeat transparent;
		border-right: 1px solid #94abe5;
		border-left: 1px solid #94abe5;
		border-bottom: 1px solid #b9ceff;
	}

	.portfoliolink {
		float: right;
	}

	.portfoliolink a {
		color: #5d9db6;
		text-decoration: none;
	}

	.current_page_item a:hover {
		text-decoration: underline;	
	}

	.widemast {
		background: url('images/sprite.gif') 0px -499px no-repeat #e7f6fd;
		height: 90px;
		padding: 20px 0;
		display: block;
		border-bottom: 1px solid #a0b6ed;
	}

	.google_leaderboard {
		margin: 0 20px 0 20px;
		width: 728px;
		display: block;
		float: left;
	}
	
	.localad {
		width: 143px;
		height: 90px;
		display: block;
		float: left;
		font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
		font-size: 0.65em;
		line-height: 1.2em;
		padding: 0;
		color: #444;
	}
	
	.localad a, .localad img {
		border: 0;
	}
	
	.twitter_block {
		width: 890px;
		height: auto;
		padding: 8px 20px;
		font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
		font-size: 0.7em;
		line-height: 1.2em;
		background-color: #ddefff;
		border-top: 1px solid #f1f6ff;
		border-bottom: 1px solid #cbe0f1;
	}
	
	.header_about a, .twitter_block a {
		text-decoration: none;
		color: #49bada;
		font-weight: bolder;
	}
	
	.header_about a:hover, .twitter_block a:hover {
		color: #389cb8;
		text-decoration: underline;
	}

	#content {
		width: 565px;
		margin: 10px 0 0 20px;
		position: relative;
		display: block;
		float: left;
	}
	
	#content .storycontent ul li {
		margin: 10px 0;
	}
	#content .storycontent ul li img {
		margin: 5px 0;
	}

	h1.headline, h2#comments, h2#postcomment {
		margin: 5px 0 0 0;
		padding: 10px;
		background: url('images/sprite.gif') 0px -252px no-repeat transparent;
		color: #686868;
	}
	
	h1.headline {
		font-size: 0.9em;
	}
	
	h2#comments, h2#postcomment {
		font-size: 1.0em;
	}
	
	h1.pagetitle a {
		margin: 0 0 0 5px;
		line-height: 0;
		color: #434343;
		text-decoration: none;
		font-size: 0.5em;
	}

	.activitybox {
		font-size: 0.8em;
		padding-left: 10px;
		color: #686868;
	}

	.post .image-wrapper {
		width: 565px;
		margin-top: 10px;
	}

	.post .image-wrapper img {
		border: 0;
	}

	.post .image-wrapper .overlay {
		position: relative;
		z-index: 1;
		display: block;
		margin-top: -70px;
		width: 565px;
		height: 55px; /* original-value: 70px */
		background: url('images/sprite.gif') 0px -384px no-repeat #ffffff;
		padding-top: 15px;
		/* begin property declaration for translucent element	 	*/
		filter: alpha(opacity=85);	/* Internet Explorer 			*/
		-moz-opacity: 0.85;			/* Mozilla 1.6 and below 		*/
		opacity: 0.85;				/* newer Mozilla and CSS-3 		*/
	}

	.post .regularTitle {
		width: 565px;
		margin-top: 30px;
		position: relative;
		display: block;
	}

	.regularTitle h3, .overlay h3, .singlemast h3 {
		margin: 5px 0 -15px 5px;
		padding: 0;
		line-height: 0px;
		text-transform: uppercase;
		font-size: 0.8em;
	}
	
	.overlay h3.jsdate {
		color: #000;
	}
	
	.regularTitle h1 a, .overlay h1 a, .regularTitle h2 a, .overlay h2 a, .overlay h2.jstitle, .singlemast h1 a {
		margin-left: 5px;
		padding: 0;
		color: #434343;
		display: block;
		text-decoration: none;
		background: transparent;
	}
	
	.overlay h2.jstitle {
		z-index: 99;
		position: absolute;
		top: 0.60em;
		font-family: 'Arial Rounded MT Bold', 'Helvetica', 'Arial', 'sans-serif';
		font-weight: normal;
	}
	
	.overlay h2.inset {
		position: absolute;
		z-index: 88 !important;
		color: #FFFFFF;
		top: 0.66em;
		padding-left: 1px;
	}
	
	.regularTitle h1 a, .overlay h1 a, .singlemast h1 a {
		font-size: 0.5em;
		line-height: 20px;
	}
	
	.regularTitle h2 a, .overlay h2 a {
		font-size: 0.7em;
		line-height: 25px;
	}
	
	.overlay h2.jstitle {
		font-size: 1.1em;
		line-height: 35px;
	}

	.overlay a:hover, .singlemast a:hover, .regularTitle a:hover, .postmeta a:hover, .postbody a:hover, #footer a:hover, h1.pagetitle a:hover, .about a:hover {
		text-decoration: underline;
	}

	.singlemast {
		margin-top: 15px;
	}

	.postbody {
		font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		width: 555px;
		margin-left: 5px;
		font-size: 0.8em;
		font-weight: light;
		line-height: 1.35em;
	}

	.postbody a, #footer a {
		color: #3A85BE;
		text-decoration: none;
	}

	.postbody img {
		border: 0;
	}
	
	.postbody h3 {
		color: #434343;
		font-size: 1.1em;
		display: block;
		margin-top: 5px;
		border-bottom: 1px solid #eee;
		padding: 5px 0;
	}
	
	.postbody .warning {
		padding: 10px;
		background-color: #fadfdf;
	}
	
	.postbody .alert {
		padding: 10px;
		background-color: #FDFFCF;
	}

	.separator {
		width: 565px;
		border: 0;
		color: #fff;
		background: url('images/sprite.gif') 0px -214px no-repeat transparent;
		height: 20px;
	}

	.postmeta {
		/* background: url('images/sprite.gif') 0px -175px no-repeat transparent; */
		width: 565px;
		height: 25px;
		display: block;
		font-size: 0.9em;
	}

	.postmeta .commentslink, .postmeta .readmorelink {
		font-size: 0.9em;
		padding: 5px;
		display: block;
	}

	.postmeta a {
		text-decoration: none;
		color: #434343;
		font-weight: bold;
	}

	.pagination {
		font-size: 0.8em;
		margin: 20px 0 10px 0;
	}

	.pagination a {
		color: #3B6C99;
		padding: 3px 5px;
		text-decoration: none;
		background-color: #DAEDFF;
	}

	.pagination a:hover {
		color: #fff;
		background-color: #5895CE;
	}

	#footer {
		margin: 20px 20px;
		font-size: 0.8em;
		border-top: 1px solid #ddd;
		padding: 20px 0;
	}

	/*---- SIDEBAR ----*/

	.sidebar {
		display: block;
		position: relative;
		float: right;
		width: 305px;
		margin: 19px 20px 0 0;
		font-size: 0.8em;
	}

	.sidebar h4 {
		font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 1.0em;
		margin: 0;
		color: #434343;
		padding: 5px 10px;
		background: url('images/sprite.gif') 0px -180px no-repeat #f0f0f0;
		border-top: 1px solid #f0f0f0;
		font-weight: bold;
		margin: 10px 0 0 0;
	}

	.sidebar a {
		text-decoration: none;
		color: #3A3A3A;
	}

	.sidebar a:hover h4, .sidebar a:hover {
		color: #5BA0E0;
	}

	.sidebar .box {
		font-family: 'Lucida Grande', Arial, sans-serif;
		padding: 5px 10px;
		font-size: 0.85em;
		margin-bottom: 15px;
		color: #666;
	}

	#searchbox {
		background-color: #fceee7;
		height: 30px;
	}

	#searchbox input {
		display: inline;
		float: left;
		margin-top: 3px;
	}

	#searchbox input#s {
		border-left: 1px solid #AFAFAF;
		border-top: 1px solid #C7C7C7;
		border-right: 1px solid #D8D8D8;
		border-bottom: 1px solid #EBEBEB;
		padding: 3px;
		margin-right: 5px;
		width: 202px;
		height: 15px;
	}
	
	#navigatorbox {
		background-color: #C8FFB3;
		padding: 10px 10px;
		font-size: 0.95em;
		margin-bottom: 10px;
	}

	#navigatorbox ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-position: inside;
	}

	#navigatorbox li.tab {
		display: block;
		float: left;
		padding: 5px;
		margin-right: 5px;
		background-color: #98E27A;
	}

	.selectedView {
		background-color: #fff !important;
		font-weight: bold;
	}

	#navigatorbox li a, #navigatorbox li a:hover {
		color: #000;
	}

	#navigatorbox li.tab:hover {
		cursor: pointer;
		background-color: #86CA6B;
	}

	#wideBox {
		width: 285px;
		height: 200px;
		overflow: hidden;
	}

	#wideBox div {
		height: 200px;
	}

	#containerBox {
		width: 285px;
		overflow: auto;
	}

	#containerBox div {
		width: 285px;	/* original value: 285px */
		padding: 0px;
		background-color: #fff;
	}
	
	span.archiveTitle {
		padding: 5px;
		font-weight: bold;
	}

	#popularBox {
		margin-left: 0;
		float: left;
	}

	#latestBox {
		margin-left: 0px;
		float: left;
	}

	#categoryBox {
		margin-left: 0px;
		float: left;
	}

	#popularBox ul, #latestBox ul {
		list-style-type: none;
		display: list-item;
		list-style-position: outside;
		margin: 0;
		padding: 0;
		float: none;
	}

	#categoryBox ul {
		list-style-type: none;
		list-style-position: outside;
		margin: 5px 0 0 5px;
		padding: 0;
		float: none;
	}

	#categoryBox li {
		display: block;
		float: left;
		width: 133px;
		padding: 2px;
	}

	#popularBox a, #latestBox a {
		width: 275px;
		border-bottom: 1px solid #ddd;
		display: block;
		padding: 5px;	
	}

	#categoryBox a {
		padding: 5px;
		display: block;
		border: 1px solid #ddd;
	}

	#popularBox a:hover, #latestBox a:hover, #categoryBox a:hover {
		background-color: #E1FFE0;
	}

	#flickrbox {
		background-color: #FDDFDF;
	}

	.flickrtable {
		width: auto;
		margin: 0px auto;
		list-style-type: none;
		padding: 10px 0 0 0;
		height: 280px;
	}

	.flickrtable li {
		display: block;
		float: left;
	}

	.flickrtable li img {
		border: 0;
	}

	.flickrtable li a {
		text-align: center;
		display: block;
		padding: 4px;
		background-color: #fff;
		margin: 0 0 10px 9px;
		width: 75px;
		border: 0;
	}

	.flickrtable li a:hover {
		background-color: #5DC8FA;
	}

	#adbox {
		background-color: #eee;
		padding: 3px;
		margin-bottom: 10px;
	}
	
	#linkbox {
		background-color: #FAE4FD;
	}
	
	#linkbox ul {
		list-style-type: none;
		list-style-position: inside;
		margin: 5px 0 0 0;
		padding: 0;
	}

	#linkbox li {
		background: url('images/sprite.gif') 0px -349px no-repeat transparent;
		padding-left: 20px;
		height: 20px;
	}

	/*---- jQuery RELATED ELEMENTS ----*/

	#aboutbox {
		background-color: #EEEEEE;
	}

	#aboutbox a, #msieflag a {
		color: #46A200;
		font-weight: bold;
	}

	div.about p {
		margin: 0;
	}

	#msieflag {
		display:none;
		background-color: #FFFEDA;
		margin-bottom: 10px;
		padding: 5px 10px;
		font-size: 0.9em;
	}
	
	#msieflag a img {
		margin: 15px 0;
		border: 0;
	}

	#portfoliohover {
		display: block;
		position: absolute;
		z-index: 2;
		display: none;
		top: 50px;
		margin: 0 16px -5px 840px;
	}

	/*---- FOOTER ELEMENTS ----*/

	#footnote {
		width: 585px;
		display: block;
		float: left;
	}

	#footlogos {
		width: 290px;
		display: block;
		float: right;
		text-align: right;
	}


	/*---- GENERAL ----*/

	.alignleft {
		float: left;
		margin: 0 5px 5px 0;
	}

	.alignright {
		float: right;
		margin: 0 0 5px 5px;
	}

	.center {
		margin: 0 auto;
		text-align: center;
	}

	.clear {
		clear: both;
	}

	.noborder {
		border: 0;
	}
	
	.separator hr {
		display: none;
	}

	small {
		color: #686868;
	}



	/* COMMENTS */

	.comments {
		width: auto;
	}

	.comments a, .comments a:visited {
		color: #3A85BE;
		text-decoration: none;
	}

	.comments h2 {
		font-size: 1.0em;
		clear: both;
	}
	
	.comments ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	ul.commentlist li {
		border-top: 1px solid #e0e0e0;
		clear: both;
	}
	
	img.avatar {
		display: block;
		float: left;
		padding: 5px;
	}
	
	cite.fn, span.says {
		display: block;
		float: left;
		margin: 7px 4px 0 0;
		font-style: normal;
		font-weight: bold;
	}
	
	div.comment-meta {
		display: block;
		float: right;
		margin: 7px 5px 0 0;
		font-size: 0.9em;
	}
	
	ul.commentlist li div p {
		display: block;
		clear: left;
		width: 498px;
		padding: 0;
		margin: 0 10px 10px 34px;
		font-size: 0.9em;
		
	}
	
	ul.children {
		border-left: 5px solid #b9ccd3;
		margin: 5px 0 0 10px;
	}
	
	ul.children li {
		margin: 0 !important;
	}
	
	div.reply {
		display: block;
		padding: 5px 0;
		text-align: right;
		margin-bottom: 5px;
	}
	
	div.reply a {
		padding: 3px;
		background-color: #fff;
		border: 1px solid #e0e0e0;
		margin: 5px;
		font-size: 0.8em;
	}
	
	div.reply a:hover {
		background-color: #E8F4F8;
		text-decoration: none;
	}
	
	.commentform p {
		margin-left: 0 !important;
	}

	.commentform {
		width: 535px;
		float: left;
		background-color: #e8f4f8;
		padding: 10px;
	}
	
	ul.commentlist li .commentform {
		width: 93% !important;
		margin-bottom: 10px;
		margin-left: 10px;
	}

	.commentform input#author, .commentform input#email, .commentform input#url, .commentform textarea {
		border-left: 1px solid #AFAFAF;
		border-top: 1px solid #C7C7C7;
		border-right: 1px solid #D8D8D8;
		border-bottom: 1px solid #EBEBEB;
		padding: 3px;
		margin-right: 5px;
	}

	textarea#comment {
		width: 515px;
	}
	
	ul.commentlist li textarea#comment {
		width: 99% !important;
	}

	.commentinfo {
		width: 500px;
		padding: 10px;
		background: #fff;
	}
	
	ul.commentlist li .commentinfo {
		width: 96% !important;
		margin-bottom: 10px;
	}

	.commentinfo ul {
		font-size: 0.8em;
		list-style-type: none;
		list-style-position: inside;
		margin: 0 0 0 -15px;
		padding: 0;
		font-style: italic;
		color: #7BBC0F;
	}
	
	#cancel-comment-reply {
		margin: 5px 10px;
	}
	
	
	/* CONTACT FORM 7 */
	form.wpcf7-form {
		background-color: #e8f4f8;
		padding: 10px;
	}
	
	form.wpcf7-form input[type=text], form.wpcf7-form textarea {
		border-left: 1px solid #AFAFAF;
		border-top: 1px solid #C7C7C7;
		border-right: 1px solid #D8D8D8;
		border-bottom: 1px solid #EBEBEB;
		padding: 3px;
	}
	
	form.wpcf7-form input[type=submit] {
		border: 1px solid #d3d3d3;
		background-color: #fff;
	}
	
	form.wpcf7-form input[type=submit]:hover {
		background-color: #efefef;
	}