/*  
Theme Name:    Scamper...
Theme URI:     http://www.alpen-themes.com/
Description:   Designed by Alpen Themes & Developed by Zeljan Topic.
Version:       1.1
Author:        BizzArtic & Alpen Themes
Author URI:    http://bizzartic.com/
*/

/*=== 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:"Century Gothic", Arial; background:#a19181 url(images/main-bg.png) top left }
.body-bgr{ background:transparent url(images/body-bgr-trans.png) no-repeat top center }
a{ color:#000000; 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 }
.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; }
	
/*--------- TOP NAVIGATION --------- */
.top-nav-bg { padding:0 0 0 20px }
#top-nav-menu{ margin-bottom:50px }
#top-nav { background:transparent url(images/top-menu-trans.png) no-repeat; list-style:none; position:relative; padding:0 10px; margin:0 }
#top-nav-menu li{ float:left; padding:0; margin:0 }
#top-nav-menu li a{ display:block; letter-spacing:0.01em; color:#735640; margin:0; padding:4px 8px; font-weight:bold; font-size:14px }
#top-nav-menu li a:hover{  }
#top-nav-menu li a:hover, #top-nav-menu li.active a{ background:none }
#top-nav-menu li.selected-cat a, #top-nav-menu li.current-cat a,  #top-nav-menu li.current-cat-parent
#top-nav-menu li.current_page_item, #top-nav-menu li.current_page_item a{ background:none }

/*--------- LOGO --------- */
h1.logo { padding:0; margin:0; position:absolute; left:-55px; bottom:-10px }
h1.logo a:hover{ background:none }

/*--------- SECOND NAVIGATION --------- */
.nav-bg { background:transparent url(images/menu-bgr.png) repeat-x left top }
#nav-menu{  }
#nav { list-style:none; position:relative; padding:0; margin:0 }
#nav-menu a{ display:block; letter-spacing:0.01em }
#nav-menu li{ float:left; padding:0; margin:0 }
#nav-menu li a{ color:#ffffff; display:block; margin:0; padding:15px 11px 9px 11px; font-weight:bold; font-size:20px }
#nav-menu li a:hover{  }
#nav-menu li a:hover, #nav-menu li.active a{ background:none }
#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:none }
#nav-menu li.page-item-909 a{ color:#33ccff; }
#nav-menu li.page-item-1325 a{ color:#0099ff; } 
#nav-menu li.page-item-2526 a{ color:#33ccff; }
#nav-menu li.page-item-2527 a{ color:#0099ff; }  
#nav-menu li.page-item-47 a{ color:#0099ff; }  

