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

Following Mommies 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 "lucida grande",helvetica,arial,sans-serif;text-align:center;background-color:#d1bca3;color:#333;line-height:1.4}

a, a:link {color:#a28767;text-decoration: none;}
a:hover {color:#000;text-decoration:underline;}

p, ul, ol {padding-bottom: 10px;}
h2, h3, h4, h5, h6 {padding-bottom: 6px;}
#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-logo{float:left;margin-left:0;padding:4px 20px 20px 0px;}
div#header-navigation{float:left;width:500px;padding-top:80px;margin-left:400px;}


/*  Now get stylin'   */

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

div#header{background-color:#d1bca3;}
	div#header-navigation{background-color:#d1bca3;font-size:.7em;margin:10px 0 0 0;line-height:1.1em;}
		#header-navigation span{background-color:#e7d7c3;padding:8px;}

div#content{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;}
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;margin-top:16px;}
	.nav-menu {font-size:1.5em;}
div#extra{background:transparent;text-align: center;}
	.featured-content{padding:8px;font-size:.7em;text-align: left;color:#000;margin-left:10px;margin-top:60px;}
	.featured-content a, .featured-content a:link {color:#000;}
	.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:#999;font-size:.7em;}

h1 {font-size:2em;}
h2 {font-size:1.5em;}
	h2.latest {font-size:1em;color:#330000;padding-bottom:0;font-weight:normal;text-align:center;}
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:#fff;}
.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:2px;margin-bottom: 10px;border-bottom:1px dotted #d1bca3;padding:6px;}
.mashup-baby {margin-bottom:2px;}

.mashup-single-box {font-size:.9em;line-height: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;}

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

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; font-weight:bold; }

#navlist a:link, #navlist a:visited
{
color: #a28767;
background-color: #e7d7c3;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #a28767;
text-decoration: none;
}