/* @override http://gosammy/wp-content/themes/gosammy4/style.css */

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

@font-face {
  font-family: 'Bebas Regular';
    src: url("fonts/BEBAS___.eot");
    src: local('Bebas Regular'), local('Bebas-Regular'),
       url("fonts/bebas.svg#bebas") format('svg'),
       url("fonts/Bebas.ttf") format('opentype');
}

body {
  background-color: #fff;
  color: #333;
  font-family: Georgia, 'Times New Roman', serif;
	margin: 0;
	padding: 0;
}

a {
  color: #658b99;
}

a:hover {
  color: #333;
}

#header {
  background-color: #2a2928;
  display: block;
  height: 147px;
  width: 100%;
}

.wrapper {
  display: block;
	width: 930px;
	height: auto;
	padding: 0px;
	margin: 0 auto;
}

#header h1, #header h2 {
	margin: 0;
	padding: 0;
}

#logolink {
	background: url('images/gosammy_sprite.r03.gif') 0 0 no-repeat transparent;
	float: left;
	height: 100px;
  left: -30px;
	margin: 20px 0 20px 0;
  overflow: hidden;
  position: relative;
	text-indent: -9999px;
  width: 400px;
}

#header_about {
	display: block;
	float: right;
	margin-top: 23px;
	padding: 0;
  width: 310px;
}

#header_about h3 {
	color: #9f9f9f;
	font-family: 'Segoe UI', 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 12px;
  font-weight: normal;
  line-height: 18px;
	margin: 0;
	padding: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	width: 310px;
}

#header_about a {
  color: #779ead;
  text-decoration: none;
}

#header_about a:hover {
  color: #fff;
}

#menubar {
	display: block;
	float: left;
	width: 580px;
	height: 30px;
	margin: 0;
	padding: ;
}

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

#menubar ul li {
  display: inline;
	font-family: 'Segoe UI', 'Bebas Regular', Helvetica, Arial, Sans-serif;
	font-size: 0.9em;
	margin: 0;
	text-transform: uppercase;
}

#menubar ul li a {
  color: #6c6c6c;
  display: block;
  float: left;
  line-height: 1.3em;
  margin-right: 20px;
	padding: 15px 0;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

#menubar ul li a:hover {
  color: #fff;
}

.msie #subscribe_header_link {
  margin-left: 395px;
  position: absolute;
  top: 0;
}

#subscribe_header_link span {
  display: inline-block;
  float: left;
}

#subscribe_header_link img {
  display: inline-block;
  margin-left: 10px;
}

.current_page_item a {
  color: #b1b1b1 !important;
}

#menusection {
  background-color: #202020;
  display: block;
  width: 100%;
  height: 50px;
}

.header_about a {
	text-decoration: none;
	color: #49bada;
	font-weight: bolder;
}

.header_about a:hover {
	color: #389cb8;
	text-decoration: underline;
}

#home-content {
  display: block;
	float: left;
	margin: 15px 0;
	width: 590px;
}

#content {
	display: block;
	float: left;
	margin: 35px 0;
	width: 590px;
}

#content .storycontent ul li {
	margin: 10px 0;
}
#content .storycontent ul li img {
	margin: 5px 0;
}

h1.headline, h2#comments, h2#postcomment {
	margin: 10px 0;
	padding: 0;
	color: #333;
}

.children #respond h2, .depth-1 #respond h2 {
  margin-left: 10px !important;
}

h1.headline {
	font-size: 1.7em;
  font-weight: normal;
  margin-top: 20px !important;
}

#search-form {
	display: block;
	float: right;
  margin-top: 12px;
	width: 310px;
}

#searchform input {
	display: block;
  float: left
}

#searchform input#s {
	background-color: #fff;
	border-left: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #000;
	font-family: 'Segoe UI', 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 0.9em;
  margin-right: 5px;
	padding: 3px;
	width: 231px;
	height: 19px;
}

#leaderboard {
  left: -10px;
  margin: 12px auto;
  position: relative;
}

#feature_image img {
  border: none;
  margin: 25px auto 12px auto;
}

#firstPost h2 {
  font-size: 2.6em !important;
}

.webkit #firstPost .storycontent,
.mozilla #firstPost .storycontent {
	-webkit-column-count: 3;
	-webkit-column-gap: 18px;
	-moz-column-count: 3;
	-moz-column-gap: 18px;
	column-count: 3;
	column-gap: 18px;
}

