/******************************************************************
Theme Name: Easy
Theme URI: http://plus62.me
Description: A Good looking theme.
Author: Anggun Pribadi
Author URI: http://plus62.me
Version: 1.10
License: GNU General Public License
License URI: license.txt
Tags: light, white, gray, one-column, two-columns, fixed-width, flexible-width, responsive, custom-menu, editor-style, featured-image-header, featured-images, post-formats, theme-options
******************************************************************/
/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/
body {
background:#f8f8f8;
-webkit-text-size-adjust : 100%; /* font size on apple devices */
-ms-text-size-adjust : 100%; /* font size on windows devices */
font-size:14px; line-height: 1.5em; font-family:Georgia, "Times New Roman", Times, serif;
}
#container, .wrap {
width: 100%;
margin: 0 auto;
}
/* default styles & fixes */
#main { margin-left: 0; } /* fixes alignment (defaulted at col620) */
#sidebar1 { margin-right: 0; } /* fixes alignment (defaulted at col300) */
/******************************************************************
LINK STYLES
******************************************************************/
a{ color: #f26535; text-decoration: none; }
a:hover { color: #222; text-decoration: underline; }
a:active { color: #f26535; }
a:link {-webkit-tap-highlight-color: #f26535; }
/******************************************************************
TEXT SELECTION STYLES
******************************************************************/
/* Safari, Chrome, iPhones, iPads */
::-webkit-selection {
background: #6fc2f6;
color:#fff;
text-shadow : none;
}
/* Firefox */
::-moz-selection {
background: #6fc2f6;
color:#fff;
text-shadow : none;
}
/* The Rest of em */
::selection {
background: #6fc2f6;
color:#fff;
text-shadow : none;
}
/* new browser classes */
body.browser-lynx {} /* lynx browsers */
body.browser-gecko {} /* firefox browsers */
body.browser-opera {} /* opera browsers */
body.browser-ns4 {} /* ns4 browsers */
body.browser-safari {} /* safari browsers */
body.browser-chrome {} /* chrome browsers */
body.browser-ie {} /* ie browsers ( aka dinosaurs) */
body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */
/******************************************************************
HEADLINES & TITLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5{ font-family:'Rosario', Arial, Helvetica, sans-serif; letter-spacing:-.05em; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { color:#222222; text-decoration: none; }
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a :hover{ color:#f26535; text-decoration: none; }
h1, .h1 { font-size:2.308em; line-height: 1.25em; margin-bottom:0.75em; /*font-weight:bold;*/ }
h2, .h2 { font-size: 1.75em; line-height: 1.333em; margin-bottom:0.5em; }
h3, .h3 { font-size: 1.125em; line-height:1.5em; margin-bottom:0.5em; }
h4, .h4 { font-size: 1.1em; /*font-weight: 700;*/ margin-bottom:0.5em; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }
/******************************************************************
HEADER SYTLES
******************************************************************/
header[role=banner] { border-top:#222 4px solid; width:100%; margin:0; }
header #inner-header{ background:#fff ; border-bottom:#f6f6f6 4px solid; width:966px; margin: 0 auto; }
#logo { font-family:'Rosario', Arial, Helvetica, sans-serif; font-size:36px; letter-spacing:-3px; /*text-transform:uppercase; */padding:30px 0 20px 0; margin:0 20px; max-width:600px; float:left; }
#logo a { color:#f26535; font-weight:bold; text-shadow:2px 2px 0 #e9e9e9; line-height:60px; text-decoration:none; }
.social{ float:right; margin:50px 20px 0; }
.social ul{ margin:0; }
.social ul li{ float:left; }
.social a{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; line-height:14px; font-size:12px; color:#ddd; margin-left:10px; padding:5px 4px 2px; }
/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
.menu { margin: 1.1em 0 0; font-family: sans-serif; }
.menu ul { }
.menu ul li { list-style-type: none; float: left; position:relative; }
.menu ul li a { display: block; text-decoration: none; }
.menu ul li:last-child a {}
.menu ul li a:hover { }
.menu ul li.current-menu-item a, .menu ul li.current_page_item a {}
.menu ul li ul.sub-menu { position: absolute; left: -9999em; z-index: 9999; width: 200px; }
.menu ul li ul li a { width: 160px; }
.menu ul li ul li a:hover { }
.menu ul li ul li:last-child a {}
.menu ul li:hover ul { left: auto; }
.menu ul li ul li ul.sub-menu { display:none; position: absolute; margin-left: 200px; top: 70%; margin-top: -30px; }
.menu ul li ul li:hover > ul.sub-menu { display:block; left: auto; }
/*#top-navigation{ background:#151515; padding:0; }
#top-navigation .menu{ margin:0 auto; width:940px; }
#top-navigation .menu ul li a { color:#555; padding:5px 20px; border-right:#212121 1px solid; }
#top-navigation .menu ul li:first-child a{ border-left:#212121 1px solid; }
#top-navigation .menu ul li a:hover, .menu ul li.current-menu-item a { color:#fefefe; }
#top-navigation .menu ul li ul { background:#151515; }
*/
nav[role=navigation] { border-top:#eee 1px solid; border-bottom:#e1e1e1 1px solid; margin-bottom:-1px; padding-top:0; }
nav[role=navigation] .menu{ margin-top:0; float:left; }
nav[role=navigation] .menu > ul {
}
nav[role=navigation] .menu ul li { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:13px; text-transform:capitalize; font-weight:500; }
nav[role=navigation] .menu > ul > li { /*background:url(library/images/separator.png) 100% 15px no-repeat;*/ }
nav[role=navigation] .menu ul li a { color:#aaa; padding: 12px 20px;}
nav[role=navigation] .menu ul li a:hover, nav[role=navigation] .menu ul li.current-menu-item a, nav[role=navigation] .menu ul li.current-page-item a, nav[role=navigation] .menu ul li.current-category-item a, nav[role=navigation] .menu ul li.current-category-ancestor a{ color:#222; }
nav[role=navigation] .menu > ul > li > a { border-right:#eee 1px solid; }
nav[role=navigation] .menu ul li a:hover {
}
/*nav[role=navigation] .menu ul li.current-menu-item, .nav ul li.current_page_item, nav[role=navigation] .menu > ul > li:hover{ border-bottom:#b33222 4px solid; margin-bottom:-4px; }*/
nav[role=navigation] .menu ul li ul.sub-menu { background:#fff; border:#e1e1e1 1px solid; }
nav[role=navigation] .menu > ul > li > ul.sub-menu { background:#fff url(library/images/hatch1.png) left -4px repeat-x; }
nav[role=navigation] .menu ul li ul li a { font-family:'Droid Sans', Arial, Helvetica, sans-serif; text-transform:none; border-bottom:#eee 1px solid; padding: 10px 0; margin:0 20px 0 20px;}
nav[role=navigation] .menu ul li ul li a:hover {}
nav[role=navigation] .menu ul li ul li:last-child a {}
nav[role=navigation] .menu ul li:hover ul { }
nav[role=navigation] .menu ul li ul li ul.sub-menu { }
nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { }
nav[role=navigation] #searchform{ width:292px; border-left:#eee 1px solid; float:right; padding:6px 0 7px 10px !important; }
nav[role=navigation] #searchform #searchsubmit{ background:url(library/images/searchbtn.png) right top no-repeat; text-indent:-9999px; border:none; width:30px; height:30px; position:absolute; top:10px; right:12px; }
/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/
#content { width:966px; margin: 0 auto; }
#main { width:634px; float:left; padding:30px 0; }
#main h4.section{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; color:#222; font-weight:normal; text-transform:uppercase; line-height:10px; margin-bottom:20px; letter-spacing:0;}
#main h4.section span{ padding:0 10px 0 0;}
/*article.post { padding:0 0 30px 0; }*/
/* archive title */
.archive_title { padding: 0 20px; margin: 1.1em 0 0.75em; }
/* post meta information */
/*.meta { font-size:.75em; font-style:italic; line-height:1.75em; color: #999; margin: 0.875em 0; }*/
.meta { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#888888; font-style:normal; margin-top:0; margin-bottom:20px; }
.meta a{ color:#888888; }
.post_content {}
/* typographical styles */
.bypostauthor {}
.post_content p { margin:0 0 1.25em 0 ; }
.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
.post_content li { margin-bottom: 0.75em; }
.post_content ul li { list-style-type: disc; }
.post_content ol li { list-style-type: decimal; }
.post_content blockquote { background:#fcfcfc; font-size:1.143em; font-style:italic; line-height:1.6em; margin: 1.5em 0 ; padding:1em 1.5em 0.3em ; border-left:#f1f1f1 2px solid; }
.post_content dl { margin:1.75em 0 1.75em; }
.post_content dt { font-style:italic; margin-top:1.25em; font-size:1.13em; font-weight:700; border-bottom:1px solid #999; background:#DDD; }
.post_content dd { font-style:italic; font-size:.85em; margin-top:1em; line-height:1.6em; }
.post_content img {}
.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
/* image alignment & styles */
.post_content img { margin: 0 0 1.5em 0; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.alignnone, img.alignnone {} /* i'm unsure of this style */
/* wp caption styles */
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { font-size:.8em; font-style:italic; margin:.6em 0 -.2em; }
/* misc styles */
.wp-smiley { margin: 0 !important; max-height: 1em; }
/* image gallery styles */
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
/* want to style individual post classes? Booya! */
.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */
article[id*=post-] footer { clear: both; margin: 1.5em 0 0; }
/* Single post style */
.single .post, .page .type-page{ background:#fff; border-bottom:#eee 1px solid; padding:20px 0 0; }
.single .post h1{ margin-bottom:5px; }
.single .post img, .page .type-page img{ max-width:100%; height:auto; }
.page .type-page header, .page .type-page section, .page .type-page footer,
.single .post header, .single .post section, .single .post footer{ padding-left:20px; padding-right:20px;}
.single .post header, .page .type-page header{ background:url(library/images/hatch1.png) left bottom repeat-x; padding-bottom:10px; }
.single .post section, .page .type-page section{ background:#fff; padding-top:23px; margin-top:-3px;}
.single-post-thumb{ width:100%; margin-bottom:30px; }
/* Home post style */
.post-home{ background:#fff; margin-bottom:30px; width:262px; float:left; margin-right:30px; position:relative; border-bottom:#eee 1px solid; padding:0 20px !important; min-height:140px; }
.post-home:nth-child(2n + 1) { margin-right:0; }
.post-even{ margin-right:0; }
/*.post-home:nth-child(2n + 2) { clear:both; }*/
.post-home header, .post-home section, .post-home footer{ }
.post-home header h2{ margin-bottom:0; }
.post-home p{ margin-bottom:0; }
.post-home .post-thumb{ width:302px; margin-left:-20px; margin-bottom:20px; background:url(library/images/hatch1.png) left top repeat; }
.post-home .post-thumb img{ width:100%; height:auto; }
.post-home .post-thumb img.noimg{ }
.post-home .post-thumb a.comment-link{ background-color:#222; color:#fff; font-weight:bold; padding:0 10px; display:inline; position:absolute; bottom:20px; right:20px; }
.post-home .post-thumb a.comment-link:hover{ text-decoration:none; }
.post-home .read-more, .single-post-meta .post-share .more-share a{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-transform:uppercase; text-decoration:none;background-color:#dedede; padding:3px 5px; }
.post-home .read-more:hover, .single-post-meta .post-share .more-share a:hover{ background-color:#222; }
/* video post */
.post .video-container{ width:100%; height:0; padding-bottom: 54%; margin-bottom:30px; padding-top:30px; position:relative; overflow:hidden;}
.post .video-container iframe, .post .video-container object, .post .video-container embed{ position:absolute; left:0; top:0; width:100%; height:100%;}
.post-home .video-container{ width:302px; height:194px; margin-left:-20px; background:url(library/images/hatch1.png) left top repeat; margin-bottom:20px; padding-top:0; }
.post-home .video-container iframe, .post .video-container object, .post .video-container embed{ position:relative; width:302px; height:189px; margin-bottom:5px;}
/* Slider post style */
#slider{ background:#fff; width:100%; margin-bottom:30px; position:relative; overflow:hidden; }
#slider .items{ position:relative; width:9999%; }
#slider .item{ width:634px; float:left; }
#slider .slider-content{ background:url(library/images/hatch1.png) left -3px repeat-x; padding:20px; position:relative; }
#slider .slider-content h2{ margin-bottom:0; }
#slider .slider-content .meta{ margin-bottom:5px; }
#slider .slider-thumb{ width:100%; position:relative; overflow:hidden; display:block; height:396px; }
#slider .slider-thumb img{ width:100%; height:auto; }
#slider .slider-nav{ border-top:#eee 1px solid; border-bottom:#eee 1px solid; padding:15px 20px 15px 20px; position:relative; margin-top:0; margin-bottom:0 !important; }
#slider .slider-nav a{ outline:none; }
#slider .slider-nav a.active-dot{ color:#222; }
#slider .video-container{ width:634px; height:396px; padding-top:0; }
#slider .video-container iframe, #slider .video-container object, #slider .video-container embed{ position:relative; width:634px; height:396px; margin-bottom:5px;}
/******************************************************************
BREADCRUMBS STYLES
For Yoast Breadcrumbs styling
******************************************************************/
.breadcrumbs { background:#fff; border-bottom:#eee 1px solid; border-top:none !important; margin:30px 0 0; padding:8px 20px 8px; font-family:'Droid Sans', Arial, Helvetica, sans-serif; margin-left:0; font-size:12px; color:#ccc; }
/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/
/* page navigation */
.page-navigation, .wp-prev-next { background:#fff; border-bottom:#eee 1px solid; margin:0; padding:8px 20px 8px; }
.page_navi { padding: 0; float:right; }
.page_navi li { background:url(library/images/dots.png) right 6px no-repeat; float: left; margin-left: 10px; }
.page_navi li, .wp-prev-next li, .page-of { font-family:'Droid Sans', Arial, Helvetica, sans-serif; margin-left:0; font-size:12px; color:#ccc; text-transform:uppercase; }
.page_navi li:last-child{ background:none; }
.page_navi li:last-child a{ padding-right:5px; }
.page_navi li a, .page_navi li span, .wp-prev-next li a { color:#ccc; padding:0px 10px 0px 10px; display: block; text-decoration: none; position: relative; }
.page_navi li a:hover { color:#000; text-decoration:none; border-bottom:none; }
.page_navi li a.prev{ /*background:url(library/images/larrow.png) 2px 4px no-repeat; text-indent:-9999px; display:inline-block; width:1px;*/ }
.page_navi li a.next{ /*background:url(library/images/rarrow.png) 2px 3px no-repeat; text-indent:-9999px;width:1px;*/ }
.page_navi li .current { color:#000; }
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }
/******************************************************************
COMMENT STYLES
******************************************************************/
#comments { padding: 30px 20px 20px; margin-bottom:0 !important; background:#fff; } /* h3 comment title */
#comments span {} /* number of comments span */
.comment-nav {}
.comment-nav ul {}
.comment-nav ul li {}
.commentlist { background:#fff; margin: 0; padding:0 20px 30px; }
.commentlist li { position: relative; /*margin-bottom: 1.5em;*/ padding: 0.7335em 0; clear: both; overflow: hidden; }
.commentlist li[class*=depth-] { margin-left: 70px; /*margin-top: 1.1em; border-top: 1px solid #cecece;*/ }
.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
.commentlist .vcard { margin-left: 70px; }
.commentlist .vcard cite.fn { font-weight: normal; font-style: normal; }
.commentlist .vcard .time { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; display:block; }
.commentlist .vcard .time a { text-decoration: none; color: #999; }
.commentlist .vcard .time a:hover { text-decoration: underline; }
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar { position: absolute; left: 0; top: 0.7335em; }
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {}
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist li .comment_content { padding-left: 70px; border-bottom:1px solid #eee; }
.commentlist li .comment_content p { font-size: 1em; line-height: 1.5em; margin: 0.7335em 0 1.5em; }
.commentlist li ul { padding-top: 1.1em; }
.commentlist .comment-reply-link { font-family:'Droid Sans', Arial, Helvetica, sans-serif; text-decoration: none; font-size: 0.846em; line-height: 1.5em; color: #f26535; padding: 3px 5px; position:absolute; top:10px; right:0; }
.commentlist a.comment-reply-link:hover { opacity: 1; }
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
#respond { background:#fff; margin: 0; padding:30px 20px 2.2em; border-bottom:#eee 1px solid; }
#comment-form-title { margin: 0 0 1.1em; }
#comment-form-elements { margin: 0.75em 0 0; }
#comment-form-elements li { overflow: hidden; margin-bottom: 20px; }
#comment-form-elements label span { color:#ccc; }
#comment-form-elements small { }
#author, #email, #url, #comment { background: #fff; border: 1px solid #eee; font-size: 1em; line-height: 1.5em; margin-right:15px; }
#author:focus, #email:focus, #url:focus, #comment:focus { outline: none; }
#author, #email, #url { padding: 3px 6px; max-width: 400px; min-width: 250px; }
#allowed_tags { font-size: 0.846em; line-height: 1.5em; margin: 1.5em 10px 0.7335em 0; display:none; }
#comment { resize: none; padding: 3px 6px; margin-bottom:15px; width: 100%; height: 150px; }
#cancel-comment-reply {}
#cancel-comment-reply a {}
#commentform {}
.comments-logged-in-as { margin-bottom:20px;}
#submit { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-transform:uppercase; text-decoration:none;background-color:#222; padding:10px 10px; border:none; }
#submit:hover{ background-color:#f26535; }
/* form validation */
#commentform input:invalid, #commentform textarea:invalid { border-color: red; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }
#commentform input:valid {}
/* no comments */
.nocomments { margin: 0 20px 1.1em; }
/******************************************************************
SIDEBARS & ASIDES
******************************************************************/
#sidebar { float: right; width:302px; margin:30px 0; }
.widget { background:#fff; margin: 0 0 2.2em; position:relative; }
.widget li { line-height: 1.5em; margin-bottom: 0.75em; font-size: 13px; }
.widget div a, .widget p a { color:#f26535; text-decoration:none; }
.widget div a:hover, .widget p a:hover { color:#444; text-decoration:underline; }
.widget li a { color:#444; text-decoration:none; }
.widget li a:hover { color:#f26535; }
.widgettitle { background:url(library/images/hatch1.png) left top repeat-x; font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; color:#222; font-weight:normal; text-transform:uppercase; line-height:10px; margin-bottom:20px; letter-spacing:0; }
.widgettitle span{ background:#fff; padding:0 20px; }
.widgettitle span span{ padding:0;}
.widget > ul, .widget > div{ margin:0 20px; }
.sidebar-narrow{ width:140px; float:left; }
#sidebar-narrow-right{ margin-left:20px; }
#sidebar-wide{ }
#sidebar-wide .widget{ border-bottom:#eee 1px solid; border-top:none; padding-bottom:2.2em; }
#sidebar-wide .widgettitle{ background: url(library/images/hatch1.png) left bottom repeat-x ; padding-bottom:5px; position:relative; }
#sidebar-wide .widgettitle > span { display:block; padding-top:10px; padding-bottom:5px; }
#sidebar-wide .widgettitle > span span.title-big{ display:block; position:relative; font-size:16px; font-weight:bold; letter-spacing:-.05em; margin-left:0; padding-right:0; padding-top:5px; padding-bottom:10px; }
/* search widget */
#searchform { position:relative;}
#searchform label{ display:none; }
#searchform #s{ border:none; width:80%; padding:8px 5px; margin-left:5px;}
#searchform #s:active, #searchform #s:focus{ outline:none; }
#searchform .placeholder{ color:#ccc; }
#searchform #searchsubmit{ background:url(library/images/searchbtn.png) right top no-repeat; text-indent:-9999px; border:none; width:30px; height:30px; position:absolute; top:4px; right:5px; }
.widget_search, #sidebar-wide .widget_search { border-bottom:#eee 1px solid ; padding:0; /*border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;*/ }
.widget_search .widgettitle{ display:none; }
.screen-reader-text {}
/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}
/* flickr widget */
.widget_flickr{ padding-bottom:-10px; position:relative;}
.widget_flickr .flickr_widget { margin-right:10px; }
.widget_flickr .flickr_badge_image{ float:left; margin-right:10px; margin-bottom:5px; }
.widget_flickr .flickr_badge_image:nth-child(3n+4){ margin-right:0 }
.widget_flickr .flickr_badge_image img{ width:80px; height:80px;}
.widget-more{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#888; position:absolute; top:15px; right:20px; }
.widget-more:hover{ color:#f26535; text-decoration:none; }
/* twitter widget */
.widget_twitter ul li{ border-bottom:#eee 1px solid; padding-bottom:15px; }
.widget_twitter ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0; margin-top:0;}
.widget_twitter ul li a{ color:#f26535;}
.widget_twitter ul li a:hover { color:#222; text-decoration:underline; }
/* custom recent-posts widget */
.widget_posts_wrap { padding-bottom:0 !important;}
.widget_posts li { padding:0 0 13px; margin-bottom:20px; border-bottom:#eee 1px solid;}
.widget_posts li:last-child{ border-bottom:none; margin-bottom:0;}
.widget_posts li h3 { margin-bottom: 0; }
.widget_posts li a {}
.widget_posts li p {}
.widget_posts li .athumb { float:left; margin-right:20px; margin-bottom:0;}
.widget_posts li .meta { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#888888; font-style:normal; margin-top:0; margin-bottom:5px; }
.widget_posts li .meta a{ color:#888; }
/* custom recent comments widget */
.widget_comments_wrap{ padding-bottom:0 !important; }
.widget_comments li{ border-bottom:#f8f8f8 1px solid; padding-bottom:20px; margin-bottom:20px; }
.widget_comments li:last-child{ border-bottom:none; margin-bottom:0; }
.widget_comments .comment-avatar{ background:#eee; float:left; margin-right:20px; padding-bottom:20px; width:60px; height:60px; }
/* Tabs widget */
.tabs ul.nav-tab{ height:55px; margin-left:-20px; margin-right:-20px; margin-bottom:20px; background:#fff url(library/images/hatch1.png) left 50px repeat-x; }
.tabs ul.nav-tab li{ float:left; padding:0 10px; }
.tabs ul.nav-tab li.second_tab, .tabs ul.nav-tab li.third_tab{ border-left:#fafafa 1px solid;/*background:url(library/images/separator2.png) left 12px no-repeat;*/ }
.tabs ul.nav-tab li h3 a{ display:inline-block; font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; line-height:15px; font-weight:normal; letter-spacing:0; color:#ccc; text-transform:uppercase; margin-bottom:0; padding:8px 10px 5px 10px; outline:none; }
.tabs ul.nav-tab li h3 a span.title-big{ display:block; position:relative; font-size:16px; font-weight:bold; letter-spacing:-.05em; line-height:16px; margin-left:0; padding-right:0; padding-top:0; }
.tabs ul.nav-tab li.tab-active h3 a{ color:#222; margin-bottom:0; }
.tabs .tab-content{ margin-top:0;}
.tabs .tab-content .widget_posts li:last-child{ padding-bottom:0; margin-bottom:-10px; }
.tabs .tab-content .widget_comments li:last-child{ padding-bottom:0; margin-bottom:0; }
.tabs .hide{ display:none; }
/* video post */
.widget_video .video-container{ width:100%; height:0; padding-bottom: 50%; margin-bottom:10px; padding-top:30px; position:relative; overflow:hidden;}
.widget_video .video-container iframe, .widget_video .video-container object, .widget_video .video-container embed{ position:absolute; left:0; top:0; width:100%; height:100%;}
.widget_video h4 a{ color:#222; }
.widget_video h4 a:hover{ color:#f26535; text-decoration:none; }
.widget_video .video-navigator{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; color:#888; font-size:10px; text-transform:uppercase; padding:10px 0; border-top:#eee 1px solid; border-bottom:#eee 1px solid;}
.widget_video .video-navigator .video-prev-next{ float:right; }
.widget_video .video-navigator .video-prev-next a:hover{ text-decoration:none; }
.widget_video .video-navigator .video-prev{ background:url(library/images/larrow.png) left -2px no-repeat; }
.widget_video .video-navigator .video-next{ background:url(library/images/rarrow.png) left -3px no-repeat; }
/******************************************************************
FOOTER STYLES
******************************************************************/
footer[role=contentinfo] { background:#fff; width:966px; margin: 0 auto 30px; border-bottom: 1px solid #eee; padding: 10px 0 0; }
footer #inner-footer { }
.footer-info { font-size:12px; padding:20px 20px; border-top:#eee 1px solid; }
.footer-info a { color:#222; text-decoration:none; }
.footer-info a:hover{ text-decoration:underline; }
.footer-links { font-family:'Droid Sans', Arial, Helvetica, sans-serif; float: left; }
footer nav[role=navigation] { border:none; max-width:45%; }
footer nav[role=navigation] .footer-links li{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; }
footer nav[role=navigation] ul li a{ text-decoration:none; }
/* footer widget areas */
#footer-widgets { margin-top:30px; width:966px; margin:20px auto 0; padding:0 20px;}
#footer-widgets .f-widget{ width:209px; float:left; margin-right:30px;}
#footer-widgets .f-widget-4{ margin-right:0; }
#footer-widgets .widgettitle{ background:none; /*url(library/images/hatch2.png) left top repeat;*/ padding-left:0; }
#footer-widgets .widgettitle span{ background:none; padding:0 10px 0 0; }
#footer-widgets .widgettitle span span{ padding:0; }
#footer-widgets .widget > ul, #footer-widgets .widget > div{ margin:0; }
/* bottom nav links */
.footer-links ul.menu { margin-top: 0; }
.footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }
.footer-links ul li a { margin-right: 10px; text-decoration: underline; }
.footer-links ul li:last-child a { margin-right: 0; }
.footer-links ul li a:hover, .footer-links ul li.current-menu-item a, .footer-links ul li.current_page_item a {}
.footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway ;P */
.attribution { font-family:'Droid Sans', Arial, Helvetica, sans-serif; float: right; color: #999; font-size: 0.9em; max-width:45%; }
/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
/******************************************************************
IE SPECIFIC FIXES
******************************************************************/
/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.
To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }
To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }
To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }
Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/