/* @override http://s39447.gridserver.com//new/wp-content/themes/unstandard/style.css */

/* @override http://s39447.gridserver.com//new/wp-content/themes/unstandard/style.css */



/* @override http://kouanari.com/wmg/wp-content/themes/unstandard/style.css */



/*  







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 url(images/wmg_bg_grey.gif) repeat-x;

	color: #000;

	font: 62.5%/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, 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.7em;

}



h3 {

	font-size: 1.3em;

	line-height: 1.4em;

}



a {

	color: #2c2c2c;

}



a:hover {

	color: #f47a0e;

}



a img {

	border: none;

}



ul, ol {

	list-style: none;

}



/* ----------------------------------- masthead */



#leaderboard {

	background: url(images/wmg_header.gif) no-repeat left;

	padding: 0 0 54px;

	position: relative;

}



#home {

	position: absolute;

	width: 180px;

	height: 120px;

	float: left;

	display: block;

}



#leaderboard h1 a {

	color: #333;

	text-decoration: none;

}



#leaderboard h1 a:hover {

	color: #f47a0e;

}



#main-nav {

	position: relative;

	top: 51px;

	right: 0;

	font-size: 1.3em;

	padding-bottom: 0;

}



#main-nav li {

	float: left;

	margin-left: 2px;

}



#main-nav li a {

	background: #fff;

	color: #6c6c6c;

	display: block;

	padding: 10px;

	text-decoration: none;

	text-align: center;

	width: 90px;

}



#main-nav li.sm a {

	background: #d8d8d8;

	color: #333;

	display: block;

	padding: 7px;

	text-decoration: none;

	text-align: center;

	font-size: 11px;

	width: 50px;

	margin-top: 6px;

}



#main-nav li.spacer {

	display: block;

	padding: 0;

	text-decoration: none;

	text-align: center;

	width: 16px;

	margin-top: 6px;

	font-weight: bold;

}

#main-nav li a:hover,







  #main-nav li.current a {

	color: #eee;

	background-color: #333;

}



#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: 680px;

	padding-top: 35px;

}



.home .main-post-bg {

	display: block;

	height: 225px;

	position: relative;

        /* shrinking margin - fil 08/07/09 */
	/* margin: 0 0 20px; */
        margin: 0 0 2px;

	width: 680px;

	overflow: hidden;

}



.home .main-post-bg a img {

	border: none;

	width: 680px;

	padding-top: 5px;

	padding-bottom: 0;

	position: absolute;

}



.main-post-bg .post-date,



  .secondary-post-bg .post-date {

        /* hiding dates as per cwm request - fil 08/07/09 /* 
	/* position: absolute;

	top: 0;

	right: 0;

	z-index: 102;

	background-color: black;

		filter: alpha(opacity=70);

	-moz-opacity: .70;

	opacity: .70;

	padding: 5px 7px;

         */
        visibility: hidden;  /* end fil edit */

}



.main-post-bg .post-comments a {

	position: absolute;

	top: 36px;

	right: -14px;

	z-index: 102;

	background-color: #960000;

	text-align: center;

	font-size: 11px;

	border-style: none;

	border-color: #e6e6e6;

	color: #fff;

	padding: 9px 12px 8px;

        visibility: hidden;

}

.main-post-bg .post-comments a:hover {

	background-color: #fff;

	color: #960000;

}

.main-post-bg .comment-icon {

	position: absolute;

	top: 60px;

	right: -1px;

	z-index: 102;

	text-align: center;

	border-style: none;

	border-color: #e6e6e6;

	/*      background: url(images/comment.gif) no-repeat; */

	padding: 10px;

}



.home .main-post-bg .title-insert,



.home .recent-leads .title-insert {

	display: block;

	left: 0;

	position: absolute;

	width: 680px;

	z-index: 101;

	filter: alpha(opacity=80);

	-moz-opacity: .80;

	opacity: .80;

	bottom: 0;

	border-bottom: 1px solid #ccc;

	right: 0;

	background-color: white;

	padding-bottom: 40px;

}



.home .main-post-bg .title-insert:hover,

.home .recent-leads .title-insert:hover {

	background: #191919;

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	opacity: 1;

}



.title-insert h2 {

	line-height: 1.2em;

}



.title-insert h2 a {

	display: block;

	color: black;

	text-decoration: none;

	background: url(images/pop.gif) no-repeat 8px 193px;

	position: absolute;

	bottom: 0;

	width: 635px;

	padding: 192px 13px 11px 30px;
	margin-top: 2px;
	margin-bottom: -2px;
}



.title-insert h2 a:hover {

	color: #fff;

		background: url(images/pop_white.gif) no-repeat 8px 193px;

}



.home .recent-leads {

	display: block;

}



.home .recent-leads .secondary-post-bg {

	background: #444;

	display: block;

	width: 407px;

	overflow: hidden;

	height: 191px;

	position: relative;

	float: left;

	margin: 0 0 7px;

	padding-top: 0;

}



.home .recent-leads .title-insert h3 {

	margin: 4px 6px 4px 7px;

	line-height: 1.6em;

}



.home .recent-leads .title-insert h3 a {

	font-size: 14px;

	display: block;

	color: black;

	text-decoration: none;

}



.home .recent-leads .title-insert h3 a:hover {

	color: #fff;

}



.home .recent-leads .excerpt-insert {

	background: #999;

	display: block;

	width: 232px;

	padding: 20px;

	z-index: 150;

	position: relative;

	height: 110px;

	margin-left: 0;

	margin-right: 0;

	font-size: 14px;

	line-height: 1;

	white-space: normal;

	clear: left;

	float: right;

	overflow: hidden;

	color: #fff;

}



.home .right {

	width: 260px;

	text-align: left;

}



