/*  
Theme Name:    TMF
Theme URI:     http://bizzartic.com/
Description:   Developed by Jonny Snorkel.
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:Tahoma; background:#F6F6F6 }
a{ color:#666; text-decoration: none; }
  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 }
img.centered{ display: block; margin-left: auto; margin-right: auto }
img.alignright{ padding:0; margin: 3px 0 2px 10px; display: inline }
img.alignleft{ padding:0; margin: 3px 10px 2px 0; display: inline }
.alignleft{ float: left }
.alignright{ float: right }
	
/*--------- HEADER --------- */
.header-bgr{ background:#F6F6F6 }
#header{ padding:10px 0 10px 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; background:url(images/featured-opacity-trans-trans.png); font:normal 17px Georgia; margin:0 0 10px 0; padding:10px 15px }
#header h1.logo { padding:0; margin:0; line-height:10px }
#header h1.logo a:hover{ background:none }

/*---------TOP NAVIGATION --------- */
#nav-menu{ height:25px; text-align:left; margin-top:65px }
  #nav-menu a{ display:block }
  #nav-menu li{ float:left; font-weight:normal; line-height:25px; padding:7px 0; margin:0 }
    #nav-menu li a{ color:#000000; display:block; padding:0 11px; font-size: 12px }
	  #nav-menu li a:hover{ background:#000000; text-decoration:underline }
      #nav-menu li a:hover, #nav-menu li.active a{ color:#000000; background:#F6F6F6 }
  #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:#000000; color:#ffffff }

/*---------TOP DROPDOWN NAVIGATION --------- */
#nav { list-style:none; position:relative; font:normal 11px Tahoma; padding:0; margin-bottom:0; border-bottom:1px solid #DCDCDC }
        #nav li ul li a{ font-size:11px; padding-top:0 }
		  #nav li ul li a:hover{ text-decoration:underline }
    #nav li ul{ list-style:none; position:absolute; width:15em; left:-999em; margin:7px 0 0 0; border:1px solid #DCDCDC }
    #nav li:hover ul, #nav li.sfhover ul{ left:auto; z-index:1000 }
      #nav li ul li{ background:#ffffff; line-height:30px; padding:0; width:15em; font-weight:normal }
    #nav li:hover, #nav li.hover{ position:static }
      #nav li ul ul{ margin:-31px 0 0 15em }
      #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, #nav{ padding:0 }
	
#nav li.top-right-text { position:absolute; font:normal 10px Tahoma; bottom:3px; line-height:17px; right:0; width:300px; text-align:right }
  #nav li.top-right-text a { display:inline; padding:1px 3px; font:normal 10px Tahoma; }

/*=== Main Content Wrap ===*/
.main_wrap{ padding:20px 0 }
.content_wrap{ margin-left:0; margin-right:0 }
  h3.m-title{ color:#F0CF22; background:#000000; padding:5px 10px; margin:0 0 10px 0; font:normal 13px Tahoma; clear: both; height: 15px; overflow: hidden }
    h3.m-title a{ color:#F0CF22; background:#000000; font:normal 13px Tahoma }

/*=== Featured Post Panel ===*/
.featured-post{ margin-bottom:20px; margin-left:10px }
  .featured-post .post{ padding:0; margin:0 0 10px 0 }
    .featured-post .post img{ float:left; position:relative }
	.featured-post .post h2{ background:url(images/featured-opacity-trans.png) no-repeat; position:absolute; bottom:0; left:0; width:100%; margin:0 }
	  .featured-post .post h2 a{ color:#E5E5E5; font:normal 17px Tahoma; padding:20px }
	  
/*=== Front Panel ===*/
.m-post{ border-bottom:1px solid #DCDCDC }
  .m-post h1, .m-post h2, .m-post h3, .m-post h4, .m-post h5, .m-post h6 { font-weight:normal; font-family:Tahoma; margin:0 0 10px 0 }
  .m-post ul li, .m-post ol li { margin:0 0 0 15px; padding:0 }
  .m-post h2 { color:#000000; padding:5px 0; margin:10px 0 10px 0 }
    .m-post h2 a{ color:#000000; font:normal 17px Tahoma }
  .m-post table { font:normal 10px Tahoma }
    .m-post table td { padding:10px 3px 5px 3px; vertical-align:middle }
  .m-post .m-img { padding:0; margin:0 0 15px 0; text-align:center }
  .m-post .m-excerpt { padding:0; margin:0 0 10px 0; font:normal 13px Tahoma }
  .m-post .m-meta { padding:0; margin:20px 0 10px 0; font:normal 12px Tahoma }
    .m-post .m-meta a{  }
	
h2.trigger{ background:url(images/h2_trigger_a.gif) no-repeat; padding:5px 0 5px 20px; margin:20px 0 }
h2.trigger a{ padding:5px 10px; font:bold 12px Tahoma; color:#000000 }
h2.active{ background-position:left bottom }

.toggle_container{ border:1px solid #DCDCDC; background:#ffffff; overflow:hidden }
.toggle_container .block{ padding:10px }
		  
/*=== Post content ===*/
.postcontent h1, .postcontent h2, .postcontent h3, .postcontent h4, .postcontent h5, .postcontent h6 { font-weight:normal; padding:10px 0 15px 0; margin:0 }

.postcontent img { border:8px solid #f6f5ed }
.postcontent a{ text-decoration: none; padding:0 0 1px 0; border-bottom:1px solid }
  
.postcontent ul, .postcontent ol{ padding:5px 0 20px 20px; margin:0 }
  .postcontent ul li{ color: #555555; 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: #555555; 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:24px }

 .wp-caption{ background:#f6f6ed; border:6px solid #f6f6ed }
  .wp-caption img{ border:5px solid #f6f6ed }
  .wp-caption a{ border:none }
    .wp-caption a:hover{ background:none }
  .wp-caption p{ color:#777777; background:#f6f6ed; font:normal 11px Georgia; text-align:center; line-height:17px; padding:0 10px 10px 10px; margin:0 }
  
/*=== Archive ===*/
.browsing-archive { padding:0; margin:0 0 20px 0; background:transparent }
.archive-spot{ margin-bottom:20px }
  .archive-spot .post{ padding:0; margin:0 0 10px 0 }
    .archive-spot .post img{ float:left }
	.archive-spot .post h2.feat-t{ display:block; width:100%; padding:20px 0; margin:0 }
	  .archive-spot .post h2.feat-t a{ color:#000000; font:normal 21px Tahoma }
	  
/*=== Single ===*/
.single-spot{ margin-bottom:20px }
  .single-spot .post{ padding:0; margin:0 0 10px 0 }
    .single-spot .post img{ float:left }
	.single-spot .post h2.feat-t{ display:block; width:100%; padding:20px 0; margin:0 }
	  .single-spot .post h2.feat-t a{ color:#000000; font:normal 21px Tahoma }
	  
/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }
.Navi { float: right; padding:25px 25px 25px 0; border-top:1px solid #aaaaaa }
  .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #000000 !important }
  .Navi a { text-decoration: none !important; border:1px solid #D8D8D8; color: #000; display: block; float: left; padding: 3px 7px; margin-left: 4px }
    .Navi a:hover { color:#000; background: #e9e9df }
	
/*---------COMMENTS --------- */
#comments h3{ font:normal 17px Tahoma; padding:0 0 20px 0; margin:0 }
  #comments .commentlist { padding:0; margin:0 }
  #comments ol{ padding:20px 0; list-style:none }
  #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: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 }
#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: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 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 Tahoma; 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 11px Tahoma }
  .sidebar ul li{ margin:0; padding:5px 0 5px 10px; list-style:none; border-bottom:1px solid #DCDCDC; line-height:15px }
  .sidebar ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	
    .sidebar ul li ul{ margin: 0; padding:10px 0 0 0; border:none }
	  .sidebar ul li ul li{ border:none }

  /*=== Widget styling ===*/
.sidebar .widget { margin:0 0 20px 0 }
.sidebar .widget h3{ color:#F0CF22; background:#000000; padding:5px 10px; margin:0 0 10px 0; font:normal 13px Tahoma; clear: both; height: 15px; overflow: hidden }
  .sidebar .widget h3 a{ color:#F0CF22; background:#000000; padding:5px 10px; margin:0 0 10px 0; font:normal 13px Tahoma }
  .sidebar .widget h3 a.rsswidget{ padding:5px 10px 5px 0 }
    .sidebar .widget span.rss-date{ display:block; color:#aaaaaa }
	
.sidebar .widget #searchform label{ visibility:hidden; display:none }
.sidebar .widget #searchform input#s{ border:1px solid #000000; width:200px }
.sidebar .widget #searchform input#searchsubmit{ background:#000000; color:#ffffff }

.sidebar #feedburner input { border:1px solid #000000; width:200px }
.sidebar #feedburner input.button { background:#000000; color:#ffffff; width:65px }

.flickr { padding:0 }
  .flickr h3 span.flickr-logo{ padding:0; margin:0; color:#006BEF }
    .flickr h3 span span b{ color:#FF1183; font-weight:normal }
  .flickr ul{ margin:5px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
  .flickr img{ border:1px solid #dddddd; background-color:#ffffff; padding:5px }
    .flickr img:hover{ border-color:#333 }

.subscribe img{ vertical-align:middle; margin:6px 0 8px }
  
/*=== Footer ===*/  
.credentials{ padding:10px 0; margin-bottom:50px; margin-top:30px; border-top:1px solid #DCDCDC }
.credentials .fr { padding:0; margin:0 -11px 0 0 }
  .credentials .fr li{ display:block; float:left; padding:0; margin:0 }
	.credentials .fr li a { padding:5px 10px }
	  .credentials .fr li a:hover { background:#000000; color:#ffffff }