/*
Theme Name: ClearlyMinimal
Theme URI: http://www.clearlythemes.de/
Description: ClearlyMinimal is a modern html5 blog theme. It has a responsive layout optimized for mobile devices like tablet pcs and modern smartphones.
Author: ClearlyStudio
Author URI: http://www.clearlystudio.de/
Version: 1.0
Tags: light, two-columns, right-sidebar, flexible-width, custom-colors, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready
Text Domain: Clearly

License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/


/* --------------------- */
/*  Google Fonts Import  */
/* --------------------- */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold|Droid+Serif:regular,italic,bold,bolditalic&subset=latin);


/* --------------------------------------------------------------- */
/*  CSS RESET                                                      */
/*  by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0  */
/* --------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* ------------------------------ */
/*  General Structure and Styles  */
/* ------------------------------ */

#page { margin: 12px auto; max-width: 1102px; padding: 0 30px 30px; z-index: 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
#wrap { overflow: hidden; padding: 40px 0; }
#main { float: left; overflow: hidden; width: 100%; }
#content { float: left; width: 65%; }
#sidebar { float: right; margin-left: 60px; width: 25%; }
#foot { float: left; font-size: 0.8em; overflow: hidden; padding: 30px 0 0; width: 100%; }
address { padding: 0 0 20px 0; }
abbr, acronym { border-bottom: .1em dotted; }
pre, code, tt { font-size: 1.1em; }
strong { font-weight: bold; }
em { font-size: 0.9em; font-style: italic; }
p em { font-style: italic; }
p small { font-size: 0.8em; }
p.nocomments { font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; }
pre { background-attachment: scroll; display: block; font-size: 1.2em; line-height: 1.3; margin: 0 0 20px 0; overflow: auto; padding: 10px; width: auto; }


/* --------------- */
/*  Font settings  */
/* --------------- */

/* General */
body { font-family: 'Droid Sans', arial, sans-serif; }
em { font-family: 'Droid Serif', Times, serif; }
p em { font-family: 'Droid Serif', Times, serif; }
pre { font-family: monospace; }
/* Headlines */
h1 { font-size: 1.4em; margin: 26px 0 12px; }
h2 { font-size: 1.3em; margin: 26px 0 12px; }
h3 { font-size: 1.2em; margin: 26px 0 12px; }
h4 { font-size: 1.1em; margin: 22px 0 12px; }
h5 { font-size: 1.0em; margin: 22px 0 10px; }
h6 { font-size: 0.9em; margin: 20px 0 10px; }
/* Header */
#site-title h1 { font-size: 2.1em; font-weight: bold; }
#site-title h2#site-description { font-size: 0.9em; font-style: italic; font-weight: normal; }
/* Navigation */
#branding #topnav ul li a { font-size: 0.7em; }
#branding #mainnav ul li a { font-size: 0.8em; }
/* Content */
#content .post blockquote, #content .page blockquote { font-family: 'Droid Serif', Times, serif; }
#content .post { clear: both; font-size: 0.95em; }
#content .entry-header h2.entry-title { font-weight: bold; font-size: 1.3em; }
#content .entry-header p { font-size: 0.8em; }
#content .entry-header p span.entry-date, #content .entry-header p span.entry-author { font-style: normal; }
#content .entry-meta p { font-size: 0.8em; font-style: normal; }
#content .entry-meta a { font-style: normal;}
.page-link { font-size: 0.9em; }
.page-link a { font-weight: bold; }
#content .post blockquote, #content .page blockquote { font-style: italic; font-size: 1.1em; }
#content blockquote cite { font-style: normal; font-size: 0.8em; }
#content .post p.wp-caption-text { font-style: normal; font-size: 0.8em }
#content .single-entry-header h1.entry-title { font-weight: bold; font-size: 1.3em; }
#content .single-entry-header p { font-size: 0.8em; }
#content .single-entry-header p span.entry-date, #content .single-entry-header p span.entry-author { font-style: normal; }
#content .single-entry-content .edit-link { font-size: 0.8em; }
#content .post .single-entry-meta p { font-size: 0.8em;	font-style: normal; }
#content .post .single-entry-meta p a { font-style: normal; }
#content .post .author-info h3 { font-weight: bold; font-size: 0.9em; }
#content .post .author-description p { font-size: 0.9em; }
#content a.post-format, #content .post-format-single { font-size: 0.8em; }
#content .format-chat .single-entry-content p:nth-child(2n+1), 
#content .format-chat .entry-content p:nth-child(2n+1) { font-weight: bold; }
#content #nav-below .nav-previous a, #content #image-nav span.previous-image a, #comment-nav-below .nav-previous a { font-size: 0.8em; font-weight: bold; }
#content #nav-below .nav-next a, #content #image-nav span.next-image a, #comment-nav-below .nav-next a { font-size: 0.8em; font-weight: bold; }
#content dt { font-weight: bold; }

