/*  
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-family: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: 14px; line-height: 1.8em; }
h3 { font-size: 18px; line-height: 22px; font-weight: bold; font-family: georgia; color: #000000; }
h4 { font-size: 1.3em; line-height: 1.4em; font-weight: normal; }
h5 { font-size: 18px; line-height: 22px; font-family: georgia;}

a { color: #2c2c2c;}
  a:hover { color: #f47a0e; }
a img { border: none; }
ul, ol { list-style: none; }

/* ----------------------------------- masthead */
#leaderboard { background: url("images/logo.png") no-repeat top left; padding: 0 0 30px 0; position: relative; 
height: 170px; font-size: 11px; }
  #leaderboard h1 a { color: #333; text-decoration: none; } 
  #leaderboard h1 a:hover { color: #f47a0e; }
#main-nav { font-size: 16pts; margin: 7px 20px 0 0; text-transform: uppercase; font-weight: bold; }
  #main-nav li { float: left;  }
  #main-nav li a { background: none; color: #ffffff; display: block; padding: 10px 0; text-decoration: none; text-align: center; width: 60px; } 
  #main-nav li a:hover,
  #main-nav li.current a { background: none ; 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; }
#main-nav2 { font-size: 12pts; margin: 0px 0 0 20px;  font-weight: bold; text-transform: uppercase; }
  #main-nav2 li { float: left;  }
  #main-nav2 li a { background: url("images/menu_bg.png") ; background-repeat: no-repeat; color: #515254; display: block; padding: 10px 0; text-decoration: none; text-align: center; width: 89px; margin-right: 10px; } 
  #main-nav2 li a:hover,
  #main-nav2 li.current a { color: #f47a0e; background: url("images/menu_over_bg.png") ; background-repeat: no-repeat;}
#lien-home {  display: block; 
	height: 75px; 
	width: 170px; margin-left: 20px; }
#lien-home2 {  font-size:30px; display: block; background-color: #f47a0e;
	height: 75px; visibility: hidden;
	width: 170px;  }
  
