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

Following top bloggers 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 verdana,helvetica,arial,sans-serif;text-align:center;background-color:#fff;color:#333;line-height:1.4}

a, a:link {color:#666;text-decoration: none;}
a:hover {color:#4aaef6;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#navigation{margin-right: 660px;}
div#content{float:left;width:460px;margin-left:-660px;}
div#extra{float:left;width:200px;margin-left:-200px;}
div#footer{clear:left;padding:8px 0 2px 20px;text-align:left;}


/*  Header   */

div#header-logo{text-align:left;margin-top:10px;}

/*  Now get stylin'   */

div#container{text-align:left;background:transparent}

div#navigation{font-size:.9em;}
	.content-box {padding:8px;margin-top:20px;}
	.latest-tweets {padding:8px;color:#333;}
	.latest-tweets a, .latest-tweets a:link {color:#cc6600}
	.latest-tweets a:hover {color:#666;}
	.page-content {padding:10px;}
	.page-content ul, .page-content ol {padding-left:10px;margin-left:16px;}
	.page-content li {padding-bottom:6px;}
	.page-content a, .page-content a:link {text-decoration: underline;}
	.page-content a:hover {text-decoration: none;}
div#content{background:transparent;font-size:.8em;border-right:1px dashed #ccc;}
	.adbanners {margin:0 0 0 6px;width:300px;}
	.adbanners img {float:left;padding:0 5px 10px 5px;}
	.adsense {padding-left:12px;}
	.navigation-box {padding:10px;clear:left;margin-top:16px;}
	.nav-menu {font-size:1.3em;font-family:Arial,Helvetica,sans-serif;}
div#extra{background:transparent url(images/bg-extra.gif) no-repeat top right;text-align:center;margin-top:20px;}
	.featured-content{padding:0 10px 0 10px;font-size:.7em;text-align: left;color:#000;margin-left:2px;margin-top:60px;}
	.featured-content a, .featured-content a:link {color:#000;}
	.featured-content a:hover {color:#4aaef6;}
	.featured-content h3 {color:#999;font-size:1em;text-transform:uppercase;}
	.navigation-box h3 {font-size:1.5em;color:#a28767;font-weight:normal;}
		ul.featured-list {margin-left:20px;color:#a28767;list-style:circle;}
div#footer{color:#333;font-size:.7em;background-color:#ccc;}

h1 {font-size:2em;}
h2 {font-size:1.5em;}
	h2.latest {font-size:1.2em;color:#999;padding-bottom:0;font-weight:normal;}
h3 {font-size:1.1em;font-weight:bold;}

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

h3.page-title {font-size:2em;}

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

.mashup-box {font-size:.9em;line-height: 1.2em;background-color:#eee;}
.mashup-box .name {font-weight:bold;}
	.mashup-baby a, .mashup-baby a:link {color:#4aaef6;}
	.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:2px;margin-bottom: 10px;border-bottom:1px solid #ccc;padding:6px;}
.mashup-baby {margin-bottom:2px;}

.mashup-single-box {font-size:.9em;line-height:1.2em;background-color:#eee;}
.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-bottom:1px solid #ccc;padding:10px;}

.user-single  {line-height:1em;padding:8px;border-bottom:1px dashed #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;}

.splashpress {padding:10px; background-color:#fff;text-align: center;}

.bigblock {
  width: auto;
  height: auto;
  padding: 5px;
       
}

.left-top {
  width: 125px;
  height: 125px;
  background: url(images/125x125.jpg) no-repeat;
  margin-bottom: 10px;
       
}

.left-bottom {
  width: 125px;
  height: 125px;
  background: url(images/125x125.jpg) no-repeat;
  }

.right-top {
  float: right;
  width: 125px;
  height: 125px;
  background: url(images/125x125.jpg) no-repeat;

}

.right-bottom {
  float: right;
  width: 125px;
  height: 125px;
    background: url(images/125x125.jpg) no-repeat;

}

.clearblock {
  width: 100%;
  clear: both;
}