/*  
Theme Name:    Jonny Snorkel
Theme URI:     http://www.snorkel.no
Description:   Jonny/honey theme
Version:       1.0
Author:        Jonny Snorkel
Author URI:    http://www.snorkel.no
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('library/css/960.css');

/*---------GENERAL STYLING--------- */
body{ font-family:Arial; background:#E5E5E5 url(images/bg-gradient.png); }
.inner-bgr{ background:transparent url(images/bg-graphics-trans.png) no-repeat center top; padding:0 0 0 1px }
.inner-inner-bgr{ background:transparent url(images/grass-trans.png) no-repeat center bottom }
a{ text-decoration:none; color:#e4770b; }
  a:hover{ text-decoration:underline}
input,select,textarea{ border: #e6e6e6 1px solid; font-size: 12px; padding: 2px }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl{ float: left }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }.alignleft{ float: left }
.alignright{ float: right }

img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #F3F3F3; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

.wp-caption { border-style: solid; border-color: #ddd; background-color: #F3F3F3; text-align: center; font-style: italic; }
	.wp-caption.alignleft { float: left; }
	.wp-caption.alignright { float: right; }
	.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
	.wp-caption.alignnone { clear: both; }
	
/*--------- HEADER --------- */
#header{ padding:0 }

/*=== Logo Spot ===*/
#header #logo-spot{ padding:0 }
#header .blog-title{ line-height:49px; display:inline }
#header .blog-title a{ background:#000000; color:#ffffff; font-size:24px; font-weight:normal; padding:10px 15px }
#header .blog-title a:hover{ text-decoration:none; background:url(images/featured-opacity-trans-trans.png); }
#header .blog-description{ color:#ffffff; font:normal 17px Georgia; margin:0 0 10px 0; padding:10px 15px }
#header h1.logo { height:152px; width:300px; margin:0; line-height:10px }
#header h1.logo a { background:none; padding:130px; }

/*---------TOP NAVIGATION --------- */
#nav-menu{ text-align:left; position: relative; z-index: 2; margin-top:10px; padding:0 0 0 200px }
#nav-menu a{ display:block }
#nav-menu li{ float:left; font-weight:normal; padding:0; margin:0 10px }
#nav-menu li a{ color:#e4770b; padding:4px 8px; font-size: 14px; font-weight:bold }
#nav-menu li a:hover, #nav-menu li.active a{ text-decoration:none; background:#e4770b; color:#000000 }
#nav-menu li.category-home a{ border-left:0 }
#nav-menu li.selected-cat a, #nav-menu li.current-cat a,  #nav-menu li.current-cat-parent
#nav-menu li.current_page_item, #nav-menu li.current_page_item a{ background:#e4770b; color:#000000 }

/*---------TOP DROPDOWN NAVIGATION --------- */
#nav { list-style:none; position:relative; font:normal 11px Arial; padding:0; background:transparent; margin:0 }
#nav li ul li a{ font-size:11px; padding:3px 8px }
#nav li ul li a:hover{ text-decoration:underline; background:#E2A368 }
#nav li ul{ list-style:none; position:absolute; width:17em; left:-999em; margin:0; border:1px solid #e4770b }
#nav li:hover ul, #nav li.sfhover ul{ left:auto }
#nav li ul li{ background:#ffffff; line-height:25px; padding:0; width:17em; margin:0; font-weight:normal }
#nav li:hover, #nav li.hover{ position:static }
#nav li ul ul{ margin:-32px 0 0 17em }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{ left:-999em; padding:0 }
#nav li:hover, #nav li.sfhover{  }
#nav li ul li ul li, #nav li ul li ul li ul li, #nav li ul li ul li ul li ul li{ margin-top:0 }
#nav li ul li ul, #nav li ul li ul li ul, #nav li ul li ul li ul li ul{  }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul{ left:-999em }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul{ left:auto }
select { padding:0 }

/*=== Content Wrap ===*/
.content_wrap{ padding:0; background:#000000 }
.welcome-text{ padding:30px; color:#ffffff; border:1px solid #000000 }
		  
/*=== Post content ===*/
.postcontent { color:#49aaca; font:bold 15px Arial }

.postcontent h1, .postcontent h2, .postcontent h3, .postcontent h4, .postcontent h5, .postcontent h6 { color:#ffffff; padding:10px 0 15px 0; margin:0 }
.front h1, .front h2, .front h3, .front h4, .front h5, .front h6 { color:#ffffff }
.postcontent ul, .postcontent ol{ padding:5px 0 20px 20px; margin:0 }
.postcontent ul li{ color: #000000; margin:0 0 0 30px; padding:0 0 5px 0; line-height: 24px }
.postcontent ul li ul, .postcontent ol li ol{ padding:0; margin:10px 0 0 0 }
.postcontent ol li{ color: #000000 list-style-type:decimal; margin: 0 0 0 30px; line-height: 24px }	
  
.postcontent blockquote { background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block }
.postcontent code{ background:#e9e9e9 }
.postcontent fieldset { border: 1px solid #cccccc; padding:10px }
.postcontent p{ line-height:20px }

.postcontent img.left, .postcontent img.alignleft, .wp-caption.alignleft { margin: 0 1.571em 1.571em 0; }
	.postcontent img.right, .postcontent img.alignright, .wp-caption.alignright { margin: 0 0 1.571em 1.571em; }
	.postcontent img.center, .postcontent img.aligncenter, .wp-caption.aligncenter { margin: 0 auto 1.571em auto; }
	.postcontent img.block, .postcontent img.alignnone, .wp-caption.alignnone { margin: 0 auto 1.571em 0; }
	.postcontent img[align="left"] { margin-right: 1.571em; margin-bottom: 1.571em; }
	.postcontent img[align="right"] { margin-bottom: 1.571em; margin-left: 1.571em; }
	.postcontent img[align="middle"] { margin-bottom: 1.571em; }
	.postcontent img.frame, .postcontent .wp-caption { padding: 0.714em; border-width: 0.071em; }
	.postcontent img.stack { margin-left: 1.571em; }
	.postcontent .wp-caption p { font-size: 0.857em; line-height: 1.5em; margin-bottom: 0; }
	
#breadcrumb p{ padding:20px 0 20px 20px; margin:0; background:#ffffff; color:#000000; font:normal 17px Arial }
#breadcrumb p a{ color:#000000 }
#breadcrumb p strong{ background:#000000; color:#ffffff; padding:2px 5px }
	
/*=== Archive ===*/
.archive-spot{ margin-bottom:20px; background:#000000 }
.browsing-archive { padding:50px 0 0 0; margin:0; border:1px solid #000000 }
.archive-spot .post{ padding:0; margin:0; position:relative }
.archive-spot .post .date{ background:url(images/date-trans.png) no-repeat center left; width:82px; height:92px; position:absolute; left:-82px; top:-28px; text-align:center }
.archive-spot .post .date span{ color:#ffffff; font:bold 15px Arial; display:block; padding:25px 0 0 0 }
.archive-spot .post .meta{ text-align:right; background:#000000; line-height:26px }
.archive-spot .post .meta span.cat_bg a{ background:#49aaca; color:#000000; padding:5px 10px }
.archive-spot .post .meta span.cat_bg a:hover{ background:#49aaca; color:#000000; padding:5px 10px }
.archive-spot .post .meta span.comm_bg { background:#262626; padding:5px 0 5px 10px; margin:0 -4px 0 0 }
*html .archive-spot .post .meta span.comm_bg { padding:0 0 0 10px }
.archive-spot .post .meta span.comm_bg a{ background:url(images/comment-trans.png) no-repeat center left; color:#ffffff; padding:0 10px 0 23px }
.archive-spot .post img{ float:left; border:none }
.archive-spot .post h2.title{ color:#49aaca; background:#000000; display:block; padding:15px 20px 20px 20px; margin:0 }
.archive-spot .post h2.title a{ color:#49aaca; font:normal 25px Arial }
.archive-spot .post h1.title{ background:#000000; display:block; padding:15px 20px 20px 20px; margin:0 }
.archive-spot .post h1.title a{ color:#49aaca; font:normal 28px Arial }
.archive-spot .post .postcontent{ padding:20px; background:#000000; color:#ffffff; font:normal 12px Arial }

h2.trigger{ background:url(images/h2_trigger_a.gif) no-repeat; padding:5px 0 5px 20px; margin:20px 0; width:120px; position:relative }
h2.trigger a{ padding:5px 10px; font:bold 12px Arial; color:#000000 }
h2.active{ background-position:left bottom }
.toggle_container {  }
.toggle_container .block {  }

.addthis_toolbox{ width:120px; position:absolute; top:5px; left:150px }
	  
/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0; background:#000}
.Navi { float: right; padding:20px 20px 20px 0 }
.Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 2px 9px; margin-left: 4px; background: #000000 !important }
.Navi a { text-decoration: none !important; border:1px solid #ccc6b7; color: #fff; display: block; float: left; padding: 1px 7px; margin-left: 4px }
.Navi a:hover { color:#fff; background: #262626  }
	
/*---------COMMENTS --------- */
#comments { background:#ffffff }
#comments h3{ font:normal 17px Arial; padding:10px 20px; margin:0; background:#000000; color:#ffffff }
#comments .commentlist { padding:20px; margin:0 }
#comments ol{ padding:20px 0; list-style:none }
#comments .comment { margin: 10px 0 0 0; width: 100%;}
#comments .comment a{ color:#000000; 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:none; border:1px dotted #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; list-style:none }
#comments .comment .authcomment{ background:#F7F7F7; border:1px dotted #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:20px 20px 10px 20px }
#respond { padding:10px 0; margin:0 }
#respond a{ color:#000000; text-decoration:none; border-bottom:1px dotted; padding:1px 0 }
#respond p{ padding:5px 0; margin:0 20px }
#respond textarea, .commpadd input{ background:none; border:1px dotted #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 Arial; color:#FFFfff; text-align:center; padding: 5px; background:#000000; border:1px dotted #aaaaaa; margin:0 }

/*---------SIDEBAR --------- */
.sidebar { padding:0 }
.sidebar ul, .sidebar ol{ padding:5px 0; margin:0 }
.sidebar ul a, .sidebar ol a{ font:normal 12px Arial }
.sidebar ul li{ margin:0; padding:5px 0 5px 10px; list-style:none; line-height:15px }
.sidebar ul li.current-cat a{ font-weight:bold }
.sidebar ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	
.sidebar ul li ul{ margin:0 0 0 20px; padding:10px 0 0 0; border:none }
.sidebar ul li ul li{ border:none }

.sidebar li.current_page_item a, .sidebar li.current_page_parent { display:block;  background:#fff; color:#000;  font-weight:bold;  }
.sidebar li.current_page_parent { border-bottom:1px solid #ccc;}
.sidebar ul li ul li.current_page_item a { background:#fff !important; margin-bottom:1px; color:#666 !important;  }

/*=== Widget styling ===*/
.sidebar .widget { margin:0 0 20px 0; padding:20px; background:#000000; border:1px solid #000000 }
.sidebar .widget h3{ color:#49AACA; font:bold 12px Arial; clear: both; overflow: hidden }
.sidebar .widget h3 a{ color:#49AACA; font:bold 12px Arial }
.sidebar .widget a{ color:#ffffff }
.sidebar .widget ul li, .sidebar .widget ol li{ padding:5px 0; margin:0 }
	
.sidebar .widget #searchform label{ visibility:hidden; display:none }
.sidebar .widget #searchform input#s{ background:#262626; padding:4px 5px; border:1px solid #000000; width:160px; font:normal 14px Arial }
*html .sidebar .widget #searchform input#s{width:140px }
.sidebar .widget #searchform input#s:focus{ background:#ffffff }
.sidebar .widget #searchform input#searchsubmit{ border:1px solid #49AACA; background:#000000; color:#49AACA; font:bold 13px Arial }


/*=== Footer ===*/  
.footer { position:relative; margin-top:45px; padding-bottom:30px }
.footer h2.trigger{ background:url(images/h2_trigger_a.gif) no-repeat; padding:5px 0 5px 20px; margin:20px 0; width:120px; position:absolute; top:-106px; right:0 }
*html .footer h2.trigger{ position:absolute; top:-108px; right:0 }
.footer h2.trigger a{ padding:5px 10px; font:bold 12px Arial; color:#000000 }
.footer h2.active{ background-position:left bottom }
.footer .toggle_container {  }
.credentials{ padding:0; font:normal 12px Arial; background:#000000; color:#ffffff; border-bottom:6px solid #49aaca }
.credentials .fl { padding:0; margin:0 10px 0 10px }
.credentials .fl li{ display:block; float:left; padding:20px 0; margin:0 }
.credentials .fl li a { padding:20px 20px; color:#ffffff }
.credentials .fl li a:hover { background:#262626 }
.credentials .fr { padding:20px }

.foot-widgets { padding:20px 0 120px 0; background:transparent url(images/bg-footer-trans.png) no-repeat bottom }
.foot-widgets .widget { margin:0 0 20px 20px; float:left; display:inline; width:160px }
.foot-widgets .widget h3{ color:#49AACA; margin:0 0 10px 0; font:bold 12px Arial; clear: both; overflow: hidden }
.foot-widgets .widget h3 a{ color:#49AACA; margin:0 0 10px 0; font:bold 12px Arial }
.foot-widgets .widget a{ color:#ffffff }
.foot-widgets .widget ul li, .foot-widgets .widget ol li{ padding:5px 0; margin:0 }