/*  
Theme Name: Igloo News
Description: Developed by <a href="http://bizzartic.com">Zeljan Topic</a>.
Version: 3.4
Author: BizzArtic
Author URI: http://bizzartic.com/
*/

/* Import base styling for grid framework*/
@import url('library/css/base.css');

/*---------MAIN--------- */
direction: rtl;
*{border:0; margin:0px; padding:0 }
body{background:#F1F1E5 url(images/bgr.png) repeat-x top; color:#53534C; font:12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif}
a{color:#2361A1; text-decoration:none }
a:hover{color:#2361A1; text-decoration:underline }
input, select, textarea{border:#cacaca 1px solid; font-size:12px; padding:5px }
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; font-family: Georgia }
ul, ol{list-style:none }
small {font-size: 11px }
code {background: #FFFFC1 }


/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }

/*---------MISC STYLING --------- */
.fix{clear:both; height:1px; overflow:hidden; margin:0 0 -1px }
.clear{clear:both }
img.fl{margin:0 12px 5px 0; background:#F4F4F4;	border:1px solid #DDDDDD; padding:5px; }
img.fll, .entry img{background:#F4F4F4; border:1px solid #DDDDDD; 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 #CCC6B7 }
.border-bottom{border-bottom:1px solid #CCC6B7 }
.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 }

/*---------TOP MENU for CATEGORIES--------- */
#cat-menu{position:relative; height:70px; margin-bottom:20px;text-align:left }
#cat-menu li{float:left; line-height:33px }
#cat-menu li a{color:#53534C; display:block; padding:0 15px; border-left:1px solid #CCC6B7 }
#cat-menu li ul li a{border:0 }
#cat-menu li a:hover, #cat-menu li.active a{color:#53534C; background:#F1F1E5; text-decoration:none }
#cat-menu li.category-home a{border-left:0 }
.switcher {padding: 75px 0 0 0 }

/*---------DROPDOWN NAVIGATION FOR CATEGORIES--------- */
#catnav, #catnav ul{float:left; list-style:none; font-weight:700; padding:0; font-size: 13px }
#catnav a{display:block }
#catnav li{float:left; font-weight:normal; line-height:30px; font-family:Georgia, Times, serif }
#catnav li a{font-size: 1.3em; padding-top:10px }
#catnav li ul li a{font-size: 13px; padding-top:0 }
#catnav li a:hover{background:#F1F1E5; text-decoration:none; }
#catnav li ul li a:hover{text-decoration:underline }
#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; border:solid #CCC6B7; line-height:26px; width:15em; border-width:0 1px 1px 1px; 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:#F1F1E5 }
#catnav li ul li ul li, #catnav li ul li ul li ul li, #catnav li ul li ul li ul li ul li{border:1px solid #CCC6B7 }
#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:12px; color:#9D9D9D; font-weight:normal }

/*---------TOP NAVIGATION for PAGES--------- */
.top_menu{height:30px; background:#2A2A2A; text-align:left; border:1px solid #4C4C4C; padding: 0 5px; font-size:12px; font-family:Georgia, Times, serif }
.page-menu li{float:left; line-height:30px }
.page-menu li a{color:#E5E4DA; display:block; padding:0 9px }
.page-menu li ul li a{border:0 }
.page-menu li a:hover, .top_menu li.active a{color:#53534C; background:#4C4C4C }
.page-menu li.current_page_item a, .page-menu li.current_page_item a:hover, .subscribe a, .subscribe a:hover{color:#FCFCFC; font-weight:700; font-family:Georgia, Times, serif }
span.subscribe{color:#E5E4DA; line-height:28px }
.page-menu li a:hover{color:#E5E4DA; text-decoration:underline }
.box2 .page-menu, .box3 .page-menu{float:none;padding:0 }

/*---------DROPDOWN NAVIGATION FOR PAGES--------- */
#pagenav a{display:block }
#pagenav li{float:left; font-weight:normal }
#pagenav li a:hover{background:#4C4C4C; text-decoration:none }
#pagenav li ul li a:hover{text-decoration:underline }
#pagenav li ul{position:absolute; width:15em; left:-999em }
#pagenav li:hover ul, #pagenav li.sfhover1 ul{left:auto; z-index:1000 }
#pagenav li ul li{background:#2A2A2A; border:solid #2A2A2A; line-height:26px; width:15em; border-width:0 1px 1px 1px }
#pagenav li:hover, #pagenav li.hover{position:static }
#pagenav li ul ul{margin:-29px 0 0 15em }
#pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.sfhover1 ul ul, #pagenav li.sfhover1 ul ul ul{left:-999em; padding:2px 0 0 }
#pagenav li:hover, #pagenav li.sfhover1{background:#4C4C4C }
#pagenav li ul li ul li, #pagenav li ul li ul li ul li, #pagenav li ul li ul li ul li ul li{border:1px solid #2A2A2A }
#pagenav li:hover ul ul, #pagenav li.sfhover1 ul ul, #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li:hover ul ul ul ul, #pagenav li.sfhover1 ul ul, #pagenav li.sfhover1 ul ul ul, #pagenav li.sfhover1 ul ul ul ul{left:-999em }
#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover1 ul, #pagenav li li.sfhover1 ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.sfhover1 ul, #pagenav li li.sfhover1 ul, #pagenav li li li.sfhover1 ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li li li li:hover ul, #pagenav li.sfhover1 ul, #pagenav li li.sfhover1 ul, #pagenav li li li.sfhover1 ul, #pagenav li li li li.sfhover1 ul{left:auto }
select, #pagenav{padding:0 }
.bot, #header .spacer p, .list2{clear:both }
#pagenav li a span{font-size:12px; color:#9D9D9D; font-weight:normal }

/*---------SUBSCRIBE --------- */
.subscribe{color:#FCFCFC; float:right; font:11px Verdana; height:16px }
.rss-button{font-weight:700; font-size:10px; color:#FFF; background:#D54100; border:1px solid #E48348; padding:1px 4px }

/*---------HEADER --------- */
#header{height:109px; margin:0 0 20px 0 }

/*---------LOGO --------- */
#header h1{margin-top:20px; float:left; text-indent:-9999px; }
#header h1 a{display:block; height:80px; width:970px; }
#header h1 a:hover{text-decoration:none }

#header .blog-title{margin-top:30px; line-height:50px; font-family:"Gill Sans Ultra Bold" }
#header .blog-title a{color:#2A2A2A; font-size:35px }
#header .blog-title a:hover{text-decoration:none; color:#2361a1 }
#header .blog-description{font-family:Georgia, Times, serif; color:#888 }

/*---------TYPOGRAPHY--------- */
h2{color:#000; font:18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px }
h2 a{color:#000 }
h3,h4,h5{color:#363636; font-size:12px; font-weight:700; margin:0 0 5px }
#columns h3{font-weight:700 }
#sidebar h3{font:bold 12px Arial, Helvetica, sans-serif; color:#363636; display:block; text-align:left; border-bottom:3px solid #363636; height:16px; margin:0 0 7px; padding:4px 8px }
#main-container h3.browsing{font-size:18px; font-weight:normal; background:transparent; color:#2A2A2A; height:25px; margin:0 0 5px; padding:8px 18px 3px }

/*---------FEATURED POST --------- */
.featured-title{padding:0 }
.featured-title a{color:#fff }
.featured-title h2{font-size:22px; font-family:Georgia, Times, serif; padding:0 0 5px 0 }

/*---------FEATURED BOX STYLING --------- */
.featured-box{background:#191919; margin:0 0 15px; padding:18px }
.featured-box img{background:#191919; border:1px solid #565656; padding:6px }
.featured-box img:hover{border:1px solid #666; }
.featured-box p{line-height:18px; padding:0 0 10px; color:#c4c4c4 }

/*---------BREAKING BOX STYLING --------- */
.breaking-box{border:1px solid #DADAE5; font-family:Georgia, Times, serif; background:#2A2A2A; margin:0 0 15px; padding:0; width:100% }
.breaking-before{padding:6px 10px; margin:0; font-size:17px; color:#fff; width:116px }
.breaking-title{background:#FFF500; padding:4px 8px; margin:0; width:425px }
.breaking-title a, .breaking-title a:hover{color:#000; font-size:20px }

/*---------CENTER DIV TABS --------- */
.idTabs{font-size:12px; float:left; margin:0 0 8px }
.idTabs li a{background:#F2F0EA; color:#363636; font-weight:700; display:block; text-align:left; border:1px solid #dedbd1; margin:0 7px 0 0; padding:5px 8px }
.idTabs li, .footer_left, .fl{float:left }
.idTabs li.last a, .vidtabs .idTabs li.last a{margin:0 }
.idTabs li a:hover, .idTabs .selected, .vidtabs .idTabs li a:hover,.vidtabs .idTabs .selected{background:#2C6193; color:#FFF; text-decoration:none }

/*---------POST PROPERTIES --------- */
.default-title{padding:0 }
.default-title h2{font-size:20px; font-family:Georgia, Times, serif }
.edit-entry{font:normal 11px Verdana; color:#999;padding:0 0 0 10px }
.date-comments{color:#999;font-size:11px; height:27px; line-height:25px; margin:0 0 10px }
span.comments{background:url(images/comments.png) no-repeat left; padding:0 0 0 20px }
span.read-on{line-height:20px; color:#999; font-size:14px; padding:1px 0 1px 0 }
span.read-on a{font-size:11px}
span.read-on a:hover{color:#2361A1}
span.read-on-archives{background:url(images/arrow.png) no-repeat right center; margin-bottom:20px; padding:0 15px 0 0 }
span.read-on-archives-alt{background:url(images/arrow-left.png) no-repeat left center; margin-bottom:20px; padding:0 0 0 15px }
span.read-on-archives a, span.read-on-archives-alt a{color:#777; font-weight:700; font-size:14px }
a.more{background:url(images/arrow.png) no-repeat left; color:#777; font-size:11px; padding:0 0 0 15px }
#main-container{margin:0 5px 20px 0 }

/*---------BOX styling(all boxes)--------- */
.box, .box2, .widget{background: #FFF url(images/box-bgr.png) repeat-x top left; border:1px solid #CCC6B7; margin:0 0 15px; padding:18px; text-align:left }
.box2 .spacer.white, .box4 .spacer.white{background:#fff; clear:both; margin:0 }

/*---------BOX STYLING (main)--------- */
.box p{line-height:18px; padding:0 0 10px }
.boxed{width:48% }
.boxed .date-comments{margin:0 0 1px }

/*---------BOX STYLING (ads) --------- */
.box3{background:transparent; padding:0 18px }
.box3-spacer{padding:20px 0 0 }
.box3 .spacer.white{background:#fff; border:1px solid #dedbd1; clear:both; margin:0}

/*---------BOX2 STYLING (center sidebar) --------- */
.box4{border:solid #CCC6B7; border-width:0 0 1px 0; background:#E8E8E8; margin:0; padding:20px 18px }

/*---------Feedburner Feed Count --------- */
img.fc_custom01{position:absolute; clip:rect(3px 86px 18px 4px); }
.chicklet{background:url(images/textcloud-trans.png) no-repeat 0 0; width:116px; height:35px; padding:22px 0 0 0 }

/*---------ADS --------- */
.ads12, .ads34, .ads56{height:125px; margin:0; padding:10px 15px }
.ads12 img, .ads34 img, .ads56 img{float:left; border:1px solid #dedbd1; margin:0 7px 0 0 }
.ads12 img.last, .ads34 img.last, .ads56 img.last{float:right; margin:0 }

/*---------LATEST PHOTOS (flickr) --------- */
#sidebar .flickr li{float:left; margin-left:10px; display:inline; margin-bottom:10px }
#sidebar .flickr img{float:left; margin-left:5px; margin-bottom:5px; display:block; background:#fff; border:#BFCACE 1px solid; padding:8px }
#sidebar .flickr img:hover{border:1px solid #666 }

/*---------WIDGETS IN DYNAMIC SIDEBAR --------- */
.textwidget{clear: both; padding: 5px 2px; line-height:20px }
.textwidget tr{line-height:25px }
.widget ul{line-height:16px; padding:0 }
.widget ul li{border-bottom:1px solid #f1f1ed; padding:5px 0 }
.widget ul li ul{margin:5px 0 0 10px }
.widget ul li ul li{background:none; border-top:1px solid #f1f1ed; border-bottom:none; padding:5px 0 }
.list1{padding:15px }
.list1 li a, .widget ul li a{color:#222 }
.list1 li{background:url(images/list-bullet-trans.png) no-repeat top left; margin:0 0 8px; padding:0 0 0 22px }
.list2 li{background:#fff; border:1px solid #dedbd1; margin:0 0 5px; padding:12px 10px }
.list2 p{line-height:16px }

.page-side-menu h3{list-style:none }

/*--------- SEARCH WIDGET --------- */
.widget input{border:#cacaca 1px solid }
.widget #searchform { position:relative }
.widget #s{ padding:5px; width:180px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:13px; color:#a3a192 }
.widget #searchsubmit{ font-family:"lucida grande",tahoma,verdana,arial,sans-serif; color:#fff; border:1px solid #ededed; font-size:13px; font-weight: 700; line-height:12px; background:#2C6193; color:#fff }

.widget label.screen-reader-text{ visibility:hidden; display:none }
.widget form { line-height:1px }

/*--------- CALENDAR WIDGET --------- */
.widget #calendar_wrap{font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:14px }

/*--------- TWITTER WIDGET --------- */
ul.twitter{ } /*the main ul (if list is activated)*/
li.twitter-item{ } /*the ul items (if list is activated)*/
p.twitter-message{ } /*each one of the paragraphs (if msgs > 1)*/
.twitter-timestamp{ } /*the timestamp span class*/
a.twitter-link{ } /*the tweet link class*/
a.twitter-user{ } /*the @username reply link class*/


/*---------FOOTER --------- */
#footer{font-size:11px; padding:20px 0 }
#footer, #footer a{color:#E5E4DA }
.footer-box{width:932px; color:#E5E4DA; height: 23px; background:#2A2A2A; border:1px solid #CCC6B7; padding: 8px 10px 0 10px; font-size:11px; font-family:Georgia, Times, serif }

.footpage-menu {list-style:none; margin:0; padding:0 }
.footpage-menu li{display:inline; margin:0; padding:0 }
.footpage-menu li.page_item {margin:0 0 0 4px; padding: 0 0 0 9px; border-left:1px solid #474747 }

.footer-box .page_item{list-style: none }
.footer_right{clear:right; text-align:right }
.footer_right span{color:#CE0000 }
 
/*---------LATEST VIDEOS (easytube) --------- */
.video{height:250px; width:300px; display:inline; margin:0 0 10px }

/*---------VIDEO TABS --------- */
.vidtabs .idTabs{font-size:12px; width:100%; float:none; margin:10px 0 0 }
.vidtabs .idTabs li{float:none; padding:0 }
.vidtabs .idTabs li a{background:#F2F0EA; color:#363636; font-weight:700; display:block; text-align:left; border:0; margin:0; padding:5px 8px }

/*---------COMMENTS --------- */
h2.commh2{font-size:1.4em !important; color:#333 !important; padding:0 0 5px }
#comments ol{padding:20px 0;}
#respond{padding:10px 0 0 0;}
#comments .comment {margin-top: 10px; width: 100%;}
#comments .comment .meta-left {width: 90px; float:left; color:#bbb; font-family:Georgia, Times, serif }
#comments .comment .meta-left p{ padding:10px 0 0 0 }
#comments .comment .meta-left .meta-wrap {width: 90px; margin-right: -16px; overflow: hidden; padding-right: 7px; min-height:70px }
.authorcomment, .authorcomment a, .authorcomment a:hover {color:#515151 }
#comments .comment small {font-size: 11px }
* html #comments .comment .text-right {height: 100px }
#comments .comment .text-right {min-height: 70px; background:#F8F8F8; padding: 12px; border: #DEDEDE 1px solid; 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 .commentlist {padding:0 }
#comments .comment .authcomment{background:#EAEAE3; border: #CCC6B7 1px solid; }

.commpadd{padding:5px 0 10px }
span.comm-reply a, span.comm-reply a:hover{float:right; padding:5px 0 0 0; color:#bbb; }
.cancel-comment-reply{padding:0 0 10px 0 }
#respond {padding:10px 0 0 0 }
#respond textarea, .commpadd input{border: #DEDEDE 1px solid; background:#F8F8F8; }
input#submit{font:bold 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif; color:#FFF; text-align:center; border:1px solid #DEDBD1; background:#2C6193; margin:0 0 7px }

/*---------SINGLE POST STYLING --------- */
span.tags{background:url(images/tags.png) no-repeat left; padding:1px 0 0 23px }
span.bookmarks{background:url(images/bookmark.png) no-repeat left; padding:1px 0 0 23px }
.singleh2{font-size:1.8em !important; padding-top:5px }
.entry {padding: 0 0 10px 0 }
.entry p{text-align:left; font-size:12px; 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 }

.page{padding:10px 0 }
.last-updated{font-size:11px; color:#999; text-align:right }
.date-comments a, span.read-on a{color:#999;font-weight:700 }

/*---------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 }
.rss-archive{background:url(images/rss-small.gif) center left no-repeat; padding-left:24px; line-height:23px }
.rss-archive a, .rss-archive a:hover{color:#E4760F; font-size:13px }
.arclist .archives-time{float: left;	text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }

/*---------PAGE NAVIGATION --------- */
.navigation a{color:#666; font-weight:700; font-size:14px }
.alignleft{display:inline; float:left }
.alignright{display:inline; float:right }
.aligncenter {margin: 10px auto 20px auto; display: block }

/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-family: georgia; font-size: 12px; font-weight: bold; padding: 26px 0 }
.Navi { float: left }
.Navi a { text-decoration: none !important }
.Navi .on { color:#fff; display: block; float: left; font-size: 14px; padding: 3px 9px 4px 9px; margin-left: 4px; background: #2C6193 !important }
.Navi a { border:1px solid #CCC6B7; color: #000; display: block; float: left; padding: 3px 7px; margin-left: 4px }
.Navi a:hover { color:#000; background: #ddd }
 
/*---------AUTHOR STYLING --------- */
.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 }