/* ----------------------------------- home posts */
.home .left {  width: 590px; }
.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; z-index: 102; background: #f47a0e; border: 1px solid #ce6100; }    
    .post-comments a,
    .secondary-post-bg .post-comments a { font-size: 11px; color: #eee !important; display: block; height: 1.8em; line-height: 14px; 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 .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=85); -moz-opacity: .85; opacity:.85; }
.title-insert h2 { margin: 8px 10px 7px; line-height: 16px;}
  .title-insert h2 a { display: block; color: #f79b42; text-decoration: none; }
  .title-insert h2 a:hover { color: #fff; text-decoration: none;   }
.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; font-family: Arial, Helvetica, sans-serif; }
  .home .recent-leads .title-insert h3 a { font-size: 14px; display: block; color: #f79b42; text-decoration: none; line-height: 18px; font-family: Arial, Helvetica, sans-serif; }
  .home .recent-leads .title-insert h3 a:hover { color: #fff; }
.home .right { width: 340px; text-align: left; }

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

/* ----------------------------------- entry style */
.post.single { font-size: 12px; line-height: 1.5em; color: #444; width: 590px; padding: 0px 25px 0 25px; color: #555; margin-bottom: 20px;   }
  .post.single h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 42px; font-weight:normal; color: #000; margin-bottom: 1px; padding: 10px 0 10px 0; border-bottom: 1px solid #f18e00; border-top: 1px solid #f18e00;  }
 .post.single h2 a { text-decoration: none;   }
 .post.single h2 a:hover { text-decoration: none;   }
  .post.single .entry { float: right; width: 500px; }
  .post.single .meta { text-transform:lowercase; padding: 4px 0 0 0; margin-top: 21px;  float: left; width: 75px; font-size: 11px; }
    .post.single .meta a { color: #f18e00; text-decoration: none; }
    .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: 24px; color: #f47a0e; margin-top: 10px; font-family:georgia; }
  .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 { 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: #f47a0e; }
  .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; }
  .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: #f47a0e; display: block; width: 100%; margin: 0px 0 14px 0; padding: 0 0 0 2px;  }
  #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-width: 1px 0; padding: 14px 0; margin: 0 0 21px; }
#categories ul { color: #999; font-size: 1.2em; line-height: 2em; }
#categories li { float: left;  text-align: right;  display: block; width: 340px; border-bottom: 1px solid #f47a0e; }
#categories li a { color: #f47a0e; 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; 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 */
.right { float: right; padding-top: 95px; }
.right2 { float: left; padding-top: 58px; }
.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; }


/*** style2 *****/

/* ----------------------------------- form */
.form_simple label{
    width:18em;
    float:left;
    display:block;
}

.form_simple textarea{
    width:100%;
    display:block;
    clear:both;
}

.form_simple p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 

    visibility: hidden;
}

/* Hides from IE-mac \*/

* html .form_simple p {height: 1%;}
/* End hide from IE-mac */


* { padding: 0; margin: 0 }


/*** Main area *****/
#main{ font-size: 13px; }

/* ----------------------------------- left */
#left li{ list-style-image: url("images/li.gif"); color: #000; line-height: 17px; }
#left ol li{ list-style-type:decimal; }
#left ul, #left ol{ margin-left:2em;margin-bottom:1em; }
#left h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 42px; font-weight:normal; color: #000; margin-bottom: 1px; padding: 10px 0 10px 0; border-bottom: 1px solid #f18e00; border-top: 1px solid #f18e00; }
#left h2 a { text-decoration:none; font-color: #f18e00; }


#left { float: left; width: 590px; padding: 0px 25px 0 25px; color: #555; margin-bottom: 20px; z-index:4; position:relative; }
#left p { color: #000; text-align: justify; margin: 7px 0 20px 0; background: inherit }
#left img { margin: 0px 10px 3px 0px; position: relative; float: left; border: 1px solid  #f5f5f5; padding: 1px; background: #FFF }

#left h3 { 
	color: #000; 
	font-size: 18px;
	padding-left: 0px;
	line-height: 20px;  
	margin-bottom: 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
#left ul { }
ul#left ul { list-style-position: inside; margin-left: 2px }
#left ul li { list-style-type: square; margin-left: 15px }
#left ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }
#left .citation { background: #FFF url(images/cit1.gif) no-repeat top left; font-style: italic; padding: 10px 0px 0 35px; font-size: 1.0em }
#left .citation p {  background: #FFF url(images/cit2.gif) no-repeat bottom right; padding-bottom: 20px; padding-right: 35px; color: #555; }
.torightc { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
#left blockquote { text-align: justify; border-left: 8px solid #f0f0f0; padding-left: 8px; margin-left: 15px; margin-top: 5px; background: inherit }
#left .date { margin-bottom: 25px; margin-top: 10px; padding-top: 5px; text-align: right; border-top: 1px solid #f5f5f5; background: inherit }
#left .date a { text-decoration: none; background: inherit; }
#left .comment {	background: #F5F5F5 }
#left .comment .date {
	text-align: left;
	background: #CCC;
	margin: -10px -10px 8px -10px;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
	border: none
}	
#left .comment .date a { color: #FFF; text-decoration: underline; background: inherit }
#left br { margin: 0px 0 5px 0; background: inherit }

#left .entry {
	margin-top:25px;
	padding: 0 0 15px 0;
}

#left address {
	float:left;
	padding: 32px 35px 15px 10px;
	margin: 0 30px 5px 0 ;
	font-weight:bold;
	font-style:normal;
	color: #000;
	background-color:#F18E00;
	position:relative;
	bottom:26px;
	//bottom:1px;
}

*html*#left address {
	bottom:1px;
}

.entry h2 {
	position:relative;
	top:-25px;
	// top:0px;
}

*html*.entry h2 { top:0px; }

#left h1 {
	padding:0;
	margin:0;
	font-weight:normal;
	font-style:italic;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
}

#left h4 {
	float:right;
	padding: 0 0 15px 35px;
	font-weight:normal;
	font-style:italic;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	width: 180px;
	line-height: 1.2em;
}

#left h5 {
	padding: 20px 0 20px 0;
	//margin: 0 0 20px 0;
	font-weight:normal;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
	border-top: 1px solid #f18e00;
	border-bottom: 1px solid #f18e00;
}

#left h6 {
	font-size:12px;	
}

