/*   
Theme Name: Hotell Villan
Theme URI: http://www.dynamicgroup.se
Description: Dynamic Web Sites Grundpaket
Author: Dynamic Interactive (Nils Sköld)
Author URI: http://www.dynamicgroup.se
Version: 1.1
*/


/**********************************
***** VANLIGA FIX *****************
**********************************/

/* font-face */

h1, h1 a, h2, h2 a, h3, h3 a, #menu li a, #undersidor li a { 
	font-family: 'EngraversGothicBTRegular', Arial, sans-serif;
	font-weight: normal; 
	font-style: normal; 
	line-height:normal;	
	}

/* Ändringar på alla sidor */
h1, h1 a, h2, h2 a, { 									color:#B4975A; }				/* Rubriker - Färg */ 
h3, h3 a { 												color:#D0D0D2; }									
#top small, #top small a, #top li { 					color:#B4975A; }				/* Liten text högst upp till höger */
#menu li a { 											color:#D0D0D2; }   				/* Meny och Footer-text */
#footer p, #footer a { 									color:#D0D0D2; }
#menu li a:hover, #menu ul .current_page_item a, 
#menu ul .current_page_ancestor a { 					color: #B4975A; }   			/* Meny Hover och Active */

/* Lite ovanligare ändringar */

body { 
														background-color:#02021A; 		/* Bakgrund */
														color:#D0D0D2; }				/* Text */ 
p, small, small a, span.blog_span,
.puff_text h1, .puff_text h2, .puff_text h3, .puff_text h4, .puff_text_noimage h1, .puff_text_noimage h2, .puff_text_noimage h3, .puff_text_noimage h4 { 							color:#D0D0D2; }  
a { color:#B4975A; }		

.innehall li a { 										color:#404040; }
.innehall ul .current_page_ancestor a { 				color:#000000; }
.sidebar_h3_link { 										color:#000000; }

h2.blog_h2 {											color: #000000; } 				/* Rubrik med fade bakom */

/**********************************
***** TABLE OF CONTENTS ***********
***********************************

0. QUICK FIXES
1. RESET
2. TEXT
	2A. Headlines
	2A. Paragraph, Links, Etc.
3. HEADER
4. FOOTER
5. PAGES
	5A. FIRST PAGE
	5B. CONTACT PAGE
6. INDEX
7. SIDEBAR
	7A. SIDEBAR BLOG
	7B. SIDEBAR HOME
8. MISC
	8A. SEARCH
	8B. NEWSLETTER
	8C. GENERIC CLASSES

**********************************
**********************************/

/*********************************
***** 1. RESET *******************
**********************************/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img { margin: 0; padding: 0; }
img { border: none; border: 0px; border-width: 0px; }
ul, li { list-style: none; }
body { font: 14px/16px Arial, sans-serif; letter-spacing: 0; }
#main {  }
.container { 
	width:940px;
	margin:0 auto;
	position:relative;
	padding: 0px 10px 0px 10px;
	background: transparent url('images/bg_main.png') no-repeat -10px 0px; 
	}
	
.separator { padding: 10px 0px 10px 0px; }
.separator2 { padding: 5px 0px 5px 0px; }
.no_padding { padding: 0px; }
.pad_bot { padding-bottom: 10px; }
.indent { margin-left: 10px; }

/**********************************
***** 2. TEXT *********************
**********************************/

/* 2A. HEADLINES */
		
h1, h1 a {
	font-size: 48px;
	}
h2, h2 a {
	font-size: 18px;
	border-bottom: 1px solid #B4975A;
	}
h3, h3 a {
	font-size: 16px;
	padding-top: 20px;
	}
h4, h4 a { font-weight:bold; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: underline; }

/* 2B. TEXT, LINKS, ETC */

p, a { font: 14px/16px Calibri, Arial, sans-serif; letter-spacing: 0; padding:10px 0px 0px 0px; }

a { text-decoration:none; }	
a:hover { text-decoration:underline; }

small, small a {
	color: #B4975A;
	font: 10px/12px Arial, sans-serif;	
	font-weight:normal;
	font-style:normal;
	}

/*********************************
***** 3. HEADER ******************
**********************************/

#header { 
	height:160px;
	}
	
#top {
	position:absolute;
	top:10px;
	right:10px;	
	}
#top li { 
	text-align:right;
	display:inline;
	margin-left:3px; 
	}
#logo {
	/* background: transparent url('images/logo.png') no-repeat 0px 0px; */
	height:150px;
	}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
	}
#flagga { 
	position: absolute; 
	top: 0px; 
	left: 40px; 
	width: 140px; 
	height: 210px; 
	z-index: 1000; 
	}
#menu {
	position:absolute;
	top:130px;
	right:10px;
	}
#menu li {
	display:inline;
	margin-left:12px;
	}	
#menu a { font-size: 16px; }
#menu a:hover { text-decoration: none; }

/**** Språkväxlare ***/

#footer_language_list {
	position: absolute;
	top: 20px;
	left: 200px;
	}
#footer_language_list table { list-style: none; display:list-item; margin-bottom: 10px; }
#footer_language_list table a { font-size: 12px; color: #D0D0D2; }
#footer_language_list table a:hover { color: #B4975A; text-decoration: none; }	
#footer_language_list img { padding-right: 5px; }

/*********************************
******* SITE HOME ****************
*********************************/

#home_left { width: 460px; padding: 0px 0px 0px 20px; }

.paff { float: left; width: 150px; }
.puff { 
	width: 150px; 
	height: 141px; 
	border: 1px solid #B4975A;
	text-align: center; 
	padding: 8px 0px 0px 0px;
	}
