@import 'http://fonts.googleapis.com/css?family=Dancing+Script';
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);

body {
	background: url("../img/darth_stripe.png") repeat;
	margin:0; padding:0;
	font-family:"Arial", Sans-serif;
	font-size:0.9em;
	line-height:21px;
}
/* =Structure
---------------------------*/
#wrapper {
    margin: 20px auto;
	padding: 5px;	
	background: #fff url("../img/brandingswoosh.png") no-repeat top right;
	
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;	    
}
#sidebar
{
    margin-top: 96px;    
}
#login-box
{
    display: block;
    width: 200px;
    margin: 0 auto 20px;    
}
#twitter_div {
	border:1px solid #222830;		
	min-height:40px;
	padding:20px;
}
.clear {clear:both;}

.postit ul {
	margin:0;
	padding:0 10px;
}
.postit ul li {
	list-style:none;
	margin-bottom:20px;	
	font-size:12px;
}
.postit ul li a {
	width:70px;	
	position:relative;		
	line-height:19px;
	text-transform:capitalize;
    float: right;
}
a img 
{ 
    border:0 
}
a 
{ 
    text-decoration:none; 
}
#about img 
{
	float:left; margin-right:20px;
}
p
{
    margin:0px; 
    margin-bottom:20px; 
}

/* =Headings
--------------------------------------*/
h1
{
    margin-bottom: 60px;
   font-family: 'Open Sans', sans-serif;
   line-height: 1;
}
h2
{
    font-family: "Arial";
    text-transform:uppercase;    
    color: #000;
    letter-spacing: 0.07em;
    font-weight: normal;
}
.mainHeader
{
    padding-left: 35px;    
    line-height: 38px;
}
#infoTitle
{
    background: transparent url("../img/info-icon.png") no-repeat ;
}
#featuresTitle
{    
    background: transparent url("../img/check-icon.png") no-repeat ;    
}
#linksTitle
{    
    background: transparent url("../img/link-icon.png") no-repeat ;    
}
.sideHeader
{
    padding-left: 34px;
    background: transparent url("../img/alert-ico1.png") no-repeat ;
    margin-top:0;
}
.postit h3
{
    padding-left: 65px;
    min-height: 64px;
    text-transform: none;
    
}
/* = List
--------------------------------------*/
ul li
{ list-style: none;
}
.custom-list li
{
    list-style-image: url("../img/lightup.png");
    list-style-position: inside;
}
/* =Post-it effect
--------------------------------------*/
.postit { 
             
    border:1px solid yellow;  
        
    background-color: rgba(60, 132, 198, 0.8); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#FFFAAE), to(#FFF057)); 
    background-image: -moz-linear-gradient(#FFFAAE 0%, #FFF057 90%); 
    
    border-top-color: #FFF057; 
    border-right-color: #FFF057; 
    border-bottom-color: #FFF057; 
    border-left-color: #FFF057; 
    
    
}
.shadow
{
    margin:100px auto;
    -webkit-box-shadow: #AAA 0px 10px 16px; 
    -moz-box-shadow: #AAA 0px 10px 16px; /* FF 3.5+ */ 
    
     background-color: rgb(68,68,68); /* Needed for IEs */   
     filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=6,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=6,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}
.shadow .postit
{
    position: relative; /* This protects the inner element from being blurred */
}
.no-cssgradients .postit {
    background: #FFF057 url("../img/postit-bg.png") repeat-x;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;	    
}
.postit h3
{
    color: #000;
    font: 100% "Dancing Script", sans-serif;
    font-size: 2em;
    font-weight: lighter;

}