/*
-----------------------------------------------
overheard.it
edited: 2007-12-11
authors: Dan Rubin & Jonathan Snook
----------------------------------------------- */

@import url("reset.css");
@import url("sidebar-network.css");

/* site styles */
body {
	background:#4593b8 url(images/bg_body.png) no-repeat 0 30px;
	/*text-shadow:#000 0 0 0;*/
	text-align:center;
	font-family:"helvetica neue",helvetica,arial,sans-serif;
	min-width:720px;
}

/* put site-specific adjustments to the network navbar here */
#network-nav {
	border-bottom:1px solid #5ca9cd;
}

/* no links use underlines in this design */
a { text-decoration:none; }

#wrapper {
	margin:0 auto;
	padding:30px 0;
	width:600px;
	text-align:left;
}

#header {
	background:url(images/bg_tweets_top.png) no-repeat bottom;
	position:relative;
	height:82px
}

#logo a {
	background:url(images/logo.png) no-repeat;
	display:block;
	width:283px;
	height:57px;
	text-indent:-9999px;
}

#description {
	position:absolute;
	right:10px;
	bottom:28px;
	width:330px;
	font-size:12px;
	font-weight:bold;
	line-height:13px;
	color:#daecf5;
	text-align:right;
}
#description a { color:#a4cbdf; }
#description a:hover { color:#daecf5; }

#tweets {
	background:#276e9a url(images/bg_tweets_bottom.png) no-repeat bottom;
	padding:0 25px;
	min-height:500px;
}

#tweets h2 {
	text-align:center;
	color:#DAECF5;
	font-weight:bold;
	font-size:25px;
	margin-bottom:.25em;
}
#tweets h2 em { /* nothign yet */ }

#personnav {
	text-align:center;
	margin:0 0 10px;
	font-size:13px;
}

#personnav a { color:#a4cbdf; }
#personnav a:hover { color:#daecf5; }

#tweets li {
	background:url(images/bg_tweet_top.png) no-repeat;
	margin-bottom:20px;
	padding-top:15px;
}

#tweets .tweet {
	background:url(images/bg_tweet_bottom.png) no-repeat bottom;
	padding:7px 25px 45px;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#4b4b4b;
}

#tweets .tweet-info {
	margin-top:-20px;
	padding-bottom:5px;
	padding-left:62px;
	font-size:13px;
	color:#95c7de;
}
#tweets .tweet-info a {
	font-weight:bold;
	color:#95c7de;
}
#tweets .tweet-info a:hover {
	color:#daecf5;
}

#pagination {
	background:url(images/bg_pagination.png) no-repeat;
	height:32px;
	font-size:12px;
	font-weight:bold;
	line-height:32px;
	padding:0 4px;
}
#pagination ul {
	float:left;
	width:528px;
}
#pagination li {
	display:inline;
	margin-right:1px;
}
#pagination a {
	background-color:#428bb1;
	padding:1px 5px;
	color:#d9e8ef;
	font-weight:bold;
}
#pagination a:hover { background-color:#4d95bb; }
#pagination a.current {
	background-color:#daecf5;
	color:#286f9b;
}

#pagination #previous { float:left; }
#pagination #next { float:right; }

#pagination #previous a,
#pagination #next a {
    display:block;
	margin-top:5px;
	padding:0;
	text-indent:-9999px;
	width:22px;
	height:22px;
	line-height:22px;
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
}
#pagination #previous a {
	background-image:url(images/button_previous.png);
	margin-right:10px;
}
#pagination #next a {
	background-image:url(images/button_next.png);
}
#pagination #previous a:hover,
#pagination #next a:hover {
	background-position:0 -22px;
}

#pagination #previous.inactive,
#pagination #next.inactive {
	opacity:0.5;
}

#footer {
	clear:both;
	background:url(images/bg_footer.png) no-repeat;
	margin-top:5px;
	padding:18px 25px 0;
	min-height:100px;
}

#footer h2 {
	background:url(images/heading_archives.png) no-repeat;
	text-indent:-9999px;
	width:76px;
	height:14px;
	padding-bottom:3px;
}

#footer #col1,
#footer #col2,
#footer #col3 {
	float:left;
	width:125px;
	margin-right:10px;
	padding:2px 0 13px;
	border-right:2px solid #549cbe;
	font-size:13px;
	font-weight:bold;
	line-height:19px;
}
#footer a {
	color:#b2d0e0;
}
#footer a:hover {
	color:#c2e0ee;
}

#sidebarads {
	float:right;
	margin-top:-24px;
	width:120px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
}
#sidebarads img { margin-top:4px; }

#footer #copyright {
	clear:both;
	padding-top:15px;
	color:#b2d0e0;
	font-size:11px;
}

/* content styles */

#content {
	background:#276e9a url(images/bg_tweets_bottom.png) no-repeat bottom;
	padding:0 25px;
	min-height:500px;
	font-size:14px;
	line-height:1.3;
	color:#daecf5;
}
#content h2 { font-weight:bold; font-size:24px; margin:0 0 .5em; }
#content h3 { font-weight:bold; font-size:18px; margin-top:1em; }
#content p	{ margin-bottom:1em; }
#content a { color:#a4cbdf; }
#content a:hover { color:#daecf5; }

#content ul { margin:.5em 0 1em 1em; padding-left:.5em; list-style-type:square; }