/*  
Theme Name: Inuit Types
Theme URI: http://bizzartic.com/bizzthemes/inuitypes/
Description: Developed by <a href="http://bizzartic.com">Zeljan Topic</a>.
Version: 1.8
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, Verdana, "Helvetica Neue", Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:10px 0 0;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	background-image: url(images/bgr-default.png)
}
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: #FFFFC1 }

/*---------MISC STYLING --------- */
.fix{ clear:both; height:1px; overflow:hidden; margin:0 0 -1px }
.clear{ clear:both }
img.fl{ border:0px; }
img.fll, .entry img{ border:0px; }
img.fl:hover, img.fll:hover, .entry img:hover{ border:0px; }
.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 { margin: 0px; padding: 0px;}
.wp-caption .wp-caption-text { color:#555; font-size:10px; text-align:right; margin:0; padding:5px 9px 15px 5px; }
img.alignleft{ margin:0 10px 0 0 }
h1{font-size:30px; line-height:30px; font-weight:700; letter-spacing:-1px} 
h2,h3,h4,h5{
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:700;
	margin: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:50px; margin-left:50px; padding-bottom:10px; }
.page{ float:left; width:930px; padding:0 30px }
#header{ float:left; width:610px; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #ddd; }
#header-about h2{
	float:left;
	width:100%;
	border-bottom:1px solid #DDD;
	margin:0 0 30px;
	padding:15px 0;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 33px;
	font-style: normal;
	line-height: 33px;
	font-weight: normal;
	font-variant: normal;
}
#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:55px }
#header .blog-title a{ color:#222222; font-size:50px; font-weight:bold }
#header .blog-title a:hover{ text-decoration:none; color:#666666 }
#header .blog-description{ color:#666666 }

