/*

Theme Name: Hoff Vinhandel

Theme URI: http://www.hoffvinhandel.se
Description: Hoff Vinhandel AB
Version: 1.0
Author: Niklas Thorin webbproduktion

Author URI: http://www.niklasthorin.com


	The CSS, XHTML and design is released under GPL:
	http://wordpress.org/about/gpl/

*/

/*
	You are encouraged to customize the theme any whichever way you want, but if
	you modify this and other template files directly, you will lose your
	customizations when you upgrade the theme to a newer version. For this
	reason, it is advised that you use the theme inheritence method to customize
	the theme. View readme.html for details.
*/ 

@import url("css/fancybox.css");

html, body {
	height: 100%;	
}

body {

	margin:0;
	padding: 0;

	background: url(images/background-light.gif) repeat;

	color:#fff;
	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: Arial, Sans-Serif;
	text-align:left;
}



a { 
	color:#CCCC99;
	text-decoration:none;
}


a:hover {

	text-decoration:underline; 

}

#cinema .intro, #cinema .whines h2, #content h2, #content span.h2, .sidebar span.h2,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Times New Roman', Garamond, 'Avant Garde', serif;	
}

h1, h2, h3, h4, h5, h6 {
	text-align:left;
}

h1,h2 {
	margin: 10px 0;
}

h1 {}

h2 { font-size: 3em; line-height: 1}
	.postentry h2 a { color: #fff; text-decoration: none; border: none }

h3,h4,h5 { text-transform: uppercase; }

h3 {}

h4 {}

h5 {}

h6 {}





img {

	border:0;
}

input, textarea {

	font-size:12px;

}

input[type=text], textarea{
	border:1px inset #aaa;
	background:#fff;
}
input[type=submit] {
	border:1px outset #aaa;
	background:#ddd;
}


pre {
	overflow:auto;
	border:1px solid #ccc;
	padding:5px 10px;
	background: #f8f8f8;
	font-size: 12px;
}
code {
	background-color:#f8f8f8;
	color:#111;
}
	



/* Layout */
#main-wrapper {
	background: url(images/background-dark.gif) repeat-x;
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -2em;
}

#page {
	width: 960px;
	margin:0 auto;
}

#container{
	padding:0 45px 0 30px;
	margin: 30px 0;
}

#breadcrumbs {
	padding:5px 5px 0;
	text-align:right;
}

#content-wrapper{
	float:left;
	margin-right:30px;
	width:577px;
}
	#content-wrapper .cnt-top {
		background:url("images/content-left-bg-top.png") no-repeat scroll 0 0 transparent;
		height:13px;
	}
	#content-wrapper .cnt-mid {
		background:url("images/content-left-bg-mid.png") repeat-y scroll 0 0 transparent;
		padding:14px 30px;
	}
	#content-wrapper .cnt-btm {
		background:url("images/content-left-bg-btm.png") no-repeat scroll 0 0 transparent;
		height:13px;
	}
.sidebar {

}
#content{

}
	#content h2:first-child { margin-top: 0 }

	#content span.h2 {
		display:block;
		font-size:3em;
		line-height:1;
		margin-bottom:10px;
		padding:0;
	}

#sidebar_right{
	float:left;
	width:278px;
}


#footer {
	clear:both;
	padding:10px;
}



/* Header */



#header {
	height: 70px;
	padding-top: 30px;
	margin:0;
}
	#logo {
		float:left;
		height:32px;
		width:321px;
	}
	#nav-main {
		float:right;
		width:635px;
	}
		#nav-main ul {
			border-bottom:3px solid #899244;
			height:28px;
			list-style-type:none;
			margin:0;
			padding:0;
			text-align:right;
		}
			#nav-main ul li {
				margin-left:15px;
				padding-top: 5px;
				display:inline-block;
				zoom: 1;
				*display: inline;
			}
	
				#nav-main ul li a {
					color:#FFFFFF;
					display:block;
					font-family:Arial;
					font-size:1.7em;
					font-style:normal;
					padding:0 5px;
					text-decoration:none;
					text-transform:uppercase;
				}
					#nav-main ul li.current_page_item a,
					#nav-main ul li.current_page_ancestor a { color: #CCCC99 }
					#nav-main ul li a:hover, #nav-main ul li.nav-main_rss a:hover {
					}
	
	#nav-main ul li ul {
		padding:0.5px 0 0 0;
	
		position:absolute;
		display:block;
	
		visibility:hidden;
		z-index:599;
	
	}
	
	#nav-main ul li.nav-main_rss ul {
	
		right:0;
	
	}
	
	#nav-main ul li:hover ul {
	
		visibility:visible;
	}
	
	#nav-main ul ul li {
	
		display:block;
	
		float:none;
		width:auto;
	}
	
	#nav-main ul ul a {
		margin:1px;
	
	}