#left h5 a, #left h6 a, {
	text-decoration:none; font-color: #f18e00;
}
#left h5 a:hover, #left h6 a:hover  {
text-decoration:none;
font-color: #515254;
}


#left ul.comin_subpages_list {
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:30px;

	padding: 30px 0 0 0;
}

#left ul.comin_subpages_list li {
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0;
	font-weight:bold;
}

#left ul.comin_subpages_list li a {

	text-decoration:none;

	background-color:#000000;	
	color:#FFFFFF;
}


#left ul.comin_subpages_list li a:hover {
	text-decoration:none;
	background-color:#666666;	

	color:#FFFFFF;
}

/* ----------------------------------- right */


#right {
	float: right;
	width: 270px;
	margin: 53px 0 1em 0;
	padding: 0px 20px 20px 20px;
	position:relative;

	
	top:-54px;
	// top:-17px;
}

*html*#right { top:-17px; }



.box_1 {
	background-color: #d8d9da;
display: block;
padding: 15px 0 15px 15px;

}

.box_2 {
	background-color: #f2f2f2;

	display: block;
	margin: 0 0 10px 0;
	padding:15px;
}

#right h2 { 
	color: #000; 
	font-size: 16px;

	padding-left: 0px;
	line-height: 20px;  
	margin-bottom: 5px;
	text-transform:uppercase;
	font-weight:normal;

}

#right h3 { 
	color: #000; 
	font-size: 1.3em;
	padding-left: 0px;
	line-height: 20px;  
	margin-bottom: 5px;
	font-weight:normal;
}


#right .box { border: none; padding: 10px 10px 10px 10px; margin: 0 0 1em 0; }
#right ul { padding-left: 0px }
#right li { text-decoration: none; font-size: 0.9em; border-bottom: 1px solid #f18e00; padding: 5px 0 5px 0; }
#right li:hover { border-bottom: 1px solid #000; }
#right a { text-decoration:none; }

#right .dotted { width: 360px; height: 7px; background-image:url(images/dotted_background.gif); background-position:left bottom; background-repeat:repeat-x; margin: 13px 0 0 8px; }


/* ----------------------------------- sidebar */
#sidebar_grem {
	float: left;
	width: 275px;
	margin: 53px 0 1em 0;
	padding: 0px 20px 20px 20px;
	position:relative;
	top:-110px;


	// top:-17px;
}

*html*#sidebar_grem { top:-17px; }

#sidebar_grem a { text-decoration:none; }


#sidebar_grem li { color:#fff; font-weight:bold; font-size: 0.9em; padding: 5px 0 5px 0; }
#sidebar_grem li a { color:#fff; }
#sidebar_grem li:hover { }

#sidebar_grem h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	font-style:italic;
	font-weight:normal;
	color:#666666;
	padding :10px 0 10px 0;
	margin-top:30px;
}

#sidebar_grem img {
	margin:0 5px 7px 0;
	padding:0;
	clear:none;
}

.extra {
	text-align: right;

	padding:8px;

	font-size:1.8em;
	font-family: "Times New Roman", times;
	margin:0px;
	color: #AAA;
	line-height: 25px;
	background: #FFF;
}
.extra h3 { color: #CCD8E1;  margin-bottom: 5px; font-size: 1.2em; background: #FFF }
.extra a { color: #8FB9DB; text-decoration: none; font-style: italic; background: #FFF }
.extra p { margin-top: 15px; background: #FFF }

/* ----------------------------------- footer */
#footer { clear: both; 	border-top: 3px solid #f18e00; margin: 3em 0 3em 0; color: #777; font-size: 0.8em; background: #FFF; padding: 10px 0 0 0; }
#footer .right  { float: right; text-align: right; background: #FFF; }
#footer a { text-decoration: none; background: #FFF }

/* ----------------------------------- comments */
/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

a img
{
border:none;
}

.post{margin:0 0 25px 0; //margin: 36px 0 0 0;}

*html*.post { margin: 36px 0 0 0; }


.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:14pxem;
color:#505050;
}

.post .info a, .post .info a:visited , .post .info a:hover
{
text-decoration:none;
}

.post h2 a, .post h2 a:visited
{
text-decoration:none;
}

.post h2 a:hover
{
text-decoration:underline;
}

/* ROUNDED CORNERS FOR TABBED MENU */

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}