/*--------- Featured --------- */
.feat-bg { background:#ffffff url(images/featured-bgr.png) repeat-x left top }
.featured { padding:0; text-align:left; color:#ffffff; }
.featured a.f_image img { margin: 5px 0px 0 10px; float:right; position:relative }
.featured .f_title { font-weight:bold; font-size:52px; line-height:65px; margin:15px 0 0 10px }
.featured .f_description { font-weight:bold; font-size:14px; padding:5px 0 20px 10px }
.featured .f_link { padding:0; margin:0 0 0 10px }
.featured .f_link a{ font-weight:bold; font-size:18px; color:#0099ff }

.afeat-bg { background:#262D62 url(images/afeatured-bgr.png) repeat-x left top }
.afeatured .af_title { font-weight:bold; font-size:52px; line-height:62px; margin:75px 0 10px 10px; color:#ffffff }
.afeatured .af_title .af-tit {  }
.afeatured .af_title .af_description { color:#b2bacd; font-weight:bold; font-size:24px; padding:0 10px 0 0; margin:10px 0 0 0 }

/*--------- Front --------- */
.front-bg { background-color:#ffffff; padding:0 0 20px 0 }
.front-quote {  }
.front-quote .quote-desc { font-weight:bold; font-size:18px; color:#333366; padding:10px 10px }
.front-quote .quote-more { font-weight:bold; font-size:12px; padding:10px 20px; float:left }
.front-quote .quote-more a { color:#ff6600 }
.front-quote .quote-author { font-weight:bold; font-size:12px; color:#333333; padding:10px 10px; float:right; text-align:right }
.front-quote .quote-author a { color:#333333 }

.box1 { font-size:14px; color:#333366; padding:0 0 20px 0 }
.box1 .box1-title{ font-weight:bold; font-size:48px; padding:0 10px }
.box1 .box1-desc{ font-weight:bold; padding:0 10px }
.box1 .box1-content{ font-weight:normal; padding:10px }
.box1 .box1-more { font-weight:bold; padding:0 10px }
.box1 .box1-more a { color:#ff6600 }

.box2 { font-size:14px; color:#333366; padding:0 0 20px 0 }
.box2 .box2-title{ font-weight:bold; font-size:48px; padding:0 10px }
.box2 ul.box2-blog{ font-weight:normal; font-size:14px }
.box2 ul.box2-blog li{ color:#333366; padding:5px 0 }
.box2 ul.box2-blog li span{ color:#008fd4 }
.box2 ul.box2-blog li a{ color:#008fd4 }
.box2 ul.box2-blog li .blog_t a{ font-weight:bold }

/*--------- Content wrap --------- */
.browsing-archive{ padding:0; margin:0; text-align:left }
.archive-spot { padding:5px 0 20px 0 }
.archive-spot .recent-title { font-weight:bold; font-size:14px; padding:20px 0 10px 10px; margin:5px 0; color:#333366 }
.archive-spot .post { display:block; margin:10px 0 15px 10px; color:#0099cc; font-weight:normal; font-size:14px; line-height:20px }
.archive-spot .page { color:#333366 }
.archive-spot .single { color:#333366; padding:0 10px }
.archive-spot .post a { color:#ff6600 }
.archive-spot .post h2.m-title { font-size:14px; padding:5px 0; margin:0; color:#333366 }
.archive-spot .post h2.m-title a{ font-weight:bold; color:#333366 }
.archive-spot .post h2.m-title .m-date { font-weight:normal; color:#333366 }
.archive-spot .post h2.m-title .m-date a { color:#333366 }
.archive-spot .post a img{ float:left; border:1px solid #333366; margin:10px 20px 10px 0 }
.archive-spot .post .m-more { text-align:right; color:#ff6600; font-weight:bold; line-height:20px }
.archive-spot .post .m-more a { color:#ff6600 }

.post img.left, .post img.alignleft, .wp-caption.alignleft { margin: 0 1.571em 1.571em 0; }
	.post img.right, .post img.alignright, .wp-caption.alignright { margin: 0 0 1.571em 1.571em; }
	.post img.center, .post img.aligncenter, .wp-caption.aligncenter { margin: 0 auto 1.571em auto; }
	.post img.block, .post img.alignnone, .wp-caption.alignnone { margin: 0 auto 1.571em 0; }
	.post img[align="left"] { margin-right: 1.571em; margin-bottom: 1.571em; }
	.post img[align="right"] { margin-bottom: 1.571em; margin-left: 1.571em; }
	.post img[align="middle"] { margin-bottom: 1.571em; }
	.post img.frame, .post .wp-caption { padding: 0.714em; border-width: 0.071em; }
	.post img.stack { margin-left: 1.571em; }
	.post .wp-caption p { font-size: 0.857em; line-height: 1.5em; margin-bottom: 0; }
	  
/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }
.Navi { float: right; padding:25px 0 }
.Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #56B1E8 !important }
.Navi a { text-decoration: none !important; border:1px solid #D8D8D8; color:#296388; display: block; float: left; padding: 3px 7px; margin-left: 4px }
.Navi a:hover { color:#296388; background: #e9e9df }

/*--------- Portfolio --------- */
#featured-slider { background:#a19181 url(images/main-bg.png) top left; margin:0 10px 50px 10px  }
.inner-slider { background:transparent url(images/inner-slider.png) repeat-x bottom left; margin:0  }
#slider-block { overflow:hidden; min-height:320px }
#featured-slider #loopedSlider { width:920px; margin:0 auto; padding:40px 0 0 0 }
#featured-slider #loopedSlider .container { width:641px; height:320px; overflow:hidden; position:relative; cursor:pointer;  margin-left:140px }
#featured-slider #loopedSlider .container .slides { position:absolute; top:0; left:0 }
#featured-slider #loopedSlider .container .slides div.slide { position:absolute; top:0; width:641px; display:none }
#featured-slider #loopedSlider .container .slides div.meta { color:#ffffff; position:absolute; bottom:0; left:0; width:601px; background:transparent url(images/black-trans.png) no-repeat; text-align:left; padding:15px 20px 0 20px }
#featured-slider #loopedSlider .container .slides div.meta a { color:#ffffff; }
#featured-slider #loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative }
#featured-slider #loopedSlider li#l { position:absolute; top:150px; left:-30px }
#featured-slider #loopedSlider li#r { position:absolute; top:150px; right:0 }
	
/*---------COMMENTS --------- */
#comments h3{ color:#333366; padding:5px 10px; margin:0; font-weight:bold; font-size:24px; overflow: hidden }
#comments h3 a{ color:#333366 }
#comments .commentlist { padding:10px; margin:0 }
#comments ol{ padding:20px 0; list-style:none }
#comments .comment { margin: 10px 0 0 0; width: 100%;}
#comments .comment a{ color:#333366; text-decoration:none; border-bottom:1px dotted; padding:1px 0 }
#comments .comment a:hover{ color:#333366 }
#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 #d0c6ba; 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 solid #d0c6ba }
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:10px }
#respond { padding:10px 0; margin:0 }
#respond a{ color:#333366; text-decoration:none; border-bottom:1px dotted; padding:1px 0 }
#respond p{ padding:5px 0; margin:0 10px }
#respond textarea, .commpadd input{ background:none; border:1px solid #d0c6ba }
#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-weight:bold; font-size:12px; color:#ffffff; text-align:center; padding: 5px; background:#333366; border:1px solid #d0c6ba; margin:0 }

/*---------SIDEBAR --------- */
.sidebar { padding:20px 0 0 0 }

 /*=== Widget styling ===*/
.widget { padding:15px 10px 0 10px; color:#333366 }
.widget h3{ color:#333366; padding:5px 10px 5px 0; margin:0; font-weight:bold; font-size:24px; overflow: hidden }
.widget h3 a{ color:#333366 }

.widget ul, .widget ol{ padding:5px 0; margin:0; color:#008fd4 }
.widget ul a, .widget ol a{ font-weight:bold; font-size:14px; color:#008fd4 }
.widget ul li{ margin:0; padding:6px 0; list-style:none; line-height:15px }
.widget ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	
.widget ul li ul{ margin: 0; padding:10px 0 0 0; border:none }
.widget ul li ul li{ border:none }

.widget #twitter h3{ margin:0 0 0 15px }
.sidebar .widget #twitter h3{ margin:0 }
.widget #twitter .twitter-top { background: url(images/twitter-background.png) left top no-repeat; padding:40px 0 0 0 }
.widget #twitter_update_list { background: url(images/twitter-background.png) left bottom no-repeat; padding:0 0 45px 0; margin:0; z-index:1000 }
.widget #twitter_update_list li{ font-style:oblique; font-size:14px; line-height:23px; list-style:none; margin:0 35px; color:#333366 }
.widget #twitter_update_list li a{ font-weight:normal; display:block; color:#008df4 }
.widget #twitter_update_list li span a{ font-style:oblique; font-size:14px; display:inline; color:#333366 }
.widget #twitter .website{ margin:0 0 0 10px; padding:10px 0 70px 0; background: url(images/twitter-icon-trans.png) left top no-repeat; position:relative }
.widget #twitter .follow-text{ position:absolute; right:20px; top:-20px; padding:5px }
.widget #twitter .follow-text a { font-style:oblique; font-size:14px; color:#008fd4 }

.sidebar .widget { padding:10px; border-bottom:1px solid #d0c6ba }
.sidebar .widget ul a, .sidebar .widget ol a{ font-weight:normal; color:#333366 }
	
.sidebar .widget #searchform label{ visibility:hidden; display:none }
.sidebar .widget #searchform input#s{ border:1px solid #000000; width:120px }
.sidebar .widget #searchform input#searchsubmit{ background:#000000; color:#ffffff; font:bold 12px Arial; }

.widget #feedburner a { color:#7abeea; font:bold 48px Arial; line-height:48px; letter-spacing:-5px }
.widget #feedburner a:hover { text-decoration:none }
.widget #feedburner span.text{ position: relative; vertical-align:middle }
.widget #feedburner a img{ position: relative; vertical-align:middle }
  
/*=== Footer ===*/  
.footer-bgr{ background:#111111 url(images/footer-bg.png) repeat-x top left; color:#1b4968 }
.credentials { padding:10px 0 40px 0; font-weight:bold; font-size:14px; color:#999999; text-align:center }
.credentials a { color:#999999 }