.webkit #firstPost .postmeta,
.mozilla #firstPost .postmeta {
  padding-top: 20px;
}

div.date p {
	color: #658b99;
	margin: 0 0 15px 0;
	font-family: Georgia, Helvetica, Arial, sans-serif;
	padding: 0;
}

div.post-title {
	margin: 0;
}

div.post-title h2, div.post-title h1, h1.pagetitle {
	margin: 0 0 5px 0;
	padding: 0;
}

div.post-title h2 a {
	font-size: 1.1em;
}

div.post-title h1 a {
	font-size: 0.9em;
}

div.post-title h2 a, div.post-title h1 a, h1.pagetitle a {
	margin: 0;
	padding: 0;
  font-size: 95%;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

div.post-title h2 a:hover, div.post-title h1 a:hover, h1.pagetitle a:hover {
  text-decoration: underline;
}

div.postbody {
	color: #333;
	font-size: 1.0em;
	font-weight: light;
	line-height: 1.60em;
	margin-bottom: 20px;
}

#firstPost {
  border-bottom: 1px dashed #e8e8e8;
  padding-bottom: 20px;
}

#firstPost .postbody {
  margin-bottom: 0 !important;
}

h2#comments, h2#postcomment {
	font-size: 1.0em;
}

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

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

.postbody img {
	border: 0;
}

.postbody h3 {
	color: #434343;
	font-size: 1.1em;
	display: block;
	margin-top: 25px;
	border-bottom: 1px solid #eee;
	padding: 5px 0;
}

.wp-caption-text {
	font-size: 80%;
	text-align: center;
}

.postbody .warning {
	padding: 10px;
	background-color: #fadfdf;
}

.postbody .alert {
	padding: 10px;
	background-color: #FDFFCF;
}

.postmeta {
	height: 25px;
	display: block;
}

.postmeta .commentslink, .postmeta .readmorelink {
	font-size: 1.0em;
	display: block;
}

.postmeta a {
	text-decoration: none;
}

.storycontent iframe {
  display: block;
  float: left;
  height: 23px;
  margin: 0 15px 15px 0;
}

#retweet_link {
  background: url(images/gosammy_sprite.r03.gif) -360px -210px no-repeat;
  display: block;
  float: left;
  height: 23px;
  margin: 0 15px 15px 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 76px;
}

#retweet_link:hover {
  background-position: -360px -233px !important;
}

.msie #possibly_related_header {
  clear: left;
}

.pagination {
	margin: 20px 0 10px 0;
}

.pagination a {
  text-decoration: none;
}

.leftquote {
	color: #9f9f9f;
	display: block;
	float: left;
	font-size: 150%;
	font-style: italic;
	line-height: 1.7em;
	margin: 0 1em 0 0;
	width: 40%;
}

.rightquote {
	color: #9f9f9f;
	display: block;
	float: right;
	font-size: 150%;
	font-style: italic;
	line-height: 1.7em;
	margin: 0 0 0 1em;
	width: 40%;
}

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

.sidebar {
	display: block;
	position: relative;
	float: left;
	width: 310px;
	margin: 25px 0 30px 30px;
	font-size: 0.8em;
}

.sidebar h4 {
  background-image: url(images/gosammy_sprite.r03.gif);
  height: 50px;
	margin: 0;
  text-indent: -9999px;
  width: 311px;
}

#sbt_subscribe {
  background-position: -360px -160px;
}

#sbt_recent {
  background-position: -360px -110px;
}

#sbt_popular {
  background-position: 0 -110px;
}

#sbt_categories {
  background-position: 0 -160px;
}

#share {
  margin-bottom: 20px;
}

#subscribe_box small {
  color: #666;
  display: block;
  font-family: 'Segoe UI', 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 11px;
  line-height: 18px;
  margin-bottom: 10px;
}

#subscribe_rss {
  background: url(images/gosammy_sprite.r03.gif) -437px -210px no-repeat;
  clear: left;
  display: block;
  float: left;
  height: 23px;
  margin: 0 15px 15px 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 56px;
}

#subscribe_rss:hover {
  background-position: -437px -233px !important;
}

#subscribe_email {
  background: url(images/gosammy_sprite.r03.gif) -494px -210px no-repeat;
  display: block;
  float: left;
  height: 23px;
  margin: 0 0 15px 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 66px;
}

#subscribe_email:hover {
  background-position: -494px -233px !important;
}

