/*
Cascading Style Sheet for tweetagora.com
Author: Bretton MacLean
*/

@import "style/css/reset.css";

/********************
*** Typography ******
********************/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 16px;
	text-shadow:0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3);
}

p {	font-size:  1em; /* 1em=16px */
	color: #332e23; 
	line-height: 1.3em !important;
}

a {	
	font-family: 'American Typewriter', Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 500;
	outline: none; 	
	text-shadow:0 -1px 0 rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.3);
}

a:link {
	/* color: #2c8db5; */
	color: #26799b;
	text-decoration: none; 
	text-shadow:0 -1px 0 rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.3);
}

a:visited {
	color: #26799b;
	text-decoration: none; 
	text-shadow:0 -1px 0 rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.3);
}

a:hover {
	color: #FFFFFF;
	text-decoration: none; background: none; text-shadow:0 -1px 1px rgba(0,0,0,0.3);
}


/********************
*** Global Styles ***
********************/

html {
	background-image: url(style/images/bkgnd-recessed.gif);
	color: #332e23;
	position: relative;
	text-align: left;
	height: 100%;
	width: 100%; `
	margin-bottom:-47px;
}

.container {
	width: 100%;
	top: 0px;
	left: 0px;
}

/*********************
*** Header Styles ****
*********************/

#header {
	background: url(style/images/bkgnd.gif);	
	height: 205px;
	width:100%; 
	min-width:980px;}

#header h1 {
	background: url(style/images/ta-header.gif) no-repeat top left;	
	height: 205px;
	width:470px;
	}

#header h2 { 
	text-indent: -9999px;
	background: url(style/images/top-shadow.gif) repeat-x top left;	
	height: 30px;
	width:100%;
	min-width:980px;
}

#header h1 a span {
	margin-left: -9999px;	
}

#header h1 a {
	display:block;
	height: 205px;
	width:470px;
}

/************************
*** Navigation Styles ***
************************/

#navigation {
	background:url(style/images/navbar.gif) no-repeat;
    width:390px;
    height:30px;
	top: 65px;
    left: 560px;
    position: absolute;
}

#navigation span {margin-left: -9999px;}

#navigation li, #navigation a {
    height:30px;
    display:block; }

#navigation li {
    float:left;
    list-style:none;
    display:inline; } 

#home {width: 87px;}
#features { width: 138px;}
#blog { width: 83px;}
#press { width: 82px;}

#home a:hover, #home a:active, #home-active {background: url(style/images/navbar.gif) -0px -30px no-repeat; }
#features a:hover, #features a:active, #features-active  {background: url(style/images/navbar.gif) -87px -30px no-repeat; }
#blog a:hover, #blog a:active, #blog-active {background: url(style/images/navbar.gif) -225px -30px no-repeat; }
#press a:hover, #press a:active, #press-active {background: url(style/images/navbar.gif) -308px -30px no-repeat; }

#home-active {width: 87px;}
#features-active { width: 138px;}
#blog-active { width: 83px;}
#press-active { width: 82px;}
	
/*********************
*** Content Styles ***
*********************/

#home-content-wrapper {
	height: 293px;
	width:100%;
	min-width:980px;
	background:url(style/images/home-recessed.gif) repeat-x;
	top:205px;
	left:0px;
	position:absolute;
}

#home-content1 li, #home-content2 li {
	list-style-image:url(style/images/list-bullet.gif);
	padding:10px 0 0 0px;
	font-size: 16px;
}
	
#conquer-wrapper {
	background: url(style/images/home-recessed-divider.gif) no-repeat right;
	width:285px;
	float:left;
	height:293px;
	margin-left:0px;
}

#home-title-conquer {
	text-indent: -8888px;
	height: 90px;
	background:url(style/images/home-conquer.gif) no-repeat bottom left;
	padding:30px 0 0 15px;
}

#pillage-wrapper {
	width:285px;
	float:left;
}

#home-title-pillage {
	text-indent: -8888px;
	height: 90px;
	background:url(style/images/home-pillage.gif) no-repeat bottom left;
	padding:30px 0 0 0px;
}

#home-content1, #home-content2 {
	margin-left:30px;
}

#iPhoneDemo {
	background:url(style/images/home-iPhone.png) no-repeat;
	position:absolute;
	top: 108px;
	left:570px;
	height:730px;
	width:410px;
	text-indent: -8888px;
}

#Demo-Movie {
	position:absolute;
	top: 225px;
	left: 612px;
}

#plus-wrapper {
	top:498px;
	left:0px;
	width:100%;
	min-width:980px;
	height:400px;
	position:absolute;
	background:url(style/images/bkgnd.gif);
	padding:20px 0 0 0px;
}

#home-title-plus {
	text-indent: -8888px;
	background: url(style/images/home-plus.gif) no-repeat;
	height: 26px;
	width: 90px;
	padding-left:15px;
}

.home-subcontent li {
	margin:10px -20px 0 28px;
	list-style-image:url(style/images/list-bullet-small.gif);
	font: 600 14px Helvetica, Arial, sans-serif;
}

.home-subcontent {
	float:left;
	width: 190px;
}

#home-subcontent3 {
	margin-left:-20px;}

#appstore {
	background: url(style/images/home-appstore.gif) no-repeat;
	text-indent: -8888px;
	height:73px;
	width:216px;
	position:absolute;
	top:735px;
	left:344px;
}

#appstore a {
		display:block;
		height: 73px;
		width:216px;
	}
}

#learnmore {
	position:absolute;
	left:400px;
	top:690px;
}

#features-tweet-pic {
	background: url(style/images/features-tweets.png) no-repeat;
	top: 30px;
	left: 300px;
	position:relative;
	height: 540px;
	width: 390px;
}

.feature-descriptions {
	position:relative;
	top:15px;
	height:480px;
}

.feature-descriptions h3 {
	text-indent:-8888px;
	margin-bottom:10px;
}

.feature-descriptions li {
	font-weight: 200;
	font-size: 14px;
	width: 280px;
	position:absolute;
	left:20px;
	top:10px;
}

.feature-descriptions ul li div {
	text-align:right;
}

.feature-descriptions ul li p {
	text-align:right;
	margin-bottom:10px;
}

.feature-descriptions li span {text-decoration: line-through;}

#multi-account {
	top:65px; 
	background:url(style/images/features-t-multiacct.gif) no-repeat top right;}
#links-images-rt {
	top:155px;
	background:url(style/images/features-t-links.gif) no-repeat top right;}
#fgi-tags {
	left:0px;
	top:270px;
	width:303px;
	background:url(style/images/features-t-favorites.gif) no-repeat top right;}
#avatars {
	top:350px;
	background:url(style/images/features-t-avatars.gif) no-repeat top right;}
#lists-agoras {
	top:420px;
	background:url(style/images/features-t-lists.gif) no-repeat top right;
	padding-top:5px;}
#url-shortening {
	top:20px; 
	left:340px;
	height:70px;
	background:url(style/images/features-t-url.gif) no-repeat top right;
	padding-top:25px;}
#pulldown {
	top:75px; left:700px;
	background:url(style/images/features-t-pulldown.gif) no-repeat top left;}
#pulldown p {text-align:left;}
#filters {
	top:155px; left:700px; text-align:left; 
	background:url(style/images/features-t-filters.gif) no-repeat top left;}
#filters li {
	list-style-image:url(style/images/list-bullet.gif); 	
	text-align: left; 
	position:relative; 
	left:15px;
	margin-top:10px;
	line-height:1.3em;
	width:260px;
}
#full-convos {
	top:470px; left:700px;text-align:left;
	background:url(style/images/features-t-convos.gif) no-repeat top left;}
#full-convos p {
	text-align:left;
}

#morescreens {
	position:relative;
	top:130px;
	width:980px;
}

#morescreens h2 {
	text-indent: -8888px;
	background: url(style/images/features-morescreenshots.gif) no-repeat;
	height: 24px;
	width: 249px;
}

#morescreens span {
	text-indent: -8888px;
	float:left;
	margin: 5px 0px 5px 4px;
	width: 322px;
	display:inline;
}

#screen1 {
	height: 605px;
	background: url(style/images/features-screenshot1.jpg) no-repeat;
}

#screen2 {
	height: 605px;
	background: url(style/images/features-screenshot2.jpg) no-repeat;
}

#screen3 {
	height: 605px;
	background: url(style/images/features-screenshot3.jpg) no-repeat;
}

#screen4 {
	height: 780px;
	background: url(style/images/features-screenshot4.jpg) no-repeat;
}

#screen5 {
	height: 645px;
	background: url(style/images/features-screenshot5.jpg) no-repeat;
}

#screen6 {
	height: 605px;
	background: url(style/images/features-screenshot6.jpg) no-repeat;
}

#features-alex {
	height: 200px;
	width: 485px;
	background: url(style/images/features-alex-the-tweet.gif) no-repeat;
	float:right;
	text-indent: -8888px;
}

#blog-content-wrapper1 {
	height:100%;
	width:600px;
	background:url(style/images/blog-contentarea-mid.gif) repeat-y;
	top:0px;
	left:190px;
	position:relative;
}

#blog-content-wrapper2 {
	background:url(style/images/blog-contentarea-top.gif) no-repeat top;
	padding-top:35px;
}

#blog-content-wrapper3 {
	width:600px;
	height:100%;
	background:url(style/images/blog-contentarea-bottom.gif) no-repeat bottom;
	padding-bottom: 30px;
}

#blog-content-wrapper3 h2 {
	margin: 20px 20px 0px 20px;;
	font: 500 24px 'American Typewriter', Helvetica, Arial, sans-serif;}

#blog-content-wrapper3 span {
	position:relative;
	left: -150px;
	top:-20px;
}

.twitter-share-button {
	margin: 0px 0 0 10px;
}

.says {display:none;}

#blog-content-wrapper3 p {
	margin: 0px 40px 20px 40px;
	font: 200 16px Helvetica, Arial, sans-serif;
}

#blog-content-wrapper3 p a {
	font: 200 16px Helvetica, Arial, sans-serif;
}

.post-edit-link { padding-left: 20px;}

.smallerlink {font-size:13pt; color: #2d6073;}

.smallerlink a {font-size:13pt;}

#blog-sidebar {
	position:absolute;
	top: 240px;
	left: 800px;
	width:160px;
}

#blog-subscribe {
	width:160px;
}

#blog-subscribe h3 {
	text-indent: -8888px;
	height: 33px;
	width: 160px;
	background: url(style/images/blog-subscribe.gif) no-repeat right;
}

#blog-subscribe p { 
	text-align:right; 
	margin-top:5px;
}

#blog-search {
	margin-top: 15px;
	width:160px;
}

#blog-search h3 {
	text-indent: -8888px;
	height: 34px;
	width: 160px;
	background: url(style/images/blog-search.gif) no-repeat right;
}

#blog-search p {
	margin-top: 10px;
	text-align:right;
}

#blog-archives {
	margin-top: 15px;
}

#blog-archives h3 {
 	text-indent: -8888px;
	height: 32px;
	width: 160px;
	background: url(style/images/blog-archives.gif) no-repeat right;
	margin-bottom:10px;
}

#blog-archives ul {
	text-align:right;
}

#blog-archives ul li {
	line-height: 1.5em;
}

#blog-bottomnav {
	width:600px;
	top:10px;
	left:185px;
	position:relative;
}

#blog-olderlink {
	float:left;
}

#blog-newerlink {
	float:right;
}

#commentform {
	margin-top:20px;
}

#respond h3 {
	font-family: 'American Typewriter', Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin: 30px 0 0 20px;
}

#commentslink {
	width:500px;
	position:relative;
	padding-top:0px;
	height:30px;
	margin-bottom: 80px;
}

#commentslink a {
	margin-bottom:20px;
	float:right;
}

.commentsarea {
	margin: 40px 20px 40px 40px;
}

#comments {
	margin-bottom:20px;
}

.commentlist {
	margin:0px 20px 20px 0px;
}

.commentlist li {
	background-color: #ddd;
	margin-top: 20px;
	padding:10px;
}

.commentmetadata a {
	margin-left:20px;
	font: 500 14px Helvetica, Arial, sans-serif;
}

.comment-author cite {
	font-weight:bold;
	display:inline;
}

.comment-author cite a {
	font-size:13pt;
}

.alignright{
	float:right;
}

#press-wrapper {
	width: 980px;
	padding:15px 0 10px 0;
	margin-bottom:50px;
}

#press-wrapper li {
	display:inline;
	background: url(style/images/press-box.gif) ;
	margin: 10px 10px 10px 10px;
	float:left;
	width:470px;
	height:150px;
}

.press-box div {
/*	background: url(style/images/press-right.gif) repeat-y right; */

	padding:10px;
}

.press-box div h2 {
	font-size: 20px;
	font-weight: bold;
}

.press-box div a {
	font-size: 18px;
	position:relative;
	bottom:0px;
	float:right;
}

img {
	float:left;
	margin: 0 10px 0 0px;}

blockquote {
	margin-left: 0px;
	text-indent: -0.5em;
	font-size:16px;
}


/*********************
*** Footer Styles ****
*********************/

.footer {
	z-index: 3;
	width:  100%;
	min-width:980px;
	background: url(style/images/footer-bkgnd.gif) repeat-x;
	margin: 0px;
	height: 150px;
	padding:0px;
}

#footer-wrapper {
	width:100%;
	min-width:980px;
}

#footer-home {
	position: absolute;
	top: 850px; 
}

#footer-features {
	position: absolute;
	top: 2308px; 
}

#footer-blog {
	margin-top: 100px;
	position:relative;
	float:left;
}

#footer-press {
	margin-top: 50px;
	position:relative;
	float:left;
}

#seenon-group {
	width:630px;
	height:140px;
	background: url(style/images/footer-vert-split.gif) repeat-y right;
	float:left;
	padding:10px 0 0 20px;;
}

#seenon-title {
	text-indent: -8888px;
	height:20px;
	width:144px;
	top:10px;
	position:relative;
	background: url(style/images/footer-asseenon.gif) no-repeat;
	left:-20px;
}

#seenon-list {
	top:20px;
	position:relative;
	display:inline;
	width:630px;
}

#seenon-list span {margin-left: -8888px;}

#seenon-list li, #seenon-list a {
    height:75px;
    display:block; 
    margin-right:20px;
}

#seenon-list li {
    float:left;
    list-style:none;
    display:inline; 
    padding: 15px 0 0 0px;
} 

#mashable-logo {
	background: url(style/images/footer-mashable.png) no-repeat bottom;
	width:174px;	
	padding:0; 
	margin:0;
}

#untether-logo {
	background: url(style/images/footer-untether.gif) no-repeat bottom;
	width:249px;
}

#blogto-logo {
	background: url(style/images/footer-blogto.png) no-repeat bottom;
	width:146px;
}

#contact-group {
	width: 310px;
	height:130px;
	float:left;
	padding:10px 0 0 5px;
}

#contact-title {
	text-indent: -8888px;
	height:20px;
	width:95px;
	top:10px;
	position:relative;
	background: url(style/images/footer-contact.gif) no-repeat;
}

#footer-tweetagora {
	float:right;
	top:20px;
	position:relative;
	text-shadow:0 -1px 0 rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.1);
	margin-right:15px;
}  

#footer-contact {
	float:right;
	top:20px;
	position:relative;
		text-shadow:0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.1);
	color:#998862;
	font-size:24px;
	font-family: 'American Typewriter', Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-right:15px;
}
	

#copyright {
	float:right;
	text-indent: -8888px; 
	background:url(style/images/footer-kainos.gif) no-repeat;
	position:relative;
	margin:30px 11px 0 0;
	height:24px;
	width:210px;
}