/*  
Theme Name:  Gastronom.ie
Description: Gastronom.ie theme
Theme URI:   http://gastronom.ie/
Version:     1.0
Author:      John Blackbourn
Author URI:  http://johnblackbourn.com/
*/

@import 'reset.css';

/* Base Typography
----------------------------------------------- */

body {
	font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 0.9em;
	line-height: 1.5em;
	background: #fff url('img/bg.png');
	}

h1, h2, h3, h4, h5, h6,
.navigation,
#footer,
#content .cite,
#sidebar-posts .cite,
#content .postmetadata {
	font-family: Georgia, Palatino, 'Palatino Linotype', serif;
	font-weight: normal;
	font-style: normal;
	}

/* Base Layout
----------------------------------------------- */

body {
	text-align: center;
	padding: 30px 0px 20px 0px;
	}

#page {
	margin: 0px auto;
	width: 875px;
	text-align: left;
	}

#content {
	float: left;
	}

.narrowcolumn {
	width: 430px;
	background-color: #F9F9F2;
	margin: 0px 10px;
	}

.widecolumn {
	width: 550px;
	background-color: #F9F9F2;
	margin: 0px 0px 0px 10px;
	padding: 0px 20px 10px 20px;
	}

.totalcolumn {
	width: 750px;
	text-align: center;
	background-color: #F9F9F2;
	margin: 0px 0px 0px 10px;
	padding: 0px 20px 30px 20px;
	}

/* Header
----------------------------------------------- */

#header {
	width: 75px;
	height: 272px;
	float: left;
	background: url('img/ff.png') top right no-repeat;
	}

#header span {
	display: block;
	top: -999px;
	position: absolute;
	}

#header a {
	display: block;
	width: 75px;
	height: 77px;
	}

#header a:hover {
	height: 75px;
	border-bottom: 2px solid #F2460D;
	}

#description {
	background: url('img/header.jpg') top right no-repeat;
	height: 140px;
	width: 790px;
	float: left;
	margin-left: 10px;
	border-bottom: 10px solid #fff;
	color: #000;
	font-size: 0.55em;
	text-align: right;
	letter-spacing: 1px;
	line-height: 1.4em;
	text-transform: uppercase;
	}

#description div {
	background-color: #fff;
	float: right;
	margin: 8px;
	padding: 4px 6px;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	}

#description div:hover {
	opacity: 0.9;
	}

#gastrofeed {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 100%;
	text-align: center;
	}

	#gastrofeed p {
		width: 875px;
		margin: 0px auto;
		text-align: right;
		}

	#gastrofeed p span {
		position: absolute;
		top: -999px;
		display: block;
		}

/* Headings
----------------------------------------------- */

#content h2, #sidebar h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 0.7em;
	letter-spacing: 1px;
	color: #505050;
	padding: 20px 0px 6px;
	margin-bottom: 20px;
	background: url('img/h2light.png') bottom center no-repeat;
	}

#sidebar h2 {
	padding-top: 10px;
	background: url('img/h2med.png') bottom center no-repeat;
	}

#content h1, #content h3 {
	text-align: center;
	font-size: 1.4em;
	color: #404040;
	margin-bottom: 5px;
	line-height: 1.4em;
	}

/* Post Content
----------------------------------------------- */

#content p, #content ol, #content ul, #content blockquote {
	margin-bottom: 1em;
	}

.narrowcolumn .post {
	margin: 10px 20px 40px;
	background: url('img/h2light.png') bottom center no-repeat;
	padding: 0px 0px 46px;
	}

.narrowcolumn .sp .entry {
	margin: 0px 10px;
	}

.narrowcolumn .cite, .widecolumn .cite {
	text-align: center;
	color: #404040;
	margin: 0px 0px 15px;
	padding-bottom: 5px;
	}

#content .postheader {
	padding-top: 5px;
	}

#content .syndicated .postheader {
	background: url('img/syn-top.png') top center no-repeat;
	background-color: #F1F1E4;
	}

#content .syndicated .cite {
	background: url('img/syn-bot.png') bottom center no-repeat;
	}

.narrowcolumn .sp .postheader, .widecolumn .sp .postheader {
	background: url('img/spo-top.png') top center no-repeat;
	background-color: #E4E4CD;
	width: 390px;
	}

.widecolumn .sp .postheader {
	margin-left: 80px;
	}

.widecolumn .alignleft {
	float: left;
	margin: 0px 20px 20px 0px;
}

.widecolumn h2,
.widecolumn h3,
.widecolumn h4 {
	clear: left;
}

#content .postmetadata {
	text-align: center;
	color: #404040;
	margin: 15px 0px 0px;
	}

.narrowcolumn .sp {
	background: url('img/spo-bot.png') bottom center no-repeat #E4E4CD;
	padding-bottom: 76px;
	}

.widecolumn .sp .cite {
	background: url('img/spo-bot2.png') bottom center no-repeat #E4E4CD;
	padding-bottom: 10px;
	}

/* Sidebar
----------------------------------------------- */

