/*
Project: OBG Framework
Style: General framework CSS
Version: 0.1
Author: Magnus Forsberg, Ottoboni Group
Updated: 2008-10-23
============================================================ */


/* IMPORTS
============================================================ */
@import "/lib/css/plugins/sidebarmenu.css";


/* RESET
============================================================ */
* { margin:0; padding:0; text-decoration:none; font-size:1em; outline:none}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext { font:inherit; font-size:1em; white-space:normal }
dfn,i,cite,var,address,em { font-style:normal }
th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:normal}
a,img,a img,iframe,form,fieldset,abbr,acronym,object,applet,table{border:none}
caption,th,td { text-align:left }
ul,ol,dir,menu { list-style:none }
sub,sup { vertical-align:baseline }
a { color:inherit }
hr { display:none }


/* GENERAL
============================================================ */
html { font-size:125%; }
body {font-size:50%; font-family: Helvetica, Arial, sans-serif; background:#eee; }

/* TYPOGRAPHY ---------- */

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; margin-bottom: 0.25em; }
h2 { font-size: 2.4em; margin-bottom: 0.25em; }
h3 { font-size: 2em; margin-bottom: 0.25em; }
h4 { font-size: 1.6em; margin-bottom: 0.25em; }
h5 { font-size: 1.4em; margin-bottom: 0.25em; }
h6 { font-size: 1.2em; }

h1 span { font-size: 0.8em; font-family: Times, Georgia, Serif; font-weight:normal; font-style:italic; color:#999; }

/* Text elements */
p { font-size:1.2em; margin: 0 0 1.5em; color:#555; }
p.preamble { font-size:1.4em; font-style:italic; margin: 0 0 1em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul ul, ol ol { margin-bottom:0; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
li { font-size:1.2em; padding:1px 0; }
li li { font-size:1em; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; font-size:1.2em; }
dl dd {  font-size:1.2em; margin-left: 1.5em; padding:1px 0; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

/* TABLES  ---------- */
table { margin-bottom: 1.5em; border-collapse:collapse; }
table.full { width:100%; }
th { border-bottom: 1px solid #aaa; font-weight: bold; }
td { border-bottom: 1px solid #ccc; }
th,td { font-size:1.2em; padding: 4px 2px; }
caption { font-size:1.2em; font-style: italic; padding-bottom:0.5em; }

/* COLORS ---------- */
a.pink { color:#BF064D; }
a.blue { color:#0573A0; }
a.black { color:#000; }
a.purple { color:#5c2e91; }

/* CLEARFIX ---------- */
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* GRID
============================================================ */
.container { width:960px; margin:10px auto; padding:10px 0; background:#fff; }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 { display:inline; float:left; margin:0 10px; background:#fff; position:relative; }

.grid-1 { width:40px; }
.grid-2 { width:100px; }
.grid-3 { width:160px; }
.grid-4 { width:220px; }
.grid-5 { width:280px; }
.grid-6 { width:340px; }
.grid-7 { width:400px; }
.grid-8 { width:460px; }
.grid-9 { width:520px; }
.grid-10 { width:580px; }
.grid-11 { width:640px; }
.grid-12 { width:700px; }
.grid-13 { width:760px; }
.grid-14 { width:820px; }
.grid-15 { width:880px; }
.grid-16 { width:940px; }

hr.clear { background:#ccc; color:#ccc; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none; }