/*  
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: #fff; color: #777777; font: 12px/1.2em arial,sans-serif; text-align: center; }
#main-wrapper { display: block; margin: 0 auto; padding: 0 7px; width: 960px; 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: 1em; line-height: 1.1em; }
a { color: #777777; text-decoration: none; }
  a:hover { font-style: normal; font-weight: normal; color: #333; }
a img { border: none; }
ul, ol { list-style: none; }

/* = css3 border radius link */
#main-nav li { list-style: none; }
	#main-nav li a, 
	.radius-link a { -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #eee; border-radius: 0px; border: 0px solid #ddd; color: #888; display: block; font-size: 11px; padding: 7px 15px; text-decoration: none; text-transform: uppercase; }
	#main-nav li a:hover, 
	.radius-link a:hover { background: #999; border-color: #000; color: #fff; }
	
	
/* ----------------------------------- masthead */
#leaderboard { padding-left: 0; padding-bottom: 3em; padding-right: 0; padding-top: 0em; background: url("../../../img/orange.gif") no-repeat top left; position: relative; }
  #leaderboard h1 a { color: #333; text-decoration: none; } 
  #leaderboard h1 a:hover { color: #3f3f3f;  background: #e1e1e1; }
#main-nav { font-size: 0.9em; margin: 0px 0 0 0; text-transform: uppercase; font-weight: bold; }
  #main-nav li { font-weight: bold; float: left;  margin-left: 0px; }
  #main-nav li a { font-style: normal; font-weight: normal; background: #cccccc; color: #eee; display: block; padding: .5em 0; text-decoration: none; text-align: center; width: 8em; } 
  #main-nav li a:hover,
  #main-nav li.current a { font-weight: bold; background: #bbb; color: #eee; }
  #main-nav li.rss-now a:hover,
  #main-nav li.rss-now a { font-weight: bold; background: #888; color: #eee; }
.adsense-center { margin: -40px auto 0; display: block; width: 728px; }

  
/* ----------------------------------- home posts */
.home .left {  width: 725px; }
.home .main-post-bg { background: #444; display: block; height: 301px; position: relative; margin: 0 0 7px 0; width: 717px; overflow: hidden; }
  .main-post-bg .post-comments,
  .secondary-post-bg .post-comments { position: absolute; top: 0; right: 7px; z-index: 200; background: #111; border: 1px dotted #222; filter: alpha(opacity=80); -moz-opacity: .80; opacity:.80;}    
    .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: #141414;}
  .home .main-post-bg .title-insert,
  .home .recent-leads .title-insert { background: #000; bottom: 0; display: block; left: 0; position: absolute; width: 100%; z-index: 101; padding: 4px 0; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=70); -moz-opacity: .70; opacity:.70; }
.title-insert h2 { margin: 8px 10px 7px; line-height: 1.4em; }
  .title-insert h2 a { display: block; color: #ddd; text-decoration: none; }
  .title-insert h2 a:hover { color: #fff;}
.home .recent-leads { width: 725px; }
  .home .recent-leads .secondary-post-bg { background: #444; display: block; width: 355px; overflow: hidden; height: 150px; margin: 0 7px 7px 0; position: relative; }
  .home .recent-leads .title-insert h3 { margin-left: 7px; margin-bottom: 4px; margin-right: 7px; margin-top: 4px; line-height: 1.6em; }
  .home .recent-leads .title-insert h3 a { font-size: 14px; display: block; color: #bfbfbf; text-decoration: none; }
  .home .recent-leads .title-insert h3 a:hover { color: #fff; }
.home .right { width: 220px; text-align: left; }
.home .right h3 { font-weight: normal; font-size: 1.6em; color: #444444; padding-left: 2px; }



/* = single entry style */
.home.is-single { border-top: 1px solid #ccc; }
.post.single { line-height: 1.4em; padding-top: 1px; }
	.post.single h2, 
	.post.single h2 a { font-weight: bold; border: 0; color: #666666; font-size: 1.3em; line-height: 1.8em; }
	.post.single h2 a:hover { background-color: #d9d9d9; color: #333333; }
	.post.single .showhero h2 a { color: #ddd; }
	.post.single .showhero h2 a:hover { color: #fff; }
	.post.single .entry { padding-left: 167px; padding-bottom: 0; padding-right: 10px; padding-top: 10px; border-top: 1px dotted #ccc; clear: both; }
	.post.single .meta { margin-left: 0px; margin-bottom: 20px; margin-right: 0; margin-top: 10px; font-size: 0.9em; overflow: hidden; padding: 0; }
		.post.single .meta li { list-style: none; float: left; margin: 0 5px 0 0; padding: 2px 7px; }
		.post.single .meta li.first { background: #eeeeee; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 7px; }
	.post.single p { line-height: 1.4em; margin: 1.5em 0; }
		.post.single p a, 
.post.single li a { font-weight: bold; }
	.post.single h3 { margin-top: 20px; }
	.post.single blockquote, 
	.post.single ul, 
	.post.single ol { color: #555555; margin: 0 15px; }
	.post.single ul li { margin: 0 20px; }
	.post.single ol li { list-style: decimal; margin: 0 20px; }
	.post.single blockquote { border-left: 1px solid #ccc; font-style: italic; margin-left: 20px; padding-left: 10px; }
	.post.single img.floatleft,
	.post.single img.alignleft { float: left; margin: 4px 10px 0 0; }
	.post.single img.floatright,
	.post.single img.alignright { float: right; margin: 4px 0 0 10px; }
	.post.single .wp-caption-text { color: #888; font-size: 0.8em; text-align: center; text-transform: uppercase; }
.gallery-item a img { border-color: #eee !important; }
.navigation { clear: both; font-weight: bold; padding: 10px 0; }
	.navigation a { float: left; }
	.navigation .left, 
	.navigation .right { width: 120px; }
	.navigation .left { text-align: left; }
	.navigation .right { margin-right: 15px; text-align: right; }
* html .navigation .right { margin-right: 7px; }
.navigation .right a { float: right; }
/* .for-tags { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eeeeee; border: 1px solid #ddd; border-radius: 3px; font-size: 0.8em; padding: 7px 10px; } */


/* = sidebar and widgets style */
.home .right { overflow: hidden; width: 220px; }
	.home .right h3 { font-size: 1.2em; padding: 9px 0px 7px; }
h3.module-title, 
h3.widgetTitle { border-bottom: 1px dotted #ddd; border-top: 1px solid #ccc; font-size: 1.3em; margin: 0 0 10px; padding: 9px 0px 7px; }
h3.module-title a, 
h3.widgetTitle a { border: 0; }
.widgetContainer { margin: 0 0 20px 0; }
	.widgetContainer .textwidget { font-size: 1em; line-height: 1em; margin: 0 0px; }
ul.module-list, 
.widgetContainer ul { margin: 0 0 20px 0; }
.module-list li, 
.widgetContainer li { font-size: 0.9em; line-height: 1em; margin: 0 3px 5px 0px; }
.sidebar-nextprev { overflow: hidden; width: 220px; }
	.sidebar-nextprev li { border-left: 1px solid #ccc; float: left; height: 40px; list-style: none; width: 109px; }
		.sidebar-nextprev li.previous { border-right: 1px solid #ccc; }
		.sidebar-nextprev li.next { border-left: 1px solid #ccc; float: right; margin-left: -1px; }
		.sidebar-nextprev li a { font-style: normal; font-weight: normal; border-left: 1px solid #ccc; border: 0; color: #ccc; display: block; font-size: 1.1em; height: 40px; margin-left: -1px; }
			.sidebar-nextprev li a:hover { background-color: #eaeaea; border-color: #3c6c92; color: #777777; }
			.sidebar-nextprev li a span { cursor: pointer; display: block; padding: 15px 0 0 10px; }
.widgetContainer #wp-calendar { border-collapse: collapse; width: 100%; }
#wp-calendar caption { font-weight: bold; margin-bottom: 7px; }
#wp-calendar thead th { border-width: 1px 0; border: 1px solid #ccc; padding: 4px 0 4px 3px; }
#wp-calendar td { color: #777; padding: 3px 0 7px 3px; }
	#wp-calendar td a { font-weight: bold; }
#middle-widgets { width: 970px; }
	#middle-widgets .widgetContainer { clear: top; float: left; margin: 0 11px 15px 0; width: 312px; }
.sidebar-desc { font-size: 0.9em; line-height: 1.4em; margin: 0 4px; }




/* = legacy comments style support */
.legacy .commentlist li { border-top: 1px solid #ccc; margin: 0; padding: 7px 0 15px 167px; }
.legacy img.avatar { float: right; margin: 0 7px 0 0; }
.legacy cite { font-style: normal; }
.legacy .commentlist li p { margin: 1em 0; }
.legacy .commentlist li ul, 
.legacy .commentlist li ol, 
.legacy .commentlist li blockquote { margin: 1em 15px; }
.legacy .commentlist li ul li, 
.legacy .commentlist li ol li { border: 0 !important; margin: 0 15px !important; padding: 0 !important; }
.legacy .commentlist ol li { list-style: decimal; }
.legacy #respondform { margin-left: 167px; padding: 10px 0 0 0; }
.nocomments { background: #ffffcc; border: 1px solid #BEBE3C; font-size: 0.8em; font-weight: bold; padding: 10px 0; text-align: center; }


/* = style support for threaded comments */
#comments-wrapper, 
#comments-wrapper-form {}
#comments-wrapper p { margin: 15px 0; }
#comments-wrapper .navigation { margin: 0 0 25px 167px; }
h3#comments { clear: both; margin: 20px 0 20px 167px; }
.commentlist { font-size: 12px; color: #717171; line-height: 1.4em; }
	.commentlist li.comment, 
	.commentlist li.pingback { border-top: 1px solid #ccc; margin: 0; padding: 7px 0 15px 167px; }
	.commentlist li.comment-author-admin { border-color: #ccc; }
	.commentlist li.comment ul, 
	.commentlist li.comment ol, 
	.commentlist li.comment blockquote { margin: 0 15px; }
	.commentlist li.comment blockquote { border-left: 1px solid #ccc; color: #777; font-style: italic; padding-left: 10px; }
	.commentlist ul.children { margin: 0 !important; padding: 0; }
	.commentlist .children li.comment { list-style: none; margin: 15px 0 0 0; padding: 7px 0 0 45px; }
.comment-author img.avatar { float: right; margin: 0 7px 0 0; }
.comment-author cite { font-style: normal; }
.comment-meta { font-size: 10px; }
#respond { clear: both; margin-left: 167px; padding: 10px 0 0 0; }
li.comment #respond { margin-left: 0; }
#respond h3 { margin: 0 0 15px 0; }
#respond .text-input { font-size: 12px; margin-right: 4px; width: 167px; }
#respond textarea.text-input, 
#respondform textarea.text-input { margin-right: 0; overflow: auto; width: 97%; }


/* ----------------------------------- categories */
#categories { /* border: 1px solid #ddd; border-width: 1px 0; */ padding: 14px 0; margin: 35px 0 21px; }
#categories ul { color: #999; font-size: 1.1em; line-height: 1.6em; }
#categories li { float: left;  text-align: right;  display: block; width: 150px; margin-right: 10px; }
#categories li a { color: #7f7f7f; font-weight: bold; float: left; text-decoration: none; }
#categories li a:hover { color: #666; text-decoration: none; background: #e1e1e1;}


/* ----------------------------------- search */
.search { background: #ccc /* url("images/search-bg.gif") */ no-repeat top left; display: block; width: 220px; height: 24px; }
/*   .search #searchForm { margin: 0 0 0 3.5px; } */
  #searchForm input { vertical-align: middle; margin: 0px 0px 0px 0; }
  .search #searchForm #s { align: left; align: middle; background: #ccc; color: #eee; font-size: 12px; border: 0px solid #ccc; padding: 1px; width: 129px; }
  
  
/* ----------------------------------- footer */
#footer { color: #555; font-size: 0.8em; line-height: 1.4em; padding: 8px 0 68px; position: relative; width: 960px; }
  #footer .left { width: 590px; }
  #footer a { font-weight: bold; }
.hiddenpic { display: none; }

/* ----------------------------------- floats */
.right { float: right; }
.left { float: left; }
.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; }