/*** base styles ***/

html,body,ul,ol,li,form,fieldset,legend{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin-top:0;}
fieldset,img{border:0;}
legend{color:#000;}
li{list-style:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{font-weight:400;text-align:left;vertical-align:top;}
input,textarea,select{font-size:110%;line-height:1.1;}
abbr,acronym{border-bottom:.1em dotted;cursor:help;}

body {font-size:11px; font-family:arial, helvetica, sans-serif; line-height:18px; height:100%;}
html {height:100%; overflow: -moz-scrollbars-vertical;}

/* divide line-height by font-size to get margin-bottom */
h1, h2, h3, h4, h5, h6, p, ul, ol, td, th, .content div, form, caption, dl, iframe {margin-bottom:12px;}
h1 {font-size: 20px;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

ul {margin-left:18px;}
ol {margin-left:26px;}
div.hr hr {display:none;}
div.hr {height:1px; background:#DDD;}

table {border-collapse:collapse; border-top:1px solid #DDD; border-left:1px solid #DDD;}
td, th {padding:8px 18px 9px; border-bottom:1px solid #DDD; border-right:1px solid #DDD;}

.container {width:618px; margin:0 auto;}

div.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 {float:left; margin-right:18px;}

.s1  {width: 35px;}
.s2  {width: 88px;}
.s3  {width: 141px;}
.s4  {width: 194px;}
.s5  {width: 247px;}
.s6  {width: 300px;}
.s7  {width: 353px;}
.s8  {width: 406px;}
.s9  {width: 459px;}
.s10 {width: 512px;}
.s11 {width: 565px;}
.s12 {width: 618px; margin:0;}
.last, .right {margin-right:0 !important; padding-right:0 !important;}
.bottom {margin-bottom:0 !important; padding-bottom:0 !important;}
.reset {margin:0 !important; padding:0 !important; border:0; background:none; }
.hide {display:none;}
.strong {font-weight:bold;}
.small {font-size:85%;}
p+p {margin-top:-6px;}
.a-left {text-align:left;}
.a-center {text-align:center;}
.a-right {text-align:right;}
.f-left {float:left;}
.f-right {float:right;}
.fmb {margin-bottom:18px;}

.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;}


/*** webcloud specific styles ***/

/* fonts and colours */
body {background:#F0F0F0 url(../img/bg.gif) 50% 5% no-repeat; color:#777; font:normal 11px courier new;}

a {text-decoration:none;}

#nav {position:absolute; left:1%; top:5%; width:25%;}

#tweets {position:absolute; left:1%; bottom:1%; width:25%;} 
#tweets ul {list-style:none; margin-left:0;} 

#tumblr {position:absolute; right:5%; top:10%; width:25%;} 
#tumblr ul {list-style:none; margin-left:0;} 

#qod-quote {position:absolute; right:1%; bottom:1%; width:25%;}