/* Cinema */
#cinema {
	height: 305px;
	background: url(images/cinema-background.jpg) no-repeat;
	overflow: hidden;
	position: relative;
}	
	#cinema a:hover { text-decoration: none }
	#cinema a.zoom {
		position:absolute;
			right:15px; bottom:15px;
	}

	#cinema .intro {
		float:left;
		height:235px;
		overflow:hidden;
		padding:45px 45px 25px;
		width:490px;
	}
	#cinema .intro, #cinema a { color: #000; }
		
		#cinema .intro h1 {
			font-size: 5em;
			margin: 0;
		}
		#cinema .intro p {
			font-size: 2.8em;
			line-height: 1;
			margin: 0;
		}
	#cinema .image {
		float:left;
		height:297px;
		overflow:hidden;
		padding-top:8px;
		text-align:left;
		width:380px;
	}
		#cinema .image.whine {
			padding-top:38px;
			text-align:center;
		}

.cinema-border { position:absolute; z-index: 999}
	.cinema-border.left { top:14px; }
	.cinema-border.right { right:0; top:14px; }
	.cinema-border.bottom { bottom:0; }

#cinema-nav {
	background:none repeat scroll 0 0 yellow;
	bottom:40px;
	height:0;
	padding-left:45px;
	position:relative;
display: none;
}
	#cinema-nav a {
		background:none repeat scroll 0 0 #EFEFEF;
		color:#CECECE;
		font-size:1.9em;
		height:20px;
		margin:0 2px;
		padding:0 7px;
		position:relative;
		z-index:3;
	}
		#cinema-nav a.activeSlide { color: #666; }

/* Whines, special cinema */

#cinema .whines {
	padding:20px 0 0;
}
	#cinema .whines .whine {
		width: 235px;
		display:inline-block;
		zoom: 1;
		*display: inline;
	}
		#cinema .whines .whine h2 {
			margin:0 0 15px;
			text-align:center;
		}
		#cinema .whines .whine img {  }


/* Frontpage spots */
#spots {
	font-style: italic;
}
		
	#spots .spot-wrapper{
		float:left;
		margin-right:0px;
		width:388px;
		position: relative;
	}
		#spots .spot-wrapper:first-child { margin-right: 80px }
	
		#spots .spot-wrapper .spot-top {
			background:url("images/spot-bg-top.png") no-repeat scroll 0 0 transparent;
			height:13px;
		}
		#spots .spot-wrapper .spot-mid {
			background:url("images/spot-bg-mid.png") repeat-y scroll 0 0 transparent;
			padding: 14px 70px 14px 30px;
		}
		#spots .spot-wrapper .spot-btm {
			background:url("images/spot-bg-btm.png") no-repeat scroll 0 0 transparent;
			height:13px;
		}

		#spots .spot-wrapper img {
			position:absolute;
			right:-68px; bottom:-20px;
		}


/* Sidebar */


.sidebar {

}
	.sidebar .sb-wrapper { margin: 15px 0; position: relative; }
		.sidebar .sb-wrapper:first-child { margin-top: 0 }
	.sidebar .sb-top {
		background:url("images/content-right-bg-top.png") no-repeat scroll 0 0 transparent;
		height:13px;
	}
	.sidebar .sb-mid {
		background:url("images/content-left-bg-mid.png") repeat-y scroll 0 0 transparent;
		padding:14px 30px;
	}
	.sidebar .sb-btm {
		background:url("images/content-right-bg-btm.png") no-repeat scroll 0 0 transparent;
		height:13px;
	}

.sidebar img.x {
position:absolute;
	right:-20px; top:-10px;
}

.sidebar ul {

	padding:0;

	margin:0;

	list-style: none;
}
.sidebar ul ul {
	font-size:1em;
}


.sidebar ul li {
	margin:0;
}

	.sidebar ul li.current_page_item > a,
	.sidebar ul li.current_page_ancestor > a { font-weight: bold; }

.sidebar ul ul {
	margin:0 0 0 0.6em;
	padding:0;
}

.sidebar li li {
	margin:0.1em 0;
}

.sidebar li li:before {
	content: "\203A \0020";
}

.sidebar li li li {
	padding-left:10px;
}

.sidebar span.h2 {
	display:block;
	font-size:3em;
	line-height:1;
	margin-bottom:10px;
	padding:0;
}

	.sidebar span.h2 a { color: #fff; }
		.sidebar span.h2 a:hover { text-decoration: none }

.sidebar a.rsswidget img {
	border:0;
	float:right;
}



/* Footer */

#footer { 
	background:url("images/background-dark.gif") repeat-x scroll 0 0 transparent;
	color:#EEEEEE;
	font-size:1.1em;
	text-align:center;
	text-transform:uppercase;
}

#footer a {

}


/* Post */

.post, .page {

	clear:both;

}

.blog .post, .archive .post, .search-results .post, .search-results .page {
	margin:0 0 4em 0;
}

.postentry, .sidebar {
	font-size:1.3em;
	line-height:1.8;
	word-spacing:-1.2px;
}

.postentry p, .postentry blockquote, .postentry ul, .postentry ol {

}
.postentry blockquote {
	margin:10px 20px;

	padding:0 0 0 10px;

	border-left:0.4em solid #ddd;
	font-size:0.8em;
	line-height:1.2em;
}

