/* @override http://www.frilansjournalisten.nu/00/wp-content/themes/frilans/style.css */

/*   
Theme Name: Frilans
Description: A search engine optimized website framework for FrilansJournalisten.
Author: Jonas Berggren - Kosmodrom media
Author URI: http://www.kosmodrom.se
Version: 1.0
.
@ Copyright - Kosmodrom media & Jonas Berggren.
.
*/
/* 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 */

html { background: #000;}
body {margin: 0 30px; background-color: #000;}

#box{width: 990px; background-color: #fff; margin-left: auto; margin-right: auto;}
#wrapper {width: 930px; margin: 0 auto;}

#container {float: left; margin: 0 -145px 0 0; width: 100%;}
#content {margin: 0 145px 0 0;}

#primary, #secondary {float: right; overflow: hidden; width: 145px;}
#news {}
#secondary {clear: right; display: block; top: 10px; position: relative;}

#footer {clear: both; width: 100%;}
.singleback { margin-top: 12px; font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;}
/* =Header */
#branding { font: 48px Georgia, "Times New Roman", Times, serif; padding-top: 15px; width: 930px; display: inline-block; padding-bottom: 10px;}

/* =Typografi */
a:focus, a:hover {color: #ffaa00;}
a {color: #a34a35; text-decoration: none;}
p {font: 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif; color: #333;}
blockquote, blockquote p { text-align: center; width: 240px; padding: 15px 20px 15px 2px; margin: 0; color: #a34a35; font: italic bold 24px/28px Georgia, "Times New Roman", Times, serif; display: inline-block; float: left; position: relative;}
.indrag { text-indent: 12px;}
.rubrik { font: bold 3.8em Georgia, "Times New Roman", Times, serif; display: inline-block; position: relative; margin-bottom: 20px;}
.widget_text { color: #444; font: 10px/15px Verdana, Arial, sans-serif;}
.citat { font: italic bold 24px/29px Georgia, "Times New Roman", Times, serif; color: #a34a35; text-align: center; width: 240px; padding: 20px 20px 20px 0; display: inline-block; float: left;}
.citat_page { font: italic bold 18px/25px Georgia, "Times New Roman", Times, serif; color: #a34a35; text-align: center; margin-bottom: 20px; margin-top: 35px;}
.faktaruta { font: 12px/140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background-color: #f0f0f0; padding: 10px;}
h6 { font: italic 9px Verdana, sans-serif;}
h2.entry-title { font: bold 24px Georgia, "Times New Roman", Times, serif;}
h1 { font-weight: bold; font-size: 32px; line-height: 140%;}
h2 { font-size: 24px; font-weight: bold; line-height: 140%;}
h3 { font-size: 16px; font-weight: bold; line-height: 140%;}
h4 { font-size: 14px; font-weight: bold; line-height: 140%;}
.faktaruta h4 { font-size: 14px; font-weight: bold; line-height: 140%; margin-bottom: 8px;}
#first_loop h2 {font: bold 34px Verdana, sans-serif; margin-bottom: 12px;}
.notisvinjett { font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif; background-color: #787a7e; color: #fff; text-transform: uppercase; height: 18px; padding-top: 3px; padding-left: 4px; margin-bottom: 8px; letter-spacing: 0.1em;}
.notisvinjett a, .vinjett a { color: #fff;}
.vinjett { font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif; background-color: #787a7e; color: #fff; text-transform: uppercase; height: 27px; padding-top: 5px; padding-left: 8px; margin-bottom: 20px; letter-spacing: 0.1px;}
#fourth_loop h2.entry-title {font: bold 12px Verdana, sans-serif;}
#fourth_loop .entry-date {font: italic 9px Verdana, sans-serif; display: block; margin-bottom: 0; margin-top: -3px;}
#fourth_loop p {font: 10px/14px Verdana, sans-serif; display: inline-block; top: 4px; position: relative; margin-top: -2px;}
.entry-date {font: italic 9px Verdana, sans-serif; margin-bottom: 5px; display: block; margin-top: 10px;}
.page-title {font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif; background-color: #787a7e; color: #fff; text-transform: uppercase; height: 18px; padding-top: 3px; padding-left: 4px; margin-bottom: 15px; letter-spacing: 0.1em;}
#blog-title {display: inline-block; width: 665px; height: 120px; float: left; position: relative; background: url(http://www.frilansjournalisten.nu/resurser/dot888.gif) repeat-y 100%;}
#readmore {font: 10px/14px Verdana, sans-serif; display: inline-block; top: 4px; position: relative; margin-top: -15px; margin-bottom: 25px;}


/* =Menu */
#access { margin: 0; overflow: auto; font: bold 11px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif; height: 19px; padding-left: 5px; color: #fff; background: #3b3c3d repeat-x; display: block; position: relative; padding-top: 3px; padding-bottom: 1px;}
#access_under { margin: 10px 0 22px; overflow: auto; font: bold 11px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif; height: 30px; color: #fff; background: url(http://www.frilansjournalisten.nu/resurser/doty888.gif) repeat-x 0 100%; display: block; position: relative;}
#access a { color: #fff;}
#access a:focus, #access a:hover  { color: #ffaa00; background-color: #3b3c3d;}
#access_under  a { color: #787a7e;}
#access_under  a:focus, #access_under  a:hover  { color: #ffaa00;}
.under_nav { display: inline; margin-right: 15px;}
.skip-link {display: none;}
.menu ul {list-style: none; margin: 0;}
.menu ul ul {display: none;}
.menu li {display: inline;}
.menu a {display: block; float: left; padding-right: 15px;}

/* =Content */
#all_loops { margin-bottom: 40px; display: inline-block; float: left;}
#loop { background-color: #bbb; position: relative; width: 530px; float: left;}
#left_loop { width: 530px; float: left;}
#first_loop { width: 530px; position: relative; float: left; background: url(http://www.frilansjournalisten.nu/resurser/dot888.gif) repeat-y 545px; clear: left; display: inline-block;}
#single_first_loop { width: 530px; position: relative; float: left; clear: left; display: inline-block;}
#page_first_loop { width: 530px; position: relative; float: left; padding-right: 30px; clear: left; display: inline-block;}
#second_loop { width: 250px; float: left; position: relative; clear: left; background: url(http://www.frilansjournalisten.nu/resurser/dot888.gif) repeat-y 265px; padding-right: 30px;}
#third_loop { width: 250px; float: left; position: relative; /*padding-right: 30px; background: url(http://www.frilansjournalisten.nu/resurser/dot888.gif) repeat-y 265px;*/}
#fourth_loop { padding-right: 15px; width: 210px; padding-left: 30px; background: url(http://www.frilansjournalisten.nu/resurser/loop4.gif) repeat-y 15px; float: right; display: inline-block;}
* #fourth_loop { float: none;}

#fourth_loop .post {margin: 0 0 8px;}
#fourth_loop .entry-content, .entry-summary {margin: 8px 0 0;}

#fourth_news_loop { padding-right: 15px; width: 210px; padding-left: 30px; background: url(http://www.frilansjournalisten.nu/resurser/loop40.gif) repeat-y 15px; display: inline-block; float: left;}
/** #fourth_news_loop { float: none;}*/ 

#first_loop .entry-content, .entry-summary { background: url(http://www.frilansjournalisten.nu/resurser/doty888.gif) repeat-x 0 100%; padding-bottom: 15px;}

#page_fakta { width: 210px; float: right; position: relative; padding-right: 15px; background: url(http://www.frilansjournalisten.nu/resurser/dot888.gif) repeat-y 224px; height: 600px; display: inline-block;}
* #page_fakta {float: none;}

.fakta p { font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;}
.fakta { border-right: 1px solid #787a7e; border-bottom: 1px solid #787a7e; border-left: 1px solid #787a7e; padding-right: 5px; padding-left: 5px; padding-top: 10px;}
.afakta p{ font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif; }
.faktavinjett { font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif; background-color: #787a7e; color: #fff; text-transform: uppercase; height: 18px; padding-top: 3px; padding-left: 4px; letter-spacing: 0.1em;}

.post {margin: 0 0 1em;}
.page {margin: 0 0 2em;}
.post-title { display: inline-block; margin-bottom: 8px;}
.entry-content, .entry-summary {margin: 5px 0 0; display: inline-block;}
h1.entry-title { display: inline-block; color: #a34a35; font: bold 35px "Lucida Grande", Lucida, Verdana, sans-serif; margin: 0 0 16px;}

#site-info { /*background: url(http://www.frilansjournalisten.nu/resurser/doty888.gif) repeat-x 0 0;*/ padding-top: 8px; padding-bottom: 30px;}
#site-info-box, #site-info-box a { font: italic 11px Georgia, "Times New Roman", Times, serif; text-align: center; color: #fff; background-color: #3b3c3d; height: 15px; padding-top: 5px; padding-bottom: 3px;}/* =Navigation */
.navigation {margin: 0 0 1.5em 0; overflow: auto;}

/* =Widget Areas */
.widget-title { font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase; margin-bottom: 7px; background-color: #787a7e; color: #fff; letter-spacing: 0.1em; height: 18px; padding-top: 4px; padding-left: 4px; font-weight: bold;}
.widget-area li {list-style: none; margin-left: 0; padding-bottom: 6px;}
.widget-area ul {list-style: none; margin-left: 0; font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;}
.widget-area ul ul {list-style: none; list-style-type: none;}
.widget-area ul ul ul {margin-left: 2.5em;}
.widget-container {margin: 0 0 1.5em 0;}

/*annonser*/
#halfbanner { width: 234px; height: 60px; float: right; position: relative; display: inline-block; top: 3px;}
#halfbox{ width: 234px; height: 80px; float: right; position: relative; display: inline-block; font: 10px Verdana, sans-serif; top: 21px;}
#annons125 { margin: 0 0 0 784px; padding-left: 15px; background: url(http://www.frilansjournalisten.nu/resurser/dot888.gif) repeat-y 0;}
.annons {font: 9px Verdana, sans-serif; margin-bottom: 3px;}
#AD_large_rectangle {width: 530px; float: left;}
#AD_bottom {background: url(http://www.frilansjournalisten.nu/resurser/doty888.gif) repeat-x 0 100%; margin-bottom: 15px;}