@charset "utf-8"; /* Tillhör lilltorpet.se. Kodad av Jesper Ekstrand, www.jcode.se */

/** diverse **/ /*--------------------------------------------------------------------------------------*/ /** diverse **/
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, img { margin: 0; padding: 0; }
h1, h2, h3, h4 { font-size: 100%; font-weight: normal; }
img { border: none; }
ul, li { list-style-type: none; }
ul { margin-left: 15px; }
html { height: 100%; overflow-y: scroll; }
body { background: #e7fcff url('/images/bg_top.jpg') repeat-x top left; font-family: Arial, sans-serif; height: 100%; }
p { font-size: 12px; margin: 10px 0; }
#wrap { min-height: 100%; position: relative; }
* html #wrap { height: 100%; }
#clearfix { clear: both; padding-bottom: 140px; }
.clear { clear: both; height: 1px; margin: 0px 0px -1px; width: 100%; }
.error { color: #FF0000; font-size: 10px; line-height: 12px; }
.smalltext { font-size: 10px; font-weight: normal; line-height: 12px; }
#errorHandler { clear: both; color: #000; }

/** head **/ /*--------------------------------------------------------------------------------------*/ /** head **/
#head { height: 171px; margin: 0 auto; width: 800px; }
#logo { float: left; margin: 50px 0 0 20px; }
#cloud { float: right; margin: 25px 25px 0 0; }

/** menu **/ /*--------------------------------------------------------------------------------------*/ /** menu **/
#menu { background: transparent url('/images/menubar.png') no-repeat top left; color: #fff; height: 32px; margin: 0 auto; width: 832px; }
#menu ul { margin: 0 16px; }
#menu li { float: left; }
#menu a { color: #fff; display: block; font-size: 14px; font-weight: bold; line-height: 32px; margin: 0 12px; text-decoration: none; }
#menu a.first { margin: 0 12px 0 0; }
#menu a.last { margin: 0 0 0 12px; }
#menu a:hover { color: #fff; font-size: 14px; font-weight: bold; text-decoration: underline; }

/** subMenu **/ /*--------------------------------------------------------------------------------------*/ /** subMenu **/
#subMenu a { border-bottom: 1px solid #06abde; color: #000; font-family: Georgia, serif; font-size: 14px; font-weight: normal; line-height: 16px; margin: 4px 15px 0 0; }
#subMenu a:hover { border-bottom: 1px solid #000; color: #000; font-weight: normal; text-decoration: none; }

/** content **/ /*--------------------------------------------------------------------------------------*/ /** content **/
#wrapContent { clear: both; margin: 0 auto; width: 830px; }
#content { float: left; margin: 20px 0 0 15px; width: 520px; }
#content > :first-child { margin-top: 0; }
#content h1 { color: #292c2d; font-family: Georgia, serif; font-size: 22px; font-weight: bold; margin: 20px 0 10px; }
#content h2 { color: #292c2d; font-family: Georgia, serif; font-size: 18px; font-weight: bold; margin: 20px 0 5px; }
#content p { color: #1b1716; line-height: 18px; margin: 0 0 10px; }
#content a { color: #27292a; text-decoration: underline; }
#content a:hover { color: #049fcf; text-decoration: none; }
#content img { border: solid 4px #97c8ff; margin: 10px; }

/** featured **/ /*--------------------------------------------------------------------------------------*/ /** featured **/
#featured { background: transparent url('/images/featured_bg.png') no-repeat scroll left bottom; padding: 0 0 15px; margin: 20px 0 0; }
#featured h2 { background: #222222 url('/images/featured_bg.png') no-repeat scroll left top; color: #fff; margin: 0; padding: 15px 15px 0; }
#featured p { background-color: #222222; border: solid #707678; border-width: 0 1px; color: #fff; margin: 0; padding: 5px 15px; }
#featured a { color: #E7FCFF; text-decoration: underline; }
#featured a:hover { color: #81CCE3; text-decoration: none; }
#featured img { float: right; margin: 15px 15px 0; }

/** danser **/ /*--------------------------------------------------------------------------------------*/ /** danser **/
#danser { margin: 20px 0 0; }
#danser table { float: left; font-size: 12px; width: 46%; }
#danser table:first-child { margin-right: 40px; }
#danser .date { width: 40px; }
#danser .homepage { width: 60px; }
#danser h2 { margin: 0; }
#danser th { border-bottom: 4px solid #80cce3; padding: 5px; }
#danser th span { font-size: 12px; font-weight: normal; }
#danser td { border-bottom: 1px solid #80cce3; padding: 5px 0; }
#danser p { clear: both; font-style: italic; padding-top: 20px; text-align: center; }

/** familj **/ /*--------------------------------------------------------------------------------------*/ /** familj **/
#familj { margin: 20px 0 0 20px; }
#familj .item { border-bottom: 4px solid #80cce3; }

/** arr **/ /*--------------------------------------------------------------------------------------*/ /** arr **/
#arr { margin: 20px 0 0 20px; width: 375px; }
#arr h2 { border-bottom: 4px solid #80cce3; margin: 30px 0 5px; }
#arr h3 { color: #292C2D; font-family: Georgia, serif; font-size: 12px; font-weight: normal; margin: 5px 0; }
#arr h3 span { float: right; padding-left: 10px; }
#arr h3 a { display: block; padding: 5px 0; text-decoration: none; }
#arr h3 a:hover { color: #292C2D; font-weight: bold; }
#arr .descript h3 a { outline: none; }
#arr .descript h3 a:hover { background: transparent url(/images/arrow_down.gif) no-repeat left center; margin-left: -15px; padding-left: 15px; }
#arr .item { border-bottom: 1px solid #80cce3; }
#arr p { margin: 10px 0; }
#arr .item div p { color: #2f2f2f; font-size: 11px; line-height: 15px; margin: 0; padding: 0 0 10px; }

/** gallery **/ /*--------------------------------------------------------------------------------------*/ /** gallery **/
#gallery a.lightbox { outline: none; }
#gallery img { border-width: 5px; margin: 0 20px 16px 0; }
#gallery a.last img { margin-right: 0; }
#gallery a:hover img { border-color: #0BADDE; }

#gallery div.albumSelect { float: left; font-size: 12px; font-family: Georgia, serif; margin: 0 20px 16px 0; text-align: center; }
#gallery div.albumSelect.last { margin-right: 0; }
#gallery div.albumSelect img { margin: 0; }
#gallery div.albumSelect a:hover img { border-color: #0BADDE; }

/** news **/ /*--------------------------------------------------------------------------------------*/ /** news **/
#news h2 { font-size: 16px; margin-top: 15px; }
#news .item { border-bottom: 3px solid #80cce3; }

/** side **/ /*--------------------------------------------------------------------------------------*/ /** side **/
#side { float: right; margin-right: 15px; width: 250px; }
#side h3 { color: #04b1e6; font-family: Georgia, serif; font-size: 18px; font-weight: bold; margin: 20px 0 2px; }
#side ul { color: #222222; font-size: 11px; margin: 0; }
#side li { line-height: 18px; }
#side p { color: #222222; font-size: 11px; margin: 2px 0 10px; }
#side a { color: #222222; text-decoration: underline; }
#side a:hover { color: #000; text-decoration: none; }

/** foot **/ /*--------------------------------------------------------------------------------------*/ /** foot **/
#foot { background: transparent url('/images/grass_big.png') repeat-x top left; height: 130px; margin-top: -130px; position: relative; }
#foot p { color: #fff; font-size: 10px; margin: 0 auto; padding: 60px 10px 5px 40px; width: 830px; }
#foot a { color: #fff; text-decoration: underline; }
#foot a:hover { color: #81CCE3; text-decoration: none; }
#foot #foot_logo { float: right; margin-right: 60px; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 90; }
#jquery-lightbox { left: 0; line-height: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 100; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { background-color: #fff; height: 250px; margin: 0 auto; position: relative; width: 250px; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { height: 25%; left: 0%; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100%; }
#lightbox-nav { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1; }
#lightbox-nav-btnPrev { float: left; left: 0; }
#lightbox-nav-btnNext { float: right; right: 0; }
#lightbox-container-image-data-box { background-color: #fff; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; margin: 0 auto; overflow: auto; padding: 0 10px 0; width: 100%; }
#lightbox-container-image-data { color: #666; padding: 0 10px; }
#lightbox-container-image-data #lightbox-image-details { float: left; text-align: left; width: 70%; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { clear: left; display: block; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { float: right; padding-bottom: 0.7em; width: 66px; }