/*---------TOP NAVIGATION for PAGES---------  */
.top_menu{ height:30px; width:930px; text-align:left; font-size:11px; padding:10px 0 0 0 }
.top_menu ul{ list-style:none; margin:0; padding:0 }
.page-menu li a{ color:#666666; display:block; padding:0 9px }
.page-menu li ul li a{ border:0; color:#FCFCFC }
.page-menu li a:hover,.top_menu li.active a{ color:#FCFCFC; background:#1E1E1E }
.page-menu li.current_page_item a{ color:#000; font-weight:700 }
.page-menu li.current_page_item a:hover{ color:#fff }
a.admin-link, a.admin-link:hover{color:#999;padding:0 6px 0 0;font-weight:normal}
span.subscribe{ color:#666;line-height:28px }
.page-menu li a:hover{ color:#FCFCFC; text-decoration:underline }
.page-menu li.current_page_item a:hover,#pagenav li:hover a{color:#FCFCFC}

/*---------DROPDOWN NAVIGATION FOR PAGES---------  */
#pagenav a{ display:block }
#pagenav li{ float:left; line-height:29px }
#pagenav li a:hover{ background:#1E1E1E;text-decoration:none }
#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:#1E1E1E; border:solid #595959; line-height:26px; width:15em; border-width:0 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:#1E1E1E }
#pagenav li a:hover,#pagenav li a.sfhover1{ color:#fff }
#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 #595959 }
#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 }
#pagenav li a span{ font-size:12px; color:#9D9D9D; font-weight:400 }


/*---------SUBSCRIBE ---------  */
.subscribe{
	color:#000000;
	float:right;
	height:16px;
	padding:0 5px 0 0;
	margin:7px 0 0 0;
	font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 11px;
}
.subscribe a,.subscribe a:hover{ color:#000; font-weight:700 }
a.admin-link, a.admin-link:hover{ color:#aaa }
.rss-button{ font-weight:700; font-size:10px; color:#FFF; background:#e57833; border:1px solid #d05a0b; padding:3px; }

/*---------FEATURED POSTS --------- */
.gray .post_categories {font-family:Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
	font-size:11px;color:#888;}
.feat_background{ background:#141414; border: 1px solid #000; }
.boxed_featposts .featured_post{ width:288px; margin:0 0 0 10px; position:relative }
.full_featposts .featured_post{ width:610px; margin:0; position:relative }
.featured_post span.date_bg{ position:absolute; right:2px; top:2px; background:#141414; color:#fff; padding:4px }
.boxed_featposts .featured_content{ float:left; width:228px; color:#FFF; padding:0 0 0 15px }
.full_featposts .featured_content{ float:left; width:570px; color:#FFF; padding:10px 0 0 15px }
.featured_post img{ background:transparent; border:0; padding:0 0 0 5px; margin:0 }
.featured_post img:hover{ border:0 }
.featured_content p{ margin:0 0 5px}
.featured_content a{ color:#FFF !important }
.featured_post img{border:none;margin-left:auto;margin-right:auto;margin-top:5px;display:block}
.featured_post .date{color:#fff;font-weight:700;margin-right:10px;margin-left:15px;padding-top:15px;width:45px;height:50px}
.featured_date p{ line-height:32px; margin: 0}
.featured_content h2 a{
	font-weight:400;
	color:#FFF;
	font-size:23px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
}
.boxed_featposts.featured_content h2{ color:#FFF; margin-bottom:10px; line-height:16px }
.full_featposts .featured_content h2{ color:#FFF; margin-bottom:10px; line-height:16px }
.comments-feat { color:#fff !important }
.comments-feat a{
	padding-left:2px;
	font-size:25px;
	text-transform:none;
	font-family:Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:400;
	color:#aaa !important
}
.hr-border{ background:url(images/hr-trans.png) no-repeat top; height:55px }

/*---------REST OF ENTRIES --------- */
.content .post{ float:left; margin-bottom:30px; width:610px }
.boxed_posts .post{ float:left; width:280px; background-image:none !important; margin:10px 15px 10px 10px !important; padding:0 !important; display: inline }
.full_posts .post{ float:left; width:600px; background-image:none !important; margin:10px 15px 10px 10px !important; padding:0 !important; display: inline }
.blog .post h2{
	margin-bottom:5px;
	font-size:20px;
	font-weight:400;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
}
.post h2{
	font-weight:700;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	letter-spacing:-1px
}
.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{ margin:5px 0; line-height:20px }
.col1,.col2{ width:300px }
.col1{ margin-right:10px; float:left }

/*---------SIDEBAR ---------  */
.sidebar{ width:255px; margin-top:30px; }
.sidebar_right{ float:right; padding-left:30px; border-left:1px solid #DDD; }
.sidebar_left{ float:left; padding-right:30px; border-right:1px solid #DDD }
.sidebar h3{ font-weight:700; font-size:16px }
.sidebar p{ font-size:13px; color:#fff }
.nosidebar .post2, .nosidebar .header-about h2{ width:930px; float:left;margin-bottom:30px }

/*---------widgets ---------  */
.widget .more,.content .more{
	color:#000;
	font-weight:700;
	font-family:Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom:0
}
.widget .more span,.content .more span{ color:red; margin-right:5px }
.widget{ width:225px; margin-bottom:30px; float:left; list-style:none; overflow:hidden; padding:15px; background-color:#141414; color:#FFFFFF; border:1px solid #000000; }
.tagcloud { background-color:#222222 !important; color:#FFFFFF }
.widget a { color:#cccccc; }
.widget h2, .widget h3, .widget li, .widget p { color:#FFFFFF !important }
.widget li{ padding-top:11px; list-style-type:none; margin:0; line-height:20px }
.widget h2{ margin-bottom:15px; font-size:18px }
.widget h3{
	margin-bottom:5px;
	font-size:18px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	padding:0 0 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
}
.flickr h2 span{ color:#0061D8 }
.flickr h2 span span{ 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:12px solid #111; background-color:#999; padding:1px }
.flickr img:hover{ border-color:#333 }
#calendar_wrap{ padding:0 0 0 40px }
#calendar_wrap caption{ padding:10px 0 }
li.recentcomments a{ font-style:italic }
.widget #searchform label{ display:none }
#twitter p.website{ margin:10px 0 0 0; padding: 20px 0 30px 48px; background: url(images/twitter-trans.png) left 6px no-repeat }

/*---------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:0px solid #ddd; margin:0 0 0 0px }

.adsense-468{ text-align:center; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:20px 0; margin:20px 0 30px 0 }
.adsense-728{ text-align:center; padding:30px 0 0 0; margin:10px 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;
	border-bottom:1px solid #DDD;
	margin:0 0 20px;
	padding:15px 0;
	text-transform:none;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 33px;
	font-style: normal;
	line-height: 33px;
	font-weight: normal;
	font-variant: normal;
}
.date-comments{ color:#777 }
.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{ text-decoration:underline }
.entry a:hover{ color:#346BA4 }
.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:1px solid #000; background-color:#141414; width:579px; color:#ccc; font-style:italic; margin:0 0 10px 0; padding:5px 15px 5px 15px; }
.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 }

/*---------SOCIABLE --------- */
div.sociable { margin: 16px 0; background-color:#f7f7f7; border:1px solid #ddd; padding:15px; }

.share {padding:0;
	margin:0; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 17px;
	font-weight: bold; color:#222222;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 6px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	height: 40px;
	border: 0;
	padding: 0;
	margin: 20px 0 0 0;
}

.sociable-hovers {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.sociable-hovers:hover {
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
}

/*---------COMMENTS --------- */
#comments h3{
	padding:0 0 20px 0;
	margin:0;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 17px;
	font-weight: bold;
}
  #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 dotted; 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:#f7f7f7; border:1px solid #dddddd; 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 #dddddd }
  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:#f7f7f7; border:1px solid #dddddd }
#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{
	color:#FFFfff;
	text-align:center;
	padding: 5px;
	background:#141414;
	border:1px solid #000000;
	margin:0;
	font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/*---------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 }
.browsing-archive #header-about h2{ font-size:24px; }

/*---------PAGE NAVIGATION - pagination --------- */
.pagination {
	width: 100%;
	font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 26px 0
}
.Navi { float: right; padding: 0 0 20px 0 }
.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: #000 !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 --------- */
.author-archive{ padding:0 0 25px 0; margin: 0 0 30px 0; border-bottom: 1px solid #ddd }
.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 --------- */
.copyright{ font-size:13px; margin:10px 0 0 0; padding:30px 0; width:610px; border-top:1px solid #dddddd }
.copyright a{ color:#000 }
  .copyright .fr span{ background:url(images/bizzartic_credits-trans.png) right no-repeat; margin: 0 0 0 5px; padding:3px 57px }