/* Comments */
#comments { font-size: 0.9em; }
#comments h3#comments-title { font-size: 1.1em; font-weight: bold; }
#comments p.moderation { font-style: italic; }
.comment-meta { font-size: 0.8em; }
.comment-meta cite.fn { font-size: 1.3em; font-style: normal; font-weight: bold; }
a.comment-reply-link { font-size: 0.9em; }
#comments ol li.post.pingback { font-weight: bold; }
#comments ol li.post.pingback a { font-weight: normal; }
a#cancel-comment-reply-link { font-size: 0.8em; font-weight: normal; }
#content #comments #respond h3#reply-title { font-size: 1.2em; }
form#commentform p.comment-notes, p.logged-in-as { font-size: 0.8em; }
input#submit, input.wpcf7-submit { font-size: 0.75em; }
form#commentform input#author, form#commentform input#email, form#commentform input#url { display: block; font-size: 1em; }
form#commentform textarea#comment { font-size: 1em; }
form#commentform p.subscribe-to-doi-comments { font-size: 0.8em; }
/* Gallery */
#content .entry-link a { font-size: 1.1em; font-weight: bold; }
#content .entry-link .entry-meta a { font-size: 1em; font-weight: normal; }
#content .entry-header h2.entry-title-image { font-size: 1.1em; }
#content .entry-post-format .entry-header p { font-style: italic; font-size: 0.8em; }
#content .entry-post-format .entry-header p a { font-style: normal; }
#content .gallery-caption { display: block; font-size: 0.8em; }
/* Page */
#content .page { font-size: 0.95em; }
#content .page-entry-header h1.entry-title { font-weight: bold; font-size: 1.5em; }
#content .page-header h1.page-title { font-size: 0.8em; font-weight: bold; }
/* Sidebar */
aside.widget { font-size: 0.8em; }
.widget h3.widget-title, .widget_get_recent_comments h1.widget-title { font-weight: bold; }
.searchsubmit { font-size: 11px; }
/* Calendar */
.widget_calendar #wp-calendar caption { font-size: 0.95em; font-weight: bold; }
.widget_calendar table#wp-calendar thead tr th { font-size: 0.9em; font-weight: bold; }
.widget_calendar table#wp-calendar tbody tr td { font-size: 0.9em; }
.widget_calendar table#wp-calendar tbody tr td#today { font-weight: bold; }
/* Contact Form 7 */
#content .wpcf7 h3#form-title { font-size: 1.2em; }
#content .wpcf7 p.form-info { font-size: 0.8em; }
#content .wpcf7 input.wpcf7-text { font-size: 1em; }
#content .wpcf7 textarea { font-size: 1em; }
/* WP PageNavi */
#content .wp-pagenavi { font-size: 0.68em; }
/* Footer */
a.top { font-weight: bold; }


/* ---------------- */
/*  Color settings  */
/* ---------------- */

