/*  
Theme Name: Doc Lounge
Theme URI: http://doclounge.se/
Description: The theme for doclounge.xx
Version: 1.0
Author: Joel Arvidsson
Author URI: http://above.se/

*/


html, body
{
	font-size: 12px;
	font-family: Palatino, Georgia, serif;
	color: #574545;
	margin: 0;
	padding: 0;
	height: 100%;
}

html
{
	background: #009785 url(images/turquoise-background.jpg) 50% top;
}

body
{
	background: url(images/background-shadow.png) repeat-y 50% top;
}

#global-nav-wrapper, 
#city, 
#footer, 
#sidebar h2, 
.programme strong, 
h2.movie-of-the-week strong, 
h2.news-headline strong, 
.entry strong,
.entry h3
{
	font-family: Impact, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
}

.entry h3
{
	margin-bottom: 2em;
	font-size: 1em;
	color: inherit;
}

h1, h2, h3, #sidebar, .news-post .date, .news-post .comments, .comments-link, p.news-archive, #author
{
	font-family: Georgia, Palatino, serif;
}

#wrapper:after, 
.programme li:after,
.entry:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrapper-wrapper
{
	background: #fff url(images/red-background.jpg) repeat-y right;
	position: relative;
	min-height: 100%;
}

#wrapper
{
	padding: 56px 0 100px 0;
}

#footer
{
	position: relative;
	margin-top: -49px;
	font-size: 11px;
}

