/*
Theme Name: Timor-Leste Transparency Portal
Author: Matthew Hartman - http://www.matthewhartman.com.au
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; outline: none;}

/* HTML Elements */
body {font: normal 13px/1.231 arial, helvetica, clean, sans-serif; color: #000; background: url(images/bg.jpg) 0 0 #fc9;}
ul, ol {list-style: none;}
a {text-decoration: none;}

/* Headings */
h1 {font-family: "Georgia", serif; font-size: 1.84em; font-weight: bold;}
h2 {font-family: "Georgia", serif; font-size: 1.50em; font-weight: bold; line-height: normal;}

.pt h1 {font-family: "Georgia", serif; font-size: 1.64em; font-weight: bold;}
.pt .logo small {font-size: .5em;}
.tt h1 {font-family: "Georgia", serif; font-size: 1.60em; font-weight: bold;}
.tt .logo small {font-size: .6em;}

/* Wrappers and Columns */
.container {width: 700px; margin: 10px auto; background: #fff; overflow: hidden; border: 8px solid #fff;}
.item {padding: 10px 0; border-top: 1px dashed #ccc;}
.one {padding-left: 10px;}
.two {width: 500px; padding-left: 30px;}

/* Header */
.header {width: 700px; height: 125px; background: url(images/header.jpg) 0 0 repeat-x; position: relative;}
.logo {background: url('images/transparency-portal.png') 0 0 no-repeat;}
.logo a {width: 454px; height: 90px; padding: 35px 0 0 140px; display: block; color: #fff;}
.logo a small {display: block; font-style: italic; padding-top: 5px; font-weight: normal; font-size: .5em;}

/* Search & Languages */
.languages {width: 70px; position: absolute; bottom: 5px; right: 0;}
.languages li {float: left;}
.languages a {width: 18px; height: 12px; display: block; margin: 1px 4px 0 0;}
.english {background: url(images/languages.png) 0 0;}
.tetum {background: url(images/languages.png) 0 12px;}
.portuguese {background: url(images/languages.png) 0 24px;}

/* Content Elements */
.content h2 a, .content a:hover {color: #000;}
.content a, .content h2 a:hover {color: #c00;}
.content strong, .content b {font-weight: bold;}
.content em, .content i {font-style: italic;}
.content p {padding-top: 5px;}
.content h2 small {font-weight: normal; font-size: .6em;}

/* Footer */
.footer {width: 700px; height: 50px; background: url(images/footer.png) 0 0 repeat-x; font-size: .843em;}
.footer ul {padding: 20px 0 0 55px;}
.footer ul li {float: left; margin: 0 8px;}
.footer a {color: #fff;} .footer a:hover {text-decoration: underline;}

/* Classes and Helpers */
.visuallyhidden {text-indent: -9999em; position: absolute; overflow: hidden;}
.col, .left {float: left;}
.right {float: right;}
.col, .block {display: block;}
.first, .last {border: 0; margin: 0;}

/* Clearfix */
.clearfix:before, .clearfix:after {content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix:after {clear:both;} .clearfix {zoom:1;}