/*  
Theme Name: The Unstandard
Theme URI: http://5thirtyone.com/
Description: Farewell to the standard blog format
Version: 0.1
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
*/

* { margin: 0; padding: 0; }

body { background: #000; color: #000; font: 62.5%/1.2em arial,sans-serif; text-align: center; }
#main-wrapper { display: block; margin: 0 auto; padding: 0 7px; width: 1010px; text-align: left; }

/* ----------------------------------- basics */
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 2.2em; line-height: 2.4em; }
h2 { font-size: 1.6em; line-height: 1.8em; }
h3 { font-size: 1.3em; line-height: 1.4em; }
a { color: #2c2c2c; }
  a:hover { color: #f47a0e; text-decoration:none; }
a img { border: none; }
ul, ol {/* list-style: none;*/ }
#sidebar ul{list-style: none;}

em{font-style:italic;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* ----------------------------------- masthead */
#leaderboard { background: url("images/orange.gif") no-repeat top left; padding: 3em 0 7em 0; position: relative; }
  #leaderboard h1 a { color: #333; text-decoration: none; } 
  #leaderboard h1 a:hover { color: #f47a0e; }
#main-nav { font-size: 1.1em; margin: 10px 0 0 0; text-transform: uppercase; font-weight: bold; }
  #main-nav li { float: left;  margin-left: 7px; }
  #main-nav li a { background: #ddd; color: #6c6c6c; display: block; padding: 1.1em 0; text-decoration: none; text-align: center; width: 8em; } 
  #main-nav li a:hover,
  #main-nav li.current a { background: #333; color: #eee; }
  #main-nav li.rss-now a:hover,
  #main-nav li.rss-now a { background: #f47a0e; color: #eee; }
.adsense-center { margin: -40px auto 0; display: block; width: 728px; }
  

.right { margin:16px 0px 15px 5px; border: 0; float:right; }  
.rightborder{float: left;} 
.left { float: left; background:#FFD297; border: 0px solid #f47a0e; display:block;} 
.lefthome { float: left; background:#FFD297;} 

.leftborder{margin:18px; }  
.search{padding:0 0 8px;}


#sidebar{background:#F47A0E; width:345px; padding:2px 3px 6px; margin:0; border-radius:5px;}

.side-item{ margin:3px 1px 0; padding:0;} 
.side-item h2{color:#F47A0E; background:#000000; padding:0 0 0 8px; font-weight:bold; font-size:18px; text-decoration: none; line-height: 30px; border-radius:4px 4px 0 0;}
.side-item .box{background:#FFEACE; margin:0; padding:7px 8px 10px; border-radius:0 0 4px 4px; font-size:12px;}



/* ----------------------------------- home posts */ 

.home .left {  width: 638px; border: 0px solid #f47a0e; }    

.home .right { width: 350px; text-align: left; }
.home .right h3 { font-weight: normal; font-size: 1.6em; color: #f47a0e; padding-left: 2px; }


.orange1top{background:#F47A0E; width:599px; margin: 5px 3px 0px 4px;}
.orange1topsmall{background:#F47A0E; width:296px; margin: 0;}

.home .main-post-bg { background: #444; display: block; height: 225px; position: relative; margin: 0 3px 0px 4px; width: 599px; overflow: hidden; }
  .main-post-bg .post-comments,
  .secondary-post-bg .post-comments { position: absolute; top: 0; left: 7px; z-index: 102; background: #f47a0e; border: 0px solid #ce6100; }    
    .post-comments a,
    .secondary-post-bg .post-comments a { font-size: 11px; color: #eee !important; display: block; height: 1.8em; line-height: 1.8em; width: 7.5em; text-decoration: none; text-align: center; text-transform: lowercase; } 
    .post-comments a:hover,
    .secondary-post-bg .post-comments a:hover { background: #ce6100;}
  .home .main-post-bg .title-insert,
  .home .title-box  { background: #000; display: block; margin:0 0 0 4px; padding: 7px 5px; }
.title-box h2 { margin: 0px 10px 7px;}
  .title-box h2 a { display: block; color: #F47A0E; font-weight:bold; font-size: 1.8em; text-decoration: none; line-height: 1.1em; text-decoration: none; left:1px; top:0.13em; position:relative;}
  .title-box h2 a:hover { color: #FEB451; }
.home .recent-leads { width: 607px; } 
  .home .recent-leads .secondary-post-bg { background: #444; width:296px; overflow: hidden; height: 140px; margin: 0; }
  .title-insertsmall  { margin: 0px 0px; height:63px; background:#000000; }
  .title-insertsmall  a { font-size: 19px; position:relative; font-weight:bold; padding:3px 0 7px 7px;  line-height: 19px; display: block;  left:0.3em; top:0.30em;  color: #F47A0E; text-decoration: none; }
  .title-insertsmall a:hover { color: #f79b42; }


  
  
    .mainentry {margin: 0 3px 0px 4px; width: 599px; background:#F47A0E; padding: 0px 0px 0px 0px;} 
	.mainentry2{margin: 0 3px 0px 4px; width: 570px; background:#FFEACE; padding: 15px 15px 10px 15px;}  
	.mainentry2  a {font-size: 14px; line-height: 17px; text-decoration:none; left:-0.3em; top:-0.53em; position:relative;} 
	.mainentry2  a:hover{color: #000000;}
	.mainborderentry{width: 599px; margin: 0 3px 4px 4px; }

	
	.mainentrysmall {margin: 0; padding:0px 0; background:#F47A0E; border-bottom: 0px solid #F47A0E;} 
	.mainentrysmall2{margin: 0; top:10px; width: 266px; background:#FFEACE; padding: 10px 15px 15px 15px;}  
	.mainentrysmall2  a {font-size: 13px;  text-decoration:none; position:relative; line-height: 17px;} 
	.mainentrysmall2  a:hover{color: #000000;}
	.mainsmallborderentry{width: 296px; margin-bottom: 8px; } 



.postMeta{ text-transform:uppercase;font-size:11px;text-align:right;margin-right:5px;} 
.postMeta span.date{color:#000000;padding:0 2px 0 4px;}
.postMeta span.comments{background:url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMeta span.comments a,
.postMeta span.date a{font-weight:bold; color:#000; text-decoration:none;}

	
/* ----------------------------------- entry style */
.post.single { font-size: 1.3em; line-height: 1.5em; color: #444; width: 608px; border: 0px solid #f47a0e;}  

  .posttitleborder{border-top: 2px solid #454545; margin: 0px 0 10px 0; z-index:10; width: 77px;}   
  
  .post.single .storytitle{background:#000000; border-bottom: 17px solid #F47A0E;} 
  .post.single .storytitle a{left:-0.1em; top:0.23em; position:relative;}
  
  .titlecorner{ left:-1.9em; position:relative; margin:0; padding:0; width: 635px;}
  
  .post.single .storytitle, .post.single .storytitle a { font-size: 39px;  font-family: verdana, arial,sans-serif; line-height: 29px; color: #F47A0E; font-weight: normal; padding:0px 0 10px 0; text-decoration: none; }
  .post.single .entry {width: 492px;  position:relative; background:#FFEACE; padding: 10px 15px 15px 15px;} 
  .entreyfloat{ float: right; }
  
  
  .entryend{border-bottom: 9px solid #F47A0E;}
  
  .textborder{margin:0px 0 0 0; padding: 0px 0px 0px 0px; width: 630px; border: 0px solid #f47a0e;}  
  .textbordercorner{width: 622px; border: 1px solid #f47a0e;}  
 
  
  .post.single .meta {  color: #444; text-transform:lowercase; padding: 4px 9px 0 0px; margin-top: 19px; float: left; width: 75px; font-size: 11px; }
    .post.single .meta a { color: #f47a0e; text-decoration: underline; } 
    .post.single .meta a:hover { text-decoration: none; }
  .post.single p { margin: 1em 0; }
  .post.single p a,
  .post.single li a { font-weight: bold; }
  .post.single p strong { font-weight: bold; }
 
  .post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
  .post.single h3 { font-size: 16px; color: #f47a0e; margin-top: 1.5em; font-weight:bold;}
  .post.single ul,
  .post.single ol { margin: 1em 1.5em; }
  .post.single ul li,
  .post.single ol li { margin: 0 0 12px 0; /*color: #6c6c6c;*/ line-height: 1.3em; }
  .post.single ul li { background: url("images/li.gif") no-repeat 1px -1px; padding-left: 20px; }
  .post.single ul li strong { font-weight: bold; }
  .post.single img.floatleft { float: left; margin: 4px 10px 0 0; }
  .post.single img.floatright { float: right; margin: 4px 0 0 10px; }
  .post.single code { font-family: courier, fixed, monospace; font-size: 12px; background: #eee; }
    .post.single code strong { color: #000; }
.navigation { font-size: 1.2em; padding: 30px 0;  }
  .navigation .navleft { width: 293px; margin-top:17px; padding-left:8px;  padding-top:15px; float:left; }
  .navigation .navright { width: 300px; margin-top:17px; padding-top:15px;   float:left;} 
  .navigation .navleft a { position:relative; border-top: 4px solid #F47A0E; padding-top:10px; color: #292929; font-weight:bold; font-size:18px; text-decoration: none;}
  .navigation .navright a { border-top: 4px solid #F47A0E; padding-top:10px; color: #292929; font-weight:bold; font-size:18px; text-decoration: none;} 
.archives-page h2 a { font-size: 14px !important; line-height: 16px; }
  
  
.likebutton{font-size:.85em; text-align:right; font-weight:normal; position:relative; top:15px;}  
.likebutton a{text-decoration:none; font-size:1.1em; font-weight:normal; color:#454545;}
#wp_likes{padding:0; margin:0;}
.likebutton a:hover{text-decoration:underline;}




  
/* ----------------------------------- lists */



.sidebar-wrapper { background: #fff; }
.sidebar-news { background: #f9f9de; border: 1px solid #e9e9b4; display: block; padding: 7px; color: #555; font-size: 12px; }
  .sidebar-news a:hover { text-decoration: none; }
.sidebar-wrapper h3 { overflow: hidden; }







/*.bordrighttop{background:#000000; width:35.4em; margin-left:2px; height:3em; padding:0; overflow:hidden;  }   
.bordrighttop div{color: #F47A0E; font-weight:bold; font-size:18px; text-decoration: none; line-height: 30px; left:0.5em; top:0.17em; position:relative; }
	.bordrightbottom{background:#FFEACE; width:351px;  margin-left:2px;} 
	.bordrightbottom div.box{ padding-top:17px; padding-bottom:10px;} 
	
	.bordtagsrightbottom{ margin-left:2px; height:18.5em; overflow: hidden; } 
	.bordtagsrightbottom div{margin:0; top:-10px; display:block; overflow: hidden;  width:36.1em; position:relative;} */
	
	



.bordrightbottom ul, ul.xoxo, ul#recentcomments, ul.sidebar-ul,
.related-posts ul { font-size: 1.2em; line-height: 1.4em; margin: 0 0 0 0; width: 100%; }
  .textwidget{font-weight: normal; font-size: 1.2em; margin:-10px 15px 0 15px;}
  .bordrightbottom ul li, ul.xoxo li, .sidebar-ul li,
  .related-posts li { color:#777; margin:0 15px 0 15px; border-top: 1px solid #F47A0E; line-height: 1.5em;  }
  ul#recentcomments li{ background: url("images/li-grey.gif") no-repeat 1px 3px;  color:#777; margin:0 15px 0 15px; border-top: 1px solid #F47A0E; line-height: 1.5em; text-decoration: none; padding: 3px 0 3px 20px; }
  
  .bordrightbottom ul li a, ul.xoxo li a ,.sidebar-ul li a,
  .related-posts li a { background: url("images/li-grey.gif") no-repeat 1px 3px; display: block; font-weight: normal; color: #59350A; text-decoration: none; padding: 3px 0 3px 20px; }

ul#recentcomments a{display: block; background: url("images/blank.gif") no-repeat 1px 3px; font-weight: normal; color: #59350A; text-decoration: none; padding: 3px 0 3px 20px;}
  
    ul.xoxo li a:hover,.sidebar-ul li a:hover,
  .related-posts li a:hover { background: url("images/li.gif") no-repeat 1px 3px; color: #f47a0e; }

  ul#recentcomments a:hover{color: #f47a0e; background: url("images/blank.gif") no-repeat 1px 3px;}
  
  ul.xoxo li a:hover em, .sidebar-ul li a:hover em { color: #999; }
.related-posts h3 { display: none; }
.serve-random { font-size: 12px; color: #59350A; margin-top: 7px; }
  .serve-random a { color: #f47a0e; }
  .serve-random a:hover { text-decoration: none;  }
.sidebar-nextprev { margin-top: 0px; }
  .sidebar-nextprev li { float: left; }
  .sidebar-nextprev li.previous { margin-left: 5px; }
  .sidebar-nextprev li.next { float: right; margin-right: 5px; }
  .sidebar-nextprev li a { outline: none; display: block; height: 40px; width: 160px; background: #ddd; text-indent: -9999em; }  
  .sidebar-nextprev li.previous a { background: url("images/nextprev.gif") no-repeat top left; }
    .sidebar-nextprev li.previous a:hover { background-position: bottom left; }
  .sidebar-nextprev li.next a { background: url("images/nextprev.gif") no-repeat top right; }
    .sidebar-nextprev li.next a:hover { background-position: bottom right; }
 
/* ----------------------------------- comments */
#comments { margin: 0px 0px 0 104px; width:650px;}
#comment-breaker { color: #f47a0e; display: block; width: 100%; margin: 21px 0 14px 0; padding: 35px 0 0 2px; display:none; }
#wc-comment-header{color:#d7692a; font-weight:bold; background:#000; font-size:2.4em !important;}
.wc-comment-title{display: none;}
#wpcomm{border-top:0 !important;}


.commentcorner{ left:-0.85em; margin:0; padding:0; width:636px;}
.commenttextcorner {  background:#000000; border-bottom: 10px solid #F47A0E;  padding:0px 0 10px 0; }
.commentstophead{left:-0.1em; top:0.45em; position:relative; font-size: 29px; font-family: verdana, arial,sans-serif; text-decoration: none;  font-weight: normal; line-height: 29px; color: #F47A0E; }
.commtexttlo{background:#FFEACE; padding:10px 10px 5px 10px;}
 
  #comment-breaker h2 { font-size: 18px; }
ol.commentslist { float: left; font-size: 1.2em; margin:20px; line-height: 1.5em; width: 617px; }
  .commentslist li { margin-bottom: 28px; list-style: none;}
  .commentslist li p { margin: 0 0 1em 0; }
  .commentslist li blockquote { margin: 0 1.2em; font-style: italic; }
  .commentslist li ul, 
  .commentslist li ol { margin: 1em 1.5em; }
  .commentslist .author_meta { text-transform: lowercase; border-top: 2px solid #f47a0e; padding: 4px 0 0 0; margin-top: 9px; float: left; width: 75px; font-size: 11px; }
    .commentslist .author_meta a { color: #444; text-decoration: none !important; }
    .commentslist .author_meta a:hover { text-decoration: underline !important; }
  .commentslist li.author .comment_text { background: #eee; width: 498px; border: 1px solid #ddd; }
    li.author .comment_text p { margin: 7px; }
  .commentslist .comment_text { float: right; width: 530px; overflow: auto; }
    .comment_text .comment-author { font-weight: bold; margin-bottom: 7px; }/* aaoi? eiiaioa?y*/
    li.author .comment_text .comment-author { margin: 7px 0 7px 7px; }
    .commentslist .comment_text a { font-weight: bold; }
.pings { float: right; width: 340px; }
  .pings h3 { color: #f47a0e; font-size: 1.6em; padding: 0 0 0 2px; }
  ul.pingslist { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 340px; }
    .pingslist li { border-top: 1px solid #F47A0E; line-height: 1.5em; width: 340px; }
    .pingslist li a { background: url("images/li-grey.gif") no-repeat 1px 3px; display: block; font-weight: normal;  color: #999; text-decoration: none; padding: 3px 2px 3px 20px; }
    .pingslist li a:hover { color: #f47a0e; background: url("images/li.gif") no-repeat 1px 3px;}
    .sidebar-ul li a:hover em { color: #999; }
#commentform { font-size: 11px; margin-left: 106px; }
  #commentform p { margin: 0.8em 0; }
  #commentform p label { }
  #commentform #author,
  #commentform #email,
  #commentform #url,
  #commentform #comment { border: 1px solid #F47A0E; padding: 4px; font-family: arial,verdana,sans-serif; font-size: 12px; color: #6c6c6c; }
  #commentform #comment { width: 520px; overflow: auto; height: 225px; }
  #commentform #submit { background: #000000; font-size: 16px;  color: #eee; padding: 0.8em 0; width: 9.5em; border: none; }
  .comment-warning strong { color: #444; font-weight: bold; }
.subscribe-to-comments { font-size: 12px; color: #555; }

/* ----------------------------------- categories */
#categories { border: 0px solid #F47A0E; border-width: 0px 0; padding: 5px 0; margin: 0px 0 0px; }
#categories ul { color: #000000; font-size: 1.3em; line-height: 1.6em; }
#categories li { border-bottom: 1px dotted #000000; float: left;  text-align: right;  display: block; width: 196px; margin: 0 25px;   position: relative; }
#categories li a { color: #000000; text-transform:uppercase; font-weight: bold; float: left; text-decoration: none; }
#categories li a:hover { text-decoration: underline; }

/* ----------------------------------- search */
.search { background: #f47a0e url("images/search-bg.gif") no-repeat top left; margin:7px 7px 0 7px; display: block; width: 340px; height: 32px; }
  .search #searchForm { margin: 0 0 0 7px; }
  #searchForm input { vertical-align: middle; margin: 6px 0 0 0; }
  .search #searchForm #s { color: #666; font-size: 12px; border: 1px solid #f47a0e; padding: 1px; width: 265px; margin-right: 4px; }
  
/* ----------------------------------- footer */
#footer { color: #555; font-size: 1.2em; line-height: 1.4em; padding: 35px 0 72px; position: relative; width: 960px; }
  #footer .left { width: 590px; }
  #footer a { font-weight: bold; }
.hiddenpic { display: none; }

/* ----------------------------------- floats */




.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }

.cathome2topborder{ background:#000000; height:0px;}  
.cattopborderhome{ background:#F47A0E; height:0px;} 
.cattopbordersingle{ background:#F47A0E; margin:5px 7px;} 
.cattegorieshome{ background:#F47A0E; margin:20px 7px;}   
.cattegoriessingle{ background:#F47A0E; margin:20px 1px;}  
.categories-content{margin:15px 0px 12px 5px;  } 

.footerbg{background: url("images/footer.jpg") no-repeat top left; height:97px;}

.keywords2{font-size:11px; margin-top:5px; padding-top:10px; border-top: 1px solid #f47a0e;}

.size-thumbnail{border: 3px solid #FFD297; padding:3px; margin:1px; background:#FEB451;}
.size-medium{padding:4px; margin:0px; background:#FFD297;}   
.wp-caption-text{font-size:11px; text-align:center; position:relative; display:block; top:-5px; color:#DC6D0A;}



	
	
	
	
	
	/* SUBSCRIPTION MANAGER STYLE */
.subscription-manager {
padding: 10px 0 20px 0;
margin: 5px 0 0 55px;
width: 650px;
}

div.wrap {
background: #FFEACE;
padding: 5px 10px;
margin: 20px 0;
border: 1px solid #ccc;
}

div.wrap h2 {
margin: .5em 0 1em 0;
border-bottom: 2px solid #589bd2;
}

div.wrap fieldset {
border: 1px solid #555;
margin: 1em 0;
padding: 5px 10px;
}

div.wrap fieldset legend {
font-weight: bold;
font-size: small;
}

div.wrap p.submit {
text-align: right;
}


.updated {
background: #B9D6EF;
border: 1px solid #589bd2;
margin: 1em 5% 10px;
padding: 0 1em;
}

.updated-error {
background-color: #FFA3A3;
border: 1px solid #FF5D5D;
}

div.wrap form {
margin: 0;
padding: 0;
}

div.warp li {
margin-bottom: 6px;
line-height: 130%;
}
/* END SUBSCRIPTION MANAGER STYLE */








.leftbg {
	background-image: url(images/header_1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #000000;
}
.rightbg {
	background-image: url(images/header_6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;
} 


	
	/* navigation */

.navigation{
width:1024px; 
	margin: 0;
	padding: 0;
}	
#rssfeed a{
text-align:left;
position:relative;  display:block; top:19px;
}
	
#nav ul {margin: 0;padding: 0;list-style: none;}
#nav ul li {float: left;margin: 0;padding: 0;} 
#nav ul li a {
	float: left;
	text-align:left;
	position:relative;
	display: block;
	width: 141px;
	line-height: 1.4em;
	padding: 1em 1em 1.5em 1.4em;
	margin: 0;
	text-decoration: none;
	color: #F47A0E;
	font-size: 12px;
	border: none;
	left:5px;

	}
#nav ul li a strong {
	display: block;
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
	color: #F6D6B1;
	}
#nav li a:hover {
	background: url(images/nav/tab-hover.gif) repeat-x bottom left;
	}
#nav li a.active {
	color: #F47A0E;
	background: url(images/nav/tab-on-noise.gif) repeat-x bottom left;
	}
#nav ul li a:hover strong {	
	color: #fff;
	}
#nav ul li a.active strong {
	color: #fff;
	}

	
	


#socialicons{position:relative;}
#socialicons ul{position:absolute; border:0px solid #FFF; top:26px; right:-210px;}
#socialicons ul li{display:table-cell; padding:0 15px 0 0;}
#socialicons ul li a{border:0px solid #FFF; display:block; width:30px; height:30px; background:url(images/social_icons.png) -5px -6px;}
#socialicons .fb{background-position:-49px -6px;}
#socialicons .googleplus{background-position:-92px -6px;}
#socialicons .twitter{background-position:-180px -6px;}
#socialicons .feed{background-position:-136px -6px;}
#socialicons .behance{background-position:-223px -6px;}

#alo_easymail_widget_form{padding:0 0  30px;}
#alo_easymail_widget_form input[type=text]{border-radius:3px; border:1px solid #c0c0c0; padding:5px; margin:0 0 3px 10px;}
#alo_easymail_widget_form td{vertival-align:top;}
#alo_easymail_widget_form input[type=submit]{padding:3px 5px; margin-left:72px;}


.side-item .box2{background:#FFEACE; margin:0; padding:7px 4px 10px; border-radius:0 0 4px 4px; font-size:12px;}


#latestposts{margin:0; padding:0;}
#latestposts li{padding:7px 20px 7px 7px; border-bottom:1px solid #FFC775;}
#latestposts li .img{float:left; }
#latestposts img{width:50px; background:#FFF; padding:0px; border:0px dotted #F47A0E; border-radius:0px;}
#latestposts li .content{margin:0 0 0 58px;}
#latestposts li .title{font-weight:bold; font-size:1.1em; line-height:1.2em; color: #383838;}
#latestposts li .meta{font-size:.9em; color:#5C5C5C; padding:0 0 2px;}
#latestposts li .meta a{color:#6E6E6E;}
#latestposts li .meta .date{/* color:#F47A0E; */color:#5C5C5C;}
#latestposts li .category{margin:0 0 0 3px;color:#6E6E6E;}
#latestposts li .category a{color:#6E6E6E;}
#latestposts li .comments{margin:0 0 0 10px;}
#latestposts li.odd{background:#FFF6EB;} 

.alignleft{float:left; margin-right:10px;}