.sbb {
  clear: left;
  margin: 20px 0;
}

#sbb_popular ul, #sbb_categories ul, #sbb_recent ul {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
}

#sbb_popular ul li, #sbb_recent ul li {
  border-bottom: 1px solid #e8e8e8;
  display: block;
  padding: 5px;
  width: 300px;
}

#sbb_categories ul li {
  border-bottom: 1px solid #e8e8e8;
  display: block;
  float: left;
  padding: 5px;
  width: 145px;
}

.sidebar a {
	text-decoration: none;
}

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

#footer {
  background-color: #2a2928;
  color: #9f9f9f;
  font-family: 'Segoe UI', 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 13px;
  font-weight: normal;
  line-height: 18px;
	margin: 0;
  padding: 20px 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

#footer a {
	color: #6ca4bc;
	text-decoration: none;
}

#footer a:hover {
  color: #fff;
}

#followbar {
  background-color: #eaeaea;
  font-family: 'Segoe UI', 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  padding: 15px 0;
}

#followbar .wrapper {
  text-align: right;
}

#followbar span {
  display: inline;
}

#followbar a {
  background-image: url(images/gosammy_sprite.r03.gif);
  display: block;
  float: right;
  height: 16px;
  margin-left: 9px;
  overflow: hidden;
  text-indent: 9999px;
  width: 16px;
}

#follow_twitter {
  background-position: 0 -210px;
}

#follow_posterous {
  background-position: -25px -210px;
}

#follow_delicious {
  background-position: -49px -210px;
}

#follow_flickr {
  background-position: -73px -210px;
}

#follow_digg {
  background-position: -96px -210px;
}

#follow_youtube {
  background-position: -119px -210px;
}

#follow_lastfm {
  background-position: -143px -210px;
}

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

#hosted {
	background: url(images/Powered_the-rackspace-cloud-250-wide.gif) 0 0 no-repeat;
	display: block;
	float: right;
	height: 69px;
	line-height: 0 !important;
	overflow: hidden;
	text-indent: -9999px;
	width: 243px !important;
}

#footlogos {
	width: 290px;
	display: block;
	float: 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;
}


/* COMMENTS */

.comments {
  margin-top: 50px;
	width: auto;
}

.comments a, .comments a:visited {
	text-decoration: none;
}

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

.comments ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#singlecomments {
  border-bottom: 1px solid #e8e8e8;
  left: -39px;
  padding-bottom: 20px;
  position: relative;
  width: 624px;
}

ul.commentlist li {
	border-top: 1px solid #e8e8e8;
	clear: both;
}

img.avatar {
  border-left: 1px solid #e8e8e8;
	display: block;
	float: left;
	padding: 10px 10px 0 10px;
  position: relative;
}

.children .avatar {
  border-left: 1px solid #fff;
}

cite.fn, span.says {
	display: block;
	float: left;
	margin: 7px 4px 0 0;
	font-style: normal;
}

div.comment-meta {
	display: block;
	float: right;
  font-size: 0.9em;
	margin: 7px 5px 0 0;
}

.comment-body {
  position: relative;
}

.pingback .comment-author {
  margin-left: 39px;
}

ul.commentlist li div p {
	display: block;
	clear: left;
	padding: 0;
	margin: 0 10px 10px 44px;
	font-size: 0.9em;
}

ul.children {
	border-left: 5px solid #e8e8e8;
  clear: left;
	margin: 5px 0 0 10px;
}

ul.children li {
	margin: 0 !important;
}

ul.children .comment-body {
  left: 0 !important;
}

div.reply {
	display: block;
	padding: 5px 0;
	text-align: right;
	margin-bottom: 5px;
}

div.reply a {
	padding: 3px;
	margin: 5px;
	font-size: 0.8em;
}

.depth-1 #respond {
  background: url(images/gosammy_sprite.r03.gif) 0 -260px no-repeat;
  margin-left: 15px;
  padding-top: 20px;
  top: -20px;
  position: relative;
}

.children #respond {
  margin-left: 0 !important;
}

.commentform p {
	margin-left: 0 !important;
}

.commentform {
  width: 535px;
}

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

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

.comments .navigation .alignleft, .comments .navigation .alignright {
  padding: 20px 0;
}

/* CONTACT FORM 7 */
form.wpcf7-form {
}

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

.qtip {
	font-family: 'Segoe UI', 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 11px;
  font-weight: normal;
  line-height: 18px;
}