#footer .facebook a
{
	width: 61px;
	height: 13px;
	background: #000 url(images/footer/facebook.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#footer .rss a
{
	width: 13px;
	height: 13px;
	background: #000 url(images/footer/rss.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#footer .facebook
{
	background: none;
}

#footer .rss
{
	padding-left: 20px;
	background: url(images/footer/separator.gif) no-repeat 9px 0;
}

#global-nav-wrapper,
#footer
{
	color: #fff;
	height: 28px;
	background: #000;
	z-index: 1;
}

#global-nav-wrapper a:link,
#global-nav-wrapper a:hover,
#global-nav-wrapper a:visited,
#footer a:link,
#footer a:hover,
#footer a:visited
{
	color: #fff;
	text-decoration: none;
}

#global-nav-wrapper
{
	position: absolute;
	width: 100%;
	top: 20px;
	left: 0;
}

#wrapper-wrapper,
#global-nav-wrapper .content,
#footer .content
{
	margin: 0 auto;
	width: 800px;
}

#content,
#description
{
	width: 569px;
	float: left;
}

#footer address
{
	float: left;
}

#description, 
#footer address
{
	padding: 0;
	line-height: 28px;
	margin: 0 0 0 16px;
	font-style: normal;
	letter-spacing: 2px;
}

#global-nav, 
#footer ul
{
	padding: 5px 12px 0 0;
	list-style: none;
	float: right;
}

#global-nav
{
	margin: 0 -135px 0 0;
	width: 310px;
}

#footer ul
{
	margin: 0;
	width: 120px;
}

#global-nav li
{
	float: left;
}

#footer ul li
{
	float: right;
}

#global-nav #selected-site a,
#global-nav li a:hover
{
	border-bottom: 3px solid #fff;
}

#global-nav li
{
	padding-left: 10px;
	background: url(images/nav-separator.gif) no-repeat left 1px;
}

#global-nav li.first-child
{
	padding: 0;
	background: none;
}

#header
{
	position: relative;
	float: left;
	width: 600px;
	background: url(images/header/shade.gif) repeat-x bottom;
}

#navigation
{
	float: right;
	width: 284px;
	background: url(images/header/menu.gif) no-repeat left bottom;
	margin: 90px 0 0 0;
	list-style: none;
	padding: 18px 0 0 15px;
}

#navigation li
{
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	margin: 0;
	padding: 0;
}

#navigation li,
#navigation li a
{
	float: left;
	width: 84px;
}

#navigation li a:link,
#navigation li a:visited
{
	color: #574545;
}

#navigation li a:hover,
#navigation li a.selected
{
	background: #fff no-repeat 50% 24px;
	text-decoration: none;
}

#navigation li a:hover
{
	background-color: #efefef;
}

#navigation li.movie a:hover,
#navigation li.movie a.selected
{
	background-image: url(images/header/movie-selected.gif);
}

#navigation li.info a:hover,
#navigation li.info a.selected
{
	background-image: url(images/header/info-selected.gif);
}

#navigation li.news a:hover,
#navigation li.news a.selected
{
	background-image: url(images/header/news-selected.gif);
}

#navigation li
{
	margin-right: 9px;
}

#logo
{
	margin: 0;
}

#logo a
{
	float: left;
	display: block;
	text-indent: -9999px;
	margin: 0;
	height: 121px;
	width: 254px;
	background: url(images/logo.jpg) no-repeat left top;
}

#city
{
	position: absolute;
	left: 206px;
	top: 105px;
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #00a39d;
}

#content
{
	margin: 19px 0 0 16px;
}

abbr
{
	border: none;
}

h1, h2, h3 {
	font-weight: bold;
	color: #000;
	}

h2 {
	font-size: 23px;
	margin: .5em 0 .3em 0;
}

h2.pagetitle {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {
	text-decoration: none;
	}

p
{
	margin: 0.5em 0 1em 0;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Begin Various Tags & Classes */
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
/* End Various Tags & Classes*/


#sidebar
{
	width: 174px;
	padding: 4px 13px 0 13px;
	float: right;
	font-size: 10px;
}

#sidebar h2
{
	margin: 0;
	padding: 0 5px;
	background: #000;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}

.gallery,
.teaser,
.current-programme,
.recent-news,
.recent-comments
{
	margin: 0 0 15px 0;
}

.recent-news h3
{
	background: #fff;
	margin: 0;
	padding: 6px 6px 6px 11px;
	font-size: 11px;
	color: #dabd00;
}

#sidebar .more-link:link,
#sidebar .more-link:visited
{
	display: block;
	font-size: 12px;
	background: #000;
	color: #fff;
	text-align: right;
	padding: 3px 6px;
	font-weight: bold;
}

.programme a:link,
.programme a:visited,
.programme a:link .date,
.programme a:visited .date,
.recent-comments .news a:link,
.recent-comments .news a:visited,
.recent-comments .movie a:link,
.recent-comments .movie a:visited,
.recent-comments .info a:link,
.recent-comments .info a:visited
{
	color: #574545;
}

.programme,
.recent-comments ol
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.current-programme li
{
	margin: 6px 0 0 0;
	padding: 0;
}

.movie-post .programme li
{
	border-bottom: 2px solid #00a39d;
}

.current-programme li.first-child
{
	margin: 0;
}

.programme li a
{
	display: block;
}

.current-programme li a
{
	min-height: 41px;
	padding: 0 0 0 11px;
}

.movie-post .programme li a
{
	min-height: 80px;
	padding: 6px 0;
}

.current-programme li a:hover,
.current-programme li.selected a
{
	background: #fff url(images/sidebar/hover.gif) no-repeat left 12px;
	text-decoration: none;
}

.movie-post .programme li a:hover
{
	background: #ffc;
}

.current-programme img
{
	float: right;
}

.movie-post .programme img
{
	float: left;
	padding-right: 10px;
}

.programme .old img
{
	opacity: .5;
}

.programme em
{
	padding: 2px 0 1px 0;
	font-style: normal;
	display: block;
	font-weight: bold;
	line-height: 10px;
}

.programme .current
{
	background: url(images/sidebar/current-movie.gif) no-repeat left top;
}

.programme .old,
.programme .upcoming
{
	background: #fff;
}

.current-programme strong
{
	font-size: 11px;
	letter-spacing: 0;
	line-height: 12px;
}

.movie-post .programme strong
{
	font-size: 20px;
	line-height: 40px;
}

.programme .old strong
{
	color: #ad9f9f;
}

.programme .current strong
{
	color: #00a39d;
}

.programme .upcoming strong
{
	color: #dabd00;
}

.recent-comments li
{
	margin: 0 0 7px 0;
	padding: 8px 7px 12px 9px;
	background: url(images/sidebar/comments-background.gif) no-repeat right bottom;
}

.recent-comments li h3
{
	margin: 0;
	font-size: 1em;
}

.recent-comments li p
{
	margin: 0;
}

.recent-comments li.movie h3 a:link,
.recent-comments li.movie h3 a:visited,
.recent-comments li.movie strong
{
	color: #11a9a4;
}

.recent-comments li.news h3 a:link,
.recent-comments li.news h3 a:visited,
.recent-comments li.news strong
{
	color: #dabd00;
}

.recent-comments li.info h3 a:link,
.recent-comments li.info h3 a:visited,
.recent-comments li.info strong
{
	color: #ed0000;
}

h2.movie-of-the-week, 
.movie-post h2,
.post-navigation,
h2.news-headline, 
p.comments-link,
p.news-archive
{
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	height: 28px;
	margin: 0 0 1px 0;
	padding: 0 9px 0 0;
}

h2.movie-of-the-week, 
.movie-navigation,
p.comments-link,
.movie-post h2
{
	background: #009083 url(images/green-headline-background.jpg) left top;
}

h2.news-headline,
.news-navigation,
p.news-archive
{
	background: #d5b400 url(images/yellow-headline-background.jpg) left top;
}

h2.news-headline
{
	text-align: right;
}

.movie-post h2
{
	padding-left: 10px;
	letter-spacing: 1px;
}

.post-navigation
{
	margin: 20px 0 0 0;
	padding: 0 12px;
	list-style: none;
	background-position: left bottom;
}

.post-navigation .next
{
	float: right;
}

#content .post-navigation a:link,
#content .post-navigation a:visited
{
	color: #fff;
	font-weight: bold;
}

p.news-archive
{
	background-position: left bottom;
	margin-top: 1.5em;
	text-align: right;
	font-weight: bold;
}

p.comments-link
{
	margin-bottom: 19px;
	text-align: right;
	font-weight: bold;
	background-position: left bottom;
}

h2.movie-of-the-week a:link,
h2.movie-of-the-week a:visited,
h2.news-headline a:link,
h2.news-headline a:visited,
p.comments-link a:link,
p.comments-link a:visited,
p.news-archive a:link,
p.news-archive a:visited
{
	color: #fff;
}

h2.movie-of-the-week a:hover,
h2.news-headline a:hover,
p.comments-link a:hover,
p.news-archive a:hover
{
	color: #fff;
	text-decoration: underline;
}

h2.movie-of-the-week .date
{
	font-style: normal;
	float: right;
}

h2.movie-of-the-week strong,
h2.news-headline strong
{
	float: left;
	padding: 0 8px 0 11px;
	border-right: 2px solid #fff;
	margin-right: 9px;
	color: #000;
	font-size: 13px;
}

h2.movie-of-the-week strong
{
	background: url(images/faded-green-headline-background.jpg) left top;
}

h2.news-headline strong
{
	background: url(images/faded-yellow-headline-background.jpg) left top;
}

.entry
{
	line-height: 1.4;
}

.news-post .date
{
	font-weight: bold;
	font-size: 11px;
	margin: 1em 0 0 0;
}

.many .news-post .entry,
.home .movie-post .entry
{
	padding: 0;
	background: none;
}

.many .news-post, 
.news-post .entry
{
	padding-bottom: 13px;
	background: url(images/news-separator.gif) repeat-x bottom;
}

.movie-post .entry
{
	padding-bottom: 13px;
	background: url(images/movie-separator.gif) repeat-x bottom;
}

.info-post .entry
{
	padding-bottom: 13px;
	background: url(images/info-separator.gif) repeat-x bottom;
}

.news-post .date, 
.news-post a:link, 
.news-post a:visited
{
	color: #dabd00;
}

.info-post .date, 
.info-post a:link, 
.info-post a:visited
{
	color: #ed0000;
}

.movie-post .date, 
.movie-post a:link, 
.movie-post a:visited
{
	color: #00a39d;
}

.news-post h2 a:link, 
.news-post h2 a:visited
{
	color: #000;
}

.news-post .comments
{
	text-align: right;
	margin: 1em 0 0 0;
}

.comments-rss
{
	float: right;
	position: relative;
	top: 8px;
	right: 8px;
}

.commentlist
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.commentlist li
{
	clear: both;
	margin: 10px 0;
}

.commentlist cite
{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
}

.commentlist .date
{
	color: #685858;
	font-size: 16px;
	font-weight: bold;
}

.comment,
.comment-input
{
	margin: 5px 8px 0 8px;
	padding: 10px 14px 1px 14px;
	background: url(images/comment-bubble.gif) no-repeat left top;
}

.movie-post .comment,
.movie-post .comment-input
{
	background-color: #cee;
}

.news-post .comment,
.news-post .comment-input
{
	background-color: #ffc;
}

.info-post .comment,
.info-post .comment-input
{
	background-color: #fcc;
}

.comment-input
{
	text-align: right;
	padding-bottom: 10px;
}

.comment-input input
{
	font-weight: bold;
}

.movie-post .comment-input input
{
	color: #00abaa;
}

.info-post .comment-input input
{
	color: #ed0000;
}

#author,
a.logged-in-as:link, 
a.logged-in-as:visited
{
	font-size: 16px;
	font-weight: bold;
	color: #685858;
}

#author, 
#email, 
#url
{
	width: 250px;
}

#comment
{
	width: 520px;
}

.movie-post h2
{
	position: relative;
}

.movie-post h2 .share
{
	position: absolute;
	right: 6px;
	top: 3px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.movie-post h2 .share li
{
	display: inline;
	padding: 0 0 0 0;
}

.entry img[align=left]
{
	padding: 0 15px 10px 0;
}

#content .ngg-gallery-thumbnail img
{
	margin-left: 0;
	margin-right: 3px;
}

#content .ngg-galleryoverview
{
	width: 580px; 
}