.puff img { padding: 14px 0 0px 0px; }

#home_right { width: 380px; padding: 0px 0px 0px 0px; }
.text_link { color: #D0D0D2; }
.read_more { text-align: right; }
#musik { padding: 10px 15px; }
	
/*********************************
***** 4. FOOTER ******************
**********************************/

#footer { 
	position: relative;
	margin:0 auto;
	width: 948px;
	height: 50px;
	text-align: center;
	border-top: 1px solid #B4975A;
	}

#footer table { 
	margin-left:auto; 
	margin-right:auto;
	padding-top: 15px;
	}
#footer table td{ 
	width: auto;
	}
#footer table td a:hover{ 
	text-decoration: none;
	color: #B4975A;
	}
#footer table td a span{ 
	padding: 0 20px 0 5px;

	}
#footer table td a img{ 
		padding-top: 3px;
	}


/*********************************
***** 5. PAGES *******************
**********************************/

#content { 
	width: 540px; 
	padding: 0px 0px 0px 20px;
	border-top: 1px solid #B4975A; 
	}
#content table { padding: 20px 0px 0px 0px; }
#content img { padding: 0px; }
img .wp-post-image { padding: 0px; }

#undersidor { width: 540px; text-align: right; padding-top: 10px; }
#undersidor li { display: inline; margin-left:12px; }
#undersidor li a { font-size: 16px; color:#B4975A; }
#undersidor li a:hover { color: #D0D0D2; text-decoration: none; }
	
/*********************************
***** 6. SIDEBAR *******************
**********************************/

#sidebar { width: 380px; }

/*********************************
***** 7. INDEX *******************
**********************************/

.news_text {
	width: 370px; 
	padding-left:20px;
	text-align:left;
	}
.news_text h3 { padding: 0px; }

.prev_posts { color: }
.next_posts { float: right; background: transparent url('images/next.png') no-repeat 200px 0px; height: 30px; }	
ul.post-categories li { display: inline; }

/* Kommentarer */

ol.commentlist { margin-left: 10px; }
ol.commentlist li { padding: 20px; margin: 0px 30px 20px 0px; overflow: auto; }

ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}

ol.commentlist li.comment { }
ol.commentlist li.comment p { padding-top: 10px; }
ol.commentlist li.comment div.comment-author {}

ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-weight:bold; font-style: normal; }
ol.commentlist li.comment div.vcard span.says { font-weight:bold; }
ol.commentlist li.comment div.vcard cite.fn a.url {}

ol.commentlist li.comment div.comment-meta a { font: 10px/12px Arial, sans-serif; font-weight:normal; font-style:normal; }

ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply { width: 40px; margin-top:20px; padding: 10px; }

ol.commentlist li.comment div.reply a:hover { text-decoration: none; }

ol.commentlist li.comment ul.children { padding: 0px; }
ol.commentlist li.comment ul.children li { margin-top: 20px; }
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin { }

/* Pingback */
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}

/* Rutan där man svarar på kommentarer */
#respond { padding: 10px 0px 0px 0px; }
#respond textarea { width: 530px; }
ol.commentlist li.comment #respond textarea { width: 480px; }
ol.commentlist li.comment ul.children li.depth-2 #respond textarea { width: 410px; }
ol.commentlist li.comment ul.children li.depth-3 #respond textarea { width: 340px; }
ol.commentlist li.comment ul.children li.depth-4 #respond textarea { width: 270px; }
ol.commentlist li.comment ul.children li.depth-5 #respond textarea { width: 200px; }

/*********************************
***** 7. SIDEBAR *****************
**********************************

#sidebar { width: 280px; float: left; }
#sidebar_inside { padding: 20px; }
.innehall { padding: 15px 20px 20px 20px; }
.innehall li { line-height: 24px; }
.innehall li a { font-weight: normal; }
.innehall ul .current_page_item a { font-weight: bold; }

.sok_nyhet { padding: 20px; }

li.page_item { margin-left: 20px; }


/*********************************
***** 8. MISC ********************
**********************************/

/* Sökrutorna */

.nyhetsbrev { width: 300px; }

.textInput {
	width: 170px;
	height: 20px;
	background: none;
	border: none;
	margin-top: 0px;
	margin-left: 25px;
	}
	

/* Wordpress-klasser */

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
	}
	
.alignleft { float: left; }
.alignright { float: right; }

.wp-caption {
   	text-align: center;
   	padding-top: 4px;
   	margin: 10px;
   	
  	/* optional rounded corners for browsers that support it */
   	-moz-border-radius: 3px;
   	-khtml-border-radius: 3px;
   	-webkit-border-radius: 3px;
   	border-radius: 3px;
	}

.wp-caption img {
   	margin: 0;
   	padding: 0;
   	border: 0 none;
	}

.wp-caption p.wp-caption-text {
   	font-size: 11px;
   	line-height: 17px;
   	padding: 0 4px 5px;
   	margin: 0;
	}
	
/* Bildspel */

#gallery {
	position:relative;
	height:360px
}
#gallery a {
	float:left;
	position:absolute;
	padding: 0px;
	}
#gallery a img { border:none; }
#gallery a.show { z-index:500; padding: 0px; }
#gallery .caption {
	z-index:1000; 
	background-color:#000; 
	color:#ffffff; 
	height:50px; 
	width:100%; 
	position:absolute;
	bottom:0;
	}
#gallery .caption .content { margin:20px }
#gallery .caption .content h3 {
	margin:0;
	padding:0;
	color:#1DCCEF;
	}