/*  
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 {
	color: #222;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.2em;
	background-color: #FFFFFF;
}
#main-wrapper {
	display: block;
	width: 932px;
	text-align: left;
	height: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* ----------------------------------- 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; }

/* ----------------------------------- masthead */
#leaderboard {
	padding: 3em 0 7em 0;
	position: relative;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;

}

a {
	color: #888888;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
  a:hover {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
}

font-weight: normal;

.home .main-post-bg .secondary-post-bg a img { border: none; }

a img { 
        border: none;
        background-color: #FFFFFF;
}


ul, ol { list-style: none; }

/* ----------------------------------- masthead */
#leaderboard {
	position: relative;
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 4em;
	padding-left: 0;
}
 
.entry {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
        height: auto;
}

.network {
        margin: 15px 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
        border-top: 1px solid #ccc;
}

#main-nav {
	font-size: 12px;
	margin: 17px 0 0 0;
	font-weight: normal;
	line-height: normal;
}


  #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; }
  
/* ----------------------------------- home posts */

.home .left {
	width: 629px;
}
.home .main-post-bg { background: #FFFFFF; display: block; height: 320px; position: relative; margin: 0 0 20px 0; width: 606px; overflow: hidden; }

.home .main-post-bg img { height: 320px; width: 606px; }

  .main-post-bg .post-comments,
  .secondary-post-bg .post-comments {
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 102;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity:.75;
	background-color: #DDDDDD;
}    
    .post-comments a,
    .secondary-post-bg .post-comments a {
	font-size: 11px;
	color: #000000 !important;
	display: block;
	height: 1.8em;
	line-height: 1.8em;
	width: 7.5em;
	text-decoration: none;
	text-align: center;
} 
  .home .main-post-bg .title-insert,
  .home .recent-leads .title-insert {
	bottom: -1px;
	display: block;
	left: 0px;
	position: absolute;
	width: 100%;
	z-index: 101; /* opacity - move to sep. stylesheet */
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity:.75;
	background-color: #DDDDDD;
	height: 27px;
}
.post-comments a:hover, .secondary-post-bg .post-comments a:hover {
	color: #888;
}
#main-wrapper .home fix .left #post-27 .main-post-bg .post-comments a {
	color: #888;
}