.home .right h3 {

	font-size: 1.3em;

	border-style: none;

	border-color: #e6e6e6;

	color: #fff;

	padding: 9px 12px 8px;

	background-color: #960000;

}



/* ----------------------------------- entry style */



.post.single {

	font-size: 1.3em;

	line-height: 1.5em;

	color: #444;

	width: 590px;

}



.post.single h2, .post.single h2 a {

	font-size: 18px;

	line-height: 20px;

	color: #f47a0e;

	text-decoration: none;

}



.post.single .entry {

	float: right;

	width: 500px;

}



.post.single .meta {

	border-top: 2px solid #f47a0e;

	color: #444;

	text-transform: lowercase;

	padding: 4px 0 0 0;

	margin-top: 21px;

	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 p em {

	font-style: normal;

	background: #f9f9de;

}



.post.single blockquote {

	margin: 0 1.5em;

	color: #6c6c6c;

}



.post.single h3 {

	font-size: 16px;

	color: #f47a0e;

	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 {

	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: 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 {

	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;

}



ul.sidebar-ul,







.related-posts ul {

	margin: 10px 0 0;

	width: 250px;

	font-size: 1.1em;

	line-height: 1.2em;

}



.sidebar-ul li,



.related-posts li {

	color: #960000;

	width: 263px;

azimuth

}



.sidebar-ul li a,



.related-posts li a {

	background: url(images/li-grey.gif) no-repeat 1px 2px;

	display: block;

	color: #666;

	text-decoration: none;

	padding: 5px 5px 5px 20px;

}



.sidebar-ul li a:hover,







  .related-posts li a:hover {

	color: white;

	background: #333 no-repeat 1px 3px;

}



.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: #f47a0e;

}



.serve-random a:hover {

	text-decoration: none;

}



.sidebar-nextprev {

	margin-top: 10px;

}



.sidebar-nextprev li {

	float: left;

}



.sidebar-nextprev li.previous {

	margin-left: 5px;

}



.sidebar-nextprev li.next {

	float: right;

	margin-right: 5px;

}







.previous a {

	outline: none;

	display: block;

	height: 40px;

	width: 160px;

	background: #ddd url(images/nextprev.gif) no-repeat right top;

	text-indent: -9999em;

	float: right;

}



.previous a:hover {

		background: #ddd url(images/nextprev.gif) no-repeat right bottom;

}



.next a {

	background: #ddd url(images/nextprev.gif) left top;

	outline: none;

	display: block;

	height: 40px;

	width: 160px;

	text-indent: -9999em;

}



.next a:hover {

	background: url("images/nextprev.gif") no-repeat left bottom;

}



/* ----------------------------------- comments */



#comments {

	margin: 21px 0;

}



#comment-breaker {

	color: #f47a0e;

	display: block;

	width: 100%;

	margin: 21px 0 14px 0;

	padding: 35px 0 0 2px;

	background: url("images/distort.gif") no-repeat top center;

}



#comment-breaker h2 {

	font-size: 18px;

}



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 {

	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: 500px;

	overflow: auto;

}



.comment_text .comment-author {

	font-weight: bold;

	margin-bottom: 7px;

}



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 #ccc;

	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: 90px;

}



#commentform p {

	margin: 0.8em 0;

}



#commentform p label {

	

}



#commentform #author,







  #commentform #email,







  #commentform #url,







  #commentform #comment {

	border: 1px solid #bbb;

	padding: 4px;

	font-family: arial,verdana,sans-serif;

	font-size: 12px;

	color: #6c6c6c;

}



#commentform #comment {

	width: 485px;

	overflow: auto;

	height: 225px;

}



#commentform #submit {

	background: #333;

	color: #eee;

	padding: 0.8em 0;

	width: 13em;

	border: none;

}



.comment-warning strong {

	color: #444;

	font-weight: bold;

}



.subscribe-to-comments {

	font-size: 12px;

	color: #555;

}



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



#categories {

	border: 1px solid #bbb;

	border-width: 1px 0;

	padding: 14px 0;

	margin: 35px 0 21px;

}



#categories ul {

	color: #999;

	font-size: 1.2em;

	line-height: 1.6em;

}



#categories li {

	float: left;

	text-align: right;

	display: block;

	width: 150px;

	margin-right: 10px;

}



#categories li a {

	color: #f47a0e;

	font-weight: bold;

	float: left;

	text-decoration: none;

}



#categories li a:hover {

	text-decoration: underline;

}



/* ----------------------------------- search */



.search {

	background: #fff no-repeat left;

	display: block;

	width: 260px;

	height: 35px;

	position: relative;

	float: right;

}



.search #searchForm {

	margin: 0 0 0 6px;

}



#searchForm input {

	vertical-align: middle;

	margin: 5px 0 0;

}



.search #searchForm #s {

	color: #bfbfbf;

	font-size: 11px;

	border: 1px solid #ccc;

	padding: 5px;

	width: 177px;

	margin-right: 4px;

}



/* ----------------------------------- footer */



#footer {

	color: #555;

	font-size: 1.2em;

	line-height: 1.4em;

	position: absolute;

	width: 100%;

	float: none;

	display: block;

	left: 0;

	padding-top: 35px;

	padding-bottom: 72px;

	background-color: #e6e6e6;

}



#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;

}



/* ----------------------------------- date */



#date_display {

	text-align: center;
        visibility: hidden; /* attempt by fil - 08/07/09 */

}



#date_display .date {

	color: #ccc;

	line-height: 18px;

	font-size: 18px;

        visibility: hidden; /* attempt by fil - 08/07/09 */


}



#date_display .month {

	color: #999;

	font-size: 18px;

	text-transform: uppercase;

        visibility: hidden; /* attempt by fil - 08/07/09 */

}