/**
Theme Name: Trilo
Author URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description: Magazine theme
*/

/* -------------------------------------- */

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}

body {
	width:972px;
	height:100%;
	padding:0;
	margin:0 auto;
	vertical-align:top;
	background-color:#f7f7f6;
        font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
       	letter-spacing:1px;
       	font-size: 12pt;
       	line-height:1.5em;   
	color:#292929;
}

#containment {
    	left:50%;
   	position:static;
	vertical-align:top;
	text-align:left;
	margin:0 auto;
	padding:0;
}

p {
       	margin:0px;
      	padding:0px;
}

a {
	text-decoration: none; 
}

a.r:link {
	color:#dc8334; 
	text-decoration: none; 
}

a.r:visited {
	color:#dc8334; 
	text-decoration: none; 
}

a.r:hover {
	color:#e4934b;
	text-decoration: none;
}

a.r:active {
	color:#dc8334; 
	text-decoration: none;
} 



/* header */

#logo {
    	height:100px;
    	width:367px;
    	margin-top: 20px;
    	margin-bottom: 20px;
    	text-align:left;
   	background-image: url(images/logo_lf.png);
}

#header { 
   	 padding:0;
}

#navigation {
	background:#37342b url(images/nav-bg.png) repeat-x 0 0;
	width:955px;
	height:42px;
	overflow:hidden;
	position:relative;
	padding:0 9px;
    	margin-bottom: 24px;
}

#menu-top-left, #menu-top-right {
	background:#37342b url(images/nav-bg.png) no-repeat;
	position:absolute;
	height:42px;
	width:9px;
	top:0;
}

#menu-top-left {
	background-position:0 -42px;
	left:0;
}

#menu-top-right {
	background-position:0 -84px;
	right:0;
}


/* container */

#container { 
   	 padding-bottom:20px; 
}


/* content */

#content {
	float:left;
	width:760px;
}


/* featured */

#featured-post-wrap {
	width:740px;
	position:relative;
	padding:20 17 10 16;
	margin:0px 10px 50px 1px;
	background-color:#f4f2f1;
	border: solid 1px #F58423;
	color:#202020;
	/* Do rounding (native in Firefox and Safari) */
   	 -webkit-border-radius: 15px;
    	-moz-border-radius: 15px;

}

#featured-post {
	margin:0 auto;
	z-index:1;
}

.featured-item {
	background-color:#f0f0f0;
}

.featured-thumb {
	background-color:#f0f0f0;
	padding:5px;
	border:1px solid #efecde;
	margin-right:5px;
	float:left;
	width:304px;
}

.featured-item .title {
	padding-bottom:8px;
	border-bottom:1px solid #CFCFCF;
	margin-bottom:11px;
	clear:left;
	font-size:24px;
	font-weight:normal;
	font-style:italic;
	color:#1599AF;
}

.featured-item .title a { 
	color:#1599AF;
}

.featured-item .title a:hover {
	color:#1092a7;
}

.featured-item .entry {
	color:#0F0E0B;
        margin-left:3px;
}


.featured-item .entry a { 
	color:#F56C21;
}

.featured-item .entry a:hover {
	color:#FF7800;
}

.featured-item .sig {
     	font-family: Arial, Helvetica, sans-serif;
     	font-style: italic;
     	letter-spacing:.2px;
    	color:#505050;
    	padding-top:2px;
}

.featured-item .featured {
	margin:0;
	padding:0;
	background:none;
	float:left;
}


/* posts */

.pagetitle {
        font-style:italic;
	font-weight:normal;
	font-size:22px;
       	line-height:24px;
	color:#1092a7;
}

.post {
	padding:10 10 10 10;
	margin-bottom:45px;
        margin-left:7px;
}

.post a { 
	color:#098D9F;
}

.post a:hover {
	color:#159CAF;
}

.post .title, .title-404 {
	padding-bottom:8px;
	border-bottom:1px solid #e4dfdb;
	margin-bottom:11px;
        font-style:italic;
	font-weight:normal;
	font-size:22px;
        line-height:24px;
	color:#1092a7;
        letter-spacing:1px;
}

.post .entry {
	clear:both;
        margin-left:3px;
        padding-bottom:15px;
        border-bottom:1px solid #e4dfdb;
}

.post p {
       	margin:0px;
       	padding-bottom:0px;
}

.post .entry a {
     	text-decoration:none;
     	color:#EF780E;
}

.post.entry a:hover { 
    	color:#d37c2e;
    	text-decoration:none;
}

.no-image {
        padding:0 0 7 3 !important;
}

#post-pages {
	margin-bottom:8px;
	font-size:13px;
}

.post .thumbnail {
	background:#fff;
	float:left;
	padding:5px;
	display:inline;
	margin-left:-104px;
	border:1px solid #cfcdc5;
}



/* meta */

.meta {
	color:#656058;
        font-size:11px;
	font-style:italic;
	float:right;
	line-height:38px;
}

.meta .inner, .date-post, .categories-post, .read-more {
        position:relative;
}

.meta .inner {
	height:37px;
	overflow:hidden;
}

.date-post, .categories-post, .read-more {
       	 z-index:2;
}

.meta a, .meta .categories-post {
        color:#656058;
}

.meta a:hover {
        color:#34332a;
}

.meta a.read-more {
       	color:#656058;
}

.meta-shadow {
	position:absolute;
	top:1px;
	left:1px;
	z-index:1;
	color:#ae1414;
}


/* wp-pagenavi */

#wp-pagenavi-wrapper {
	clear:both;
	position:relative;
	height:30px;
}

.wp-pagenavi {
	padding-top:9px;
	font:normal 11px;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	background:#ede8d4 !important;
	color:#7b6d3b !important;
	text-transform:uppercase;
	padding:7px 9px !important;
	border-color:#cac3a5 !important;
}

.wp-pagenavi a:hover { 
        color:#000 !important;
}


/* sidebar */

#sidebar {
	float:right;
	width:155px;
	overflow:hidden;
	display:inline;
        margin-right: 11px;
}

.widget {
	margin-bottom:18px;
}

.widget-title {
	font-size:12pt; 
        font-style:italic;
        font-weight:lighter;
	color:#EF780E;
        margin-bottom: 5px;
}

.widget ul li {
        font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
       	letter-spacing:1px;
       	font-size: 9pt;
       	line-height:1.2em; 
	color:#383838;
        padding: 3 0 4 2;
	border-bottom:1px solid #d3d3d3;
        margin-bottom: 6px;
}

.widget ul ul { 
        padding-left:15px;
}

.widget ul li li {
	border-top:1px solid #d3d3d3;
	border-bottom:none;
}

.widget a { 
        color:#656058;
}

.widget a:hover {
        color:#34332a;
}


/* footer */

#footer {
	text-align:center;
	font-size:11px;
	font-family:Arial,Verdana,Tahoma;
	color:#8b8b8b;
	padding:25px;
        padding-bottom:10px;
}

#footer p { 
       	margin-top:25px; 
}

#footer a { 
	color:#F56C21;
}

#footer a:hover {
	color:#FF833F;
}

#sponsor {
	font-size:12px;
	color:#585858;
}