/* 
Theme Name: Celebtweets Theme
Theme URL: http://celebtweets.com
Description: Original custom theme for Celebtweets
Author: Lorraine Barte Nepomuceno
Author URI: http://splashscreen.com
Version: 1.0

Following celebs on Twitter
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

/*  Think globally      */

body{font:1em arial,sans-serif;text-align:center;background-color:#000;color:#eee;line-height:1.4}

a, a:link {color:#999;text-decoration: none;}
a:hover {color:#eee;text-decoration:underline;}

p, ul, ol {padding-bottom: 10px;}
h2, h3, h4, h5, h6 {padding-bottom: 6px;}
#navigation ul, #extra ul {list-style: none;}

/*  Let's lay things out   */

div#container{width:960px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 200px 0 300px}
div#navigation{float:left;width:300px;margin-left:-960px}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%;padding-top:8px;text-align:right;}

/*  Header columns   */

div#header-container{width:960px;}
div#header-wrapper{float:left;width:100%}
div#header-logo{margin-right: 660px;padding:20px 20px 0 20px}
div#header-description{float:left;width:460px;margin-left:-660px}
div#header-extra{float:left;width:200px;margin-left:-200px}


/*  Now get stylin'   */

div#container{text-align:left;background: #000 url(images/bg.gif) repeat-y;}

div#header{background:#000}
	div#header-description{font-size:1.2em;text-transform: lowercase;padding:100px 10px 0px 30px;line-height:1.1em;}
	div#header-extra{text-align: right;padding-top:8px;font-size:.6em;}
		#header-extra img{border:1px solid #333;}
	#splashpress-clear {clear:left;text-align: right;padding:0 0 4px 0;background:#000}

div#content{font-size:.9em;}
	.content-box {padding:8px;background-color: #333;}
	.latest-tweets {padding:8px;background-color:#fff;color:#333;}
	.latest-tweets a, .latest-tweets a:link {color:#cc6600}
	.latest-tweets a:hover {color:#666;}
	.page-content {padding:10px;background-color:#fff;color:#000;}
	.page-content a, .page-content a:link {color:#cc6600}
	.page-content a:hover {color:#666;}
	.page-content ul, .page-content ol {padding-left:10px;margin-left:16px;}
	.page-content li {padding-bottom:6px;}
div#navigation{background:transparent;font-size:.8em;}
	.adbanners {margin:0 0 0 6px;width:300px;}
	.adbanners img {float:left;padding:0 5px 10px 5px;}
	.navigation-box {padding:10px;clear:left;}
	.nav-menu {font-size:1.5em;}
	.adsense {margin-top:6px;}
div#extra{background:transparent;text-align: center;}
	.featured-content{background-color:#CC6600;padding:8px;font-size:.7em;text-align: left;color:#000;margin-left:10px;}
	.featured-content a, .featured-content a:link {color:#000;}
	.featured-content h3 {text-transform: lowercase;}
div#footer{background:#000;color:#FFF;font-size:.7em;}

h1 {font-size:2em;}
h2 {font-size:1.5em;}
	h2.latest {font-size:.9em;text-transform: uppercase;color:#ccc;padding-bottom:0;}
h3 {font-size:1.1em;font-weight:bold;}

#post{}
#postmeta{}
#postnavigation{}
#searchform{}
#sidebar{}

h3.page-title {font-size:2.3em;font-weight:normal;}
.page-body h3 {font-size:1.3em;padding:8px 0 12px 0;}

.twitter_followers{
float:left;
margin-right:20px;
margin-bottom:0px;
width:48px;
height:48px;
}

.mashup-box {font-size:.9em;line-height: 1.1em;}
.mashup-box .name {font-weight:bold;}
	.mashup-baby a, .mashup-baby a:link {color:#0084b4;}
	.mashup-baby a:hover {color:#000;}
.mashup-box .followers {font-size:.8em;font-style:oblique;}
.mashup-box .meta {font-size:.9em;color:#666;}
	.meta a, .meta a:link {color:#666;}
	.meta a:hover {color:#000;}
.mashup-box .text {padding:6px;}
.mashup-box .location {}
.mashup-box {margin-top:10px;margin-bottom: 10px;border:1px solid #ccc;padding:6px;}
.mashup-baby {margin-bottom:2px;}

.mashup-single-box {font-size:.9em;line-height:1.1em;}
.mashup-single-box .name {font-weight:bold;}
.mashup-single-box .followers {font-size:.8em;font-style:oblique;}
.mashup-single-box .meta {padding-top:4px;font-size:.9em;color:#666;font-style:oblique;}
.mashup-single-box .text {padding:0;}
.mashup-single-box .location {}
.mashup-single-box {margin-top:10px;margin-bottom: 10px;border:1px solid #ccc;padding:10px;}

.user-single  {line-height:1em;padding:8px;border-bottom:1px dotted #ccc;}
.user-single-image {}
.user-single-name {font-size:1.3em;}
.user-single-descloc {font-size:.8em;font-style: oblique;text-transform: lowercase;color:#666;}
.user-single-meta {font-size:.8em;}
.user-single-span {padding-right:4px;font-style:oblique;color:#666;}
.span-me {font-style: normal;text-transform: none;color:#333;}
.follow-button {font-size:1em;font-weight:bold;margin-bottom:4px;}

.latest-tweets {margin-bottom:0;padding-bottom:0;margin-top:6px;}
.text-name {color:#990000;}
.text-screenname {color:#330000;}

.clearleft {clear:left;}
.clearright {clear:right;}
.alignleft {float:left;}
img.alignleft {float:left;padding:6px;border:1px solid #ccc;background-color:#eee;margin-right:10px;}
img.alignright {float:right;padding:6px;border:1px solid #ccc;background-color:#eee;margin-left:10px;}
.alignright {float:right;}