/* @override http://www.sorri.se/00/wp-content/themes/sorri/style.css */

/*   
Theme Name: Sorri
Theme URI: http://www.kosmodrom.se/
Author: Jonas Berggren - Kosmodrom media
Author URI: http://www.kosmodrom.se/
Version: 1.0
© copyright Jonas Berggren.
*/
/* @group Import a basic layout */
/* Reset default browser styles */@import url('styles/reset.css');
/* Rebuild default browser styles */@import url('styles/rebuild.css');
/* Basic WordPress Styles */@import url('styles/wp.css');
/* @end */
/* =Typografi */
h1 { text-transform: uppercase; display: inline-block; font: 36px/120% "Lucida Grande", Lucida, Verdana, sans-serif; margin-bottom: 20px; position: relative; color: #99ac56; margin-top: -8px;}
h2 { text-transform: uppercase; font-size: 16px; font-weight: bold; color: #a12345;}
h3 { text-transform: uppercase; font-size: 10px; font-weight: bold; color: #779300; /* color: #515151; */}
a:focus, a:hover {color: #a12345;/*background-color: #6186bd;*/}
a {color: #779300; text-decoration: none !important;}
.entry-content p {font: 12px/140% "Lucida Grande", Lucida, Verdana, sans-serif; color: #252525;}
.entry-puff p {font: /* bold */ 14px/140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #505050;}

/* =LAYOUT: Two-Column (Right) */
html { background-color: #dbdbdb;}
body {margin: 0 30px; background-color: transparent;}
#box{width: 990px; height: 700px; margin: 0 auto; background-color:#fff;}
#wrapper {width: 930px; margin: 0 auto;}
#container {margin: 0 -240px 0 0; width: 100%; float: left;}
#content {margin: 0 240px 0 0; display: inline-block;}
#primary, #secondary {float: right; overflow: hidden; width: 210px;}
#secondary {clear: right; padding-left: 15px; border-left: 1px solid #ccc; height: 680px;}
#footer {clear: both; width: 100%;}

/* =Header */
#header { height: 70px; margin-bottom: 30px; width: 930px;}
#one { position: relative; height: 70px; width: 314px; float: left; clear: left;}
#logo { background-color: white; display: inline-block; position: relative; clear: left; float: left; margin-top: 10px;}
#two { margin: 0px; height: 0px; width: 616px; float: right; padding: 0;}
#access { float: right;}
#kontakt { float: right; margin-top: 6px;}
#kontakttxt, #kontakttxt li { color: #a12345; font: bold 10px/1.4 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; list-style-type: none;}

/* =Content */
#first_loop {display: inline-block;}
#second_loop { width: 210px; height: 135px; margin-bottom: 30px; background-repeat: no-repeat;}
#hspalt { width: 210px; float: right;}
/* .entry-pict { display: inline-block; float: none; display: inline-block; width: 690px;} */
/* #startpic { float: right;} */
.recent li { list-style-type: none;}
.entry-content, .entry-summary {margin: 1.5em 0 0 0;}

/* IMAGES */
.alignright, img.alignright { float: right; margin-left: 1.5em; display: inline; margin-top: 1.5em;}
.alignleft, img.alignleft { float: left; margin-right: 1.5em; display: inline; margin-top: 1.5em;}
.entry-puff img.alignright { float: right; margin-left: 10px; display: inline; margin-top: 4px;}
.entry-puff img.alignleft { float: left; margin-right: 10px; display: inline; margin-top: 4px;}

/* =Widget Areas */
.xoxo li{ display: inline-block; border-left: 1px solid #ccc; width: 210px; position: relative; float: right; margin-top: 15px; font: 10px/140% "Lucida Grande", Lucida, Verdana, sans-serif;}
.copy { font: italic 0.9em/130% Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;}
.colophon { display: inline-block; font: italic 0.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; right: 29px;}

/* REFERENS SIDA*/
blockquote { font: italic bold 18px/140% Georgia, "Times New Roman", Times, serif; color: #a12345; display: inline-block; position: relative; width: 330px; margin-right: 0; background: url(http://www.sorri.se/00/_resurser/citat3.gif) no-repeat -2px -1px; margin-left: 0; padding-left: 67px; padding-top: 11px;}
.refblock { font: italic bold 14px/140% Georgia, "Times New Roman", Times, serif; color: #515151; display: block; position: relative; width: 380px; background: none; padding-left: 80px; margin: 0 0 12px;}
#referens { width: 930px; display: inline-block; margin-top: 40px;}
#ref_one { width: 450px; float: left; display: inline-block; position: relative;}
#ref_two { width: 450px; height: 400px; float: right; display: inline-block; position: relative;}
.ref { padding-left: 67px; font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: inline-block; bottom: 11px; position: relative; float: left; text-align: right; width: 380px; padding-bottom: 36px;}
.refnumber { color: #99ac56; font: 140px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; width: 65px; height: 65px; display: inline-block; position: relative; float: left; bottom: 31px; padding-left: 14px;}
.refwho { color: #779300; font-weight: bold; font-style: italic;}

/* @group Meny */
.start {float: right;}
.menu {float: right; height: 19px; z-index: 100; font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {/* width: 746px; w\idth: 745px; */}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding: 0; margin: 0; list-style-type: none;}
.menu ul ul {width: 70px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float: left; width: 70px; position: relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display: block; text-decoration: none; color: #fff; width: 70px; height: 19px; background: #99ac56; font-weight: bold; line-height: 19px; text-align: center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width: 70px; w\idth: 70px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: #a12345;}
.menu ul ul a.drop:hover {background: #a12345;}
.menu ul ul :hover > a.drop {background: #a12345;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: #779300; margin-top: 1px;}
.menu ul ul ul a:hover {background: #a12345; margin-top: 1px;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility: hidden; position: absolute; height: 0; top: 19px; left: 0; width: 70px;}
/* another hack for IE5.5 */
* html .menu ul ul {top: 20px; t\op: 21px;}
/* position the third level flyout menu */
.menu ul ul ul {left: 70px; top: -1px; width: 70px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left: -70px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position: absolute; top: 0; left: 0; border-collapse: collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: #779300; color: #fff; height: auto; line-height: 1em; width: 70px; padding-bottom: 5px; padding-top: 5px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width: 70px; w\idth: 70px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {color: #fff; background: #a12345;}
.menu :hover > a, .menu ul ul :hover > a {color: #fff; background: #a12345;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {visibility: visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {visibility: hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {visibility: visible;}
.menu ul ul .current_page_item a {color: red; background: white;}
.menu .current_page a {color: #fff; background: #5e6f53;}
.menu ul .current_page_item ul a {color: white; font-weight: normal; background: black;}
.menu ul .current_page_item ul a:hover {background: gray;}
.menu .current_page_item a:hover {background: white;}
/* @end */