/*

Theme Name: GN Theme
Theme URI: http://onthewards.com
Description: Custom Theme for GastroNotes. Adapated from [On The Wards] 6.0
Version: 2.0
Author: OTW
Author URI: http://onthewards.com

*/

/* --- Page --- */
#page {
	width: 900px;
	background: #fff;
	margin: 5px auto 10px;
	position: relative;
	border: solid 1px #555;
}

/* --- Header --- */
#header {
	width: 900px;
	margin: 0;
	clear: both;
}

/* --- Navbar --- */
#navbar {
	position: absolute; top: 0; right: 0;
}
#navbar ul {
	margin: 5px 0 0;
	padding: 5px;
	background: black;
}
#navbar ul li {
	display: inline;
}
#navbar ul li a {
	color: #fff;
	margin: 10px;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}
#navbar ul li a:hover {
	color: #fff;
	text-decoration: underline;
	// background-color;
}
#rss-icon{
	position: absolute; top: 0; right: 0px;
}

/* --- Searchbar --- */
#searchbar {
	position: absolute; top: 4.3em; right: 20px;
}

/* --- SubNavbar --- */
#subnavbar {
	position: absolute; top: 8.4em; left: 7em;
	font: 1em Trebuchet,Verdana,Sans-serif;
	text-transform: uppercase;
}
#subnavbar ul {
	margin: 0 30px;
	padding: 5px;
}
#subnavbar ul li {
	display: inline;
}
#subnavbar ul li a {
	padding: 5px;
	color: #fff;
	margin-right: 20px;
	// font-weight: bold;
	// text-transform: uppercase;
	text-decoration: none;
}
#subnavbar ul li a:hover {
	color: #fff;
	background-color: #aaa;
}

/* --- SubHeader --- */
#subheader {
}


/* --- Body --- */
body {
	background: #777;
	margin: 0;
	padding: 0;
	font-family: Arial,Sans-serif;
	font-size: small;
}
a:link {
	// color: #395A92;
	color: #008;
}
a:visited {
	color: #004;
}
a:hover {
		color: #555;
}
a img {
	border-width: 0;
}


/* --- Banner Ad --- */
#banner-ad {
	// ???????????
	margin: 1em auto 3em;
}

/* --- Content --- */
#content {
	float: left;
	margin: 0 5px ;
	padding: 0;
	width: 560px;
}

/* --- Content box --- */
.contentbox {
	margin: 1em 0 2em;
	// border: 1px solid #e1e1e1;
	font: Helvetica,Arial,Sans-serif;
}
.contentbox-title {
	margin: 0.5em 0;
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
	background: #ddd;	
}
.contentbox-left {
	float:left;
	width: 250px;
}
.contentbox-right {
	float:right;
	width: 250px;
}
.contentbox-menu {
	padding: 5px;
	font-weight: bold;	
}
.contentbox-item {
	margin: 10px 0;
	padding: 5px;	
}

/* --- Post stream --- */
.poststream {
	// border: 1px solid;
}
.poststream img {
	float: left;
	margin: 5px 10px 0 0;
	// display: none;	
}
.poststream-title {
	font-weight: bold;
}
.poststream-title a, .poststream-title a:visited {	
}
.poststream-date {
	font-size: 75%;
	color: #999;
}
.poststream-content {
	margin: -1em 0 2em;
}
.poststream-footer {
}

/* --- Rightbar (sidebar) --- */
.cat {
	font: 1em Trebuchet,Verdana,Sans-serif;
	color: #004;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #ccc;
}
#sidebar {
	float: right;
	margin: 0;
	width: 320px;
	padding: 5px;
	background: #eee;
}
#sidebar ul {
	padding: 10px;
	text-align: left;
}
#sidebar ul.ad {
	// ?????
	//margin: 1em 5px 0 0;
	padding: 5px 0;
	text-align: left;
	background: #fff;
}
#sidebar ul li {
	list-style: none;
}
#sidebar-box ul {
	margin: 0 auto 1em;
	padding: 10px;
	text-align: left;
	background: #fff;
}
#sidebar-box ul li {
	margin: 0 0 0.4em;
	list-style: none;
}
.wpp {
	margin: 0 -0.8em;	
}
#sidebar-nobox {
	margin: 0 0 0.4em;	
}
#sidebar-left {
	display: inline;
	float: left;
	width: 160px;
	// position: relative;
	// background: #fff;
}
#sidebar-left ul {
	margin: 0;	
}
#sidebar-right {
	float: right;
	width: 160px;
	// background: #fff;
}
#sidebar-right ul {
	margin: 0;	
}

