/*----------------------------------------
posAbsolute CSS framework : http://www.position-absolute.com
Based on the nice Elements CSS Framework

Name: global.css
Developed by:
----------------------------------------*/

/* Imports
----------------------------------------*/


/* Elements
----------------------------------------*/
body{
	background-color:#FFFFFF;
}

body, p, td, th, li
{
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#ffffff;
	
}
body{background:#000 url(../images/bg_site.gif) top left repeat-x; margin:0; padding:0;}
#printLogo{display:none;} /* added for printing the page */

p{margin: 0 0 10px 0;}


/*--- Basic Link Styles ---*/
a{color:#333;}
	a:hover{color:#333;text-decoration:none;}
	
	
/*--- CSS3 Styles ---*/
.basicBoxShadow{
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
}
.basicRoundedCorder{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/*--- Basic Title Styles ---*/
h1,h2,h3,h4,h5,h6{
	margin:5px 0 6px 0;
	font-size:16px;
}
	h2{ font-size:16px;}
	h3{ font-size:15px;}
	h4{ font-size:14px;}
	h5{ font-size:13px;}
	h6{ font-size:12px;}
h1{text-indent:-10000px; height:158px;margin:5px 0 20px 0;}
p{
	font-size:12px;
	padding-bottom:10px;
}
	h2,p{padding:0 90px 0px 0;}
		#loadtweets a{float:left; position:relative;}
		#loadtweets a img{float:left; margin:0; border:none; padding:2px;}
		#bgTwitter {overflow:hidden;position:relative; z-index:1;display:none;}
		#theCampaign{
			position:absolute; 
			top:30px; left:30px;
			width:529px; height:633px;
			z-index:999;
			background:url(../images/bg_text.png) top left no-repeat;
			color:#fff;
			text-decoration:none;
			font-family:helvetica,arial;
			padding-left:33px;
		}
		#theCampaignRelative{position:relative; height:633px;}
		#theCampaignRelative a{color:#fff;}
		#loadtweets a span{
			position:absolute; 
			display:none;
			top:0px; left:0px;
			margin-left:-53px;
			margin-top:-31px;
			width:160px;
			z-index:999;
			text-align:center;
			background-color:#363636;
			background-position:bottom right;
			background-repeat:no-repeat;
			border:2px solid #fff;
			color:#fff;
			border-radius:6px;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			box-shadow:0px 0px 20px #000;
			-webkit-box-shadow:0px 0px 20px #000;
			-moz-box-shadow:0px 0px 20px #000;
			text-decoration:none;
			font-family:helvetica,arial;
			padding:5px;
			
		}
		#btnTweet{
			position:absolute;
			left:0px; bottom:45px;
			float:left;
			width:173px; height:54px;
			margin:0 0 0 0px;
			background:url(../images/btn_tweet.gif) top left no-repeat;
			text-indent:-10000px;
		}
		.property{color:orange;}
		.option{
			position:absolute;
			left:180px; bottom:88px;
			font-size:11px;
		}
		a.links {
			position:absolute;
			left:0px; bottom:41px;
			float:left;
			height:40px;
			text-indent:-10000px;
			width:40px;
		}
			a.delicious {
				background:transparent url(../images/delicious.png) no-repeat scroll left top;
				left:301px;
			}
			a.dzone {
				background:transparent url(../images/dzone.png) no-repeat scroll left top;
				left:219px;
			}
			a.reddit {
				background:transparent url(../images/reddit.png) no-repeat scroll left top;
				left:260px;
			}
			a.stumble {
				background:transparent url(../images/stumble.png) no-repeat scroll left top;
				left:342px;
			}
			 a.digg {
				background:transparent url(../images/digg.png) no-repeat scroll left top;
				left:177px;
			}
			iframe{	
			position:absolute;
			left:412px; bottom:41px;
			float:left;}
			
/* Clearfix
When using a display block container and having floated div inside
add this class to the container to have it wrap floated children
----------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block;}

* html .clearfix {height: 1%;}