.title-insert h2 {
	margin: 2px 2px 10px 7px;
	line-height: 1.4em;
}
  .title-insert h2 a {
	display: block;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
  .title-insert h2 a:hover {
	color: #888;
}
.home .recent-leads { width: 629px; }
  .home .recent-leads .secondary-post-bg {
	background: #FFFFFF;
	display: block;
	width: 293px;
	overflow: hidden;
	height: 150px;
	position: relative;
	margin: 0 20px 20px 0;
}
  .home .recent-leads .title-insert h3 {
	margin: 4px 7px;
	line-height: 1.6em;
}
  .home .recent-leads .title-insert h3 a {
	font-size: 12px;
	display: block;
	color: #000000;
	text-decoration: none;
}
  .home .recent-leads .title-insert h3 a:hover {
	color: #888;
}
.home .right { width: 303px; text-align: left; }
.home .right h3 {
	font-size: 12px;
	color: #000000;
}

/* ----------------------------------- entry style */
.post.single {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #222;
	width: 590px;
}
  .post.single h2, .post.single h2 a {
	font-size: 12px;
	line-height: 20px;
	color: #222;
	text-decoration: none;
}
  .post.single h2, .post.single h2 a:hover {
	font-size: 12px;
	line-height: 20px;
	color: #888888;
	text-decoration: none;
}
  .post.single .entry { float: right; width: 500px; }
.leftposttitle {
	float: left;
	width: 500px;
	margin-top: 12px;
}

  .post.single .meta {
	color: #000000;
	padding: 4px 0 0 0;
	margin-top: 12px;
	float: left;
	width: 75px;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AAAAAA;
}


  .metadate {
	color: #000000;
	font-size: 11px;
}



    .post.single .meta a {
	color: #888888;
        font-size: 11px;
	text-decoration: none;
}
    .post.single .meta a:hover {
	text-decoration: none;
	color: #000000;
}
  .post.single p {
	margin: 1em 0;
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
}



  .post.single p a,
  .post.single li a {
	font-weight: normal;
	font-size: 12px;
	color: #888888;
}
  .post.single p strong { font-weight: bold; }
  .post.single p em { font-style: normal; background: #f9f9de; }
  .post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
  .post.single h3 {
	font-size: 12px;
	color: #000000;
	margin-top: 2em;
}
  .post.single ul,
  .post.single ol { margin: 1em 1.5em; }
  .post.single ul li,
  .post.single ol li { margin: 0 0 14px 0; color: #6c6c6c; line-height: 1.3em; }
  .post.single ul li {
	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: 10px 0; }
  .navigation .left { width: 50%; }
  .navigation .right { width: 49%; }
.archives-page h2 a { font-size: 14px !important; line-height: 16px; }
  
/* ----------------------------------- lists */
.sidebar-wrapper { background: #fff; }
.sidebar-news {
	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; }
ul.sidebar-ul,
.related-posts ul { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 340px; }
  .sidebar-ul li,
  .related-posts li {
	color:#777;
	line-height: 1.5em;
	width: 303px;
	border-top: 1px solid #ccc;
}
  .sidebar-ul li a,
  .related-posts li a {
	display: block;
	color: #888;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	font-size: 12px;
	font-weight: normal;
}
  .sidebar-ul li a:hover,
  .related-posts li a:hover {
	color: #ffccff;
}
  .sidebar-ul li a:hover em { color: #999; }
.related-posts h3 { display: none; }
.serve-random { font-size: 12px; color: #888; margin-top: 7px; }
  .serve-random a {
	color: #000000;
}
  .serve-random a:hover {
	text-decoration: none;
	color: #888888;
}
.sidebar-nextprev { margin-top: 12px; }
  .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 {
}
    .sidebar-nextprev li.previous a:hover { background-position: bottom left; }
    .sidebar-nextprev li.next a:hover { background-position: bottom right; }

/* ----------------------------------- comments */
#comments { margin: 0px 0; }
#comment-breaker {
	color: #000000;
	display: block;
	width: 100%;
	margin: 21px 0 14px 0;
	padding: 19px 0 4px 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	font-weight: normal;
}
  #comment-breaker h2 {
	font-size: 12px;
}
ol.commentslist {
	float: left;
	font-size: 1.2em;
	line-height: 1.5em;
	width: 590px;
}
  .commentslist li { margin-bottom: 28px; }
  .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 {
	float: left;
	width: 75px;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
    .commentslist .author_meta a {
	color: #000000;
	text-decoration: none !important;
	font-size: 11px;
}
    .commentslist .author_meta a:hover {
	text-decoration: none !important;
	font-weight: normal;
	color: #888888;
	font-size: 11px;
}
  .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: 500px; overflow: auto; }
    .comment_text .comment-author {
	font-weight: normal;
	margin-bottom: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	padding-top: 4px;
	color: #888888;
}
    li.author .comment_text .comment-author { margin: 7px 0 7px 7px; }
    .commentslist .comment_text a {
	font-weight: normal;
	font-size: 12px;
	color: #888888;
}
    li.author .comment_text .comment-author { margin: 7px 0 7px 7px; }
    .commentslist .comment_text a:hover {
	font-weight: normal;
	font-size: 12px;
	color: #ffccff;
}
.pings {
	float: right;
	width: 340px;
}
  .pings h3 {
	color: #000000;
	font-size: 12px;
	padding: 0 0 0 2px;
	font-weight: normal;
}
  ul.pingslist { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 340px; }
    .pingslist li {
	line-height: 1.5em;
	width: 340px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AAAAAA;
}
    .pingslist li a {
	display: block;
	font-weight: normal;
	color: #111111;
	text-decoration: none;
	padding: 3px 2px 3px 20px;
}
    .pingslist li a:hover {
	color: #888888;
}
    .sidebar-ul li a:hover em { color: #999; }
#commentform {
	font-size: 12px;
	margin: 0 0 25px 90px;
}
  #commentform p { margin: 0.8em 0; }
  #commentform p label { }
  #commentform #author,
  #commentform #email,
  #commentform #url,
  #commentform #comment {
	padding: 4px;
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	color: #888888;
	border: 1px solid #ccc;
}
  #commentform #comment { width: 485px; overflow: auto; height: 225px; }

  .comment-warning strong { color: #444; font-weight: bold; }
.subscribe-to-comments {
	font-size: 12px;
	color: #000000;
}

/* ----------------------------------- categories */


.featured {
	
        position: absolute;
        float: right;
        height: 115px;
        margin: 0 0 0 629px;
	width: 302px;
	padding-right: 18px;
    
	}
	
.featured br { 
	
	display: none;
	line-height: 0px; 
	height: 0px 
	
	}
              
.featured a img {
	
        padding: 3px 2px 0 0;
	border: 0px solid #9FB4C2;
	margin-bottom: 18px;
	
	}

.featured a {
	
	font-size: 11px;
        color: #222;
	margin-bottom: 10px;
	display: block;

	}
	
.featured a:nth-child(3) {
	
	float: left;
	display: block;
	border: 0px solid #BCD6E7;
	margin-bottom: 0px;
	margin-right: 10px; 

	}
	
.featured a:hover {	

	color: #181818;
	
	}
	
.featured i a {	
        font-style: normal;
	letter-spacing: 1px;
        font-size: 8px;
	text-transform: uppercase;
	
	}
	
.featured i a:hover {	

	color: #3f3f3f;
	
	}

.catbox {
width: 700px;
}

#categories {
        width: 932px;
        padding: 15px 0 15px 0px;
	margin: 15px 0 15px;                 

/* margin: 35px 0 21px; */

        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;

}

#categories ul {
        color: #999999;
	font-size: 11px;
	line-height: 1.6em;
}
#categories li { float: left;  text-align: right;  display: block; width: 145px; margin-right: 12px; }
#categories li a {
	font-size: 11px;
        color: #222;
	font-weight: normal;
	float: left;
	text-decoration: none;
}
#categories li a:hover {
	color: #ffccff;
}
  
