body { background-color: #a7c7f7; }
.container { background-color: #dde9fd; margin-top: 1em; margin-bottom: 1em; -moz-box-shadow: 0px 0px 4px #7f9dcb; -webkit-box-shadow: 0px 0px 4px #7f9dcb; }
.content { margin-right: 0; }
.content h1 { border-bottom: 1px solid #e1e1e1; margin-top: 1em; }
label.reset { width: auto; }

/* ---------- FLASH MESSAGES --------------------------*/
.flash { background-color: #76A8F2; text-align: center; color: #fff; font-size: 14px; }
.alert { padding: 3px 10px 4px; margin-bottom: 1em; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.alert p { margin-bottom: 0;}
.alert.notice { background-color: #ffffcc; }
.alert.error { background-color: red; color: #fff; }
.signup .errorExplanation h2 { background-color: red; color: #fff; font-size: 14px; margin-bottom: 6px; }
.errorExplanation p { margin-bottom: .5em; }

/* ---------- SEARCH --------------------------*/
.search { text-align: right; padding-top: 5px; padding-bottom: 5px; }

/* ---------- HEADER --------------------------*/
.header { position: relative; height: 59px; margin:0; border-bottom: 1px solid #fff; background: #d66204 url("../images/layout/header-bg-btm.png") no-repeat bottom center; }
.header span.ft { position: absolute; left: -16px; display: block; height: 69px; width: 16px; background: transparent url("../images/layout/header-bg2.gif") no-repeat top left; }
.header div.brand span.logo { font-size: 3em; color: #fff; background: url("../images/layout/header-brand.png") no-repeat top right; height: 145px; width: 200px; position: absolute; left: -45px; top: -53px; z-index: 20; }
.header div.brand span.logo a { color:#FFFFFF; font-size:39px; font-weight:normal; left: 175px; position:absolute; top:41px; }
.header div.brand span.logo a:hover { text-decoration: none; }
.header div.brand span.tagline { margin-left: 10px; font-size: 1em; }

/* ---------- NAVIGATION --------------------------*/
ul.nav { position: absolute; right: -38px; top: 0; font-size: 1.2em; background: transparent url("../images/layout/header-bg.gif") no-repeat top right; height: 69px; padding-top: .5em; padding-right: 3.2em; }
ul.nav li { padding: 2px 10px 0; margin-right: 10px; list-style-type: none; float: left; background-color: #fff;  -moz-border-radius:3px; -webkit-border-radius: 3px;}
/*ul.nav li a, ul.nav li a:visited { display: block; }*/
ul.nav li a:hover { text-decoration: none; }
ul.nav li.first { background: none; color: #fff; }
ul.nav li.first a { color: #fff; text-decoration: underline;}

/* ---------- BODY ----------------------------*/
.body { background-color: #fff; margin-top: 0; margin-bottom: 1em; margin-right: 0; padding-top: 1em; padding-bottom: 3em; min-height: 400px; }

/* ---------- SORT ----------------------------*/
.sort { margin-bottom: 2em; background-color: #e1e1e1; padding: .5em 0; -moz-border-radius:3px; -webkit-border-radius: 3px;}

/* ---------- BOX ----------------------------*/
.box { -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/* HENTRY
------------------------------------ */
ul.hfeed 									{ margin: 0; padding: 0; list-style: none; }
ul.hfeed li.hentry 							{ border-bottom: 1px solid #e1e1e1; padding: 10px 0; position: relative; }
ul.hfeed li.hentry a.fn.url					{ color: #3c3c3c; }
ul.hfeed li.hentry img.photo				{ border: 1px solid #76a8f2; border-bottom: 1px solid #005874; padding: 2px; background-color: #fff; }
ul.hfeed li.hentry h3						{ font-size: 14px; line-height: 16px; margin-bottom: 5px; }
ul.hfeed li.hentry h3 a				 		{ border-bottom: 1px dotted; }
ul.hfeed li.hentry div.entry-content		{ padding-left: 70px; }
ul.hfeed li.hentry p.entry-content			{ margin: 0 0 5px; }
ul.hfeed li.hentry span.entry-actions 			{ font-size: 11px; margin-top: 6px; margin-bottom: 6px; }
ul.hfeed li.hentry span.entry-actions a 		{ color: #a6adb7; padding: 1px 0; }
ul.hfeed li.hentry span.entry-actions a:hover	{ text-decoration: none; }

div.trending p.author.vcard a img.photo		{ float: left; margin-right: 10px; margin-top: 6px; margin-bottom: 10px; }

div.mod.mixx li.hentry.expanded		 		{ padding-right: 45px; }
li.hentry div.thumbnail 					{ position: absolute; right: 0; top: 2px; }

/* user
------------------------------------ */
.user h1 									{ position: relative; }
.user h1 span.rank							{ text-align: right; font-style: italic; position: absolute; right: 0; bottom:0; font-size: 14px; color: #999; }
.user h1 span.rank span						{ font-style: normal; color: #494949; font-size: 16px; }

/* pre
------------------------------------ */
pre {
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #f1f1f1;
/*	border: 5px solid #fdfdfd;*/
	line-height: 20px; /*--Height of each line of code--*/
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}
pre code {
	padding: 18px 0;
	display: block;
}

/* TWEETS / RETWEETS
------------------------------------ */
div.respkt-widget							{ margin-right: 10px; text-align: center; width: 54px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #76a8f2; }
div.respkt-count 							{ font-size: 16px; font-weight: bold; padding: 4px 0 2px; line-height: 13px; color: #fff; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); }
div.respkt-count span 						{ font-size: 10px; font-weight: normal; text-shadow: none; }

div.respkt									{ padding: 4px 0; }
div.respkt a 								{ font-size: 10px; text-decoration: none; color: #fff; }

/* ---------- FOOTER --------------------------*/
.footer { background-color: #fff; margin-bottom: 2em; }
.footer p { margin-bottom: 0; padding: .5em 1em; }