/**
 * -----------------------------------------------------------------------------
 *
 * CSS for TwitterZoid Example
 * Copyright (c) 2008 Philip Newborough <mail@philipnewborough.co.uk>
 *
 * http://crunchbang.org/archives/2008/02/20/twitterzoid-php-script/
 *
 * LICENSE: This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * http://www.gnu.org/licenses/
 *
 * -----------------------------------------------------------------------------
 */
.content {text-align: left;vertical-align: middle;margin: 0px auto;padding: 0px;width: 750px;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1.5; background: #fff; margin:1.5em 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
body {font-size:12px;}
body {
    color: #31353a; 
    font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
    color: #31353a; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }
blockquote  { margin: 1.5em; font-style: italic; }
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 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }
.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
html,body   {margin:0px;padding:0px;background:#f7f3ef url(example-images/page-bg.gif) repeat-x;}
a         {color:#000;text-decoration:none;border-bottom:1px solid #c9c09f;outline: none;}
a:visited {color:#000;text-decoration:none;}
a:hover   {color:#f7f3ef;text-decoration:none;background:#31353a;border-bottom:1px solid #31353a;}
a.menuOne {
    float:left;
    display:block;border:0;text-indent:-9999px;
    width:300px;height:30px;margin-top:10px;margin-bottom:30px;
    background:url(example-images/menu-one.png) 0px -30px no-repeat;
    }
a:hover.menuOne {
    float:left;
    display:block;border:0;text-indent:-9999px;
    width:300px;height:30px;margin-top:10px;margin-bottom:30px;
    background:url(example-images/menu-one.png) 0px 0px no-repeat;
    }    
a.menuTwo {
    float:right;
    display:block;border:0;text-indent:-9999px;
    width:300px;height:30px;margin-top:10px;margin-bottom:30px;
    background:url(example-images/menu-two.png) 0px -30px no-repeat;
    }
a:hover.menuTwo {
    float:right;
    display:block;border:0;text-indent:-9999px;
    width:300px;height:30px;margin-top:10px;margin-bottom:30px;
    background:url(example-images/menu-two.png) 0px 0px no-repeat;
    }    
.content {text-align: left;vertical-align: middle;margin: 0px auto;padding: 0px;width: 670px;}
.content ul.tweets {clear:both;margin:0;padding:0;list-style:none;margin-bottom:20px;}
.content ul.tweets li{
    height:150px;padding-left:110px;padding-top:20px;padding-right:15px;
    margin-bottom:5px;font-size:14px;
    background:url(example-images/tweet-bg.png) 0px 0px no-repeat;
}
.content ul.tweets li .tweetmeta        {font-weight:normal;color:#c9c09f;font-size:10px;}
p.footer{font-size:90%;border-top:1px solid #c9c09f;margin-top:70px;padding-top:15px;text-align:center;line-height:1.6em;}
h1 {
    display:block;border:0;text-indent:-9999px;
    width:670px;height:150px;margin-bottom:10px;
    background:url(example-images/header.png) 0px 0px no-repeat;
}
h2 {padding-top:30px;padding-bottom:10px;font-size:64px;}