/*  
Theme Name: IsoTherm News
Theme URI: http://bizzartic.com/
Description: Developed by Zeljan Topic.
Version: 1.5
Author: BizzArtic
Author URI: http://bizzartic.com/
*/
 
/*
               IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/
 
body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:0; padding:10px 0 0; background-color: #f4f3ed;}
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote { margin: 0; padding: 0 }
h1, h2, h3, h4, h5 { padding: 10px 0 }
a, h1, h2, h3, h4, h5, h6  { color:#222222 }
ul, ol{ list-style:none }
small { font-size: 11px }
code { background: #E7FFD3 }

/*---------MISC STYLING --------- */
.fix{ clear:both; height:1px; overflow:hidden; margin:0 0 -1px }
.clear{ clear:both }
img.fl{ margin:0 12px 5px 0; background:#ffffff; border:1px solid #cccccc; padding:5px; }
img.fll, .entry img{ background:#ffffff; border:1px solid #cccccc; padding:5px; margin:0 0 6px 0 }
img.fl:hover, img.fll:hover, .entry img:hover{ border:1px solid #666 }
.fl, .fll{ float:left }
.fr, .frr{ float:right }
.ac, span .ac{ text-align:center }
.ar, span .ar{ text-align:right }
.al, span .al{ text-align:left }
.gravatar{ float:left; background:#EDEDED; margin:0 7px 0 0; padding:4px }
.border-top{ border-top:2px solid #D8D8D8 }
.border-bottom{ border-bottom:1px solid #D8D8D8 }
.alpha{ margin-left:0 }.omega{ margin-right:0 }
.wp-caption { background:#F4F4F4; margin:0 0 6px 6px }
.wp-caption .wp-caption-text { font-size:11px; text-align:center; margin:0; padding:0 0 6px 0 }
img.alignleft{ margin:0 10px 0 0 }
.aligncenter{ display:block; margin:10px auto 20px }
.alignleft{ float:left; margin:10px 20px 8px 0 }
.alignright{ float:right; margin:10px 0 8px 20px }
.widget ul li ul li,.widget_pages ul li ul li{ border:none; margin:8px 0 5px 15px; padding:0 0 0 10px }
a,.widget ul li a,.featured_post h3 a:hover{ text-decoration:none }
a:hover,#pagenav li ul li a:hover,.widget ul li a:hover,.widget .more a,.content .more a:hover,.post h2 a:hover,.featured_post h2 a:hover,.navigation a:hover{ text-decoration:underline }
.content_left,.footer_left,.fl{ float:left }
.content_right,.footer_right,.col2,.fr{ float:right }

/*---------LAYOUT--------- */
.wrapper{ width:990px; margin-right:auto; margin-left:auto; padding-bottom:10px }
.page{ float:left; width:930px; padding:0 30px }

#head-section{ width:930px; height: 70px; padding:7px 0 3px 0 }
#header{ float:left; width:450px }
#header-about h2{ float:left; width:100%; font:normal 33px/33px; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:0 0 30px; padding:15px 0 }
#header img{ border:none !important }
.nav{ float:left; width:610px }
.content{ left:320px; width:610px }
  .content li{ margin-bottom:5px }
#header .blog-title{ line-height:50px }
  #header .blog-title a{ color:#222222; font-size:34px; font-weight:bold }
    #header .blog-title a:hover{ text-decoration:none; color:#666666 }
#header .blog-description{ color:#666666 }

/*---------SUBSCRIBE ---------  */
.feed-spot{ line-height:18px;  margin:6px 0 0 0; color:#FCFCFC; float:right; font:11px Verdana; height:16px; padding:0 5px 0 0 }
  .feed-spot a, .feed-spot a:hover{ color:#fff; font-weight:700 }
a.admin-link, a.admin-link:hover{color:#999;padding:0 6px 0 0;font-weight:normal}
a.admin-link, a.admin-link:hover{ color:#aaa }
.rss-button{ background:url(images/rss-small-trans.png) center left no-repeat; padding:2px 9px }

/*---------TOP NAVIGATION for PAGES---------  */
.top_menu{ height:5px; width:930px; text-align:left; font-family:arial; font-size:11px; padding:0 }
.top_menu ul{ list-style:none; margin:0; padding:0 }

/*---------TOP MENU for CATEGORIES--------- */
#cat-menu{ height:30px; width:943px; text-align:left; background: #FFF; margin-bottom:10px;}
#cat-menu li{ float:left;}
#cat-menu li a{ color:#33332E; display:block; padding:0 15px; font-family:Arial,Helvetica,sans-serif;}
#cat-menu li ul li a{ border:0 }
#cat-menu li a:hover, #cat-menu li.active a{ color:#33332E; background:#DEDBD1; text-decoration:none }
#cat-menu li.category-home a{ border-left:0 }
.switcher { padding: 75px 0 0 0 }
#cat-menu li.selected-cat a, #cat-menu li.current-cat, #cat-menu li.current-cat-parent{ background:#DEDBD1 }

/*---------DROPDOWN NAVIGATION FOR CATEGORIES--------- */
#catnav, #catnav ul{float:left; list-style:none; font-weight:700; padding:0; font-size: 0.9em; text-transform:uppercase;}
#catnav a{display:block }
#catnav li{float:left; font-weight:normal; line-height:30px }
#catnav li a{font-size: 1.1em; padding-top:0 }
#catnav li ul li a{font-size: 0.9em; padding-top:0 }
#catnav li a:hover{background:#DEDBD1; text-decoration:none; }
#catnav li ul li a:hover{}
#catnav li ul{position:absolute; width:15em; left:-999em; padding-top:1px }
#catnav li:hover ul, #catnav li.sfhover ul{left:auto; z-index:1000 }
#catnav li ul li{background:#FFF; line-height:25px; width:20em; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; font-weight:bold }
#catnav li:hover, #catnav li.hover{position:static }
#catnav li ul ul{margin:-29px 0 0 15em }
#catnav li:hover ul ul, #catnav li:hover ul ul ul, #catnav li.sfhover ul ul, #catnav li.sfhover ul ul ul{left:-999em; padding:2px 0 0 }
#catnav li:hover, #catnav li.sfhover{background:#DEDBD1 }
#catnav li:hover ul ul, #catnav li.sfhover ul ul, #catnav li:hover ul ul, #catnav li:hover ul ul ul, #catnav li:hover ul ul ul ul, #catnav li.sfhover ul ul, #catnav li.sfhover ul ul ul, #catnav li.sfhover ul ul ul ul{left:-999em }
#catnav li:hover ul, #catnav li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li li li.sfhover ul, #catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li li li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li li li.sfhover ul, #catnav li li li li.sfhover ul{left:auto }
select, #catnav{padding:0 }
.bot, #header .spacer p, .list2{clear:both }
#catnav li a span{font-size:0.9em; color:#9D9D9D; font-weight:normal }

/*--------- TOP FEATURED POSTS WITH IMAGES--------- */
.top-featured{ width:930px; background:#ffffff;	border:1px solid #ffffff; padding:6px;}
.top-featured img.fl{ margin:0; background:#ffffff; border:2px solid #ffffff; padding:0 }
.top-featured img.fl:hover{ border:2px solid #ffffff }
.top-featured span a{ color:#F4F4F6 }
.top-featured-box1{ float:left; width:254px; position:relative }
 .top-featured-box1 .title_bg{ width:234px }
.top-featured-box2345{ float:left; width:260px; position:relative }
 .top-featured-box2345 .title_bg{ width:241px }
.top-featured-box6{ float:left; width:152px; margin:-152px 0 0 0; position:relative }
 .top-featured-box6 .title_bg{ width:136px }
.top-featured-box1 span.cat_bg, .top-featured-box2345 span.cat_bg{ position:absolute; color:#F4F4F6; right:2px; top:2px; background:#191919; padding:4px; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; font-size:11px }
.top-featured-box6 span.cat_bg{ position:absolute; color:#F4F4F6; right:-2px; top:2px; background:#191919; padding:4px; font-family:Verdana; font-size:11px }
.top-featured-box1 .title_bg, .top-featured-box2345 .title_bg, .top-featured-box6 .title_bg{ position:absolute; left:2px; bottom:2px; background: url("images/top-opacity-top-trans.png") no-repeat left top; color:#fff; padding:20px 8px 6px 8px }
.top-featured-box1 .title_bg a, .top-featured-box2345 .title_bg a, .top-featured-box6 .title_bg a{ color:#F4F4F6; font-size:17px; font-weight: bold; font-family:'Arial','Trebuchet MS'; letter-spacing:-1px;}

/*---------REST OF ENTRIES --------- */
.content .post{ float:left; margin-bottom:30px; width:610px }
.blog .post h2{ margin-bottom:5px; font-size:20px; font-weight:400 }
.post h2{ font-weight:700 }
.post h2.post_title{ font-size:32px; margin-bottom:30px }
p.header_meta span{ font-size:12px; margin-right:5px; color:#FFF; padding:5px }
.blog .post p{ font-size:13px; font-weight:normal; margin:5px 0; line-height:17px; text-align:justify }
.boxed_posts .post{ float:left; width:280px; margin:10px 15px 10px 10px !important; padding:0 !important; display: inline; position:relative }
.boxed_posts .post .title_bg h2 a{ color:#000; font-size:20px; font-weight:bold; }
.boxed_posts .post .title_bg h2{ padding:8px 0; letter-spacing:0; margin:0; clear:both }
.boxed_posts .post span.date_bg{ font-size:13px; font-weight:normal; float:left; color:#9f9f9f;}
.boxed_posts .post span.comment_bg{ float:right; line-height:24px; margin-left:15px; padding-left:20px; background: url(images/comments-trans.png) no-repeat top left; font-style:oblique }
.boxed_posts .post span.comment_bg a{ color:#838383; font-size:24px; font-weight:normal }

.full_posts .post{ float:left; width:600px; margin:10px 15px 5px 10px !important; border-top:1px solid #cccccc; padding:15px 0 0 0 !important; display: inline; position:relative }
.full_posts .post .title_bg h2 a{ color:#000; font-size:20px }
.full_posts .post .title_bg h2{ padding:8px 0 12px 0; letter-spacing:0; margin:0 }
.full_posts .post span.date_bg{ float:left; padding:4px; color:#9f9f9f }
.full_posts .post span.comment_bg{ float:right; line-height:24px; margin-left:15px; padding-left:20px; background: url(images/comments-trans.png) no-repeat top left; font-style:oblique }
.full_posts .post span.comment_bg a{ color:#838383; font-size:24px }
.full_posts img.fll{ margin-right:10px }

/*---------SIDEBAR ---------  */
.sidebar{ width:255px }
  .sidebar_right{ float:right; padding-left:30px; border-left:1px solid #cccccc }
  .sidebar_left{ float:left; padding-right:30px; border-right:1px solid #cccccc }
  .sidebar h3{ font-size:1.0em; text-transform:uppercase;  font-weight:normal; }
  .sidebar p{ font-size:13px; color:#fff }
  .nosidebar .post2, .nosidebar .header-about h2{ width:930px; float:left;margin-bottom:30px }

/*---------widgets ---------  */
.widget{ width:225px; margin-bottom:20px; float:left; list-style:none; overflow:hidden; padding:0 0 0 15px; color:#382D2C }
  .widget .more,.content .more{ color:#000; font-weight:700; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; margin-bottom:0 }
    .widget .more span,.content .more span{ color:red; margin-right:5px }
.widget a, .widget li, .widget p { color:#382D2C !important }
.widget li{ padding:0 2px; line-height:18px; list-style: circle outside; margin:0; width:100% }
  .widget li a, .widget li a:hover{ font-weight:normal }
.widget h2, .widget h3{ margin:0 0 10px -15px; color:#fff !important; font-size:1.0em; text-transform:uppercase;  font-weight:normal; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; background:#191919; padding:7px 15px 5px 10px }
  .flickr h3 span{ font-weight:bold; color:#0061D8 }
    .flickr h3 span b{ color:#FF1183 }
.flickr ul{ margin:15px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
.flickr img{ border:1px solid #969696; background:#F4F4F4; padding:5px }
  .flickr img:hover{ border-color:#333 }
#calendar_wrap{ padding:0 0 0 40px; font-size:13px }
#calendar_wrap caption{ padding:10px 0 }
li.recentcomments a{ font-style:italic }
  .widget #searchform label{ display:none }
.tagcloud { background-color:#ffffff !important; color:#382D2C }
#twitter p.website{ margin:10px 0 0 0; padding: 20px 0 30px 48px; font-weight:bold; background: url(images/twitter-trans.png) left 6px no-repeat }

#video .vidtabs { border:none; padding:8px 0; margin:0 }
.idTabs{font-size:12px; float:left; margin:0 0 8px }
.idTabs li{float:left; list-style:none; width:20px }
  .idTabs li a{ background:#cccccc; display:block; margin:0 7px 0 0; padding:5px 8px }
    .vidtabs .idTabs li a:hover,.vidtabs .idTabs .selected{ background:#000000 }

/*---------ADVERTISING ads --------- */
.box3{ background:transparent; padding:0 0 30px 0; margin:0 }
.ads123456{ height:125px; margin:0; padding: 2px 0 0 0 }
  .ads123456 img{ float:left; border:1px solid #fff; margin:0 }
.ads123456{ float:right; margin:0 }
#big_banner img{ background:transparent; border:1px solid #cccccc; margin:0 0 0 2px }
#big_banner1 img{ background:transparent; border:none; margin:10px 0 0 0 }

.adsense-468{ text-align:center }
.adsense-728{ text-align:center; padding:20px 0 0 0; margin:0 0 -20px 0; width:910px }

/*---------SINGLE POST STYLING --------- */
span.comments { margin-left:5px; padding-left:20px; background: url(images/comments-trans.png) no-repeat bottom left }
.single-post #header-about h1{ float:left; width:610px; font:normal 33px/33px; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:0 0 20px; padding:15px 0; text-transform:none }
.date-comments{ color:#777; line-height:20px }
.date-comments a{ color:#777; font-weight:700 }
.date-comments span.comments a{ font-size:22px; font-weight:400 }
.tags{ padding: 10px 0 }
.entry { color:#333; padding: 0 0 30px 0; }
  .entry a{ background:#FFFCD2; font-weight:bold; }
.entry img.fr{ margin:0 }
.entry img.alignright{ margin:0 0 10px 10px }
.entry p{ text-align:left; font-size:13px; line-height:20px !important; padding:8px 0 }
.entry blockquote{ border-left:2px solid #444; width:85%; color:#666; font-style:italic; margin:5px auto 15px; padding:0 10px }
.entry ol, .entry ul { line-height: 18px; padding:8px 0 }
.entry ul { padding-left: 60px }
  .entry ul li { list-style: disc; padding: 3px 0 }
    .entry ul li ul li { list-style: circle }
.entry ol { padding-left: 50px }
  .entry ol li { list-style: decimal inside; padding: 3px 0 }
.entry h2, .entry h3 { font-weight:normal }
.entry h2 { font-size: 24px }
.entry h3 { font-size: 18px }
.entry h4 { font-size: 14px }
.entry h5 { font-size: 11px }

/*---------SINGLE PAGE STYLING --------- */
.page{ padding:10px 0 }
span.edit-entry { background: transparent url(images/edit-trans.png) no-repeat top right; font-size:16px; color:#999; margin:0 0 0 20px; padding: 7px 0 7px 30px }
.last-updated{ font-size:11px; color:#999; text-align:right }

/*---------COMMENTS --------- */
#comments h3{ font:bold 17px; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; padding:0 0 20px 0; margin:0 }
  #comments .commentlist { padding:0; margin:0 }
  #comments ol{padding:20px 0;}
  #comments .comment { margin: 10px 0 0 0; width: 100%;}
    #comments .comment a{ text-decoration:none; border-bottom:1px solid; padding:1px 0 }
	  #comments .comment a:hover{ color:#000000 }
    #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }
    #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }
      #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }
  #comments .comment small {font-size: 11px }
  * html #comments .comment .text-right { height:70px }
  #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px solid #aaaaaa; padding: 12px; margin-left:100px; float:none }
    #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }
  #comments ul.children { margin:10px 0 0 20px; padding:0 }
#comments .comment .authcomment{ background:#F7F7F7; border:1px solid #aaaaaa }
  p.commpadd{ padding:0; margin:0 0 10px 0 }
  span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }
  span.comm-reply a{ font-size:13px; color:#aaa }
  .cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0; width:595px }
  #respond p{ padding:5px 0; margin:0 }
#respond textarea, .commpadd input{ background:none; border:1px solid #aaaaaa }
#respond textarea { margin:0; padding:5px }
  p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
  p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; color:#FFFfff; text-align:center; padding: 5px; background:#000000; border:1px solid #aaaaaa; margin:0 }

/*---------ARCHIVE --------- */
.arclist ul li{ color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0 }
.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }
.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }
.arclist .archives-time{ float: left;	text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }
.browsing-archive #header-about h2{ font-size:24px }

#more-news-arc h2{ width:410px; text-align:left; font:normal 21px/21px; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:0 0 15px; padding:10px 0 }
ul.list1 li{ line-height:22px }
.more-news h2{ float:left; width:100%; font:normal 21px; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:0 0 15px; padding:10px 0 }
#archive-about h2{ float:left; width:100%; font:normal 21px/21px; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; padding:0 0 10px 0; font-style:oblique }

.rss-archive{ background:url(images/rss-small-trans.png) center left no-repeat; padding-left:24px; line-height:23px }
.rss-archive a, .rss-archive a:hover{ color:#D64A00; font-size:13px; font-weight:bold }

/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }
.Navi { float: right; padding: 0 0 20px 0 }
  .Navi a { text-decoration: none !important; border:1px solid #cccccc; color: #000; display: block; float: left; padding: 3px 7px; margin-left: 4px }
    .Navi a:hover { color:#000; background: #ddd }
  .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #000 !important }

/*---------AUTHOR STYLING --------- */
.author-archive{ padding:0 0 15px 0; margin: 0 0 15px 0 }
.auth_gravatar{ float:left; margin-right:10px; width:58px}
  .auth_gravatar img{ background:#FFF; border:1px solid #ccc; width:48px; height:48px; float:left !important; padding:4px }
.auth_email a{ padding: 2px 0 2px 0; text-decoration:none; font-weight:700 }
  .auth_email a:hover{ text-decoration:underline }

/*---------FOOTER --------- */
.footer{ padding:0; margin:20px 0 0 0; width:610px; color:#000000 !important }
.footer a { color:#222222 }

/*--------- Footer widgets ---------  */
#footer-widgets { padding:20px 0 0 0; margin:0 0 10px 0; border-top:1px solid #cccccc }
.footer .block { float:left; list-style:none; padding:0; margin:0 0 0 20px; overflow:hidden;}
  .footer .block .widget{ width:274px }
.footer .widget a, .footer .widget h2, .footer .widget h3, .footer .widget li, .footer .widget p { color:#262626 !important }
.footer .block .widget ul{ margin:0 15px }
  .footer .block .widget li{ padding:0 2px; line-height:16px; list-style:circle outside; margin:0; width:100% }
.footer .block .widget h2, .footer .block .widget h3{ margin:0 0 10px -5px; color:#fff !important; font-size:1.0em; text-transform:uppercase;  font-weight:normal; font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif; background:#191919; padding:5px 15px 5px 10px; }
.footer .block {	width:274px; margin-left:20px; display:inline }
.footer .block ul, .footer .block .textwidget , .footer .block #calendar_wrap{ padding-bottom:10px; clear:both; color:#565656 }
  .footer .block a{ text-decoration:none; padding:1px 0 }
.footer .block #calendar_wrap{ font-size:17px; padding-left:50px }
.footer .block .textwidget { padding:5px 10px; margin:15px 0 0 0; color:#262626; line-height:17px }

/*--------- Footer widgets ---------  */
.copyright{ font-size:11px; margin:0; padding:10px 0 30px 0; width:610px; border-top:1px solid #cccccc; }
.copyright a{ color:#000 }
  .copyright .fr  { margin: 0 }
  .copyright .fr img  { vertical-align: middle; border:0; padding:0 0 5px 2px }