/*   
Theme Name: MetroTwit 2010
Theme URI: http://www.metrotwit.com
Description: MetroTwit 2010
Author: Long Zheng
Author URI: http://www.metrotwit.com
*/

html {
	padding:0;
	margin:0;
}
body {
	padding: 10px 0 0;
	margin: 0;
	font-size: 13px;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	line-height: 1.65em;
	color: #111;
}
.wrapper {
	width: 990px;
	margin: 0 auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

p {
	margin: 0 0 0.7em;
}
h3 {
	font-weight: 300;
	font-size: 22px;
	margin: 0 0 14px;
	line-height: 1.2em;
}
	h3 a {
		color: #111;
		text-decoration: none;
	}
		h3 a:hover {
			color: #999;
		}
a {
	color: #009ada;
}
	a:hover {
		color: #	;
	}
	a:active {
		color: #000;
	}
input, textarea {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.15em;
	padding: 4px;
}
hr {
	display: none;
}
ul,ol {
}
	ul li, ol li {
		margin-bottom: 5px;
	}
	
.twocol {
	width: 645px;
}
.onecol {
	width: 300px;
}
.colmargin-right {
	margin-right: 45px;
}

div#header {
	margin: 40px 0 40px;
}
	div#header #logo h1 {
		margin: 0;
	}
		div#header #logo h1 a {
			background: url(images/metrotwit-small.png) no-repeat;
			width: 225px;
			height: 51px;
			font-size: 0;
			text-indent: -9999px;
	              display: block;
		}
	div#header .right h2 {
		font-size: 27px;
		text-transform: uppercase;
		font-weight: normal;
		margin: 18px 0 0;
	}
		div#header .right h2 a {
			color: #000;
			text-decoration: none;
		}
			div#header .right h2 a:hover {
				color: #000;
				text-decoration: underline;
			}

div#frontpage-header {
	margin: -30px 0 0;
	padding: 40px 0 48px;
}
	div#frontpage-header div.wrapper {
		position: relative;
	}
	div#frontpage-header #header-left {
		width: 300px;
		float: left;
	}
		div#frontpage-header #header-left h1 {
			background: url(images/metrotwit.png) no-repeat;
			width: 223px;
			height: 129px;
			font-size: 0;
			text-indent: -9999px;
			margin: 40px 0 30px;
		}
		div#frontpage-header #header-left h2 {
			background: url(images/lovetouse.png) no-repeat;
			width: 217px;
			height: 48px;
			font-size: 0;
			text-indent: -9999px;
			margin: 0 0 86px 0;
		}
	div#frontpage-header #header-right {
		width: 738px;
		height: 488px;
		float: right;
		background: url(images/header-right-shadow.png) no-repeat;
		left: 300px;
		margin-top: -10px;
		position: absolute;
	}
		div#frontpage-header #header-right div#header-right-inner {
			width: 650px;
			height: 400px;
			margin-left: 41px;
			margin-top: 40px;
		}
	
		div#frontpage-header div.download {
		}
		div#frontpage-header a.downloadbutton {
			padding: 11px 30px 13px 60px;
			background: #2fa700 url(images/download.png) no-repeat 14px 10px;
			display: block;
			width: 210px;
			color: white;
			text-decoration: none;

		}
			div#frontpage-header a.downloadbutton strong {
				display: block;
				font-size: 17px;
				line-height: 1;
				margin-bottom: 4px;
			}
			div#frontpage-header a.downloadbutton span {
				display: block;
				line-height: 1;
				font-size: 12px;
			}
			div#frontpage-header a.downloadbutton:hover {
				background-color: #237c00;
			}
			div#frontpage-header a.downloadbutton:active {
				position: relative;
				top: 2px;
				background-color: #000;
			}
		div#frontpage-header p.downloadexplain {
			font-size: 11px;
			color: #aaa;
			width: 300px;
			line-height: 145%;
			text-align: center;
		}

div#featuretext {
	margin-top: -200px;
	margin-bottom: 40px;
	background: #eee;
	color: #111;
	padding: 200px 0 40px;
}
	div#featuretext h3 {
		font-size: 29px;
		margin-bottom: 13px;
	}
	div#featuretext p {
		font-size: 13px;
	}
	div#featuretext .onecol {
		float: left;
		margin-right: 45px;
	}
		div#featuretext .onecol.last {
			margin-right: 0;
		}