#clearbar {
	clear: both;	
}

/* --- Twitter widget --- */
#twit-bar ul {
	margin: 1em 5px -1.8em 0;
	padding: 10px;
	text-align: left;
	background: #e1e1e1;
}
.title {
	display: none;	
}
h2.widgettitle {
	display: none;
//	margin: 1em 5px 0 0;
//	padding: 0px;
	font: 1em Trebuchet,Verdana,Sans-serif;
	background: #e1e1e1;
	font-weight: bold;
//	border-bottom: 1px solid #ccc;
}
a.twitterwidget-title {
	color: #555;
	padding: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
span.entry-content {
	font-size: 8pt;
}
.widget_twitter li {
	clear:both;
	font-size: 8pt;
	margin: 0 0 1.2em;
}
.widget_twitter li img {
}
.widget_twitter li .clear {
	clear:both;
}
span.entry-meta{
	display: block;
	font-size: 7pt;
	margin: 0 0 1.2em;
}
span.from-meta{
	display: none;	
}

/* --- Posts --- */
.post {
	margin: 1em 0.5em 2em;
	padding: 0.5em;
	text-align: left;
}
.post-title {
	margin: 4px 0;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.post-title a, .post-title a:visited {
	color: #008;
	text-decoration: none;
}
.post-title a:hover {
	color: #00d;
	text-decoration: none;
}
.post-date {
	color: #999;
	font: 0.8em Trebuchet,Verdana,Sans-serif;
	margin: 0 0 2em;
}
.post-content {
	font-family: Trebuchet,Verdana,Sans-serif;
	margin: 1.5em 0;
}
.post-tags {
	color: #444;
	padding: 5px;
	font: 0.8em Trebuchet,Verdana,Sans-serif;
	background: #ddd;
	border: 1px solid #ccc;	
}
.post-footer {
	font: Trebuchet,Verdana,Sans-serif;
	text-align: right;
}
.post img {
	padding: 4px;
	// border: 1px solid #ccc;
	margin: 0 10px 10px 10px;
}
.post blockquote {
	color: #333;
	background: #efedde;
	padding: 15px;
}
.sources {
	color: #999;
	margin: 1.5em 1.5em;
	padding: 0;
	font: 0.8em Trebuchet,Verdana,Sans-serif;	
}
.sources a:link, .sources a:visited {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted;
}
.sources a:hover {
	color: #999;
	text-decoration: underline;
	border-bottom: 0;
}
.sources-header {
	list-style: none;
	text-indent: -1.5em;
}
.tag {
	// ?????
	display: none;
}
.nav {
	// ?????
	margin: 1em;
}


/*--- Comments ---*/
#comments, #postcomment {
	// background: #fff;
	// text-align: left;
	// margin: 0.5em 0.5em 3em;
	// padding: 0 0.5em;
}
.comment-header {
//	text-transform: uppercase;
	// margin: 3em 0 0;
	// font-weight: bold;
	// border-bottom: 1px dotted #ccc;
}
.comment-subheader {
	// margin: 0.4em 0em;
	// text-align: left;
}
#comment-list {
}
#comment-list li {
}
.comment-text {
	// margin: 0;
	// padding: 1px 5px 3px;
	// background: #eee;
}
.comment-text p {
	// margin: 0;
}
.comment-cite {
	// margin: 0 0 3em;
	// align: right;
	// font-size: 80%;
	// font-family: Trebuchet,Verdana,Sans-serif;
}
#comment-form {
	// margin: 2em;
	// border: thin solid #ccc;
}
#comment-form p {
	// text-align: left;
	// margin: 0.8em 1em;
}
#comment-form textarea {
	// width: 80%;
}
.comment-footer {
//	text-align: right;
	// margin: 2em auto 1em;
	// border-top: 1px dotted #ccc;
	// font-family: Trebuchet,Verdana,Sans-serif;
}

/* --- Footer --- */
#footer {
	text-align: center;
	clear: both;
	padding: 10px;
	color: #ccc;
	text-transform: uppercase;
	font-size: 11px;
	background: #222;
	border-top: 1px solid #888;
}
#footer a {
	color: #ccc;	
}