/*
Theme name: Lypo
Description: My take on Style 8 theme
Version: 1.0
Author: Lypophrenia
Author URI: http://www.lypophrenia.com
Tags: lypophrenia
*/

/* Wordpress default styles */
@import url('wp-default.css');

/* 960 Grid System - http://960.gs/ */
@import url('960.css');

/* Theme styles */
* { padding: 0; margin: 0; outline: 0; }

html, body { height: 100%; }

body {
    font-size: 14px;
    line-height: 1.3;
    font-family: "Myriad Pro", "myriad-pro-1", "myriad-pro-2", "Gill Sans", Arial, "Trebuchet MS", Tahoma, Sans-Serif;
    color: #3a3937;
    background: #f9f5e4 url(images/main-bg.jpg) no-repeat center 0;
    text-align: left;
}
/*
	Color Schemes : red, light
*/

a img { border: 0; }
a { color: #0588cc; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

form * { font-family: "Myriad Pro", "Gill Sans", "Trebuchet MS", Tahoma, Sans-Serif; }
form .button { cursor: pointer; }
.field { border: solid 1px #e1ddcc; background: #fff; font-size: 14px; font-family: "Myriad Pro", "Gill Sans", "Trebuchet MS", Tahoma, Sans-Serif; padding: 8px 10px; width: 247px; }
textarea.field { height: 158px; }
select.field { width: 269px; }

#page { position: relative; min-height: 100%; width: 100%; }

#main { padding-top: 37px; }

#upperbar { height: 43px; position: absolute; top: 0; left: 0; width: 100%; z-index: 11; }
#upperbar .bg { height: 37px; background: url(images/upperbar.png) repeat-x 0 0; padding-bottom: 6px; font-size: 12px; color: #b0ab99; }
#upperbar .container_16 { height: 37px; line-height: 37px; background: #494740; }
#upperbar a { color: #b0ab99; }
#upperbar span { margin: 0 9px; }

#header { padding: 31px 0 27px; }
#header .ad { width: 468px; height: 60px; float: right; display: inline; margin-top: 4px; }

#logo { float: left; display: inline; width: 400px; height: 78px; font-size: 0; line-height: 0; }
#logo a { display: block; height: 78px; text-indent: -4000px; background: url(images/logo_large.png) no-repeat 0 0; }

#top { height: 100%; position: relative; z-index: 100; }

#main-nav { background: #b7b3a2; padding: 3px; font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 22px; height: 100%; position: relative; z-index: 100; }
#main-nav ul { float: left; display: inline;  }
#main-nav ul li { float: left; display: inline; padding-right: 2px; background: url(images/main-nav-sep.gif) no-repeat right 0; height: 43px; line-height: 43px; position: relative; }
#main-nav ul li { list-style-type: none !important; }
#main-nav ul li.top-last { padding-right: 0; background: none !important; }
#main-nav ul li a { float: left; display: inline; color: #fff; padding: 0 16px; }
#main-nav ul li a.active,
#main-nav ul li a:hover,
#main-nav ul li a.hover { background: #3a3937; text-decoration: none; }
#main-nav ul li a span { float: left; display: inline; position: relative; margin-bottom: -9px; padding-bottom: 9px; background: none; }
#main-nav ul li a.active span,
#main-nav ul li a.hover span { background: url(images/main-nav-arrow.gif) no-repeat center bottom; }
#main-nav ul li ul { position: absolute; top: 48px; left: 0; float: none; display: block; font-size: 14px; font-weight: normal; width: 160px; display: none; z-index: 102; }
#main-nav ul li ul li { float: none; display: list-item; background: #6b6859 !important; padding-right: 0; border-bottom: solid 1px #918e7f; }
#main-nav ul li ul li.last { border-bottom: none; }
#main-nav ul li ul li a { float: none; display: block; padding: 0; width: 160px; height: 100%; position: relative; }
#main-nav ul li ul li a span { padding-left: 16px; padding-bottom: 0; margin-bottom: 0; float: none; display: block; }

/*#featured { background: #fff; height: 100%; position: relative; margin-bottom: 46px; }
#featured .image { padding: 12px; width: 319px; height: 286px; float: left; display: inline; }
#featured .image img { width: 319px; height: 286px; display: block; }
#featured .ribbon { display: block; width: 113px; height: 113px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/ribbon-featured.png); }
#featured .ribbon { position: absolute; top: 0; left: 0; z-index: 50; }
#featured .cnt { float: right; display: inline; width: 243px; height: 270px; background: #3a3937; padding: 20px 27px; color: #f6f0d2; }
#featured .cnt h2 { font-size: 40px; font-weight: bold;  line-height: 42px; margin-bottom: 15px; }
body.default #featured .cnt h2 a { color: #f6f0d2; }
body.red #featured .cnt h2 a { color: #fff; }
body.red #featured .cnt { float: right; display: inline; width: 243px; height: 270px; background: #3a3937; padding: 20px 27px; color: #fff; }
body.light #featured .cnt h2 a { color: #fff; }
#featured .paging { position: absolute; bottom: -20px; right: 38px; }
#featured .paging a { float: left; display: inline; width: 40px; height: 40px; padding-left: 20px; text-align: center; background: url(images/fpaging.gif) no-repeat 0 0; }
#featured .paging a { font-size: 22px; font-weight: bold; color: #2f2f2f; line-height: 40px; text-shadow: #a4a4a4 1px 1px 1px; }
#featured .paging a.active,
#featured .paging a:hover { background-position: 0 bottom; text-decoration: none; }*/

.posts { padding: 17px 7px; background: #ede9d9; }

.posts .post { float: left; display: inline; height: 352px; background: #fff; width: 293px; margin: 0 10px 20px; position: relative; overflow: hidden; }
.posts .post img { display: block; height: 148px; width: 293px; }
.posts .post img.large_post_img  { display: block; height: 270px; width: 293px; margin-bottom:25px; }
.posts .post .cnt { padding: 10px 13px; }
.posts .post h3 { font-size: 24px; font-weight: bold; line-height: 28px; margin-bottom: 8px; }
.posts .post h3 a:hover { text-decoration: none; border-bottom: solid 1px #A19E96;  }
.posts .post .meta { position: absolute; bottom: 0; left: 0; border-top: solid 1px #e4e4e4; width: 100%; background: #fff; line-height: 23px; font-size: 12px; color: #87847d; }
.posts .post .more { position: absolute; bottom: 48px; right: 8px; padding: 0 10px; color: #f6f0d2; font-weight: bold; background: #3a3937; font-size: 14px; border: solid 3px #FFF; opacity: 0.9;}
.posts .post .more:hover { color: #fff; background: #0588cc; text-decoration: none; opacity: 1; }

.recent-posts .post { padding: 0px 0 19px; margin: 0; width: auto; height: auto; float: none; display: block; background: none; }
.recent-posts .post img { width: 73px; float: left; display: inline; border: solid 4px #fff; }
.recent-posts .post h3 { font-size: 16px; line-height: 18px; margin-bottom: 8px; font-weight: bold; }
.recent-posts .post .cnt { float: right; display: inline; width: 150px; padding: 0; font-size: 12px; } 

.blog-nav { margin: 0 10px; padding-bottom: 8px; text-align: center; }
.blog-nav a { float: left; display: inline; width: 96px; height: 31px; line-height: 28px; font-size: 18px; color: #fff; text-align: center; }
.blog-nav a:hover { background-position: 0 bottom !important; text-decoration: none; }
.blog-nav span.next a { background: url(images/blog-nav-prev.gif) no-repeat 0 0; }
.blog-nav span.prev a { float: right; display: inline; background: url(images/blog-nav-next.gif) no-repeat 0 0; }

#sidebar #searchform { padding: 9px; background: #3a3937; margin-bottom: 18px; }
#sidebar #searchform .field { border: 0; font-size: 12px; color: #3a3937; padding: 11px 10px; background: url(images/search-field.gif) repeat-x; width: 189px; float: left; display: inline; }
#sidebar #searchform .button { display: block; width: 36px; height: 36px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/search-button.gif) no-repeat 0 0; }
#sidebar #searchform .button { float: left; display: inline; margin-left: 13px; border: 0; }

.comm-links { padding: 13px 16px; background: #ede9d9; margin-bottom: 20px; }

.widget { background: #ede9d9; border-bottom: solid 1px #e7e3d2; margin-bottom: 20px; }
.widget .widgettitle { background: #3a3937; font-size: 20px; font-weight: bold; color: #f6f0d2; padding: 5px 10px 5px 20px; height: 100%; }
.widget .widgetcontent { background: url(images/widgetcontent.gif) no-repeat 45px 0; height: 100%; }

.separator { display: block; height: 2px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/separator.gif) repeat-x 0 0; }
#wp125adwrap_2c div { float: left; display: inline; padding: 7px !important}

.akpc-widget p ,
.widget li 
{ font-size: 16px; font-weight: bold; color: #3a3937; line-height: 18px; padding: 13px 16px; list-style-type: none; background: url('images/separator.gif') 0 bottom repeat-x;}

.widget li.last-child {
    background: none;
}

.akpc-widget li a,
.akpc-widget p a 
{ color: #3a3937; text-decoration: none; }

.akpc-widget p a:hover ,
.akpc-widget li a:hover 
{ text-decoration: underline; }

#single { background: #ede9d9; padding: 17px; margin-bottom: 20px; }
#single .post { background: #fff; padding: 23px; height: 100%; }
#single .post .entry { clear: both; font-size: 16px; line-height: 24px; padding-bottom: 16px; }
#single .post .entry p { margin-bottom: 24px; }
#single .post .comments-num { float: right; display: inline; width: 80px; height: 90px; background: url(images/comments-num.gif) no-repeat 0 0; padding: 21px 0 0 11px; }
#single .post .comments-num { position: relative; margin-top: -40px; text-align: center; font-size: 12px; color: #efead6; }
#single .post a.comments-num, #single .post a.comments-num:hover { text-decoration:none; color: #efead6; }
#single .post .comments-num span { font-size: 36px; font-weight: bold; display: block; line-height: 40px; }
#single .post > h2 { font-size: 36px; color: #0588cc; line-height: 1; margin-bottom: 5px; }
#single .post .author { font-size: 12px; margin-bottom: 15px; }
#single .post .meta .row { background: url(images/meta-a1.gif) no-repeat 0 0; height: 31px; line-height: 31px; padding-left: 7px; margin-bottom: 10px; width: 493px; position: relative;}
#single .post .meta .row .title,
#single .post .meta .row .text { float: left; display: inline; padding: 0 20px 0 10px; }
#single .post .meta .row .title { background: #878278 url(images/meta-a2.gif) no-repeat right 0; color: #fff; }
#single .post .meta .row .text { background: #ede9d9 url(images/meta-a3.gif) no-repeat right bottom;  }
#single .post .meta .row p.post_tags { line-height: 13px; height: 27px; letter-spacing: 1px; position: absolute; left: 65px; top: 0px; padding-top:4px;}


#respond { padding: 30px 40px; background: #ede9d9; margin-bottom: 20px; }
#respond form { background: url(images/respond-bg.gif) no-repeat right 0; height: 100%; }
#respond h3 { font-size: 24px; font-weight: normal; margin-bottom: 30px; }
#respond form label { display: block; padding: 9px 0 8px; }
#respond form .col { float: left; display: inline; width: 269px; margin-right: 22px; }
#respond form .button { float: right; display: inline; margin-top: 25px; background-color: #3a3937; border: 0; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 25px; }
#respond form .button:hover { background-color: #D15700; }

h3#comments { font-size: 18px; font-weight: bold; color: #ede9d9; background: #222120; padding: 23px; height: 100%; }
h3#comments span { color: #878278; }

.commentlist li { list-style-type: none; }
.commentlist .comment { border-top: solid 1px #686761; background: #3a3937; height: 100%; }
.commentlist .comment-body { padding: 25px; color: #fff; font-size: 14px; line-height: 18px; color: #ede9d9; height: 100%; }
.commentlist .depth-1 .comment-body { background: none; }
.commentlist .depth-2 .comment-body { padding-left: 83px; background: url(images/comments-depth.gif) no-repeat 41px 13px; }
.commentlist .depth-3 .comment-body { padding-left: 129px; background: url(images/comments-depth.gif) no-repeat 84px 13px; }
.commentlist .depth-4 .comment-body { padding-left: 187px; background: url(images/comments-depth.gif) no-repeat 144px 13px; }
.commentlist .avatar { float: right; display: inline; border: solid 5px #fff; margin-left: 38px; }
.commentlist .comment-author { margin-bottom: 10px; }
.commentlist .comment-author p { font-size: 16px; color: #878278; }
.commentlist .comment-author p strong { color: #ede9d9; }
.commentlist .comment-meta { font-size: 12px; color: #878278; margin-top: 25px; }
.commentlist .reply { float: right; display: inline; margin-top: 20px; }
.commentlist .reply a { display: block; line-height: 28px; width: 80px; background: #000; text-align: center; color: #878278; }

.excerpt-handler {
    height: 200px;
    overflow: hidden;
}

.feat-cont {
    position: relative;
    height: 310px;
}
.feat-cont h2 a {
    color: #F6F0D2;
}
.feat-fragment {
    position: absolute;
    top: 0;
    left: 0;
}
.widgetcontent {
    padding: 13px;
}

.excerpt, .entry {
	font-family: "adobe-text-pro-1","adobe-text-pro-2", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing: 0.1em;
	color: #000;
}
.excerpt {
	font-size: 1em;
}
.entry {
	font-size:	1em;
}
.excerpt p {
	margin: 0.4em 0 0.8em;
	text-indent: 1em;
	line-height: 1.4em;
}
/*.excerpt p:first-letter {
	font-size:2.2em;
	font-style: italic;
	display:block;
	float:left;
	margin: 0.15em 4px 0;
}*/
.entry img {
	margin:	5px 0 8px;
	border:4px solid #eee;
}
.entry img.alignleft {
	float:left;
	margin-right: 7px !important; 
}
.entry img.alignright {
	float:right;
	margin-left: 7px !important;
}
.entry p, .entry ul, .entry ol, .entry form{margin:1.5em 0 1em;}
.entry ul{list-style-position:outside;list-style-type:disc;line-height:1.5;}
.entry li{margin-bottom:.75em;}
.entry ol{list-style-position:outside;list-style-type:decimal;}
.entry blockquote{padding:0 1.8em 0 0.8em;color: #6e6e6e;font-style:italic;line-height:1.6em;margin:1.5em 0 1.2em;}
.entry blockquote p{margin:0;}
/*.entry blockquote:before{font-family:Georgia, serif; content: "“"; font-size:2.75em;text-indent:-.8em;margin-top:.1em;float:left;opacity:.3;}*/
.entry cite{display:block;text-transform:uppercase;letter-spacing:.2em;margin-top:1.5em;margin-left:1em;font-weight:900;font-style:normal;font-size:.8em;}
.entry cite:before{content:"— ";margin-left:-3.4em;margin-right:.9em;opacity:.3;}
.entry pre{margin:1.5em;}
.entry dl{margin:1.75em 0 1.75em;}
.entry dt{font-style:italic;margin-top:1.25em;font-size:1.13em;font-weight:700;border-bottom:1px solid #999;background:#DDD;}
.entry dd{font-style:italic;font-size:.85em;margin-top:1em;line-height:1.6em;}
.entry abbr{text-transform:uppercase;font-size:.9em;letter-spacing:.1em;}
.entry p {margin-bottom:0;hyphenate: auto;hyphenate-before:2;hyphenate-after:3;hyphenate-lines: 3;orphans:4}
.entry p span.pullquote{text-indent:0;}


/* PAGE/COMMENT NAVIGATION */
.page-navigation, .comment-navigation {
	color: #878278;
	font-size: 14px;
	text-align: center;
}
.page-navigation a, .page-navigation span.current, .comment-navigation a, .comment-navigation span.current, .comment-navigation span.dots {
  float: left; display: inline; width: 22px; height: 29px; line-height: 26px; font-size: 14px; text-align: center; margin: 0 6px;
  color: #0072cf;  
}
.page-navigation a, .comment-navigation a {
  text-decoration: none;
  border: 1px solid #ddd;
}
.page-navigation a:hover, .comment-navigation a:hover {
  border: 1px solid #D15700;
  color: #FBFBFB;
  background-color: #D15700;
}
.page-navigation span.current, .comment-navigation span.current{
  border: 1px solid #878278;
  color: #FBFBFB;
  background-color: #A19E96;
}
.page-navigation a.first, .page-navigation a.last {
	width: 50px;
}
.page-navigation span.extend {
  float: left; display: inline; width: 22px; height: 31px; line-height: 28px; font-size: 14px; text-align: center; margin: 0;
  color: #0072cf;  
}

/* tag cloud */
#tag_cloud-3{text-align:justify;line-height:150%;}
#tag_cloud-3 a{vertical-align:middle;text-decoration:none;padding:0 0.2em;letter-spacing:-0.02em;}
#tag_cloud-3 a:hover{background-color:#CAD100;color:#000;}

.social { clear: both; margin: 2px 0 15px 0; display:block; border-top-width: 1px; border-top-style: solid; border-top-color: #e1ddcc; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e1ddcc; position: relative; }	
.social .twitter { position: absolute; right:0; bottom:0; margin:5px 0px; }
.social .facebook { margin: 5px 0px;}

.widget input#lwa_wp-submit { display: inline; background-color: #3a3937; border:0; color: #fff; padding: 0.2em 0.4em; margin: 1px 0; cursor: pointer;}
.widget input#lwa_wp-submit:hover { background-color:#CAD100; color:#000; }

#outbrain_widget_0 { font-family: "Myriad Pro", "myriad-pro-1", "myriad-pro-2", "Gill Sans", Arial, "Trebuchet MS", Tahoma, Sans-Serif; font-size:0.8em; border-top-width: 1px; border-top-style: solid; border-top-color: #e1ddcc; padding:5px; }
#outbrain_widget_0 #whatIsSpan, #outbrain_widget_0 #outbrain_whatIs_0_box , #outbrain_widget_1 #outbrain_whatIs_1_box  {display:none;}
#outbrain_widget_0 a.strip-rec-link-title {color: #0588CC} 


/* Footer Specific */
#footer { width: 100%; z-index: 11; font-size: 12px; color: #b0ab99; }

#footer .bars { /* height: 480px; */background: #3a3937 url(images/footer-bars.jpg) repeat-x center 0; padding-bottom: 50px;}
#footer .bars .container_16 { background: #3a3937 url(images/footer-bars.jpg) repeat-x center 0; padding-top: 40px; height: 440px; }
#footer .bar > div { padding: 5px; }
#footer .bar .bg { background: url(images/footer-bar-bg.png) repeat; height: 100%; padding: 0; }
#footer .bar h2 { background: #222120; font-size: 16px; font-weight: normal; color: #ffffff; line-height: 36px; padding: 0 15px; }
#footer .bar h2 .ico-flickr { float: right; display: inline; margin-top: 9px; }
#footer .ico-rss  { float: right; display: inline; margin: 0 0 3px 5px; }
#footer .bar .cnt, #footer ul.widgets-list-layout { background: url(images/footer-bars-arrow.gif) no-repeat right 0; overflow:hidden; }

#footer .bar .more { float: right; display: inline; font-size: 12px; color: #8d877b; text-decoration: none; line-height: 22px; padding: 0 20px; background: #222120; }

#footer .about { font-size: 14px; color: #f9f5e4; line-height: 18px; }
#footer .about .cnt { background-position: 30px 0; padding: 10px 15px; }
#footer .about p { margin-bottom: 18px; }
#footer .about .avatar { display: block; border: solid 4px #464542; position: relative; float: right; display: inline; margin-top: -32px; margin-bottom: 15px; }

#footer .flickr-gallery .cnt { padding: 20px 14px 10px 0; }
#footer .flickr-gallery .image { float: right; display: inline; margin: 0 0 14px 14px; }

#footer .comments .comment, #footer .widgets-list-layout li  { line-height: 18px; padding: 15px 14px; border-bottom: solid 1px #52514f; }
#footer .widgets-list-layout li  { margin-bottom: 3px;}

body.default #footer .comments .comment .author, body.default #footer .comments .comment .author a, body.default #footer .widget_archive li a, body.default #footer .widgets-list-layout li a { font-size: 14px; color: #f9f5e4; }
body.default #footer .comments .comment a {font-size: 12px; color: #8d877b;}

#footer .disc-posts .txt { padding: 15px 14px; border-bottom: solid 1px #52514f; font-size: 14px; color: #f9f5e4; }
body.default #footer .disc-posts .txt a { color: #f9f5e4 }

 
#footer .copy { font-size: 12px; color: #595754; background: #0f0f0f; text-align: right; }
#footer .copy p { padding: 17px 0; }

#footer .powered { color: #b0ab99; }
#footer .powered a { color: #b0ab99; }
#footer .powered, #footer .powered .container_16 { background: #222120;  }
#footer .powered .right { float: right; display: inline; }
#footer .powered .grid_16 { padding: 31px 0; }
#footer .powered p span { margin: 0 8px; }

#footer .widget_archive li {padding: 4px 0px; color: #f9f5e4; list-style-type: none; }