#
  .search #searchForm { margin: 0 0 0 7px; width: auto; }
  #searchForm input { vertical-align: middle; margin: 6px 0 0 0; width: 295px; }
  .search #searchForm #s { color: #666; font-size: 12px; border: 1px solid #f47a0e; padding: 1px; width: 265px; }


/* ----------------------------------- footer */
#footer {
	color: #222;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 5px 0 62px; /* 35 0  72*/
	position: relative;
	width: 960px;
}
  #footer .left { width: 590px; }
  #footer a {
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}
#footer a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #888888;
}

.hiddenpic { display: none; }

/* ----------------------------------- floats */
.right {
	float: right;
	padding-top: 6px; /*12px*/
}

.rightsinglepost {
	margin-top: 11px;
	float: right;
}


#menu {
	padding: 0 0 0 5px
}





.left {
	float: left;
	width: 500px;
        margin-top: 12px;
}

.leftpost {
	float: left;
	width: 500px;
	margin-top: 7px;
}

.rightnav {
        float: right;
        padding: 2px 0 0 0;
        margin: 0 0 0 0; 
	width: 314px;
}

.clear { clear: both; }


.pages {
	margin-bottom: 10px;
}

.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; }


/* ----------------------------------- droplist */
#drop {
	font size: 9px;
	width: 136px;
	color: #777777;
	font-family: Helvetica,Arial, sans-serif;
	height: 13px;
	background-color: #fff;
	border: 1px solid #1b1b1b;
}
#apDiv1 {
	position:absolute;
	left:605px;
	height:31px;
	z-index:102;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	top: 122px;
	line-height: normal;
}
.post.single  p  a:hover    {
	font-weight: normal;
	font-size: 12px;
	color: #ffccff;
}
#homeheader a {
	font-size: 12px;
	color: #000000;
}



.wpp-comments {
    font-size: 11px;
    color: #888888;
    font-weight: normal;




/* Added by E */

    select {
      display: block;
      width: 300px;
    }
    select.replaced {
      display: none;
    }
    ul.selectReplacement {
      background: #000;
      margin: 0;
      padding: 0;
      height: 1.65em;
      width: 300px;
    }
    ul.selectReplacement li {
      background: #cf5a5a;
      color: #fff;
      cursor: pointer;
      display: none;
      font-size: 11px;
      line-height: 1.7em;
      list-style: none;
      margin: 0;
      padding: 1px 12px;
      width: 276px;
    }
    ul.selectOpen li {
      display: block;
    }
    ul.selectReplacement li.selected {
      background: url(bottom.gif) bottom left no-repeat;
      color: #fff;
      display: block;
    }
    ul.selectOpen li.selected {
      background: #ffccff;
      display: block;
    }
    ul.selectOpen li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #ffccff;
      color: #fff;
    }
    div.button-holder {
	display:inline;
	position:relative;
	z-index:100;
	width:32px;
	height:32px;
	top:0;
	left:0;
	background-color:transparent;
    }


.post.single img {
max-width: 842px;
width: expression(this.width > 700 ? 700: true);
}





/* = sidebar and widgets style */

.widgetContainer .textwidget { padding-bottom: 10px; }

.home .right { float: left; }
	.home .right h3 { font-size: 12px; color: #222; padding: 9px 3px 9px; }
h3.module-title, 
h3.widgetTitle { border-top: 0px solid #ccc; border-bottom: 1px solid #ccc; font-size: 11px; font-weight: normal; margin: 0 0 10px; padding: 9px 3px 7px; }
h3.module-title a, 
h3.widgetTitle a { border: 0; }
.widgetContainer { margin: 0 0px 61px 0px; } /* 31 */
	.widgetContainer .textwidget { font-size: 11px; line-height: 1.4em; margin: 0 3px 7px 3px; border-bottom: 1px solid #eee; }
ul.module-list, 
.widgetContainer ul { margin: 0 0 20px 0; }
.module-list li, 
.widgetContainer li { font-size: 11px; line-height: 1.6em; margin: 0 3px 7px 0px; padding: 0 0 7px 3px; border-bottom: 1px solid #eee; }

.widgetContainer li a { font-size: 11px; color: #222; }
.widgetContainer li a:hover { font-size: 11px; color: #888888; }

.sidebar-nextprev { overflow: hidden; width: 320px; }
	.sidebar-nextprev li { border-left: 1px solid #ccc; float: left; height: 40px; list-style: none; width: 159px; }
		.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 { border-left: 1px solid #ccc; border: 0; color: #ccc; display: block; font-size: 0.9em; font-weight: bold; height: 40px; margin-left: -1px; }
			.sidebar-nextprev li a:hover { border-color: #3c6c92; color: #3c6c92; }
			.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 16px 0px 0; width: 299px; }
.sidebar-desc { font-size: 0.9em; line-height: 1.4em; margin: 0 4px; }