#sidebar {
	float: left;
	width: 350px;
	}

	#sidebar ul {
		list-style-type: none;
		}

		#sidebar ul ul li:before {
			content: "\00BB \0020";
			}

	#sidebar ul ul li {
		/*line-height: 2em;*/
		}

	*:first-child+html #sidebar ul ul {
		margin-left: 20px;
		list-style-type: disc;
		}

	* html #sidebar ul ul {
		margin-left: 20px;
		list-style-type: disc;
		}

.widget {
	background-color: #F1F1E4;
	margin-bottom: 10px;
	padding: 10px;
	}

/* Specific Widgets
----------------------------------------------- */

.widget_search {
	text-align: center;
	padding: 20px 10px;
	}

	.widget_ br {
		display: none; /* hax! */
		}

	.widget_ #s {
		width: 12em;
		}

.rsswidget img {
	display: none;
	}

#archives ul {
	float: left;
	border-right: 1px solid #D7D7B3;
	width: 150px;
	margin-left: 15px;
	padding: 5px 0px;
	}

#archives ul+ul {
	width: 149px;
	border: 0px;
	}

#sidebar-posts {
	background-color: #E4E4CD;
	}

	#sidebar-posts h2 {
		background-image: url('img/h2dark.png');
		}

	#sidebar-posts h3 {
		text-align: center;
		font-size: 1.4em;
		color: #404040;
		line-height: 1.4em;
		padding: 5px;
		background: url('img/sid-top.png') top center no-repeat #D9D9B9;
		}

	#sidebar-posts .post {
		margin: 10px 10px 30px;
		}

	#sidebar-posts .cite {
		text-align: center;
		color: #404040;
		margin: 0px 0px 15px;
		padding-bottom: 5px;
		background: url('img/sid-bot.png') bottom center no-repeat #D9D9B9;
		}

/* Comments
----------------------------------------------- */

#comment {
	width: 545px;
	}

.commentlist {
	margin: 20px 80px;
	}

.commentlist li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D7D7B3;
	}

/* Pagination
----------------------------------------------- */

.navigation {
	border-top: 10px solid #fff;
	height: 40px;
	text-transform: uppercase;
	font-size: 0.7em;
	letter-spacing: 1px;
	color: #505050;
	background: url('img/nav-new.png') bottom right no-repeat #F1F1E4;
	}

.navnext {
	float: left;
	}

.navprev {
	float: right;
	}

/* Footer
----------------------------------------------- */

#footer {
	clear: both;
	padding: 50px 0px 5px;
	font-size: 0.7em;
	color: #909090;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

/* Hyperlinks
----------------------------------------------- */

#description a:link, #description a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
	}

#description a:hover {
	border-color: #000;
	}

#gastrofeed a:link, #gastrofeed a:visited {
	display: block;
	width: 12px;
	height: 12px;
	background: url('img/feedicon.png') top right no-repeat;
	margin-left: 863px;
	}

#content a:link, #content a:visited {
	text-decoration: none;
	color: #404040;
	border-bottom: 1px solid #D7D7B3;
	}

#content a:hover {
	border-color: #404040;
	}

#content h1 a:link, #content h1 a:visited,
#content h3 a:link, #content h3 a:visited {
	color: #404040;
	text-decoration: none;
	}

#content .continue:link, #content .continue:visited {
	font-style: italic;
	color: #000;
	border-bottom: 1px solid #999;
	}

#content .continue:hover {
	border-color: #000;
	}

#content h1 a:hover, #content h3 a:hover {
	border-color: #404040;
	}

#content .cite a:link, #content .cite a:visited {
	text-decoration: none;
	color: #404040;
	border-bottom: 1px solid #D7D7B3;
	}

#content .cite a:hover {
	border-color: #404040;
	}

#sidebar a:link, #sidebar a:visited {
	text-decoration: none;
	color: #404040;
	border-bottom: 1px solid #D7D7B3;
	}

#sidebar a:hover {
	border-color: #404040;
	}

#sidebar h2 a:link, #sidebar h2 a:visited {
	color: #404040;
	text-decoration: none;
	border: 0px;
	}

#sidebar h2 a:hover {
	text-decoration: underline;
	}

#content .navigation a:link, #content .navigation a:visited {
	height: 30px;
	padding-top: 10px;
	width: 210px;
	display: block;
	text-decoration: none;
	color: #505050;
	text-align: center;
	float: left;
	border: 0px;
	}

#content .navigation a:hover {
	text-decoration: underline;
	}

#content .navnext a:link, #content .navnext a:visited {
	background: url('img/nav-old.png') bottom left no-repeat #F1F1E4;
	}

#content .navprev a:link, #content .navprev a:visited {
	background: url('img/nav-new.png') bottom right no-repeat #F1F1E4;
	border-left: 10px solid #fff;
	}

#footer a:link, #footer a:visited {
	color: #707070;
	text-decoration: none;
	border: 0px;
	}

#footer a:hover {
	text-decoration: underline;
	}

/* Miscellaneous
----------------------------------------------- */

hr {
	display: none;
	}

cite {
	font-style: italic;
	}