/*
Theme Name: TweetWhistle
Theme URI: http://www.tweetwhistle.com/
Description: Add your description here.
Version: 1.0
Author: Add your name
Coded by: Reza
URI: http://www.3wlink.com/blog/profile/
Contact: reza127bd@yahoo.com
	
*/

body {

	background-image: url("images/tweetwhistle_bg.png");
  	background-repeat: repeat-x;

	margin: 0 auto;
	padding:0px;
}

#wrapper {
	background: url('images/bg_main.gif') no-repeat;
	display:block;
	border:0px solid;
	margin:0 auto;
	padding:0px;
	width:1002px;
}

#header {
	height:73px;
	margin: 0 auto;
	padding:45px 0 0 0;
	width:916px;
}

#logo-area {
	float:left;
	margin: 0 auto;
	padding:0px;
	width:300px;
}
#logo {
	background: url('images/logo.gif') no-repeat left 6px;
	display:block;
	height:66px;
	margin:0 auto;
	padding:0px;
	width:281px;
}

#menu {
	float:right;
	margin:0 auto;
	padding:0px;
	height:58px;
	border:0px solid;
	width:600px;
}
#menu ul { list-style-type:none; margin:0px; padding:0px;}
#menu ul li {list-style-type:none; float:left; margin:0px; padding:0px; border:0px solid;}
.home a:active{
	background: url('images/home.gif') no-repeat;
	display:block;
	height:58px;
	width:96px;
}
.home a:link, .home a:visited{
	background: url('images/home.gif') no-repeat;
	display:block;
	height:58px;
	width:96px;
}
.home a:hover{
	background: url('images/home_on.gif') no-repeat;
	display:block;
	height:58px;
	width:96px;
}
.home_on{
	background: url('images/home_on.gif') no-repeat;
	display:block;
	height:58px;
	width:96px;
}
.download {
	background: url('images/download.gif') no-repeat;
	display:block;
	height:58px;
	width:116px;
}
.download a:link, .download a:visited{
	background: url('images/download.gif') no-repeat;
	display:block;
	height:58px;
	width:116px;
}
.download a:hover{
	background: url('images/download_on.gif') no-repeat;
	display:block;
	height:58px;
	width:116px;
}
.download_on{
	background: url('images/download_on.gif') no-repeat;
	display:block;
	height:58px;
	width:116px;
}
.purchase {
	background: url('images/purchase.gif') no-repeat;
	display:block;
	height:58px;
	width:105px;
}
.purchase a:link, .purchase a:visited{
	background: url('images/purchase.gif') no-repeat;
	display:block;
	height:58px;
	width:105px;
}
.purchase a:hover{
	background: url('images/purchase_on.gif') no-repeat;
	display:block;
	height:58px;
	width:105px;
}
.purchase_on{
	background: url('images/purchase_on.gif') no-repeat;
	display:block;
	height:58px;
	width:105px;
}

.tutorial {
	background: url('images/tutorial.gif') no-repeat;
	display:block;
	height:58px;
	width:94px;
}
.tutorial a:link, .tutorial a:visited{
	background: url('images/tutorial.gif') no-repeat;
	display:block;
	height:58px;
	width:94px;
}
.tutorial a:hover{
	background: url('images/tutorial_on.gif') no-repeat;
	display:block;
	height:58px;
	width:94px;
}
.tutorial_on{
	background: url('images/tutorial_on.gif') no-repeat;
	display:block;
	height:58px;
	width:94px;
}

.affiliate {
	background: url('images/affiliate.gif') no-repeat;
	display:block;
	height:58px;
	width:96px;
}
.affiliate a:link, .affiliate a:visited{
	background: url('images/affiliate.gif') no-repeat;
	display:block;
	height:58px;
	width:96px;
}
.affiliate a:hover{
	background: url('images/affiliate_on.gif') no-repeat;
	display:block;
	height:58px;
	width:96px;
}
.affiliate_on{
	background: url('images/affiliate_on.gif') no-repeat;
	display:block;
	height:58px;
	width:96px;
}

.forum {
	background: url('images/faq.gif') no-repeat;
	display:block;
	height:58px;
	width:91px;
}
.forum a:link, .forum a:visited{
	background: url('images/faq.gif') no-repeat;
	display:block;
	height:58px;
	width:91px;
}
.forum a:hover{
	background: url('images/faq_on.gif') no-repeat;
	display:block;
	height:58px;
	width:91px;
}
.forum_on{
	background: url('images/faq_on.gif') no-repeat;
	display:block;
	height:58px;
	width:91px;
}


#bg-content { 
	background: url('images/bg_content.gif') repeat-y left top;
	border:0px solid;
	display:block;
	margin: 0 auto; 
	padding:0px; 
	width:917px;
}
#content {
	background: url('images/bg_page1.gif') no-repeat;
	display:block;
	height:100% !important;
	margin:0 auto;
	padding:0px;
	width: 917px;
	border:0px solid #ff0000;
}
#main {
	margin: 0 auto;
	padding:0px;
	border:0px solid;
}

#footer {
	background: url('images/footer.gif') no-repeat;
	display:block;
	height:233px;
	margin:0 auto;
	padding:0px;
	width: 917px;
	border:0px solid #ff0000;
	
}