#testimonials {
	background: #d9f2f9;		
	padding: 40px 0;
	margin-bottom: 50px;
	margin-top: -38px;	
}
	#testimonials #sharingthelove {
		font-size: 29px;
		text-transform: uppercase;
	}
	#testimonials .onecol {
		float: left;
		margin-right: 45px;
	}
	#testimonials .onecol.last {
		margin-right: 0;
	}
	#testimonials dl {
		margin: 0;
	}
		#testimonials dt {
			margin: 0;
			font-size: 25px;
			font-weight: 300;
		}
			#testimonials dt span.title {
				font-size: 13px;
				font-weight: 400;
				display: block;
				color: #666;
				margin-top: 4px;
			}
		#testimonials dd {
			margin: 5px 0 0 0;
		}
	#testimonials .byline {
		float: right;
		margin-top: 10px;
	}
		#testimonials .byline img {
			margin: -2px 0 0 5px;
			vertical-align: middle;
		}
	
div#content{
	margin-bottom: 4px;
}
	div#content h3 {
		border-bottom: 1px solid #ddd;
		padding-bottom: 7px;
	}
		div#content h3 span.edit {
			font-size: 50%;
			float: right;
		}
	div#content ul, div#content ol {
		margin: 0 14px 9px 28px;
	}
	div#content div#main {
	}
		div#main div#features {
		}
			div#main div#features h3 {
				margin-bottom: 30px;
			}
			div#main div#features h4 {
				font-size: 17px;
				font-weight: normal;
				margin-bottom: 12px;
			}
			div#main div#features .left {
				float: left;
				width: 300px;
				margin: 15px 0;
			}
			div#main div#features .right {
				float: right;
				width: 300px;
				margin: 15px 0;
			}
			div#main div#features .dual {
				margin: 15px 0 30px;
			}
			div#main div#features span.newfeature {
   				background: #00a9da;
    				color: white;
    				font-size: 11px;
    				font-weight: bold;
    				margin-right: 3px;
    				padding: 3px 6px;
    				position: relative;
    				top: -2px;
			}
			div#main div#features span.soon {
   				background: #da7600;
    				color: white;
    				font-size: 11px;
    				font-weight: bold;
    				margin-right: 3px;
    				padding: 3px 6px;
    				position: relative;
    				top: -2px;
			}
	div#content div#sidebar {
	}
		div#sidebar div.menu {
			margin-bottom: 50px;
		}
		div#sidebar ul {
			margin: 0 0 0 16px;
		}
                div#sidebar #buttons {
                }
                        div#sidebar #buttons a {
                                display: block;
                                background: #ffa200 no-repeat 12px 13px;
                                color: #fff;
				font-weight:bold;
				padding:10px 14px 10px 40px;
				text-decoration:none;
				width:244px;
                        }
							div#sidebar #buttons a:hover {
								background-color: #ff7800;
							}
							div#sidebar #buttons a:active {
								position: relative;
								top: 2px;
							}
                        div#sidebar #buttons a#buttons-plus {
                                background: #00A9DA url("images/plus-icon.png") no-repeat 12px 13px;
                        }
                                                        div#sidebar #buttons a#buttons-plus:hover {
								background-color: #004876;
							}
                        div#sidebar #buttons a#buttons-faq {
                                background: #00A9DA url("images/feedback-icon.png") no-repeat 12px 13px;
                        }
                                                        div#sidebar #buttons a#buttons-faq:hover {
								background-color: #004876;
							}
                        div#sidebar #buttons a#buttons-loop {
                                background: #00A9DA url("images/loop-icon.png") no-repeat 12px 13px;
                        }
                                                        div#sidebar #buttons a#buttons-loop:hover {
								background-color: #004876;
							}
			div#sidebar #keepintouch {
			}
				div#sidebar #keepintouch p {
					padding-left: 24px;
				}
					div#sidebar #keepintouch p.twitter {
						background: url(images/twitter-icon.gif) no-repeat 0 1px;
					}
					div#sidebar #keepintouch p.email {
						background: url(images/email-icon.png) no-repeat 0 1px;
					}


/* blog */
#main .article {
	margin-bottom: 50px;
}
	#main .article h3 {
		padding-right: 200px;
	}	
	#main .article p.meta {
		float: right;
		margin-top: -46px;
		font-size: 13px;
		color: #999;
	}
	#main .article-share {
		margin-bottom: 4em;
	}
	#main .navigation .left, #main .navigation .right {
		width: 300px;
	}


div#footer {
	margin-top: 80px;
	margin-bottom: 50px;
	font-size: 12px;
	color: #999;
}
	div#footer a {
		color: #999;
	}
		div#footer a:hover {
			color: #333;
		}
	div#footer p {
		line-height: 1.1em;
		margin-bottom: 0.8em;
	}
	div#footer p#madeinaus {
		float: right;
		background: url(images/australia-icon.png) no-repeat center right;
		padding-right: 22px;
		height: 14px;
	}

/* metrotwit plus */
div#PPDGFrame div.mask {
	cursor: wait;
}

/* twitter */
.twtr-hd h3 {
	border-bottom: 0 none !important;
}