.postentry blockquote blockquote {
	margin-left:0;

	font-size:1em;

}


.postentry a {
	border-bottom:1px dotted #CCCC99;
}
	.postentry a.imagelink { border: 0 }

.postentry a:hover {
	text-decoration:none;
}

.postentry a img {
	border: 5px solid #222222;
}

div.navigation {
	font-size:1.1em;
}

.postentry table {
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#ccc;
	font-size:0.9em;
}


.postentry table tr td {
	padding:5px 10px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;

}

.postentry table tr th {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
.postmetadata {
	clear:both;
	margin:1em 0;
	font-size:1.1em;
	background-color:#fff;
	color:#888;
	text-align:left;
	
display: none;
}
.posttagscat {
	margin:0 0 10px 0;
}
.postcat {
	margin:0 10px 0 0;
}
.postcomment {
	font-size:1.1em;
}
.postedit:before {
	content:' | ';
}
.poststicky {
	margin:0 0 0 10px;
}
.poststicky:before {
	content:'\2022 \0020';
}
div.archive-desc {
	border:1px solid #ccc;
	background-color:#f8f8f8;
	padding:5px 10px;
	margin:0 0 10px 0;
	font-size:1.4em;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
}
.wp-caption a, .wp-caption a:hover, .gallery a, .gallery a:hover, .attachment a, .attachment a:hover {
	border:none;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 0.8em;
   margin:4px 0 0 0;
   padding:0 4px;
}
.gallery {

}
.gallery-item {
	margin:10px;
}
.gallery-caption {
	font-size:0.8em;
}
.postentry .attachment img {
	border:1px solid #ddd;
	background-color:#f3f3f3;
	padding:4px;
}
/* Comments */

textarea#comment {
	width:100%;

}
.commentlist {
	margin:0;
	padding:0;
}
.children {
	margin: 0 -21px -21px 0;
	padding:0;
}
li.comment, li.trackback, li.pingback {
	list-style:none;
	border:1px solid #eee;
	padding:20px;
	margin:10px 0;
}
ul.children li.comment {
	margin: 10px 0 -11px 0;
}
	
.comment-body {
	overflow:auto;
}
.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}
.commentlist li.bypostauthor {
	background-color:#fffff8;
}
.commentlist li.bypostauthor > .comment-body > .comment-author > cite {
	border-bottom:1px solid #aaa;
}
.comment-body p {
	font-size:1.3em;
}
.comment-body blockquote {
	margin:5px 10px;

	padding:0 0 0 5px;

	border-left:0.4em solid #ddd;
	font-size:0.9em;
}
.comment-body blockquote blockquote {
	font-size:1em;
}
.comment-body img.avatar {
	float:right;
	border:1px solid #eee;
	margin:0;
	background:#fff;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	color:#555;
	font-size:1.4em;
}
.comment-meta {
	margin:4px 0 0 0;
}
.reply {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
}

/* Comment ends */


/* Calendar */
#wp-calendar {
	text-align:center;
	width:100%;
}
#wp-calendar caption, #wp-calendar thead th{

	font-weight:bold;
	text-transform:uppercase;
	color:#555;
}
#wp-calendar tbody td {
	border:1px solid #ccc;
	background:#f2f2f2;

}

#wp-calendar tbody td a {

	font-weight:bold;

}
#wp-calendar td#today {
	background:#e4e4e4;
}

#wp-calendar tbody td.pad {

	border:none;
	background:transparent;

}

/* Calendar ends */


#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}

.sidebar #searchform #s {
	width: 120px;
	padding: 2px;
	}

.sidebar #searchsubmit {
	padding: 1px;
	}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}



abbr {

	cursor:help;

	border-bottom: 0.1em dotted;

}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 0 0;
   width:auto;
}

.alignright {
   float: right;
   width:auto;
   margin: 0 0 0 10px;
}

/*	
	By default, the horizontal navigation menu displays inside the header area.
	If for some reason you don't like this behaviour, you can make it display
	below the header area by including the code below into your custom.css.
*/
/*

#nav-main {
	background-color:#27567a;
	float:none;
	position:static;
	height:24px;
	border:1px solid #aaa;
	border-top:none;
	margin:0;
}
#nav-main ul {
	float:none;
}

*/

.clear { clear: both }

/* Whine-list */
#whine-list { }
#whine-list ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}
	#whine-list ul a {
		border-bottom:0 none;
		color:#FFFFFF;
	}

	#whine-list ul li {
		
	}
		#whine-list > ul > li > a {
			font-size:1.3em;
			font-weight:bold;
			text-transform:uppercase;
		}
	
	#whine-list ul ul {

	}
	
		#whine-list ul ul li {
			font-weight:bold;
			margin:0.3em 0;
			/*text-transform:uppercase;*/
			padding-left:5px;
		}
		
		#whine-list ul ul ul li {
			font-weight:normal;
			margin:0.2em 0;
			text-transform:none;
		}

div.push, #footer {
	padding:2em 0;
}