/*  
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: #000; font: 62.5%/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.4em; line-height: 2.5em; }
h2 { font-size: 1.6em; line-height: 1.8em; }
h3 { font-size: 1.3em; line-height: 1.5em; }
a { border:none; color: #2c2c2c; }
a:hover { border:none; color: #ce0001; }
a img {border:none;}
ul, ol { list-style: none; }

/* ----------------------------------- masthead */
#leaderboard { background: url("images/orange.gif") no-repeat top left; padding: 3em 0 1em 0; position: relative; }
  #leaderboard h1 a { margin-left:-5px; padding:5px; color: #333; text-decoration: none; } 
  #leaderboard h1 a:hover {margin-left:-5px; padding 5px; }
#main-nav { font-size: 1.1em; margin: -30px 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: #666; color: #eee; }
  #main-nav li.rss-now a:hover{background:#ea0000; color:#eee;}
  #main-nav li.rss-now a { background: #ce0001; color: #eee; }
.adsense-center { margin: -40px auto 0; display: block; width: 728px; }
  
/* ----------------------------------- home posts */
.home .left {  width: 607px; }
.home .main-post-bg { background: #444; display: block; height: 225px; position: relative; margin: 0 0 7px 0; width: 593px; overflow: hidden; }
  .main-post-bg .post-comments,
  .secondary-post-bg .post-comments { position: absolute; top: 0; right: 7px; background: #ce0001; border: 1px solid #ce0000; }    
    .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: #ea0000;}
  .home .main-post-bg .title-insert,
  .home .recent-leads .title-insert { background: #444; bottom: 0; display: block; left: 0; position: absolute; width: 100%; z-index: 101; padding: 4px 0; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=85); -moz-opacity: .6; opacity:.6; }
  .title-insert h2 { margin: 8px 10px 7px; line-height: 1.4em; }
  .title-insert h2 a { display: block; color: #fff; text-decoration: none; }
  .title-insert h2 a:hover { color: #ffffff; text-decoration:underline; }
  .home .recent-leads { width: 607px; }
  
  .home .recent-leads .secondary-post-bg { background: #444; display: block; width: 293px; overflow: hidden; height: 150px; margin: 0 7px 7px 0; position: relative;}
  .home .recent-leads .title-insert h3 { margin: 4px 7px; line-height: 1.6em; }
  .home .recent-leads .title-insert h3 a { font-size: 15px; display: block; color: #fff; text-decoration: none; }
  .home .recent-leads .title-insert h3 a:hover { color: #fff; text-decoration:underline;}
  .home .right { width: 340px; text-align: left; }
  .home .right h3 { font-weight: normal; font-size: 1.6em; color: #ce0001; padding-left: 2px; }

  .home .main-bottom { background: #eee; display: block; position: relative; margin: 20px 0 7px 0; padding:20px; width: 553px; overflow: hidden;}
  .home .main-bottom p {margin:3px 0; font-size: 1.3em; line-height: 1.5em; color: #444;}
  .home .main-bottom ul li {
          font-size: 1.2em;
          line-height:1.4em;
          background: url("images/redbullet2.gif") no-repeat;
          background-position:0 .3em; 
          background-color:#eee;
          padding-left: 15px;}
   .home .main-bottom ul li a{color: #444;}
   .home .main-bottom ul li a:hover{ color: #ce0001;}

  .home .top-special { background: #eee; display: block; position: relative; margin: 0px 0 20px 0; padding:10px 20px 10px 20px; width: 553px; overflow: hidden;}
  .home .top-special p {margin:3px 0; font-size: 1.3em; line-height: 1.5em; color: #444;}
  .home .top-special ul li {
          font-size: 1.2em;
          line-height:1.4em;
          background: url("images/redbullet2.gif") no-repeat;
          background-position:0 .3em; 
          background-color:#eee;
          padding-left: 15px;}
   .home .top-special ul li a{color: #444;}
   .home .top-special ul li a:hover{ color: #ce0001;}

  .top-special { background: #eee; display: block; position: relative; margin: 0px 0 20px 0; padding:10px 20px 10px 20px; width: 553px; overflow: hidden;}
  .top-special p {margin:3px 0; font-size: 1.3em; line-height: 1.5em; color: #444;}
  .top-special ul li {
          font-size: 1.2em;
          line-height:1.4em;
          background: url("images/redbullet2.gif") no-repeat;
          background-position:0 .3em; 
          background-color:#eee;
          padding-left: 15px;}
   .top-special ul li a{color: #444;}
   .top-special ul li a:hover{ color: #ce0001;}





/* ----------------------------------- 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: #ce0001; text-decoration: none; }
  .post.single .entry { float: right; width: 500px; }
  .post.single .meta { border-top: 2px solid #ce0001; 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: #ce0001; 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: #eeeee; }
  .post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
  .post.single h3 { font-size: 16px; color: #ce0001; 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; font:"Arial Rounded MT Bold"; font-size:1.4em;line-height:1.6em; font-weight:bold;}

#widgetblock  { font-size:1.2em; margin: 10px 0 0 0; width: 340px; }
.widgetblock {font-size:1.2em;}
#widgetblock h3 {margin:6px 0px;}
#widgetblock ul li{ color:#888; border-top: 1px solid #ccc; line-height: 1.5em;width: 340px;float:none; }
#widgetblock ul li a { background: url("images/li-grey.gif") no-repeat 1px 3px; display: block; text-decoration:none; padding:2px 0 2px 20px; color:#888;  }
#widgetblock  ul li a:hover { background: url("images/li.gif") no-repeat 1px 3px; color: #ce0001; }
#widgetblock  ul li a:hover em { color: #999; }

/* ----------------------------------- show125 */
 ul#Show125 {width:340px; float:none; text-align:center;margin:0;padding:7px 0px;border:none;}
 ul#Show125 li{display:inline; width:340px; text-align:center;padding:0px 0px;margin:1;border:none;}
 ul#Show125 li a {background:none; padding:5px;margin:0px;display:inline;border:none;} 
 ul#Show125 li a:hover {background:none; padding:5px;margin:0px;border:none;}
 ul#Show125 li a:hover em { }

 ul#Show125 a img {padding:3px;border:1px solid #fff;}
 ul#Show125 a:hover img {padding:3px;border:1px solid #999;}


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; border-top: 1px solid #ccc; line-height: 1.5em; width: 340px; }
  .sidebar-ul li a,
  .related-posts li a { background: url("images/li-grey.gif") no-repeat 1px 3px; display: block; font-weight: normal; color: #888; text-decoration: none; padding: 3px 0 3px 20px; }
  .sidebar-ul li a:hover,
  .related-posts li a:hover { background: url("images/li.gif") no-repeat 1px 3px; color: #ce0001; }
  .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: #ce0001; }
  .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; }
  .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: 21px 0; }
#comment-breaker { color: #ce0001; 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 #ce0001; 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: #ce0001; 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: #ce0001; 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: 12px; line-height: 16px; }
#categories li { float: left;  text-align: right;  display: block; width: 150px; margin-right: 10px; }
#categories li a { color: #ce0001; font-weight: bold; float: left; text-decoration: none; }
#categories li a:hover { text-decoration: underline; }

/* ----------------------------------- search */
.searchWrap { background: #ce0001 url("images/search-bg.gif") no-repeat top left; display: block; width: 340px; height: 40px; }
.searchWrap #searchForm { margin: 0 0 0 7px; }
#searchForm input { vertical-align: middle; margin: 6px 0 0 0; }
#searchForm fieldset {background:#fff; bbackground:#fff;}
.searchWrap #searchForm #s { color: #666; font-size: 14px; border: 1px solid #ce0001; padding: 1px; width: 265px; margin-right: 4px; }

.searchWrap #searchForm #s fieldset {background:#fff;}
.searchWrap #searchForm #s textarea {background:#fff;}

  
/* ----------------------------------- 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 */
.right { float: right; }
.left1{float: left; margin:0; padding:0;}
.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; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* +++++++++++++++++++++++++++++++++++++ My Mods +++++++++++++++++++++++++++++++++++++*/

/* +++++ Category-Blog ++++ */
#postMain {
height:242px;
overflow:hidden;
margin-bottom:15px;
font: 12px arial,helvetica,verdana,sans-serif;
}

#postMain a:hover{color:#666;}

#postMain h2{
font-size:18px;
font-weight:700;
color:#333;
}

#postMain h2 a{text-decoration:none;}

#postMain h2 a:hover{color:#ce0001;}


#postMain h5{

font-size:10px;
color:#7f7f7f;
padding-left:1px;
font-weight:400;
}

#postMain h5 a{text-decoration:none;}


.postMeta span.date {
background:#FFF;
color:#7F7F7F;
padding:0 2px 0 4px;
}


.postMeta {
background:url(images/dot.gif) repeat-x left center;
text-transform:uppercase;
font-size:11px;
text-align:right;
margin-bottom:5px;
}


.postMeta span.comments {
padding-left:5px;
margin-left:2px;
background:#fff;
}


.postMeta span.comments a { 
font-size: 11px; 
background:#fff;
color: #7F7F7F; !important; height: 2.0em; line-height: 2.0em; width: 7.5em; 
text-decoration: none; text-align: center; text-transform: lowercase; 
padding:5px;} 

#postMain .postMeta span.comments a:hover { background: #ce0001; color:#eee;padding:5px;}


.postMeta span.date a {
color:#555;
}

#postMain .post .entry {
line-height:1.4em;
overflow:hidden;
}

#postMain .post .entry p {
margin:5px 0;
}

#postMain .post .entry p a {
background:url(images/dot.gif) repeat-x bottom left;
font-weight:700;
}

#introIMG {
float:left;
margin:6px 8px 0 0;
overflow:hidden;
}

#introIMG img {
border:none;
padding:4px;
border:1px solid #BDBDBD;
width:293px;
height:150px;
}

/* Tips */
.tool-tip {
color:#ccc;
width:150px;
z-index:13000;
}

.tool-title {
font-weight:700;
font-size:11px;
margin:0;
color:#fff;
padding:8px 8px 0 8px;
background:#192227;
text-align:left;
}

.tool-text {
font-size:11px;
padding:0 8px 8px 8px;
background:#192227;
text-align:left;
}

/* +++++++++++++++++++++++++ */


#tagblock{
background:#FFFFFF ;
padding:15px 10px 0 10px;
font-size:1.2em;
line-height:2.0em;
}


#tagblock a{
font-weight:normal;
color:#888;
text-decoration:none;
}

.post.single ul li {
line-height:1.3em;
background: url("images/redbullet.gif") no-repeat;
background-position:0 .3em; 
padding-left: 15px; 
}

.post.single ul li a{
color: #888;
}

.post.single ul li a:hover{
color: #ce0001;
}

h4 { font-size:1.2em;}

#tagblock a:hover{color:#ce0001;text-decoration:underline;}

.red {color:#ce0001;}
.small{text-transform:lowercase; font-size:0.9em;}

#tagline{clear:both; font-size:135%; padding-left:2px;margin-bottom:-5px;}

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

  h2.wide, h2.wide a { font-size: 18px; line-height: 20px; color: #ce0001; text-decoration: none; }

/* SiteCredits*/

#sitecredits {width:450px; border:none;}
#sitecredits table{ width:450px; border:none; padding:0;}
#sitecredits tr {border:none; border:none;}
#sitecredits td.tdleft{width:225px; text-align:left; border:none;padding:1px; }
#sitecredits td.tdright{width:225px; text-align:right; border:none;padding:1px;}

/*table dnpost */
.dnpost {border: none;}
.dnpost td{padding:4px;border: 1px #ddd solid;}
.dnpost tr{padding:4px;border: 1px #ddd solid;}


/*table sort styling */

#myTable {
	width: 700px;
	padding: 0;
	margin: 0;
        border-left: 1px solid #ccc;
}

.myTable{border-left: 1px solid #ccc;}

#myTable a{ color:#444;}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

table{ border-left: 1px solid #ccc;border-top: 1px solid #ccc;}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border-right: 1px solid #999;
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #666 url(images/bg_header.jpg) no-repeat; }
	th a{color:#fff;}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ccc;
	background: none;
	
}

td {

	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #ccc;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}