/*
Theme Name: FriBit
Theme URI: http://www.fribit.no/
Description: The theme made from the FriBit.no design, based on the Wordpress Default theme by Michael Heilemann
Version: 0.3
Author: Svenn-Arne Dragly
Author URI: http://svenni.dragly.com/
Tags: fribit

*/
@import url('css/main-menu.css');
@import url('css/forum.css');
/* Begin Typography & Colors */
html, body {
    font-family: Arial, "Trebuchet MS", Verdana, Helvetica;
    color: rgb(40,40,40);
    font-size: 14px;
}
h1, h2, h3, h4, h5, #headerfri #navigation, .sidebar {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
    color: rgb(0,0,0);
}
small { 
    font-size: 11px;
}
h1 {
    font-size: 26px;
}
h2 { 
    font-size: 22px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 12px;
}
h1,h2,h3,h4,h5 {
    margin-bottom: 0.6em;
    padding-top: 0px;
    margin-top:1em;
}
.contentContainer p {
    margin-top: 0.2em;
    margin-bottom: 0.6em;
}
.publishedByUser {
    font-size: 11px;
    color: #999999;
}
.sidebar ul {margin: 0; padding-left: 1.5em;}
.mainSidebarMiddle ul {margin: 0; padding-left: 1.5em;}
.widget {list-style-type:none;}
html, body  {
    background: #fcfcfa;
    margin: 0; /* make sure different browsers don't make up their own margins */
    padding: 0;
    text-align: center; /* centers container in IE5 */
    height: 96%; /* Makes sure the header uses all the size possible, without giving an vertical scrollbar */
    line-height: 1.25;
}
small {
    color: #999;
}
/* Uncomment this to mark up all divs in a browser *
div {
	border: 1px dotted #000000;
}
*/
.postmetadata {
    font-size: 11px;
}
#container {
    width: 1000px; /* 980 is a perfect size for 1024px wide displays */
    margin: 0 auto;
    text-align: left; /* this overrides the text-align: center on the body element. */
    height: 100%;
    min-height:100%;
    padding: 0px;
} 
#headerfri {
    padding: 0px;
    height: 153px;
    width: 100%;
    background-image: url(images/header.png);
    background-repeat: no-repeat;
    margin: 0;
    margin-top: 10px;
}
#headerfrilink {
    width: 200px;
    height: 80px;
    position: absolute;
}
#headerfri #navigation {
    position: relative;
    text-align: center;
    /*border: 1px solid #CCCCCC;*/
    padding: 2px;
    top: 113px;
    color: #999999;
    font-size: 16px;
    font-family: Helvetica;
}
#headerfri #navigation a {
    padding: 10px;
}
#headerfri #twitterface {
    position: relative;
    text-align: center;
    top: 110px;
    background: #333ddd;
    width: 200px;
    margin-right: 20px;
}
.contentContainer {
    float: left;
    width: 730px;
    padding: 0px;
}
.content, .contentTop, .contentBottom {
    float: left;
}
.contentTop , .contentBottom {
    margin: 0px;
    width: 100%;
    height: 40px;
}
.content {
    width: 650px;
    padding: 1px 40px 1px 40px;/* Gives 0 distance between contentTop and contentContainer in Opera */
    /*min-height:400px; /* minimum height */
    background: url(images/background/boxmiddle.png) repeat-y;
}
.contentTop {
    background: url(images/background/boxtop.png) no-repeat;
    height: 40px;
}
.contentBottom {
    background: url(images/background/boxbottom.png) no-repeat;
}
.sidebarContainer {
    float: right;
    width: 250px;
    padding: 0px;
}
.sidebarTop, .sidebarBottom {
    margin: 0px;
    width: 100%;
    height: 40px;
}
.sidebar {
    width: 200px;
    font-size: 13px;
    background-image: url('images/sidebar/boxmiddle.png');

    padding: 1px 25px 1px 25px;
}
.sidebarTop {
    background: url(images/sidebar/boxtop.png) no-repeat;
    height: 40px;
}
.sidebarBottom {
    background: url(images/sidebar/boxbottom.png) no-repeat;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #contentContainer {
    /*height: 400px; /* minimum height for IE5 and Mac */
}
/* end filter */

#footer {
    width: 100%;
    padding: 10px;
    bottom: 0;
    clear: both;
    background:url('images/footer.png') no-repeat;
    height:100px;
} 
#footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-size: 10px;
    color: bbbbbb;
    text-align: center;
}
/******* WORDPRESS STYLES ********/
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
         float: right;
         margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
          float: left;
          margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
              clear:both;
              height:0;
              font-size: 1px;
              line-height: 0px;
}

.seperator {
    height: 20px;
}
a  {
    color: #df4f00;
    text-decoration: none;
}
a:hover  {
    color: #b82d00;
    text-decoration: underline;
}
input, select, textarea
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color:#FFFFFF;
    border:#999999 thin solid;
}
.formgenerator .textarea, .formgenerator .textbox{
    width: 500px;
}
.formgenerator .textarea {
    height: 200px;
}
.formgenerator .label {
    margin-top: 1em;
}
.nobr {
    display: none;
}
.linkcat { /* link categories */
           font-size: 12pt;
}
.foobar { font-size: 6pt; }
/* 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 */

/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -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;
}
/* End captions */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
}

acronym, abbr {
    border-bottom: 1px dashed #999;
}

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;
    background: #d5d6d7 url('images/kubrickbgcolor.jpg');
}

.hidden {
    display: none;
}

a img {
    border: none;
}

.navigation {
    display: block;
    text-align: left;
    width: 95%;
}
.contact {
    width: 350px;
    background: #ededed;
    padding: 5px 10px 5px 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.authorinfo {
    width: 200px;
}
.commentlist { list-style-type: none; padding: 0; margin: 0; }
.commentlist li {clear: left; }
ol ol li {list-style-type: lower-roman; }
ol ol ol li {list-style-type: lower-alpha; }
hr {color: #fff; background-color: #fff; border: 1px dotted #ff0000; border-style: none none dotted ; }
/* Fixes stupid IE7 problem with sup */
sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    font-size: 10px;
}

sup {
    bottom: .8ex;
}

sub {
    top: .5ex;
}
/* Calendar */
#wp-calendar {
    background-color: #ECECEB;
}
/* end Calendar */
/* end IE7 fix */
/* End Various Tags & Classes*/

.blimed-img {
    background: url('images/buttons/interest/blimedsmall.png') no-repeat;
    width: 100px;
    height: 40px;
}