#footer_nobird {
	background: url('images/footer_nobird.gif') no-repeat;
	display:block;
	height:233px;
	margin:0 auto;
	padding:0px;
	width: 917px;
	border:0px solid #ff0000;
	
}

#footer_contact {
	display:block;
	font: normal 13px Zurich Light BT, Arial;
	height:25px;
	margin:0;
	padding-left:50px;
	width: 917px;
	vertical-align: bottom; 
	border:0px;
}
.image-holder {
	background: url('images/bg_screenshot.gif') no-repeat right 16px;
	display:block;
	float:left;
	height:600px;
	margin:0 auto;
	padding:0px;
	width: 447px;
	border:0px solid;
}
.item {
	border:0px solid;
	height:331px;
	margin:126px 0 0 33px;
	width:408px;
}
.main-page {
	float:right;
	margin: 0 auto;
	padding:0px;
	
	width: 468px;
	border:0px solid;
}

.common-page {
	margin: 0 auto;
	padding:0px;
	width: 855px;
	border:0px solid;
}


.tweetwhistle {
	background: url('images/tweet.gif') no-repeat -2px 12px;
	display:block;
	margin: 0 auto;
	padding:0px;
	height: 50px;
	width:224px;
	border:0px solid;
}
.title2 {
	color: #0D72B2;
	font: bold 20px Zurich Light BT, Arial;
	text-align:center;
}

.title2red {
	color: #ff0000;
	font: bold 20px Zurich Light BT, Arial;
	text-align:left;
}

.title2green {
	color: #09a305;
	font: bold 20px Zurich Light BT, Arial;
	text-align:center;
}

.title {
	color: #0D72B2;
	font: bold 30px Zurich Light BT, Arial;
	text-align:center;
}
.titlegreen {
	color: #09a305;
	font: bold 30px Zurich Light BT, Arial;
	text-align:center;
}

.main-details{
	color: #666;
	font: 11px tahoma, arial;
	text-align:justify;
	margin: 0 auto;
	padding:0px;
	width:408px;
	border:0px solid;
}
.details{
	color: #939DA2;
	font: bold 11px tahoma, arial;
	text-align:justify;
	margin: 0 auto;
	padding:0px;
	width:852px;
	border:0px solid;
}
.clear {
	clear: both;
	margin:0 auto;
	padding:0px;
}
.break { margin:0 auto; padding:0px; height:110px;}
.spacer {
	 margin:0 auto; padding:0px; height:30px;
}
.spacer2 {
	 margin:0 auto; padding:0px; height:10px;
}

/* ## link styling ################################### start # */

a:link, a:active, a:visited { color: #0D72B2;
	text-decoration: underline;
}

a:hover { color: green;}

.text-box { 
	background: url('images/box-bg.gif') repeat-y left top;
	display:block;
	margin: 0 auto; 
	padding:0px; 
	width:852px;
}

.text-box h2 {
	color: #0D72B2;
	font: bold 20px Zurich Light BT, Georgia, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding:0 0 0px 10px;
}
.text-box .ans {
	color: #0D72B2;
	font: 13px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding:10px 25px 10px 20px;
}

/*************  FAQ ****************************************************************************************/
.faq-box { 
	background: url('images/box-bg.gif') repeat-y left top;
	display:block;
	margin: 0 auto; 
	padding:10px; 
	width:852px;
}

.faq-box h2 {
	color: #0D72B2;
	font: bold 20px Zurich Light BT, Georgia, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding:0 0 10px 0;
}
.faq-box .ans {
	color: #0D72B2;
	font: 13px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding:0 25px 0 2px;
}
.box-top {
	background: url('images/box-top.gif') no-repeat left top;
	display:block;
	height:14px;
	margin: 0 auto;
	padding:0px;
	width:852px;
}
.box-bottom {
	background: url('images/box-bottom.gif') no-repeat left top;
	display:block;
	height:14px;
	margin: 0 auto;
	padding:0px;
	width:852px;
}

/*************  FAQ *************************/

#download-box {
	float:left;
	margin: 0 auto;
	padding:0px;
	width:447px;
	border:0px solid;
}

#download-box-mac {
	float:right;
	margin: 0 auto;
	padding:0px;
	width:447px;
	border:0px solid;
}

.windows {
	background: url('images/xp.png') no-repeat left center;
	color: #0D72B2;
	display:block;
	
	font: normal 20px Zurich Light BT, Arial;
	margin: 0 auto;
	padding:0 0 0 100px;
	height: 84px;
	width:184px;
	border:0px solid;
}

.mac {
	background: url('images/mac.png') no-repeat left center;
	color: #0D72B2;
	display:block;
	
	font: normal 20px Zurich Light BT, Arial;
	margin: 0 auto;
	padding:0 0 0 100px;
	height: 84px;
	width:184px;
	border:0px solid;
}
.dl {
	background: url('images/btn_download.gif') no-repeat left center;
	display:block;
	margin: 0 auto;
	padding:0px;
	height: 49px;
	width:413px;
}
.dl a:link, .dl a:visited{
	background: url('images/btn_download.gif') no-repeat left center;
	display:block;
	
	margin: 0 auto;
	padding:0px;
	height: 49px;
	width:413px;
}
.dl a:hover{
	background: url('images/btn_download_on.gif') no-repeat left center;
	display:block;
	margin: 0 auto;
	padding:0px;
	height: 49px;
	width:413px;
}
