@charset "utf-8";
/*
Theme Name: Parabiz - By Phi
Theme URI: http://themeforest.net
Description:  Great admin panel and very flexible. Full CMS. jQuery enhanced. Supports video and multimedia. 5 post types. Wordpress 3.0 ++.
Version: 1.1 - Last updated June 22th 2010
Author: Phi - Andreas Wilthil
Author URI: http://themeforest.net/user/Phi - http://phiworx.com - http://itworx.no
*/

/* CSS Document */

body{width:100%; background:#333; margin:0px; font-size:12px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; color:#666; text-align:center;}

/* TYPOGRAPHY */

a{text-decoration:none; color:#f7941d; cursor:pointer;}
a:hover{text-decoration:none; color:#555; }
h2 a{color:#222;}
h1{color:#555; font-size:80px;  margin:0px 0px 16px; font-weight:normal;}
h2{color:#555; font-size:30px;  margin:0px 0px 8px; font-weight:normal; clear:both;}
h3{color:#555; font-size:24px;  margin:20px 0px 10px; font-weight:normal; letter-spacing:1px; }
h4{color:#777; font-size:13px;  margin:0px 0px 10px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; }
p{line-height:1.5em; margin:0px 0px 12px 0px; }
blockquote.pullquote { width: 220px; padding: 0px 20px 0px 0px; margin:0px 20px 20px; font-size: 140%; line-height: 130%; float:left; border-right:1px solid #dbdbdb; text-align:right; font-style:italic; }
blockquote.pushquote { width: 220px; padding: 0px 0px 0px 20px; margin:0px 0px 20px 20px; font-size: 140%; line-height: 130%; float:right; border-left:1px solid #dbdbdb; text-align:left; font-style:italic;}
pre{ line-height:20px; margin-bottom:20px; max-width:100%; text-align:left;padding:10px; background:#fff;}

hr{width:100%; height:1px; margin:20px 0px; clear:both; float:left; background-color:#dbdbdb;}

ul{margin:2px 20px 20px; padding:0; list-style-type:square; }
ol{margin:2px 20px 20px; padding:0; list-style-type:decimal;  display:inline-block; }
ul li, ol li{ clear:both; padding:4px 0px; margin:0px; color:#777; width:auto; text-align:left; line-height:1.6em}
ul li a{}
ul li a:hover, ol li a.hover{}

table{width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 0px 0px;}
table caption{width:100%;  padding:12px 12px; color:#999; font-weight:bold; background:#efefef;}
table th,table td {padding:12px 12px; border:1px solid #eee; text-align:left;  display:table-cell;}
table tr {}
table tr:hover{background:#f4f4f4;}
table th {background:#f7f7f7;}
table a{font-weight:bold; padding:4px 8px; }
table a:hover{color:#999; padding:4px 8px; }

/* SEARCHBOX */
#searchform{ margin:4px 0px 16px; float:left; clear:both; border-bottom:1px solid #d7d7d7; width:280px; font-size:11px; padding-bottom:16px;}
#searchform .screen-reader-text{display:none;}
#searchform #s{background:#f7f7f7; border:1px solid #d7d7d7; padding:6px; float:left;  color:#999; font-size:11px; margin:0px 0px 0px 0px; clear:both; width:238px;}
#searchform #s:focus{background:#e7e7e7; border:1px solid #bbb;}
#searchform #searchsubmit{margin:0px 0px 0px 0px; border:1px solid #d7d7d7; border-left:none; cursor:pointer; height:26px; width:26px; float:left;}
#searchform #searchsubmit:hover{border:1px solid #bbb; border-left:none;}



/* Contact form */
#contact-form{margin:10px 0px; float:left;}
#contact-form ul{list-style:none; margin:0;padding:0;}
#contact-form input{background-color:#f7f7f7; border:1px solid #ccc; padding:6px; color:#999; width:300px; margin-right:20px; }
#contact-form input:focus, #contact-form textarea:focus {background-color:#efefef;}
#contact-form textarea{width:550px; height:160px; background-color:#f7f7f7; border:1px solid #ccc;padding:10px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%}


	

/* PAGE STRUCTURE */
#page-wrap{width:100%;  float:left;}
#secondary-wrap{width:100%; padding:20px 0px 0px 0px; float:left; border:none;}
#header-wrap{width:100%; background:url(images/header-bg.png) no-repeat center 20px;  padding:10px 0px 0px 0px; float:left;}

#content-wrap{width:100%; background:url(images/canvas-bg.png) repeat-y center; min-height:200px; float:left; padding:0; }
#footer-wrap{width:100%; background:url(images/footer-bg.png) no-repeat center bottom; padding:0px 0px 20px 0px; float:left;}
#credits-wrap{width:100%; padding:20px 0px 30px 0px; float:left;}
#logo{min-height:112px; float:left; width:300px; padding-top:10px; position:relative;}
#logo span{bottom:14px; left:30px; position:absolute;}
#menu{min-height:112px; float:right; text-align:right; }
.inner{margin:0 auto; width:960px; text-align:left; }
#content-wrap .inner{margin:0 auto; width:960px; padding:0;}
#header-wrap .inner{margin:0 auto; width:960px; background:url(images/white90.png); min-height:112px; border-bottom:4px solid #111;}


/* MAIN MENU */
#menu ul {list-style:none; margin:0; padding:0;  }
#menu ul li {clear:none; float:left; margin:0; padding:0; position:relative; z-index:1000; line-height:1em;}
#menu ul li a{padding:86px 20px 14px 20px;  display:inline; margin:0;  float:left; color:#555; font-size:12px;}
#menu ul li a:hover{background:#fff; text-decoration:none;}
#menu ul li.current_page_item a{color:#efefef; background:#bbb /* url(images/header-bg.png) no-repeat center 10px*/;}
#menu ul li.current-menu-parent a{color:#efefef; background:#bbb /* url(images/header-bg.png) no-repeat center 10px*/;}
/* Level 2 */
#menu ul ul {margin: 0px 0px 0px 0px; padding: 0px; border-top:4px solid #f7941d; position:absolute; visibility: hidden; width:auto; z-index:2000; background:#fff;}
#menu ul ul li { float: left; display: inline; clear:both; margin:0px 0px 0px 0px; text-transform:none; padding:0px; }
#menu ul ul li a, #menu ul li li.current_page_item a,  #menu ul li.current_page_item li a{border:none; width:196px; background:#fff url(images/arrow.gif) no-repeat 12px 14px; color:#777; margin:0px; padding:16px 10px 16px 35px;  font-weight:normal; display:inline; height:auto; }
 #menu ul li li.current-menu-parent a,  #menu ul li.current-menu-parent li a{border:none; width:196px; background:#fff url(images/arrow.gif) no-repeat 12px 14px; color:#777; margin:0px; padding:16px 10px 16px 35px;  font-weight:normal; display:inline; height:auto; }

#menu ul ul li a:hover{border:none; background:#e7e7e7 url(images/arrow.gif) no-repeat 12px 14px; color:#555;padding:16px 10px 16px 35px; height:auto;}

/* Level 3*/
#menu ul ul ul { margin: 0px 0px 0px 0px; padding: 0px; border:none;  position:absolute; visibility: hidden; width:auto; z-index:2000; background:#fff;}
#menu ul  ul ul li {border:none; float: left; display:inline; clear:both; margin:0px 0px 0px 0px; text-transform:none; padding:0px; }
#menu ul ul ul li a, #menu ul li li li.current_page_item a{border:none; width:196px; background:#fff url(images/arrow.gif) no-repeat 12px 14px; color:#777; margin:0px; padding:16px 10px 16px 35px;  font-weight:normal; display:inline; height:auto;}
#menu ul ul ul li a:hover, #menu  ul li.current_page_item ul li a:hover{border:none; background:#e7e7e7 url(images/arrow.gif) no-repeat 12px 14px; color:#555;padding:16px 10px 16px 35px; height:auto;}



/* Footer menu */
/* Menu in footer  */
#footermenu{float:left;width:910px; margin:10px 20px 0 30px;}
#footermenu ul{list-style:none; margin:0; padding:0;}
#footermenu li{color:#555;  float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none;}
#footermenu li ul{display:none;}
#footermenu a{color:#777;}
#footermenu a:hover{text-decoration:underline;}

#secondary{float:right; margin:0;}
#secondary ul{list-style:none; margin:0; padding:0;}
#secondary li{color:#555;  float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none;}
#secondary li ul{display:none;}
#secondary a{color:#777;}
#secondary a:hover{text-decoration:underline;}

#footerlinks{float:right; margin-top:0px;}
#footerlinks ul{list-style:none; margin:0; padding:0; text-align:right;}
#footerlinks li{color:#555;  float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none;}
#footerlinks li ul{display:none;}
#footerlinks a{color:#777;}
#footerlinks a:hover{text-decoration:underline;}

#credits{float:left; margin:0px 20px 0 30px; width:580px;}
#footcreditserlinks ul{list-style:none; margin:0; padding:0; text-align:right;}
#credits li{color:#555;  float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none;}
#credits li ul{display:none;}
#credits a{color:#777;}
#credits a:hover{text-decoration:underline;}
/* 
====================================================================================
  SLIDESHOW
==================================================================================== 
*/
#slideshow{text-align:left; margin:0;  overflow:hidden;  height:408px;}
.slide-info h2{color:#efefef;}

/* Slide with inline content */
.innerslide {width:920px; position:relative; margin:0; padding:20px;}
.innerslide .slide-image{width:580px; float:left; clear:none; overflow:hidden; background:#fff; padding:9px; border:1px solid #ddd;}
.innerslide .slide-info{position:absolute; bottom:30px; right:30px; width:280px;  color:#ccc; float:left; height:auto;}
.innerslide img{}

/* Slide with text overlay on left side */
.overlayslide-left {width:960px; position:relative; margin:0; padding:0;}
.overlayslide-left .slide-image{width:580px; float:left;}
.overlayslide-left .slide-info{width:270px; padding:30px 30px 30px 30px; background:url(images/black-80.png); color:#ccc; position:absolute; bottom:0; left:0;}

/* Slide with text overlay on right side */
.overlayslide-right {width:960px; position:relative; margin:0; padding:0;}
.overlayslide-right .slide-image{width:580px; float:left;}
.overlayslide-right .slide-info{width:270px; padding:30px 30px 30px 30px; background:url(images/black-80.png); color:#ccc; position:absolute; bottom:0; right:0;}

/* Default slider */
.slide {width:960px; position:relative; margin:0; padding:0;}
.slide .slide-image{width:960px;}
.slide .slide-info{width:570px; padding:20px; position:absolute; bottom:20px; left:20px; background:url(images/black-80.png); color:#ccc;}


/* Slideshow navigation */
.slideshow-nav {float:right; text-align:right;}
.slideshow-nav a, .featured-nav a{border:1px solid #fff;line-height:1.2em; width:18px; height:16px; font-size:11px; display:block; float:left; text-align:center; padding-top:1px;margin-right:2px; background:#fff; } 
.slideshow-nav a.activeSlide, .slideshow-nav a.activeSlide:hover, .featured-nav a.activeslide, .featured-nav a.activeslide:hover{border:1px solid #bbb;} 
.slideshow-nav a:hover, .featured-nav a:hover{background:#efefef; text-decoration:none; border:1px solid #bbb;}

/* 
====================================================================================
  PAGES
==================================================================================== 
*/
.breadcrumb-wrap{padding:20px 30px;width:900px; margin:0px; background:#fff;  float:left; position:relative;}
.breadcrumb{float:left; width:600px;  padding-top:4px; }
.breadcrumb p{float:left; margin:0  10px 0 0;}
.article-wrap{float:left; width:960px; margin:0 0 4px 0; background:#ebebeb url(images/sidebar-overflow-20.png) repeat-y 630px top; border-top:4px solid #ccc; border-bottom:4px solid #ccc;}
.article{float:left; width:580px; padding:20px 20px 20px 30px;}
.article img{margin-bottom:10px;}

/* Title area on all pages */
#pagetitle{background:#557891; padding:24px 30px 16px 30px; width:900px;}
#pagetitle h1, .slide-info h1{color:#fff; }
#pagetitle h1{font-weight:normal;  margin:0;}
h1.postlist{font-size:16px; width:580px; border-bottom:1px solid #ccc; padding-bottom:10px;}

/* SIDEBAR  */
.sidebar{float:left; width:280px; padding:20px 30px 20px 20px; background:#fff;}
.sidebar ul{margin:4px 0px 30px; padding:0; list-style:none; clear:both; float:left; width:280px;  border-bottom:4px solid #bbb;}
.sidebar ol{margin:4px 0px 20px 20px; padding:0; list-style:decimal; float:left; clear:both; width:280px;}
.sidebar ul li{width:246px; display:inline;  background:url(images/arrow.gif) no-repeat 9px 9px; float:left; clear:both; padding:8px 0px 8px 34px; margin:0px; border-top:1px dotted #bbb; line-height:16px;}

.sidebar ul li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }
.sidebar ul li:hover{background:#e7e7e7 url(images/arrow.gif) no-repeat 9px 9px;}
.sidebar ul li a:hover{width:260px;text-decoration:none;  padding:0px 0px 0px 0px;line-height:16px;}
.sidebar ul ul{margin:10px 0px 10px; padding:0; list-style:none; float:left; clear:both; width:240px; border:none; }
.sidebar ul ul li{width:220px; border:none; padding:0px; margin:0px; background:none;}
.sidebar ul ul li a{width:220px;clear:both; padding:0px; margin:0px; background:none; color:#999; font-size:90%;} 
.sidebar ul ul li a:hover{text-decoration:underline;  color:#999;}

/* 
====================================================================================
  FEATURED PORTFOLIO-POSTS AND PRODUCT-POSTS (On top of pages)
==================================================================================== 
*/
#featured-wrap {text-align:left; margin:0;  background:#557891 url(images/black-80.png); overflow:hidden;border-bottom:4px solid #bbb; position:relative; height:auto;}
#featured-slide {float:left;}
#featured-slide h2, #featured-slide h2 a{margin-bottom:8px; color:#efefef;}
#featured-slide p{color:#f7f7f7;}
.featured{width:920px; margin:0; padding:20px; float:left; height:auto; }
.featured .featured-image{width:580px; float:left; clear:none; overflow:hidden; position:relative; background:#fff; padding:10px; border:1px solid #ddd;}
.featured .featured-image .badge{position:absolute; top:10px; left:10px; width:153px; height:153px; display:block; background:url(images/featured-banner.png);}
.featured .featured-info{width:260px; padding:30px 30px 0px 20px; float:left;}

.featured-nav{position:absolute; bottom:20px; right:20px; text-align:right; z-index:5000;}
.featured-nav a{padding:4px;}
/* 
====================================================================================
  HOME PAGE
==================================================================================== 
*/

.service{float:left;  width:280px; margin:10px 20px 10px 0; border-top:1px solid #bbb; padding-top:20px;}
.serviceimg{float:left; text-align:center; width:70px;}
.servicetxt{float:left; width:210px;}
.servicetxt a.servicetitle{ font-size:15px; float:left; clear:both; line-height:1em; color:#f7941d; }
.servicetxt a.servicetitle span{ float:left; clear:right; font-size:12px;line-height:1.2em; color:#777; margin-top:4px;}
.servicetxt a.servicetitle:hover, .servicetxt a.servicetitle:hover span {color:#333; text-decoration:none;}

#gallery{width:620px; padding:14px 0px 0px 30px; float:left;height:auto;}
.gallery-slider{float:left; width:580px; height:auto;}
.gallery-wrap{float:left; padding:0; clear:both; display:block; height:auto; }
.galleryheader{float:left; clear:both; display:inline; width:580px; margin-bottom:10px; border-bottom:1px solid #555;}
.galleryheader h4 a{color:#555;}
.gallerytitle{float:left; width:400px;}
.gallery-image-wrap{height:auto; float:left; margin:0 20px 20px 0; display:inline;  width:180px; position:relative; background:url(images/zoom.png) no-repeat center center; overflow:hidden;}
.gallery-image{height:auto; float:left;}
.gallery-image{float:left;}
.tooltip{position:absolute; text-align:center; background:url(images/black-80.png); width:168px; top:-50px; left:0;  padding:10px 6px 6px; z-index:5001; }
.tooltip a{color:#999; font-size:10px;}
.tooltip h4{margin:0;}
.prev-gal{}
.next-gal{}

.gallery-nav,.product-nav, .testimonial-nav{float:right; width:34px;}
.gallery-next, .product-next{width:16px; height:15px; background:url(images/next-arrow.png) no-repeat top center; float:left; display:block; cursor:pointer;}
.gallery-prev, .product-prev{width:16px; height:15px; background:url(images/prev-arrow.png) no-repeat top center; margin-right:2px; float:left; display:block;cursor:pointer;}
.gallery-next:hover, .product-next:hover{background:url(images/next-arrow.png) no-repeat bottom left; }
.gallery-prev:hover, .product-prev:hover{background:url(images/prev-arrow.png) no-repeat bottom left; }

.portfolio-vertical{width:580px; float:left; clear:both; margin-bottom:20px; border-bottom:4px solid #bbb; padding-bottom:4px;}
.portfolio-vertical-info{float:left; width:380px;}

.product-wrap{width:300px;float:left; }
.teaser-wrap{width:280px; padding:14px 20px 0px 0px; float:left; }
.teaserheader{ border-bottom:1px solid #555; float:left; width:280px; margin-bottom:10px; padding-bottom:8px;}
.sidebar .teaserheader{ border-bottom:1px solid #bbb;  margin-bottom:10px; padding-bottom:8px;}
.teaserheader h4, .teaserheader h2 {float:left; margin:0;}
 .teaser-content{padding:10px 0 0; width:280px; min-height:120px;}
.sidebar .teaser-content{padding:10px 0; width:280px; min-height:120px;}
.teaser-content img{float:left; margin-top:-10px; display:block;}
.teaser-content p.teasertitle{margin:0; line-height:1.7em;}
.teaser-content p{line-height:1.3em;}
.teaser-content p.teasertitle a{ font-size:14px; padding:0; margin:0; color:#f7941d;}
.teaser-content a{font-size:12px; color:#777; margin:0;}
.teaser-content a.teasertitle:hover, .teaser-content a.teasertitle:hover span {color:#888; text-decoration:none;}

.sidebar .product-next{width:16px; height:15px; background:url(images/next-arrow-dark.png) no-repeat top center; float:left; display:block; cursor:pointer; }
.sidebar .product-prev{width:16px; height:15px; background:url(images/prev-arrow-dark.png) no-repeat top center; margin-right:2px; float:left; display:block;cursor:pointer; }
.sidebar .product-next:hover{background:url(images/next-arrow-dark.png) no-repeat bottom left; }
.sidebar .product-prev:hover{background:url(images/prev-arrow-dark.png) no-repeat bottom left; }

.testimonial-wrap{float:left; clear:both; width:280px; display:block; margin:10px 0 40px;}
.testimonial-wrap h2 {padding:0px 0px 0px 35px; float:left; background:url(images/toddler.png) no-repeat top left; margin:0px 0px 12px 0px;}
.testimonial{float:left; clear:both; width:280px; display:block;}
.testimonial-slider{clear:both; height:auto; ;}
.signature{font-style:italic;}
.signature span{font-size:10px;}
.testimonial a{color:#555;}
.testimonial a:hover{color:#888;  text-decoration:none;}

.testimonial-next{width:16px; height:15px; background:url(images/next-arrow-dark.png) no-repeat top center; float:left; display:block; cursor:pointer;}
.testimonial-prev{width:16px; height:15px; background:url(images/prev-arrow-dark.png) no-repeat top center; margin-right:2px; float:left; display:block;cursor:pointer;}
.testimonial-next:hover{background:url(images/next-arrow-dark.png) no-repeat bottom left; }
.testimonial-prev:hover{background:url(images/prev-arrow-dark.png) no-repeat bottom left; }

/* 
====================================================================================
   POST ON HOME PAGE
==================================================================================== 
*/
.post{float:left; clear:both; width:580px;}
.post .posttitle{font-size:24px; margin:0;}
.post-header{border-bottom:1px dotted #bbb;  float:left; position:relative; width:580px; padding:10px 0px}
.post-title {float:left; width:440px; }
.post-title h2{color:#666; margin:0px; font-size:24px; line-height:1em;}
.post-meta{float:right; width:110px; margin-right:20px;}
.post-date{width:120px; padding:0px;   float:left; position:absolute; bottom:10px; right:0px;}
.post-date ul{margin:0; padding:0; list-style:none;}
.post-date li.day 	{font-size:30px; margin:0; float:left; text-align:right; width:30px; padding-right:14px;border-right:1px solid #bbb; line-height:0.75em; color:#555; letter-spacing:-0.2em;}
.post-date li.month	{font-size:14px; margin:0; float:left; padding-left:10px; width:40px; line-height:0.9em; clear:right; color:#777;}
.post-date li.year	{font-size:10px; margin:0; float:left;  padding-left:10px;width:40px; line-height:0.1em; clear:right; color:#bbb;   }
.post-content{width:580px; float:left; padding:10px 0px}
.post-exerpt{width:580px; float:left; margin:0px;}
.post-category {width:580px; float:left;margin:4px 0px 0px 0px;  color:#999; clear:both; font-size:10px; }
.post-tags {width:580px; float:left; margin:0px 0px 20px 0px;  color:#999;clear:both;  font-size:10px;}

.one-third{width:180px; float:left; margin:0 20px 20px 0;}
 

/* 
====================================================================================
  BLOG POSTS 
==================================================================================== 
*/
.blog-post{float:left; clear:both; width:580px; border-bottom:4px solid #bbb; margin-bottom:20px; padding-bottom:20px}
.blog-post h2{padding:16px 0 0 0; }
.blog-post-meta{float:left; clear:both; width:580px;  padding:0; margin:0 0 0px 0;}
.leftfloat a, .rightfloat a{color:#777; font-size:90%; border-bottom:1px solid #f7941d;}
.leftfloat a:hover, .rightfloat a:hover{color:#555; font-size:90%; border-bottom:1px solid #999; text-decoration:none;}

.blog-post-meta ul{list-style:none; margin:0; padding:0;}
.blog-post-meta li{clear:none; float:left;}


.blog-post img{margin-bottom:10px;}
.rightfloat{float:right;}
.leftfloat{float:left;}

/* --------------------------------------------------------------*/
/* POST COMMENTS */

#respond{margin:0px; float:left;}
#respond input{background-color:#f7f7f7; border:1px solid #dbdbdb; padding:2px 10px; color:#999; width:300px; margin-right:20px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px;}
#respond input:focus, #contact-form textarea:focus, #respond textarea:focus {background-color:#efefef;}
#respond textarea{width:560px; height:200px; background-color:#f7f7f7; border:1px solid #dbdbdb;padding:10px; color:#999; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px}



#respond input#submit, #contact-form #submitbutton{float:left; width:auto; padding-right:24px; border:none; color:#f7941d; font-size:11px; background:#ebebeb url(images/linkarrow.png) no-repeat right center; text-transform:uppercase; float:left; margin:0px 0 16px 0;}
#respond input#submit:hover, #contact-form #submitbutton:hover{color:#555;}


#comments{float:left; margin:40px 0 30px 0;}
.commentlist{margin:0px 0px 0px; float:left; list-style:none; padding:0; width:580px;}
.commentlist ul{list-style:none; margin:20px 0 0; float:left; clear:both;}
.commentlist li{border-bottom:1px solid #bbb; float:left; margin-bottom:10px; padding-bottom:20px; width:580px;}

.commentlist li li{border-bottom:none; background:#fff; padding:20px; width:540px;}
.commentlist li li li{border-bottom:none; background:#efefef; padding:20px; width:500px;}
.commentlist li li li li{border-bottom:none; background:#fff; padding:20px; width:460px;}
.commentlist li li li li li{border-bottom:none; background:#efefef; padding:20px; width:420px;}
.commentlist p{margin-top:8px;}
.comment-body{}
.comment-author{float:left; margin: 0px 10px 6px 0px; display:inline; width:50px;}
.comment-author cite{clear:both; font-weight:bold;}
.vcard{float:left; clear:both; display:block; width:100px; text-align:center; padding:18px 4px; background:#fff; border:1px solid #ccc; margin-bottom:10px;}
.comment-meta{ margin-top:20px;margin-bottom:8px; width:450px; display:inline;  clear:right;}
.fn{float:left;  width:100px; background:#fff; clear:both; margin:0px; text-align:center;}
.says{display:none;}

/* 
====================================================================================
  PORTFOLIO STYLES
==================================================================================== 
*/


.portfolio-wrap{float:left; margin:0 20px 20px 0;}
.portfolio-image-wrap{ display:inline; overflow:hidden; position:relative; background:url(images/zoom.png) no-repeat center center}
.portfolio-image{float:left; position:relative;}
.portfolio-image-wrap .tooltip{position:absolute; text-align:center; background:#fff; width:88px; top:-50px; left:40px;  padding:6px;}
.portfolio-image-wrap .tooltip a{color:#999; font-size:10px;}



/* 
====================================================================================
  MICS CLASSES
==================================================================================== 
*/
.alignright{float:right; margin:0px 0px 8px 20px;}
.alignleft{float:left; margin:0px 20px 8px 0px;}

.no-border{border:none;}
.last{margin-right:0px;}
.sidebar-20{background:url(images/sidebar-overflow-20.png) repeat-y  630px top;}
.sidebar-08{background:#557891 url(images/black-80.png) repeat;}
.break{width:100%; float:left; clear:both;}
.article .bottomborder{border-bottom:none; float:left; margin-bottom:20px;}
.bottomborder{border-bottom:4px solid #bbb;}
a.more{padding-right:24px; background:url(images/linkarrow.png) no-repeat right center; text-transform:uppercase; float:left; margin:4px 0 16px 0;}
a.more:hover {text-decoration:none;}

/* Shortcode boxes */
.box{float:left;}
.single{width:180px; margin:0 20px 20px 0; border-bottom:4px solid #bbb;}
.double{width:380px; margin:0 20px 20px 0; border-bottom:4px solid #bbb;}
.triple{width:580px; margin:0 0px 20px 0; border-bottom:4px solid #bbb;}
.last{margin-right:0;}


/* 
====================================================================================
  PAGINATION STYLE
==================================================================================== 
*/
#pager{float:left; clear:both; display:inline;}
#pager ul{margin:0; padding:0; list-style:none; width:800px;}
#pager li{clear:none;width:30px; height:30px; float:left; display:block; padding:0px; margin-right:4px; line-height:1em; }
#pager li a{background-color:#fff; width:28px; height:28px; padding:0px; margin:1px;float:left; display:inline-block; text-decoration:none; color:#333;}
#pager li a:hover{background-color:#ccc; color:#333; display:inline-block; margin-bottom:0;}
#pager li.current a{background-color:#f7941d; color:#efefef; display:inline-block; margin-bottom:0;}
#pager li a span{ width:30px; height:10px; padding-top:8px; text-align:center; display:block; }
#pager .pages{display:none;}


div#socialmedia {margin: 10px auto 20px auto; padding-bottom:20px;	float:left; text-align: left; border-bottom:4px solid #bbb;}
div#socialmedia ul#social {margin: 5px 0px;list-style: none; display:inline-block;border:none;}
div#socialmedia ul#social li { padding: 0px; float: left; position: relative; margin-right: 10px; width: 24px; height: 24px; clear:none; border:none; background:none; }
div#socialmedia ul#social li a { position: absolute; margin:0; padding:0; }
div#socialmedia ul#social li img { position: absolute; width: 24px; top: 0px; left: 0px; padding: 0px; margin: 0 8px 0 0; border: none; overflow: hidden; }

/*  CODA SLIDER FOR HOME PAGE TAB */

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px 0; }
	.coda-slider { background: #ebebeb; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 0px;}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 580px;} 
	.coda-slider {border-top:1px solid #bbb; padding: 20px 0; width: 580px;}
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width:580px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px;}
	.coda-slider h2.title{display:none;}

	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #333; color: #fff; padding: 5px; width: 100px; visibility:hidden;}
	
	/* Tab nav */
	
	.coda-nav ul li a.current {background:#fff; border:1px solid #bbb; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding:0px }
	
	/* Preloader */
	.coda-slider p.loading { padding:20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear:both; display: inline; float:left; margin:0 0 0px; width:580px; overflow: hidden;  }
	.coda-nav ul li { display: inline; float:left; clear:none;  padding:0; margin:0;}
	.coda-nav ul li a { background:none; border:1px solid #bbb; border-bottom:none; margin-bottom:-1px; color: #f7941d; display:inline; float:left; clear:none; margin-left: 1px; padding: 12px 16px 10px; text-decoration:none; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }



/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
#kwicks{background:  url(images/ajax-loader.gif) no-repeat center center; overflow:hidden; width:960px; }
.kwicks { /* recommended styles for kwicks ul container */
	list-style: none; position: relative; margin: 0; padding: 0; }
.kwicks li { /*do not change these */
	display: block; overflow: hidden; padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */ }
.kwicks.horizontal li { /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */ float: left; }
.kwicks.vertical li { /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom:5px; /*Set to same as spacing option. */ }
.kwickshadow { z-index: 10; background: url(images/accordion-shadow.png) repeat-y; position: absolute; right: 0px; width: 30px; }

.slideimage {float:left;padding:0;margin:0; display:none;}
.slide-minicaption { bottom:20px; left:20px; position:absolute; color:#111; padding:10px 10px 10px 10px; font-size:12px; line-height:1.3em; background:#fff; width: 120px; }
.slide-minicaptiontitle {letter-spacing:0; color:#111; display:block; line-height:18px; }
.slidecaption { bottom:20px; left:960px; position:absolute;  color:#222; padding:15px; font-size:12px; line-height:1.5em; background:#fff; width: 400px; }
.slidecaption a { color:#222; }
.slidecaption a:hover { text-decoration:none; }
p.captiontitle { letter-spacing:0px; display:block; color:#222; margin-bottom:4px; font-size:26px; }
.slidecaptiontitle h2 a { color:#222; margin-top:0;}
.slidecaptiontitle h2 a:hover { color:#555; text-decoration:none; }
	
	
.input-wrap{background:url(images/input-bg.gif) no-repeat; width:280px; height:28px; display:inline; clear:both; float:left; margin-bottom:8px;}
.input-wrap p{margin-top:6px; float:left;}
.textarea-content{width:280px;  float:left; margin:0px; display:inline}
#contactform textarea{margin:0;width:266px; height:70px; padding:1px 5px; color:#777;  font-size:11px;}
#contactform label{clear:right; float:left; padding-top:5px;}
#contactform input{margin:0 10px 10px 0;float:left;}
#contactform textarea{margin-bottom:10px;}
.submit-btn{float:left; padding-right:24px; border:none; color:#f7941d; font-size:11px; background:#ebebeb url(images/linkarrow.png) no-repeat right center; text-transform:uppercase; float:left; margin:16px 0 16px 0;}
.submit-btn:hover{color:#555;}