/* General */
body { background-color: #ececec; color: #666666; }
#page { background-color: #ffffff; }
pre { background-color: #f0f0f0; }
/* Links */
a { color: #29A3EB; }
a:hover { color: #666666 !important; }
/* Header */
#site-title h2#site-description { color: #999999; }
/* Navigation */
#branding #topnav { background-color: #ffffff; border-bottom: 1px solid #dddddd; }
#branding #mainnav { background-color: #ffffff; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }

#branding #topnav ul li a:hover { background: #ffffff; color: #999999; }
#branding #topnav ul ul { background: #ffffff; border: 1px solid #dddddd; }
#branding #topnav ul ul a { background: #ffffff; }
#branding #topnav li:hover > a, #branding #topnav ul ul :hover > a { background: #ffffff; color: #999999; }
#branding #topnav ul ul a:hover { background: #ffffff; }

#branding #mainnav ul li a:hover { background: #ffffff; color: #999999; }
#branding #mainnav ul ul { background: #ffffff; border: 1px solid #dddddd; }
#branding #mainnav ul ul a { background: #ffffff; }
#branding #mainnav li:hover > a, #branding #mainnav ul ul :hover > a { background: #ffffff; color: #999999; }
#branding #mainnav ul ul a:hover { background: #ffffff; }
/* Content */
#content .post { }
#content .entry-header h2.entry-title a:hover { color: #666666; }
.page-link { background-color: #f0f0f0; border-top: 1px solid #dddddd; }
#content .sticky { background-color: #F0F0F0; border-top: 1px solid #dddddd; }
#content .single-entry-content blockquote { background: none; }
#content .single-entry-header h1.entry-title { color: #29A3EB; }
#content .post p.wp-caption-text { color: #999999; }
/* Tables */
#content table thead { border-top: 1px solid #dddddd; }
#content table tr { border-bottom: 1px solid #dddddd; }
#content table tr th { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; }
#content table tr td { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; }
/* Author Bio */
#content .post .author-info { background: #F0F0F0; }
/* Comments */
#content #comments ol li.depth-1 { border-bottom: 1px solid #dddddd; }
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 { border-top: 1px solid #dddddd; border-bottom: none; }
#content #comments #respond { background-color: #F0F0F0; }
form#commentform span.required { color: #990000; }
input#submit, input.wpcf7-submit { background-color: #666666; border: none; color: #ffffff; }
input#submit:hover, input.wpcf7-submit:hover { background-color: #29A3EB; color: #ffffff; }
form#commentform input#author, form#commentform input#email, form#commentform input#url { background-color: #ffffff; border: 1px solid #dddddd; }
form#commentform textarea#comment { background-color: #ffffff; border: 1px solid #dddddd; }
form#commentform p.subscribe-to-doi-comments { color: #666666; }
/* Gallery */
#content .entry-link a { color: #29A3EB; }
#content .gallery-caption { color: #999999; }
/* Page */
#content .page { border-bottom: 1px solid #dddddd; }
#content .page-entry-header h1.entry-title { color: #29A3EB; }
#content.full-width .page { border-bottom: none; }
#content .page-header h1.page-title { color: #666666; }
/* Sidebar */
aside.widget {  }
.widget h3.widget-title, .widget_get_recent_comments h1.widget-title { color: #666666; }
.searchform .search-input { border: 1px solid #dddddd; }
.searchform .search-input:hover, #searchform .search-input:focus, #searchform .search-input:active { background-color:#ffffff; }
.searchsubmit { background: #fff url(images/icons-search.png) 8px 8px no-repeat; border: 1px solid #dddddd; color: #ffffff; }
.searchsubmit:hover { background-color: #29A3EB; border: 1px solid #666666; color: #ffffff; }
/* Calendar */
.widget_calendar table#wp-calendar thead tr th { background-color: #ECECEC; border: 1px solid #DDDDDD; color: #666666; }
.widget_calendar table#wp-calendar tbody tr td { background-color: #F7F7F7; border: 1px solid #DDDDDD; color: #666666; }
.widget_calendar table#wp-calendar tbody tr td#today { background-color: #666666; color: #FFFFFF; }
/* Footer */
#foot { }
/* Contact Form 7 */
#content .wpcf7 { background: #F0F0F0; }
#content .wpcf7 p span.required { color: #990000; }
#content .wpcf7 input.wpcf7-text { background-color: #ffffff; border: 1px solid #dddddd; }
#content .wpcf7 textarea { background-color:#ffffff; border: 1px solid #dddddd; }
/* WP PageNavi */
#content .wp-pagenavi { color: #29A3EB; }
#content .wp-pagenavi a.page, #content .wp-pagenavi a.nextpostslink, #content .wp-pagenavi a.previouspostslink, #content .wp-pagenavi a.first, #content .wp-pagenavi a.last { background: #ffffff; border: 1px solid #dddddd; color: #666666; }
#content .wp-pagenavi a.page:hover, #content .wp-pagenavi a.nextpostslink:hover, #content .wp-pagenavi a.previouspostslink:hover, #content .wp-pagenavi a.first:hover, #content .wp-pagenavi a.last:hover { background: #dddddd; border: 1px solid #dddddd; color: #666666; }
#content .wp-pagenavi span.current { background: #dddddd; border: 1px solid #dddddd; }
#content .wp-pagenavi span.extend {	border: none; }
#content .wp-pagenavi .extend { color: #666666; }


/* ------------ */
/*  Alignments  */
/* ------------ */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }


/* ----------------- */
/*  Clearing Floats  */
/* ----------------- */

.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }


/* ------- */
/*  Links  */
/* ------- */

a { text-decoration: none; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; } 
a:hover { text-decoration: none; }


/* -------- */
/*  Header  */
/* -------- */

#branding { margin: 0; padding: 0; }
#site-title { clear: both; padding: 21px 0 15px; }
#site-title h1 { line-height: 1.25; margin: 0; }
#site-title h1 a:hover { text-decoration: none; }
#site-title h2#site-description { display: block; margin: 0; }


/* ------------ */
/*  Navigation  */
/* ------------ */

/* Top Navigation */
#branding #topnav { float: left; margin: 10px 0 0; width: 100%; }
#branding #topnav ul li { float: left; list-style: none; position: relative; }
#branding #topnav ul li a { display: block; margin: 0; padding: 9px 14px; text-transform: uppercase; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out;  }
#branding #topnav ul li:first-child { margin: 0px; }
#branding #topnav ul li a:hover { text-decoration: none; }
#branding #topnav ul ul { display: none; float: left; left: 0; position: absolute; z-index: 99999; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
#branding #topnav ul ul ul { left: 100%; top: 0; }
#branding #topnav ul ul a { height: auto; padding: 9px 14px; text-transform: none; width: 11em; }
#branding #topnav ul li:hover > ul { display: block; }
/* Main Navigation */
#branding #mainnav { float: left; margin: 30px 0 0; width: 100%; }
#branding #mainnav ul li { float: left; list-style: none; position: relative; }
#branding #mainnav ul li a { display: block; margin: 0; padding: 9px 14px; text-transform: uppercase; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out;  }
#branding #mainnav ul li:first-child { margin: 0px; }
#branding #mainnav ul li a:hover { text-decoration: none; }
#branding #mainnav ul ul { display: none; float: left; left: 0; position: absolute; z-index: 99999; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
#branding #mainnav ul ul ul { left: 100%; top: 0; }
#branding #mainnav ul ul a { height: auto; padding: 9px 14px; text-transform: none; width: 11em; }
#branding #mainnav ul li:hover > ul { display: block; }


/* ------- */
/*  Posts  */
/* ------- */

#content .post { clear: both; line-height: 1.6; margin: 0 0 40px; overflow: hidden; padding: 0 0 40px; }
#content .entry-header h2.entry-title { margin: 0 0 12px; }
#content .entry-header h2.entry-title a:hover { text-decoration: none; }
#content .entry-header p { padding: 0 0 5px; }
#content .post p { padding: 0 0 20px; }
#content .entry-content { margin: 0; }
#content .post img.wp-post-image { height: auto; margin: 5px 0 8px; padding: 0; width: auto; }
#content .entry-meta p { padding: 15px 0 0; }
#content .entry-meta a { padding: 15px 0 0; }
.page-link { overflow: hidden; padding: 5px 20px; }
.page-link a { margin: 0 1px; }
.page-link a:hover { text-decoration: none; }
#content .sticky { overflow: hidden; padding: 15px 10px; }
#content .post blockquote, #content .page blockquote { margin: 0 20px 10px 0; overflow: hidden; }
#content .single-entry-content blockquote { margin: 20px 20px 10px 20px; }
#content blockquote cite { float: right; letter-spacing: 0.1em; margin: 10px 0 0 0; padding: 0 25px 15px 0; text-transform: uppercase; }

#content img { height: auto; margin: 0; max-width: 100%; padding: 0; }
#content img.aligncenter { margin: 20px auto; }
#content img.alignleft ,#content .wp-caption.alignleft { margin: 10px 20px 0 0; }
#content img.alignright,#content .wp-caption.alignright { margin: 10px 0 0 20px; }
#content img.alignnone { margin: 20px 0; }
#content .wp-caption.alignnone { margin: 0 0 20px 0; }
#content .wp-caption.aligncenter{ margin-bottom: 10px; }
#content .post .wp-caption { max-width: 100%; text-align: center; }
#content .single-entry-content .wp-caption { max-width: 100%; text-align: center; }
#content .post p.wp-caption-text { margin: 0; padding: 7px 0 10px 0; }
#content object, #content embed, #content iframe { display: block; margin: 3px 0 10px; max-width: 100%; }

#content table { margin: 10px 0px 30px 0px; }
#content table tr th { padding: 10px 20px 10px 20px; }
#content table tr td { padding: 10px 20px 10px 20px; }

#content .post .single-entry-header { margin: 0; }
#content .single-entry-header h1.entry-title { margin: 0 0 5px; }
#content .single-entry-header p { padding: 0 0 5px; }
#content .single-entry-details { float: left; padding: 0 18px 0 0; width: 22.507%; }
#content .single-entry-content { float: left; margin: 15px 0 0; padding: 0; width: 100%; }
#content .single-entry-content p { line-height: 1.6em; }
#content .post .single-entry-meta p { padding: 15px 0 0; }
#content .post .author-info { margin: 40px 0 0; overflow: hidden; padding: 15px 20px 15px; }
#content .post .author-info h3 { margin: 0 0 4px; }
#content .post .author-info .avatar { float: left; margin: 0 15px 0 0; max-width: 100%; width: 70px; }
#content .post .author-description { overflow: hidden; }
#content .post .author-description p { line-height: 1.5; padding: 0; }
#content .post .author-description a:hover { text-decoration: underline; }

#content #image-nav { margin: 30px 0 3px 0; overflow: hidden; }
#comment-nav-below { margin: 40px 0; overflow: hidden; }
#content #nav-below .nav-previous a, #content #image-nav span.previous-image a, #comment-nav-below .nav-previous a { display: block; float: left; width: 40%; }
#content #nav-below .nav-next a, #content #image-nav span.next-image a, #comment-nav-below .nav-next a { display: block; float: right; }
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #image-nav span.previous-image a:hover, #content #image-nav span.next-image a:hover { text-decoration: none; }

#content .post ul, #content .page ul, .commentlist ul { line-height: 1.3; padding: 7px 0 7px 30px; }
#content .post ul li, #content .page ul li, .commentlist ul li { list-style: square; padding:0 0 12px; }
#content .post ol, #content .page ol, .commentlist ol  { padding: 7px 0 7px 30px !important; line-height: 1.3; }
#content .post ol li, #content .page ol li, .commentlist ol li { list-style: decimal; padding: 0 0 12px; }
#content .post ol ol li, #content .page ol ol li,  .commentlist ol ol li { list-style: upper-alpha; }
#content .post ol ol ol li, #content .page ol ol ol li, .commentlist ol ol ol li { list-style: lower-roman; }
#content dl { margin: 0; padding: 0; }
#content dt { margin: 0; padding: 10px 5px 5px; }
#content dd { margin: 0; padding: 0 0 10px 15px; }


/* ---------- */
/*  Comments  */
/* ---------- */

#comments { padding: 0 0 30px 0; }
#comments h3#comments-title { letter-spacing: 0.2em; padding: 30px 0 10px; text-transform: uppercase; }
#comments p.write-comment-link { padding: 0 0 20px; }
#comments .comment-body p { padding: 0 0 10px; }
#content #comments ol { padding: 0; }
#content #comments ol li ul.children { padding: 0; }
#content #comments ol li.depth-1 { overflow: hidden; padding: 0; }
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 { margin: 0 0 0 35px; overflow: hidden; padding: 0; }
.comment-meta { padding: 0 0 12px; }
#comments .comment-body { line-height: 1.5; overflow: hidden; padding: 20px 0px; }
.reply { float: left; margin: 0; }
#comments ol li.post.pingback { list-style: none; margin: 0; padding: 20px 0 0; }
#comments ol li img.avatar { float: left; height: 65px; margin: 22px 15px 0 0; max-width: 100%; width: 65px; }
#comments .bypostauthor { }
#content #comments #respond { margin: 30px 0 0; padding: 20px; }
a#cancel-comment-reply-link { float: right; padding: 3px 0 0; }
#content #comments #respond h3#reply-title { margin: 0 0 3px 0; }
form#commentform p.comment-notes, p.logged-in-as { padding: 0 0 15px 0; }
form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment { padding: 15px 0 0; }
input#submit, input.wpcf7-submit { cursor: pointer; display: inline-block; letter-spacing: 1px; margin: 10px 0 0; outline: none; padding: 8px 10px 7px; text-align: center; text-transform: uppercase; vertical-align: baseline; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; }
form#commentform input#author, form#commentform input#email, form#commentform input#url { display: block; margin: 5px 0 0; padding: 9px 5px 9px; width: 60%; }
form#commentform textarea#comment { margin: 5px 0 0; padding: 9px 5px; width: 95%; }
form#commentform p.subscribe-to-doi-comments { letter-spacing: 1px; padding: 20px 0 0; }


/* -------------- */
/*  Post Formats  */
/* -------------- */

#content .entry-link, #content .entry-gallery, #content .entry-video { float: left; margin: 0; width: 100%; }
#content .entry-header h2.entry-title-image { margin-top: 0; }
#content .entry-post-format .entry-header h2.entry-title { margin: 0 0 5px; }
#content .entry-post-format .entry-content-gallery { float: left; width: 54%; }
#content .entry-post-format .gallery-thumb { float: left; margin: 5px 15px 0 0; width: 42.258%; }
#content .post img.attachment-medium { height: auto; max-width: 100%; padding: 0; }


/* --------------- */
/*  Image Gallery  */
/* --------------- */

#content .gallery { clear: both; margin: auto; padding: 0; }
#content .gallery-item { float: left; margin-top: 10px; margin-right: 3px; text-align: center; overflow: hidden; vertical-align: top; width: 19%; }
#content .gallery-icon { width: 100%; }
#content .gallery-caption { display: block; line-height: 1.25; margin-left: 0; padding: 0; }


/* ------- */
/*  Pages  */
/* ------- */

#content .page { clear: both; line-height: 1.6; margin: 0 0 40px; overflow: hidden; padding: 0 0 30px; }
#content .page-entry-header { margin: 0; }
#content .page-entry-header h1.entry-title { margin: 0; }
#content .page p { padding: 0 0 20px 0; }
#content.full-width { width: 100% !important; }
#content.full-width .page { margin: 0; padding: 0 0 20px; }
#content .page-header h1.page-title { letter-spacing: 0.1em; padding: 0 0 15px 0; text-transform: uppercase; }


/* ---------- */
/*  Sidebars  */
/* ---------- */

aside.widget { margin: 0 0 30px 0; padding: 0 0 30px 0; }
aside.widget ul li { line-height: 1.4em; padding: 0 0 7px 0; }
aside.widget ul li:last-child { padding: 0; }
.widget h3.widget-title, .widget_get_recent_comments h1.widget-title { text-transform: uppercase; letter-spacing: 0.1em; padding: 0 0 15px 0; }
.textwidget { line-height: 1.6; }
.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children { margin: 5px 0 0 0; }
.widget_categories ul li ul.children li, .widget_nav_menu ul li ul.sub-menu li, .widget_pages ul li ul.children li { margin: 0 0 0 20px; }
/* Recent Entries */
.widget_recent_entries ul, .widget_recent_comments ul { padding: 0; }
.widget_recent_entries ul li, .widget_recent_comments ul li { list-style: none; }
/* Calendar */
.widget_calendar #calendar_wrap { max-width: 300px; position: relative; }
.widget_calendar #wp-calendar caption { letter-spacing: 0.1em; margin-bottom: 8px; text-align: center; text-transform: uppercase; padding: 0 0 5px 0 }
.widget_calendar table#wp-calendar thead tr th { padding: 5px 4px; }
.widget_calendar table#wp-calendar tbody tr td { padding: 10px 12px; text-align: center; }
.widget_calendar table#wp-calendar tbody tr td a { display: block; }
.widget_calendar table#wp-calendar tbody tr td a:hover { text-decoration: underline; }
.widget_calendar table#wp-calendar tfoot tr td#prev a { position: absolute; top: 0; }
.widget_calendar table#wp-calendar tfoot tr td#next a { position: absolute; right: 15px; top: 0; }
/* Search */
.widget_search { overflow: hidden; }
.searchform { float: left; margin: 0; overflow: hidden; padding: 0; width: 100%; }
#sidebar .searchform .search-input { margin: 0 0 5px 0; width: 70%; }
.searchform .search-input { margin: 0 2px 5px 0; padding: 8px 5px; width: 40%; }
.searchsubmit { cursor: pointer; display: inline-block; letter-spacing: 1px; margin: 0; outline: none; padding: 7px 13px 7px; text-align: center; text-indent:-9999em; text-transform: uppercase; vertical-align: baseline; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out;  }
/* Flickr */
.flickr_badge_wrapper { margin: 0; }
.flickr_badge_wrapper a img { float: left; height: 74px; margin: 0 1px 1px 0; width: 99px; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; }
.flickr_badge_wrapper a img:hover { filter: 0; opacity: 0.6; -moz-opacity: 0.6; }
.flickr_badge_wrapper .flickr-bottom { margin: 0; padding: 12px 15px 0 24px; }

/* ------------------------ */
/*  Social Networks Widget  */
/* ------------------------ */

ul.socialnetworks { overflow: hidden; }
ul.socialnetworks li { float: left; padding: 0 !important; }
ul.socialnetworks li a { display: block; filter: 0; height: 33px; margin: 0px 8px 8px 0; text-indent: -9999em; width: 33px; opacity: 1; -moz-opacity: 1; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; }
ul.socialnetworks li a:hover { filter: 0; opacity: 0.75; -moz-opacity: 0.75; }
ul.socialnetworks li a.delicious   { background: url(images/social-delicious.png) 0 0 no-repeat; }
ul.socialnetworks li a.digg        { background: url(images/social-digg.png) 0 0 no-repeat; }
ul.socialnetworks li a.evernote    { background: url(images/social-evernote.png) 0 0 no-repeat; }
ul.socialnetworks li a.facebook    { background: url(images/social-facebook.png) 0 0 no-repeat; }
ul.socialnetworks li a.flickr      { background: url(images/social-flickr.png) 0 0 no-repeat; }
ul.socialnetworks li a.friendfeed  { background: url(images/social-friendfeed.png) 0 0 no-repeat; }
ul.socialnetworks li a.googleplus  { background: url(images/social-google.png) 0 0 no-repeat; }
ul.socialnetworks li a.lastfm      { background: url(images/social-lastfm.png) 0 0 no-repeat; }
ul.socialnetworks li a.linkedin    { background: url(images/social-linkedin.png) 0 0 no-repeat; }
ul.socialnetworks li a.posterous   { background: url(images/social-posterous.png) 0 0 no-repeat; }
ul.socialnetworks li a.reddit      { background: url(images/social-reddit.png) 0 0 no-repeat; }
ul.socialnetworks li a.rss         { background: url(images/social-rss.png) 0 0 no-repeat; }
ul.socialnetworks li a.stumbleupon { background: url(images/social-stumbleupon.png) 0 0 no-repeat; }
ul.socialnetworks li a.tumblr      { background: url(images/social-tumblr.png) 0 0 no-repeat; }
ul.socialnetworks li a.twitter     { background: url(images/social-twitter.png) 0 0 no-repeat; }
ul.socialnetworks li a.vimeo       { background: url(images/social-vimeo.png) 0 0 no-repeat; }
ul.socialnetworks li a.youtube     { background: url(images/social-youtube.png) 0 0 no-repeat;}


/* -------- */
/*  Footer  */
/* -------- */
#foot p { line-height: 1.5; }
a.top { display: block; float: right; margin: 0; }
a.top:hover { text-decoration: none; }


/* ---------------------------------- */
/*  Styles for Contact Form 7 plugin  */
/* ---------------------------------- */

#content .wpcf7 { margin: 0; overflow: hidden; padding: 20px; }
#content .wpcf7 h3#form-title { margin: 0 0 3px 0; }
#content .wpcf7 p.form-info { padding: 0 0 15px 0; }
#content .wpcf7 input.wpcf7-text { margin: 5px 0 15px; padding: 9px 5px; width: 60%; }
#content .wpcf7 textarea { margin: 5px 0 0; padding: 9px 5px; width: 95%; }
#content .wpcf7-form p { padding: 0; }

/* ------------------------------- */
/*	Styles for WP-PageNavi plugin  */
/* ------------------------------- */

#content .wp-pagenavi { margin: 0; padding: 0 0 0 8px; }
#content .wp-pagenavi a.page, #content .wp-pagenavi a.nextpostslink, #content .wp-pagenavi a.previouspostslink, #content .wp-pagenavi a.first, #content .wp-pagenavi a.last { clear: none !important; display: inline-block; margin: 0 3px 6px; overflow: visible; padding: 6px 8px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; }
#content .wp-pagenavi a.page:hover, #content .wp-pagenavi a.nextpostslink:hover, #content .wp-pagenavi a.previouspostslink:hover, #content .wp-pagenavi a.first:hover, #content .wp-pagenavi a.last:hover { text-decoration: none; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out;  }
#content .wp-pagenavi span.current { display: inline-block; margin: 0 3px 5px; padding: 6px 8px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#content .wp-pagenavi span.pages { display: none; }
#content .wp-pagenavi span.extend { padding: 0 2px; }
#content .wp-pagenavi a.larger, #content .wp-pagenavi a.smaller { padding: 3px 8px; }


/* ---------------------------------------- */
/*	Styles for shortcode buttons and boxes  */
/* ---------------------------------------- */

.white-box, .blue-box, .yellow-box, .red-box, .green-box, .lightgrey-box, .grey-box, .darkgrey-box, .error-box, .warning-box, .info-box { line-height: 1.4; margin: 40px 0; overflow: hidden; padding: 20px; }
.white-box p, .blue-box p, .yellow-box p, .red-box p, .green-box p, .lightgrey-box p, .grey-box p, .darkgrey-box p, .error-box p, .warning-box p, .info-box p { margin: 0 0 15px; }
.white-box { background: #fff; border: 1px solid #e5e5e5; }
.blue-box { background: #E8EEFA; border: 1px solid #C3D9FF; }
.yellow-box { background: #FFF8CA; border: 1px solid #FFF5B0; }
.red-box { background: #F9DFDF; border: 1px solid #F2BFBF; }
.green-box { background: #BFE8BF; border: 1px solid #BFE8BF; }
.lightgrey-box { background: #F7F7F7; }
.grey-box { background: #E5E5E5; }
.darkgrey-box { background: #4E4E4E; color: #D8D8D8; }

.error-box { background: #F9DFDF url(images/icons-error.png) 16px 16px no-repeat; border: 1px solid #F2BFBF; padding-left: 60px; }
.warning-box { background: #FFF8CA url(images/icons-warning.png) 16px 14px no-repeat; border: 1px solid #FFF5B0; padding-left: 60px; }
.info-box { background: #E8EEFA url(images/icons-info.png) 16px 16px no-repeat; border: 1px solid #C3D9FF; padding-left: 60px;}

.standard-btn, .icons-btn  { color: #fff; cursor: pointer; display: inline-block; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; font-size: 0.8em; font-weight: bold; margin: 0 15px 15px 0; overflow: hidden; padding: 7px 10px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } 
.simple-icons-btn { color: #333; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; font-weight: bold; }
.standard-btn:hover, .simple-icons-btn, .icons-btn:hover { text-decoration:none !important; }
.standard-btn.small-btn { font-size: 0.7em; padding: 5px 9px; }
.standard-btn.large-btn { font-size: 1em; padding: 10px 14px; }
.round-btn { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
a.red-btn, a.green-btn, a.purple-btn, a.blue-btn, a.orange-btn, a.icons-btn.pdf-btn, a.icons-btn.info-btn, a.icons-btn.add-btn { -moz-transition: none; }
a.red-btn:hover, a.green-btn:hover, a.purple-btn:hover, a.blue-btn:hover, a.orange-btn:hover, a.icons-btn.pdf-btn:hover, a.icons-btn.info-btn:hover, a.icons-btn.add-btn:hover { color: #fff !important; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out;  }
.red-btn { background:#CC0000; }
.red-btn:hover { background:#A30000; }
.green-btn { background: #5CA218; }
.green-btn:hover { background: #2C5604; }
.purple-btn { background: #8958B5; }
.purple-btn:hover { background: #4A2869; }
.blue-btn { background: #1A87C0; }
.blue-btn:hover { background: #044D74; }
.orange-btn { background: #F6921E; }
.orange-btn:hover { background: #AA5D04; }


/* ------------------------ */
/*	Shortcodes for columns  */
/* ------------------------ */

.two-columns-one { width: 48%; }
.three-columns-one { width: 30.66%; }
.three-columns-two { width: 65.33%; }
.four-columns-one { width: 22%; }
.four-columns-two {	width: 48%; }
.four-columns-three { width: 74%; }
.two-columns-one, .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three { float: left; margin-right: 4%; position: relative; }
.last{ clear: right; margin-right: 0 !important; }
.divider { clear: both; display: block; margin-bottom: 20px; padding-top: 20px; width: 100%; }


/* ------------- */
/*	Share Posts  */
/* ------------- */

#content ul.share { margin: 10px 0 0 0; overflow: hidden; padding: 0; }
#content ul.share li { float: left !important; list-style: none; padding: 0 !important; }
ul.share li.post-twitter { margin-right: 10px; }
ul.share li.post-fb iframe {  border: none; height: 24px; margin-right: 10px; width: 125px; }
ul.share li.post-googleplus { margin: 3px 0 0 !important; }


/* ------------------------------------- */
/*  Media queries for responsive design  */
/* ------------------------------------- */

@media screen and (max-width: 1024px) {
#page { background-color: #fff; margin: 0 auto; padding: 0 30px 30px; z-index: 0; }
#wrap { overflow: hidden; padding: 45px 0 0 0; }
#main { float: left; overflow: hidden; width: 72%; }
#content { float: left; width: 100%; }
#sidebar { float: none; margin: 40px 0 0; width: 142px; }
#content .entry-content { width: 100%; }
#content .entry-details { width: 20%; }
#site-title h1 { float: none; margin: 0 10px 3px 0; }
#site-title h2 { margin: 0; }
#sidebar { float: left; margin-left: 0; padding: 30px 0 0; width: 92.2%; }
#sidebar aside:last-child { border-bottom: none; margin-bottom: 0; }
#sidebar aside { float: none; overflow: hidden; }
.widget .sidebar-theme { float: left; margin: 0 20px 8px 0; }
.widget .rss-widget ul li, .widget_archive ul li, .widget_categories ul li, .widget_social_links ul li, .widget_meta ul li, .widget_links ul li { float: left; margin: 0 20px 0 0; }
.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children { margin: 5px 0 0 0; }
}

@media screen and (max-width: 880px) {
#page { background-color: #fff; padding: 0 50px 30px 50px; }
#wrap { margin-top: 0; }
#main { float: none; overflow: hidden; width: 100%; }
#content { float: none; width: 100%; }
#sidebar { width: 100%; }
#site-title { padding: 20px 0 30px; width: 100%; }
#site-title h1 a { margin: 0 auto; }
#branding #mainnav { margin: 30px 0 0; max-width: 100%; }
#branding #mainnav ul li a { font-size: 0.75em;}
#content .entry-content { float: left; }
#content .entry-details { width: 20%; }
#sidebar aside:last-child { margin-bottom: 30px; }
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 640px) {
#page { background-color: #fff; padding: 0 20px 20px; }
#site-title { float: left; padding: 10px 0 5px; }
#site-title h1 { float: none; margin: 0; text-align: center; }
#site-title h2 { margin: 0; text-align: center; }
#branding #mainnav { margin: 15px 0 0; }
#branding #mainnav ul li a { display: block; font-size: 0.7em; margin: 0; padding: 8px 7px; }
#branding #mainnav ul ul { display: none; }
#branding #mainnav ul ul ul { display: none; }
#branding #mainnav ul ul a { display: none; }
#content .post { margin: 0 0 30px; padding: 0 0 30px; }
#content .post .entry-header h2.entry-title { font-size: 1.2em; }
#content .entry-content { width: 100%; }
#content .entry-details { display: none; }
#content .entry-meta p { font-size: 0.6em; font-style: normal; }
#content .post img.wp-post-image { display: none; }
#content .sticky { padding: 10px; }
#content .single-entry-details { display: none; }
#content .single-entry-header .social-btn-top { display: none; }
#content a.post-format, #content .post-format-single { font-size: 0.6em; }
#content .post .author-description p { font-size: 0.8em; line-height: 1.4; }
#content .post .author-info .avatar { display: none; }
form#commentform input#author, form#commentform input#email, form#commentform input#url { width: 95%; }
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 { margin: 0; }
#comments img.avatar { display: none; }
a#cancel-comment-reply-link { display: block; margin: 5px 0 15px; width: 100%; }
#content #nav-below .nav-previous a { display: block; float: none; margin: 0 0 10px; width: 100%; }
#content #nav-below .nav-next a { display: block; text-align: right; width: 100%; }
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover { text-decoration: none; }
#content a.post-format, #content .post-format-single { left: 90% }
#content .entry-post-format .entry-content-gallery { float: none; width: 100%; }
#content .entry-post-format .gallery-thumb { float: none; margin: 5px 15px 15px 0; width: 100%; }
#content .page .wpcf7 input.textfield { width: 95%; }
#foot { float: none; width: 100%; }
}