/*======================================
Theme Name: fuckedup2
Theme URI: http://www.flisterz.com
Description: My hosting fucked up, so I have to come out with a new one
Version: 1.0
Author: flisterz 
======================================*/

*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
ul{list-style:none;margin:0;padding:0;}
acronym,abbr,fieldset,img{border:0;}
:focus{outline:0;}
.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.hide{display:none;}

/*== Base */
/*===========================================*/
body{background:#97A2AA;font-family:'Droid Sans',Georgia,serif;font-size:13px;color:#000000;line-height:21px;}
a,a:visited{text-decoration:none;color:#00346C;}
a img,a:visited img{border:none;}
blockquote{margin :0 0 10px 20px;padding:25px 0 0 10px;}
code{background :#cccccc;padding-left:3px;padding-right:3px;text-align:left;}
#wrapper{width:760px;margin: 30px auto  ;background:#fff; border-radius: 4px ;-moz-border-radius: 4px  ;-webkit-border-radius: 4px  ; 
box-shadow:0px 0px 2px #444;-moz-box-shadow:0px 0px 2px #444;-webkit-box-shadow:0px 0px 2px #444;


}
img.wp-smiley{vertical-align:middle;}
.header{margin: 0 auto;padding: 30px 30px;text-align: center;
background: none repeat scroll 0 0 #303940;
border-radius: 4px 4px 0 0 ;-moz-border-radius: 4px 4px 0 0  ;-webkit-border-radius: 4px 4px 0 0 ;
}
h1 a#mainpage{	font-family:'Varela Round','Questrial',Helvetica,'Arial',serif;font-size:28px;letter-spacing: 2px;text-transform: uppercase;color:#eee; line-height: 30px; margin-bottom: 25px;}
h1 a#mainpage span{font-family: Georgia;text-transform: none;font-style: italic;font-size: 16px;letter-spacing: 1px;color:#000;color:rgba(0,0,0,0.7);vertical-align: 2px;}
h1 a#mainpage:hover{color: #fff;}

p.info{
    color: #ddd;
    margin: 10px auto 15px;
    width: 85%;
    }


.extralinks li{display: inline;margin: 0 10px;}
.extralinks a{color: #ddd;}
.extralinks a:hover{color:#fff; border-bottom: 2px solid #fff;}

/*== Boxer - no,not that one */
/*===========================================*/
#boxer{  clear:both;  }
h1.maintitle{font-family:'Questrial',Helvetica,'Arial',serif;font-size:26px;line-height:29px;margin:0 0 10px; text-align:center;}
h1.maintitle a{padding:0 0 4px;color:#000;}
h1.maintitle a:hover{color:#660000;}
p.maindate{color:#888888; font-size:11px;margin:0px 0 15px;text-transform:uppercase;text-align:center;letter-spacing: 2px;}
#content ul li.entry{padding:25px 50px 45px  ;   border-bottom:1px dotted #ccc;}
#content ul li.entry .post{text-align:justify ; }
#content ul li.entry .multi{  -moz-column-count: 2;-moz-column-gap: 25px; -webkit-column-count: 2;-webkit-column-gap: 25px; }
#content ul li.entry .multi > p:first-of-type:first-letter { float: left;font-family: 'Georgia', serif;font-size: 300%;line-height: 0.85em;margin:5px 6px 2px 0;}
#content ul li.entry br{display:none;}
#content ul li.entry .post a{color:#000;border-bottom:1px solid red;}
#content ul li.entry .post p em{font-family: Georgia;}
#content ul li.entry .post img{border:1px solid #ccc;padding: 3px; box-shadow:0px 1px 1px #eee;-moz-box-shadow:0px 1px 1px #eee;-webkit-box-shadow:0px 1px 1px #eee;}
#content ul li.entry .post img.wp-smiley{padding:0;border:0;}
#content ul li.entry .post a:hover{color:red;}
#content ul li.entry .post h2{ font-size:20px;margin:35px 0 10px;font-weight: bold;}
#content ul li.entry .post p{margin:0 0 15px;}
#content ul li.entry .post p.caption{font-family:Verdana;font-size:11px;position:relative;margin:-15px 0 15px 0 ;}
#content ul li.entry .post a.noline{border:none;}
#content ul li.entry .post img.marginbottom{margin-bottom:10px;}
.cf{background:none repeat scroll 0 0 #FFFFFF;margin:20px 0;padding:50px 50px 70px;}
.permalink a{-moz-border-radius:22px 22px 22px 22px;-webkit-border-radius:22px;background:none repeat scroll 0 0 #EEEEEE;bottom:14px;display:block;font-size:11px;padding:3px 10px;position:absolute;right:20px;color:#333;}
.permalink a:hover{background:#333;color:#fff;}
#lefter{border-top:4px solid #18A8C7;float:left;padding:250px 40px 40px 80px;text-align:center;width:140px;}
p.goback{background:#eee;color:#333333;font-size:11px;margin:-20px 0 15px -30px;padding:5px 30px;}
p.goback a{color:#777;}

/*== Page stuff */
/*===========================================*/
.pagetitle{border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;margin:20px 0 0;padding:10px 50px 10px 70px;text-align:center;}
h2.pagetitle{font-family:"Helvetica Neue",Helvetica,Verdana;font-size:20px;letter-spacing:1px;line-height:29px;text-transform:uppercase;}

/*== Comments */
/*===========================================*/
#comments{  padding:20px 50px 50px 50px;}
#comments ol.commentlist{list-style:none;margin:10px 0 0 0;border-top:1px solid #ccc;}
#comments .commentlist li{border-bottom:1px solid #eee;padding:20px 0;}
#comments .commentstuff{width:590px;}
#comments .gravatar{ }
#respond{background:#eee;border-top:1px solid #ccc;margin:10px 0 0;padding:20px;}
#respond label{float:left;width:120px;padding:5px 0 0;}
#commentform{margin:10px 0 0;}
#author,#email,#url{margin:3px 0;padding:3px;width:320px;}
#comment{width:444px;margin:10px 0;font-family:Verdana;font-size:11px;padding:3px;height:120px;}

/*== FOH-OH-FOH */
/*===========================================*/
h1.fof{font-size:30px;margin:0 0 15px;}
.fofc{width:400px;}
.fofc p{margin:0 0 15px 0;}

/*== Pagination */
/*===========================================*/
.wp-pagenavi{padding:15px 0px 15px 30px;float:left;}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.current,
.wp-pagenavi span.extend{margin:0 15px;color:#000;display:block;float:left;}
.wp-pagenavi span.pages{float:left;border-right:1px solid #ccc;padding:0 10px 0 0 ;color:#666;}
.wp-pagenavi span.current{font-weight:bold;}

/*== FOOTAH */
/*===========================================*/
.ftext{clear:both;color:#67737A;font-size:12px;margin:10px 0 0;padding:10px 0 0;}
#wpstats{display:none;}
.footercontainer{
width:760px; margin:00px auto 20px;text-align: center;}
/*== RESPONSIVE WEB FTW! */
/*===========================================*/
@media only screen and (max-width: 767px) {
	body{width:100%;}
	#wrapper{margin-top:15px;}
	#wrapper,.footercontainer{width:95%;}
	h1 a#mainpage{font-size: 17px;}
  	#boxer{padding:0;margin:0 auto;width:100%;border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;}
  	
  	.header{padding:20px 10px;}
	h1.maintitle{width:auto;}
	#content ul li.entry{width:92%;margin:0 auto;float:none;padding:20px 0px 15px 00px;}
	#content ul li.entry .post{width:100%;}
	#content ul li.entry .post img{height:auto;width:98%;}
	#content ul li.entry .multi{-moz-column-count: 1; -webkit-column-count: 1;  }
 	#content ul li.entry .post img.wp-smiley{width:auto;}
	#comments{float:none;margin:20px auto;padding:0;width:92%;}
	.commentlist li{padding:5px 0;}
	.commentstuff{width:80%;float:left;margin:7px 0 0 12px;}
	#author,#email,#url,#comment{width:95%;}
	p.goback{margin:-20px -13px 15px ;padding:5px 32px 5px 15px;}
	.wp-pagenavi {padding: 15px 10px;}
	p.info,ul.extralinks,
	.wp-pagenavi span.pages,.wp-pagenavi a.last, .wp-pagenavi span.extend{display:none;}
	.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi span.current,.wp-pagenavi span.extend{margin:0 14px; font-size: 13px;}
} 

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {width: 100%;}
}