/*
	Theme Name: goSammy3
	Theme URI: http://www.gosammy.com/
	Description: A new theme for goSammy
	Version: 1.0
	Author: Sam Lu
	*/

	body {
		margin: 0px;
		background: url('images/bodybg.gif') top left repeat-x #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100.01%;
	}

	#wrapper {
		width: 900px;
		height: auto;
		padding: 0px;
		margin: 10px auto;
		font-size: 95%;
	}

	.gstitle a {
		background: url('images/sprite.gif') 0px 0px no-repeat transparent;
		width: 175px;
		height: 70px;
		margin: 0;
		float: left;
		text-indent: -9999px;
		overflow: hidden;
	}

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

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

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

	.page_item, .current_page_item {
		text-align: center;
		float: left;
	}

	.page_item a, .current_page_item a {
		text-decoration: none;
		padding: 7px 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;
	}

	.portfoliolink {
		float: right;
	}

	.portfoliolink a {
		color: #5d9db6;
		text-decoration: none;
		padding: 7px 10px 7px 5px;
	}

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

	#content {
		width: 565px;
		margin-left: 10px;
		position: relative;
		display: block;
		float: left;
	}

	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 {
		width: 555px;
		margin-left: 5px;
		font-size: 0.85em;
		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 10px;
		font-size: 0.8em;
		border-top: 1px solid #ddd;
		padding: 20px 0;
	}

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

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

	.sidebar h4 {
		font-size: 0.9em;
		margin: 0 0 3px 10px;
		color: #3A3A3A;
	}

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

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

	.sidebar .box {
		padding: 5px 10px;
		font-size: 0.95em;
		margin-bottom: 10px;
	}

	#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;
	}

	#twitterbox {
		background-color: #e7f6fd;
	}

	#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: 190px;
	}

	.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;
	}

	#portfoliohover {
		display: block;
		position: relative;
		float: right;
		display: none;
		top: -5px;
		margin: 0 5px -5px 0;
	}

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

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

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


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

	.alignleft {
		float: left;
	}

	.alignright {
		float: right;
	}

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

	.clear {
		clear: both;
	}

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






	/* COMMENTS */

	.comments {
		width: auto;
	}

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

	.comments h2 {
		font-size: 1.0em;
	}

	.comments li {
		margin-left: 20px;
	}
	
	.comments p {
		margin-left: 10px;
	}
	
	.commentform p {
		margin-left: 0;
	}

	.commentform {
		width: 535px;
		float: left;
		background-color: #e8f4f8;
		padding: 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;
	}

	.commentinfo {
		width: 500px;
		padding: 10px;
		background: #fff;
	}

	.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;
	}

	/* COMMENTS - Normal Bubble */
	div.bubble {
		width: auto;
		margin-bottom: 24px;
	}

	div.bubble blockquote {
		margin: 0px;
		padding: 0px;
		border: 1px solid #DCEEF3;
		background: #DCEEF3;
	}

	div.bubble blockquote p {
		margin: 10px;
		padding: 0px;
	}

	div.bubble cite {
		position: relative;
		margin: 0;
		padding: 10px 0px 0px 15px;
		top: 7px;
		background: transparent url('images/tip.gif') no-repeat 20px 0px;
		font-style: normal;
	}

	/* COMMENTS - Author Bubble */

	div.authorbubble {
		width: auto;
		margin-bottom: 24px;
	}
	div.authorbubble blockquote {
		margin: 0px;
		padding: 0px;
		border: 1px solid #DDFFCE;
		background: #DDFFCE;
	}
	div.authorbubble blockquote p {
		margin: 10px;
		padding: 0px;
	}
	div.authorbubble cite.author {
		position: relative;
		margin: 0px;
		padding: 10px 0px 0px 15px;
		top: 7px;
		background: transparent url('images/authortip.gif') no-repeat 20px 0;
		font-style: normal;
	}
	
	
	/* 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;
	}