/*







Theme Name: evan







Theme URI: http://sitemap.com/







Description: This is just a requirement from wordpress, i do not know why :(







Author: Kristoffer Alfonte







Version: 1.5







Tags:evan







*/























/* =Reset default browser CSS. Based on work by Super Kristoffer: http://sitemap.com







-------------------------------------------------------------- */




























@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);@import url(http://fonts.googleapis.com/css?family=Fjalla+One:400);@import url(http://fonts.googleapis.com/css?family=Strait);



/* CSS Document */



@media screen and (max-width:480px){









body {

	margin:0px;



	color: #000;



	
	background-position:center top;
	background-image:url(images/emailbg.jpg);



}




h1







{







font-family: Lato, Arial, Helvetica, sans-serif;


font-size: 45px;


color: #68aa1c;


font-weight:bolder;



line-height:42px;



margin-top:0;






}































h2{







font-size: 20px;







color: #be232d;







text-align:left;





line-height:18px;









font-family: Lato, Arial, Helvetica, sans-serif;







































}







h3{







font-family: Lato, Arial, Helvetica, sans-serif;







font-size: 90px;







color: #000;







font-weight:lighter;





margin-top:140px;













}











h4{font-size:16px; width:100%; border-bottom:#CC0000 1px dotted;}







small{







color: #666666;















}







body {







	font-family: Lato, Arial, Helvetica, sans-serif;







	font-size: 17px;







	












}















.link{







color:#FFFF00;







}















img.recent{float:left; margin-right:0.8em;}







img.desc{float:left; margin-left:3em;}















img{ border:none;}















a:link {







	text-decoration: none;







	color: #333333;







}







a:visited {







	text-decoration: none;







	color: #333333;







}







a:hover {







	text-decoration: underline;







}







a:active {



	text-decoration: none;


}



.titlepost{margin-bottom:0.1em;}





p img {







	padding: 0;







	max-width: 100%;







	}

#container{width:90%; margin: 0 auto;}
#wrapper{width:100%; float:left;}
#wrapperblue{background-color:#1171c6; width:100%; float:left; padding-top:25px; padding-bottom:25px; color:#FFFFFF;}
#wrapperblack{background-color:#000000; width:100%; float:left; padding-top:25px; padding-bottom:25px; color:#FFFFFF;}
#blackliner{width:100%; height:40px; background-color:#000000; text-align:center; float:left;}

#maintopwrapper{width:100%; float:left; background-image:url(images/top-bg.jpg);}
#topwrapper{width:100%;float:left;  border-top: solid #3386ff 7px; padding-bottom:25px;}	

#logo{ float:none; margin-top:10px; width:auto; }
#questions{width:100%; float:none; text-align:center;}
   #questiontext{float:none; text-align:center;}
      .questiontitle{font-size:51.38px; color:#5a5a5a;}
	  .questiontext{font-size:20px; color:#5a5a5a;}
   #questionimage{float:right; display:none; width:90px; height:133px; background-image:url(images/header-question.png); margin-top:-13px;}

#blueleft{float:none; width:100%;}
#blueright{float:none; background-image:url(images/emailbg.jpg); background-repeat:no-repeat; background-position:center; text-align:center; width:100%; margin-top:15px;}
#blackright ul{line-height:20px; list-style:none; display:block; margin-left:-40px;}
#blackright li{margin-bottom:30px;}

#blackleft{float:none; width:100%; text-align:center;}
#blackright{float:none; text-align:center; width:100%;}

.blackinput{ -moz-border-radius: 15px; border:none; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding:10px; width:92%; height:25px; margin-right:20px; font-family:Lato, Arial, Helvetica, sans-serif; font-size:18px; color:#999999; margin-top:7px; margin-bottom:7px;}
.blackinputcompany{ -moz-border-radius: 15px; border:none; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding:10px; width:92%; height:25px; margin-right:20px; font-family:Lato, Arial, Helvetica, sans-serif; font-size:18px; color:#999999; margin-top:7px; margin-bottom:7px;}
.blackinputaudience{font-family:Lato, Arial, Helvetica, sans-serif; font-size:18px; color:#999999; -moz-border-radius: 15px; border:none; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding:10px; width:92%; height:200px; margin-left:-8px;}

#videowrapper{float:left; width:100%;} video{ width:100%; height:auto}
   #videoundertext{text-align:center; margin-top:15px;}

	#sidebar{width:100%; float:none;}
	img{width:auto;}
	  #sidebarheader{width:auto; float:left; height:auto;}
	  #sidebarheader img{width:100%;}
	  #sidebarcontent{width:auto; float:left; padding:10px; background-image:url(images/sidebar-bg.jpg); text-align:center;}
	     .sidebarcontentfield{font-family:Lato, Arial, Helvetica, sans-serif; font-size:18px; color:#999999; margin-top:7px; margin-bottom:7px;}
	  #sidebarfooter{width:auto; float:left; }
	  #sidebarfooter img{width:100%;}
	
	#maincontent{ float:right; width:70%;}
	
	#smalllogo{margin-top:-10px;}
	
	#features{text-align:center; line-height:20px; font-size:15px; color:#323232;}
	#featurebox{width:230px; display:inline-block; padding:15px; vertical-align:top;}
	

	
      
	

	 #footer{width:100%; float:left; color:#FFFFFF;  background-color:#022f57; }
	 #payment{float:left;}
	 #rightfoot{float:right; text-align:right;}
	 
	 
	 #selectyear {
    width: 205px;
    height: 31px;
    float: left;
    margin-right: 10px;
    border: none;
    color: #666666;}
	
	#selectbutton {
    float: left;
}

 
 
   


}