/*



Theme Name: Powerplay



Theme URI: http://themeforest.net



Description:  Minimalistic, flexible and versatile theme. Unlimited colors and backgrounds. Unlimited slideshows. Many Post types: Slideshow, portfolio, news, events, testimonials, FAQ. Custom login page, user profile page and user registration page. Galleries and portfolios. 5 custom widgets. Shortcode genererator with more than 70 shortcodes. Great theme options panel. Localization ready. po/mo  files included.



Version: 2.0 - Last updated March 16 - 2011



License: GNU General Public License



License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/



Author: Phi - Andreas Wilthil



Author URI: http://themeforest.net/user/Phi



*/







@charset "utf-8";



@import "lib/css/reset.css"; /* Resets browser spesific styles */



@import "lib/css/demo.css";  /* Demo config panel styles */



@import "lib/css/fonts.css"; /* Loads fonts (Fontface) */



/* -----------------------------------------------------------







   1: GLOBAL 







   ----------------------------------------------------------- */



body, html { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777; background:#e3e3e3; margin:0; padding:0; line-height:1.4em; width:100%; height:100%; }



/* -----------------------------------------------------------







   2:  TYPOGRAPHY







   ----------------------------------------------------------- */



h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a, h5, h5 a, h6, h6 a { letter-spacing:0.5px; font-weight:normal; text-decoration:none; }



h1, h1 a {font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; line-height:1.1em; margin:0 0 20px 0; color:#333; }



h2, h2 a {font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; line-height:1.3em; margin:0 0 10px 0; color:#444; }



h3, h3 a {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:1.3em; margin:0 0 12px 0; color:#444; }



h4, h4 a {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:1.4em; margin:0 0 10px 0; color:#444; }



h5, h5 a { font-size:11px; line-height:1.3em; margin:0 0 10px 0; color:#666; letter-spacing:1px;}



h6, h6 a { font-size:11px; line-height:1.3em; margin:0 0 20px 0; text-transform:uppercase; letter-spacing:1px; color:555; display:block;}



h6 span  { color:#efefef; background:#333; display:inline-block; -moz-border-radius:1px; -wekit-border-radius:1px; border-radius:1px; padding:6px 8px; line-height:1em; margin-top:30px;}



h6 span a { color:#ccc; }



p { margin:0 0 20px 0; line-height:1.6em; }







a { color:#ffac15; text-decoration:none; }



a:hover { color:#555; text-decoration:none; }







pre { margin:0; font-size:12px; padding: 16px 0; margin:0; line-height: 16px; overflow: auto; overflow-y: hidden; }



pre code { margin: 0 0 0 0px; padding:10px; display:block; background:#fff; border:1px solid #eee; }







blockquote.pullquote p { width: 220px; padding: 0 20px 0 0; margin:0 20px 20px; font-size: 15px; line-height: 20px; float:left; border-right:1px solid #dbdbdb; text-align:right; font-style:italic; }



blockquote.pushquote p { width: 220px; padding: 0 0 0 20px; margin:0 0 20px 20px; font-size: 15px; line-height: 20px; float:right; border-left:1px solid #dbdbdb; text-align:left; font-style:italic; }







/* Default list style */



ul { margin:10px 20px 20px; padding:0; list-style:square; width:auto; display:block; }



ol { margin:2px 20px 20px; padding:0; list-style-type:decimal; width:auto; display:block; }



ul li, ol li { clear:both; padding:4px 0px; margin:0px; width:auto; text-align:left; line-height:1.5em; }











/* -----------------------------------------------------------







   3:  SITE STRUCTURE



	



	Elements on all or most pages







   ----------------------------------------------------------- */



#wrapper { margin:0 auto; width:980px; position:relative; }



#inner { float:left; background:#fff; padding:0; width:980px; }



#header-wrap { float:left; width:980px; }



#header{ position:relative; width:920px; margin-left: 4px;float:left; padding:35px 40px 20px 20px; min-height:60px;/* background:url(lib/img/dashedline.png) no-repeat bottom;*/ }



#header-top{width:900px; padding:2px 40px; margin-right: 4px; background:#f4f4f4; float:left;position:absolute; top:0; right:0px;}











#logo { float:left; width:980px; }



#logo h1 { font-size:48px; margin:0; }



#logo h1 a { color:#222; text-decoration:none; line-height:1em; }



.inner { margin:0 auto; width:900px; }







.content-wrap {float:left; width:900px; margin:0; padding:0 40px 30px 40px;}







.pageheader {float:left; display:block; width:900px; margin:0 0 30px -40px; padding:0 40px 0px 40px; background:#444;}



.pageheader h1, .pageheader h2, .pageheader h3{color:#f9f9f9; margin-top:20px;}







#content-default { float:left; width:590px; padding:0; display:block; margin: 0 30px 0 0; min-height:200px; }



.content-default { float:left; width:590px; padding:0; display:block; margin: 0 0 0 0; min-height:200px; }







/* For proper floating of content/sidebar */



.content-left {display:block; width:590px; float:right; padding: 0 0 0 30px; margin:0 0 0 0; border-left:1px solid #ddd; /* When left sidebar */}



.content-right{display:block; width:590px; float:left; padding: 0 30px 0 0; margin:0 0 0 0; border-right:1px solid #ddd; /* When right sidebar */}







#footer {width:900px; background:#222; padding:40px; float:left; }







/* Column layout */



.one-third, .two-third, .one-fourth, .three-fourth, .one-half, .one-fifth, .two-fifth, .three-fifth { display:inline; float:left; }



.one-fifth { width:164px; margin:0 20px 20px 0; }



.two-fifth { width:348px; margin:0 20px 20px 0; }



.three-fifth { width:532px; margin:0 20px 20px 0; }



.one-fourth { width:210px; margin:0 20px 20px 0; }



.three-fourth { width:670px; margin:0 20px 20px 0; }



.one-third { width:280px; margin:0 30px 20px 0; }



.two-third { width:590px; margin:0 30px 20px 0; }



.one-half { width:440px; margin:0 20px 20px 0; }







/* -----------------------------------------------------------







   4: SIDEBAR



	



	All sidebar-spesific styles







   ----------------------------------------------------------- */



.sidebar { float:left; width:250px; display:block; margin:0;  }



.sidebar-left{margin-right:-1px; border-right:1px solid #ddd; padding:0 29px 0 0; }



.sidebar-right{margin-left:-1px; border-left:1px solid #ddd; padding:0 0 0 29px;}



.sidebar h4 { line-height:1.2em; margin-bottom:16px; }







/* Sidebar lists */



.sidebar ul { margin:0px 0px 20px; padding:0; list-style:none; width:250px; list-style:none; }



.sidebar ol { margin:0px 0px 20px; padding:0; list-style:decimal; display:block; width:250px }



.sidebar ul li { padding:0px 0px 0px 20px; margin:0px; line-height:30px; color:#555; background:url(lib/img/arrow.png) no-repeat 0 8px; }



.sidebar ul li a { padding:0px; margin:0px; font-weight:bold; }



.sidebar ul li a:hover { clear:both; padding:0px; margin:0px; }



.sidebar ul ul { margin:0px 0px 4px 2px; padding:0; list-style:none; display:block; border:none; }



.sidebar ul ul li { width:153px; border:none; font-size:11px; background:none; padding: 6px 0; line-height:16px; }



.sidebar ul ul ul { margin:10px 0px 10px 10px; }



.sidebar ul ul li a { width:153px; clear:both; padding:0px; margin:0px; background:none; font-weight:normal; }



.sidebar ul ul li a:hover { text-decoration:none; }



.sidebar ul li:last-child { border:none; }



.sidebar ul ul ul li { width:153px; border:none; }







.sidebar-widget { float:left; margin-bottom:20px; width:250px; }







/* -----------------------------------------------------------







   5: FOOTER



	



	All footer-spesific styles







   ----------------------------------------------------------- */



	



#footer { color:#777; }



#footer h1, #footer h2 { color:#eee; }



#footer h3, #footer h4 { color:#ccc; }



#footer a { color:#999; }



#footer a:hover { color:#777; }



#footercredits { float:left; padding:20px 0 0; font-size:11px; border-top:1px solid #333; width:900px; }



.footer-widget { clear:both; float:left; margin-bottom:20px; width:100%; }



.footer-widget ul { margin:0px 0px 20px; padding:0; list-style:none; display:block; width:100%; }



.footer-widget ol { margin:0px 0px 0px 0px; padding:0; list-style:decimal; display:block; }



.footer-widget ul li { display:block; padding:6px 0px 6px 12px; margin:0px; line-height:16px; width:152px; font-size:12px; border-bottom:1px solid #333; background:url(lib/img/listarrow.png) no-repeat left 11px; }



.footer-widget ul li a { display:block; padding:0px; margin:0px; background:none; }



.footer-widget ul li a:hover { clear:both; padding:0px; margin:0px; }



.footer-widget ul ul { margin:10px 0px 10px 10px; padding:0; list-style:none; display:block; border:none; }



.footer-widget ul ul li { width:142px; border:none; font-size:11px; }



.footer-widget ul ul ul { margin:10px 0px 10px 10px; }



.footer-widget ul ul li a { width:142px; clear:both; padding:0px; margin:0px; background:none; font-weight:normal; }



.footer-widget ul ul li a:hover { text-decoration:none; }



.footer-widget ul li:last-child { border:none; }



.footer-widget ul ul ul li { width:142px; border:none; }







/* FOOTER MENU */



.footer-menu { float:left; width:900px; padding:20px 40px; background:#303030;  }



#footernav ul { list-style:none; margin:0; padding:0; float:left; margin:0; }



#footernav li { display:inline; float:left; clear:none; margin-right:10px; padding:0; font-weight:normal;   color:#444; }



#footernav li ul { display:none; }



#footernav li a { display:inline; float:left; color:#999; padding:0 10px 0 0 }



#footernav li span { display:none; /* Removes separator on last menu item*/ }



#footernav li.menu-item span { display:inline; }



#footernav li.menu-item-last span { display: none; }



#footernav li a:hover { color:#777; text-decoration:none; }







/* -----------------------------------------------------------







   6:  Slideshows



	



	Home page spesific styles







   ----------------------------------------------------------- */







/* CYCLE SLIDER */



.page #slider, .single #slider{margin:-1px 0 0px -40px;}



.home #slider { float:left; padding:0; margin:-1px 0 30px -40px; position:relative; }4







#cycle { float:left; overflow:hidden; background:#222; }



.slide { position:relative; z-index:10; margin:0; }



.slide_fullwidth { position:relative; z-index:10; }



.slide_normal { position:relative; z-index:10; }



#cycle img { border:none; padding:0; }



.slide-info { width:980px; position:absolute; bottom:0; left:0;  background:url(lib/img/transp_black_80.png); }



.slide-info .inner { float:left; padding:20px 40px 0 40px; width:900px; }



/* Slider in fullwidth post */



.cycle_fullwidth { width:980px; }







/* Slider in normal post */



.cycle_normal { width:570px; }



.cycle_normal .slide-info { width:570px; position:absolute; bottom:0; left:0;  background:url(lib/img/transp_black_80.png); }



.cycle_normal .slide-info .inner { float:left; padding:20px 40px 0 40px; width:490px; }



.cycle_normal .slide-info h1 {color:#f9f9f9; font-size:15px; margin:0 0 10px 0; max-width:300px; }



.cycle_normal .slide-info p{max-width:300px;}







.slide-info h1 {color:#f9f9f9; font-size:18px; margin:0 0 10px 0; max-width:590px; }



.slide-info p{max-width:590px;}



.slide-info a.buttonmedium {font-weight:normal; position:absolute; right:40px; top:50%; margin-top:-15px; }











#prev-slide, #next-slide { width:50px; height:50px; display:block; position:absolute; top:50%;margin-top:-50px;}



#prev-slide { background:url(lib/img/prev-btn.png) no-repeat center center; left: 30px; z-index:20;}



#next-slide { background:url(lib/img/next-btn.png) no-repeat center center; right:30px; z-index:20; }







/* ACCORDION SLIDER */



#kwicks { overflow:hidden; width:980px; z-index:1; float:left; margin:-1px 0 30px -40px; background:#000; }



#kwicks img { padding:0; border:0; }



.kwicks { list-style: none; position: relative; margin: 0; padding: 0; float:left; background:#000; }



.kwicks ul { margin:0; }



.kwicks li { display: block; overflow: hidden; padding: 0; }



.kwicks.horizontal li { margin-right: 0px; float: left; }



.kwicks.vertical li { margin:0px; }



.kwickshadow { z-index: 1; background:url(lib/img/theme/accordion-shadow.png) repeat-y right; position: absolute; right: 0px; width: 200px; margin-right:0px; }



.slide-minicaption { bottom:0px; left:0px; position:absolute; color:#eee; padding:10px; font-size:12px; line-height:1.3em; background:#000; width: 140px; }



.slide-minicaptiontitle { letter-spacing:0; color:#eee; display:block; line-height:18px; font-weight:bold; }



.slidecaption { bottom:0px; left:0px; position:absolute; color:#eee; padding:20px 30px 10px; line-height:1.5em; background:#000; max-width:400px; }



.slidecaption h2 { margin:0 0 10px 0; line-height:1.3em; color:#eee; }



.slidecaption a, .slidecaption { color:#999; }



.slidecaption h2 a { color:#eee; }



.slidecaption h2 a:hover { text-decoration:underline; }



.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; }







/* The Nivo Slider styles */



#nivoslider { float:left;  overflow:hidden; margin:-1px 0 20px -40px; }



.nivoSlider-slider_small { width:570px; margin-left:40px; }



.nivoSlider-slider_small img { padding:9px; border:1px solid #ddd; width:570px; }







.nivoSlider { position:relative; float:left; display:block; }



.nivoSlider .slide {float:left; }



.nivoSlider img { position:absolute; top:0px; left:0px; }



/* If an image is wrapped in a link */



.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }



/* The slices in the Slider */



.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }



/* Caption styles */



.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89; }



.nivo-caption p { padding:5px; margin:0; }



.nivo-caption a { display:inline !important; }



.nivo-html-caption { display:none; }



/* Direction nav styles (e.g. Next & Prev) */



.nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; }



.nivo-prevNav { left:20px; background:url(lib/img/theme/nivo-prev.png) no-repeat center center; width:50px; height:50px; display:block; }



.nivo-nextNav { right:20px; background:url(lib/img/theme/nivo-next.png) no-repeat center center; width:50px; height:50px; display:block; }



/* Control nav styles (e.g. 1,2,3...) */



.nivo-controlNav { position:absolute; left:50%; bottom:20px; margin-left:-20px; z-index:99; }



.nivo-controlNav a { position:relative; z-index:99; cursor:pointer; background:url(lib/img/theme/slide-nav-marker.png) no-repeat center center; width:12px; height:12px; display:block; float:left; clear:none; }



.nivo-controlNav a.active { background:url(lib/img/theme/slide-nav-marker_active.png) no-repeat center center; width:12px; height:12px; display:block; float:left; clear:none; }







/* -----------------------------------------------------------







   7:  Home page



	



	Home page spesific styles







   ----------------------------------------------------------- */







.home_row { width:900px; float:left; margin:0 0 30px 0; padding:0; }



/* Welcome article */



#home_welcome { width:590px; float:left; margin:0 30px 0 0; padding:0; clear:none; }



/* Welcome article's sidebar */



.home_welcome_sidebar { width:240px; float:left; margin:0 0 0 30px; }







/* HOME PAGE WIDGET AREAS */



/* Widgetized area above slider */



.homewidget1 {float:left; width:900px; margin:0 0 0 -40px; padding:30px 40px 20px; background:#333; color:#eee; text-align:center;}



.homewidget1 h1, .homewidget1 h2, .homewidget1 h3, .homewidget1 h4{color:#ccc;}



/* Widgetized area to the right of the "welcome text" */



.homewidget2 { float:left; clear:none; margin:0; width:280px; padding:0; }



.homewidget2 ul{ margin:0px 0px 0px; padding:0; list-style:none; width:280px; list-style:none; }



.homewidget2 ol { margin:0px 0px 0px; padding:0; list-style:decimal; display:block; width:250px }



.homewidget2 li { padding:0px 0px 0px 25px; margin:0px; line-height:30px;  background:#f4f4f4 url(lib/img/arrow.png) no-repeat 8px 8px; margin:0 0 1px 0; }



.homewidget2 li a{ padding:0px; margin:0px; font-weight:bold; color:#555;}



.homewidget2 li a:hover { clear:both; padding:0px; margin:0px; color:#777; }







/* Widgetized are above tab panel */



.homewidget3 {float:left; clear:both; padding:30px 40px; border-top:1px solid #ddd; width:900px; margin:0 0 0 -40px; }



/* Widgetized are below tab panel */



.homewidget4 { float:left; clear:both; width:900px; margin:0px 0 20px -40px; padding:0 40px; }



/* Widgetized are below featured articles */



.homewidget5 { float:left; clear:both; width:900px; margin:0px 0 20px -40px; padding:0 40px; }



/* Widgetized are below blog posts on home page */



.homewidget6 { float:left; clear:both; padding:20px 40px; border-top:1px solid #ddd; width:900px; margin:0 0 00px -40px; }







/* TAB PANEL ON HOME PAGE */



.hometabs { margin:0 0 20px -40px; padding:0px 40px 0; float:left; clear:both; width:900px; background:#222;  border-bottom:10px solid #555;}



.hometabs .tabcontent { float:left; clear:both; width:100%; display:block; margin:0; padding:30px 0 20px; }



.hometabs .tabcontent .tabwrap { width:100%; float:left; }



.hometabs h1, .hometabs h2 { color:#efefef; }



.hometabs h3, .hometabs h4 { color:#ccc; }



.hometabs p { color:#aaa; }



.hometabs h1 a, .hometabs h2 a, .hometabs h3 a, .hometabs h4 a { color:#fff; }



.hometabs #tabnav { width:900px; padding:8px 40px 0; margin:0 0 0 -40px; border:none; background:#050505;border-bottom:6px solid #555;  }



.hometabs #tabnav li { float:left; clear:none; padding:0; margin:0 2px 0 0; }



.hometabs #tabnav li a { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; display:inline-block; height:40px; line-height:42px; padding:0 16px 0 16px; margin:0px; background:none; color:#fff; font-size:14px; font-weight:bold; float:left; }



.hometabs #tabnav li.active a:hover { background:#555 url(lib/img/tabnav-hover.png); }



.hometabs #tabnav li a:hover { background:#333  url(lib/img/tabnav-hover.png); color:#fff; text-decoration:none;



border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px;







}



.hometabs #tabnav li.active a { background:#555 url(lib/img/tabnav-hover.png); color:#fff; text-decoration:none; 



border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px;







}







/* -----------------------------------------------------------







   8:  PORTFOLIO STYLES



	



   ----------------------------------------------------------- */







#gallerycycle { margin-left:-40px; }



#portfoliocycle { position:relative; }



.portfoliowrap { float:left; clear:both; width:930px; margin:0 -30px 30px 0; display:block; }



.portfolio-post { width:900px; display:block; float:left; margin:0 0 30px; padding:0 0 20px 0; }



.portfolio-image { display:inline; float:left; clear:none; width:590px; margin-right:30px; }



.portfolio-info { display:inline; float:left; clear:none; width:280px; }



p.edit_link { display:block; float:none; margin:10px 0 30px; padding:10px; }



/* Filter navigation for portfolio */



ul#portfoliofilter { margin:0px 0 20px 0px; padding:0; list-style:none; display:block; float:left; width:900px; background:none; border-bottom:1px solid #d9d9d9; }



ul#portfoliofilter li { display:inline; float:left; clear:none; padding:0; margin:0; text-transform:uppercase; line-height:32px; height:30px; font-size:11px; letter-spacing:1px; line-height:32px; height:30px; }



ul#portfoliofilter li a { padding:0 0px 5px 0px; margin:0 0 0 30px; display:inline; float:left; }



ul#portfoliofilter li a.active { background:url(lib/img/sprite.png) no-repeat center -440px; text-decoration:none; font-weight:bold; line-height:32px; height:30px; }



.pf { position:relative; float:left; }



.pf p.title{margin:0; border-bottom:1px solid #ddd; padding-bottom:3px;}



.pf p.cats{font-size:11px; margin:2px 0 0 0; color:#999;}



.pf .image-wrap {/* position:absolute;*/ top:0; float:left; margin:0 0 4px 0; }



.pf span.title a { position:absolute; top:6px; background:#fff; color:#777; padding:4px 8px; float:left; font-size:10px; text-transform:uppercase; letter-spacing:1px; }



.pf span.category{ position:absolute; bottom:0px; background:url(lib/img/transp_black_80.png); color:#777; padding:4px 8px; float:left; font-size:10px; text-transform:uppercase; letter-spacing:1px; }



.pf span.excerpt { position:absolute; bottom:0;}



.portfolio-post .image-wrap { position:relative;}







#simpleTooltip{width:240px;   -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; color:#999; padding-bottom:10px; background:url(lib/img/sub-sunb-bg-hover.png) no-repeat center bottom; border-top:2px solid #eee;}



#simpleTooltip span{background:#323232;  padding:20px;width:200px; float:left;}



.portfolio-excerpt a{color:#777;}



.portfolio img { margin:0;}



/* -----------------------------------------------------------







   9:  GALLERY STYLES



	



   ----------------------------------------------------------- */











#gallery_wrap { position:relative; float:left; width:980px; margin:0px 0 20px -40px; }







#gallerycycle { overflow:hidden; float:left; clear:both; display:block; position:relative; width:980px; margin:20px 0 20px 0px; }



#galleryslider { }



.galleryslide { float:left; }



.slide { float:left; }



.zoom { background:url(lib/img/zoom.png) no-repeat center center; position:absolute; top:50%; left:50%; margin-top:-28px; margin-left:-18px; height:37px; width:37px; display:block; }







/* Grid gallery  */



.nav_gallery_cycle{width:100%; height:50px; position:relative; float:left;}



#prev-gallery, #next-gallery { width:50px; height:50px;display:block; position:absolute; top:0;}



#prev-gallery { background:url(lib/img/prev-btn.png) no-repeat center center; left: 0px; }



#next-gallery { background:url(lib/img/next-btn.png) no-repeat center center; right:0px; }







/* Gallery slider */



#gallery_slider_wrap { position:relative; float:left; width:980px; margin:0px 0 20px -40px; }



#gallerySliderCycle { overflow:hidden; float:left; clear:both; display:block; position:relative; width:980px; margin:20px 0 20px 0px; }



#prev-gallery-slider, #next-gallery-slider { width:50px; height:50px; top:50%; margin-top:-25px; }



#prev-gallery-slider { background:url(lib/img/prev-btn.png) no-repeat center center; position:absolute; left:40px; z-index:100; }



#next-gallery-slider { background:url(lib/img/next-btn.png) no-repeat center center; position:absolute; right:40px; z-index:100; }







.bolk-wrapper { width:900px; float:left; clear:both; margin:0 0 20px 0; }



/********************************************************



********* TESTIMONIAL STYLES ******************************



*********************************************************/







/* Testimonial list */



.testimonial_post { width:590px; display:block; float:left; margin:0 0 30px; padding:0 0 20px 0; }



.testimonial_post .post_image { display:inline; float:left; clear:none; width:120px; margin-right:30px; }



.testimonial_post .post_info { display:inline; float:left; clear:none; width:430px; }



h4.post_date { color:#aaa; margin:0; padding-left:24px; background:url(lib/img/theme/clock.png) no-repeat left center; }



.testimonial_post .post_meta { font-size:11px; margin:0 0 10px; color:#999; width:100%; padding-bottom:10px; clear:both; float:left; }



.testimonial_post .post_meta a { text-decoration:none; color:#999; }



.testimonial_post .post_meta a:hover { text-decoration:underline; }



.testimonial_post .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }



.testimonial_post h2 { margin: 0 0 6px 0; }



.one-half .testimonial_post { width:440px; }



.one-half .testimonial_post .post_info { width:260px; }



/********************************************************



********* EVENTS STYLES ******************************



*********************************************************/







/* Events list */



.events_post { width:590px; display:block; float:left; margin:0 0 30px; padding:0 0 20px 0; }



.events_post .post_image { display:inline; float:left; clear:none; width:150px; margin-right:30px; }



.events_post .post_info { display:inline; float:left; clear:none; width:400px; }



.events_post h4.post_date { color:#aaa; margin:0; }



.events_post .post_meta { font-size:11px; margin:0 0 10px; color:#999; width:100%; padding-bottom:10px; clear:both; float:left; }



.events_post .post_meta a { text-decoration:none; color:#999; }



.events_post .post_meta a:hover { text-decoration:underline; }



.events_post .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }



.events_post h2 { margin: 0 0 6px 0; }



.events_post .post_info_fullwidth { width:590px; }



.one-half .events_post { width:440px; }



.one-half .events_post .post_info { width:260px; }



/********************************************************



********* NEWS STYLES ******************************



*********************************************************/







/* News list */



.news_post { width:590px; display:block; float:left; margin:0 0 30px; padding:0 0 20px 0; }



.news_post .post_image { display:inline; float:left; clear:none; width:150px; height:150px; margin-left:30px;}



.news_post .post_info { display:inline; float:left; clear:none; width:400px; }



.news_post .no-image{width:590px;}



.news_post h4.post_date { color:#aaa; margin:0; }



.news_post .post_meta { font-size:11px; margin:0 0 10px; color:#999; width:100%; padding-bottom:10px; clear:both; float:left; }



.news_post .post_meta a { text-decoration:none; color:#999; }



.news_post .post_meta a:hover { text-decoration:underline; }



.news_post .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }



.news_post h2 { margin: 0 0 6px 0; }



.news_post .post_info_fullwidth { width:590px; }



.one-half .news_post { width:440px; }



.one-half .news_post .post_info { width:260px; }



/* -----------------------------------------------------------







   8: BLOG



	



	Styles for blog-, archive and single post-spesific elements







   ----------------------------------------------------------- */



	



.single-meta { float:left; display:block; clear:both; width:100%; padding:6px 0; margin-bottom:10px; }



p.time { float:left; width:auto; clear:none; border:none; margin:0 20px 0 0; background:url(lib/img/time.png) no-repeat 4px 6px; padding:6px 0 6px 28px; font-size:11px; }



p.user { float:left; width:auto; clear:none; border:none; margin:0 20px 0 0; background:url(lib/img/user.png) no-repeat 6px 6px; padding:6px 0 6px 25px; font-size:11px; min-height:12px; }



p.tag { float:left; width:auto; clear:none; border:none; margin:0 20px 0 0; background:url(lib/img/tag.png) no-repeat 4px 6px; padding:6px 0 6px 25px; font-size:11px; }



p.cat { float:left; width:auto; clear:none; border:none; margin:0 20px 0 0; background:url(lib/img/binders.png) no-repeat 4px 6px; padding:6px 0 6px 25px; font-size:11px; }



p.comments { float:left; width:auto; clear:none; border:none; margin:0 20px 0 0; background:url(lib/img/bubble.png) no-repeat 4px 6px; padding:6px 0 6px 25px; font-size:11px; }



p.cat a, p.tag a, p.user a, p.comments a { margin:0; padding:0; color:#777; }



p.cat a:hover, p.tag a:hover, p.user a:hover, p.comments a:hover { text-decoration:underline; }



/* Normal blog */



.blog_post { width:590px; display:block; float:left; margin:0px 0 30px; padding:0 0 20px 0; }



.blog_post .post_image { display:inline; float:left; clear:none; width:590px; }



.blog_post .blog-meta { width:179px; padding:0 0 0 15px; margin:0 0 0 15px; float:left; clear:none; display:block; border-left:1px dotted #bbb; }



.blog_post .blog-meta p.time, .blog_post .blog-meta p.user, .blog_post .blog-meta p.tag, .blog_post .blog-meta p.cat, .blog_post .blog-meta p.comments { padding:6px 0 6px 29px; font-size:11px; border-bottom:1px solid #ddd; margin:0; clear:both; width:150px; }



.blog_post .post_info { display:inline; float:left; clear:none; width:380px; }



.blog_post .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }



.blog_post h2 { margin: 0 0 6px 0; }







/* Fullwidth blog */



.blog_post_full { width:900px; display:block; float:left; margin:20px 0 30px; padding:0px 0 30px 0; position:relative; border-bottom:1px solid #ddd; }



.blog_post_full .post_image { display:block; float:left; clear:none; width:430px; min-height:100px; background:#f4f4f4; padding:0; margin:0; margin-right:30px; position:relative; }



.blog_post_full .post_image .image-wrap { margin:0; }



.blog_post_full .post_info { display:inline; float:left; clear:right; width:230px; position:relative; }



.blog_post_full .blog-meta {width:179px; padding:0; margin:0 30px 0 0; float:left; clear:none; display:block; }



.blog_post_full .blog-meta p.time, .blog_post_full .blog-meta p.user, .blog_post_full .blog-meta p.tag, .blog_post_full .blog-meta p.cat, .blog_post_full .blog-meta p.comments { padding:6px 0 6px 29px; font-size:11px; border-bottom:1px solid #ddd; margin:0; clear:both; width:150px; }



.blog_post_full .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }



.blog_post_full h2 { margin: 0 0 6px 0; }







/* Fullwidth blog */



.blog_post_half { width:430px; display:block; float:left; margin:20px 0 30px; padding:30px 0 30px 0; position:relative; border-top:1px solid #ddd; }



.blog_post_half .post_image { display:block; float:left; clear:both; width:430px; min-height:100px; background:#f4f4f4; padding:0; margin:0; margin-right:30px; position:relative; }



.blog_post_half .post_image .image-wrap { margin:0; }



.blog_post_half .post_info { display:inline; float:left; clear:right; width:230px; position:relative; }



.blog_post_half .blog-meta {width:179px; padding:0; margin:0 30px 0 0; float:left; clear:none; display:block; }



.blog_post_half .blog-meta p.time, .blog_post_half .blog-meta p.user, .blog_post_half .blog-meta p.tag, .blog_post_half .blog-meta p.cat, .blog_post_half .blog-meta p.comments { padding:6px 0 6px 29px; font-size:11px; border-bottom:1px solid #ddd; margin:0; clear:both; width:150px; }



.blog_post_half .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }



.blog_post_half h2 { margin: 0 0 6px 0; }











/* Post author box*/



.author-box {display:block; float:left; clear:both; margin:0 0 30px; width:100%; background:#fff;  border-bottom:1px solid #eee;}



.author-avatar { display:inline; padding:20px; width:100px; float:left; }



.author-description { display:inline; float:left; padding:20px 20px 0px 20px; width:700px; }



.content-default .author-description { display:inline; float:left; padding:20px 20px 0px 20px; width:300px; }











a.comments_link { float:left; display:block; background-color:#ccc; color:#fff; padding:0 10px; height:24px; line-height:24px; font-weight:bold; margin:0 0 10px 0; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; text-decoration:none; }



a.comments_link:hover { background:#333; }



#post-wrapper { margin:0px 0 0px 0; }



.post { width:590px; float:left; margin:0 0 30px 0; padding-bottom:20px;  }



.post h2 { margin-bottom:10px; }



.post .post-image { width:590px; margin: 0 0 20px 0; display:block; }



.post .post-info { width:590px; float:left; margin:0 0px; }



.post .meta { font-size:11px; color:#999; clear:both; display:block; margin:16px 0 16px 0; border-top:1px solid #ddd; padding:10px 0; float:left; width:590px; border-bottom:1px solid #ddd; }



.post-comments { float:right; font-size:11px; color:#999; }



.post-date { float:right; font-size:11px; font-weight:bold; padding:6px 6px 6px 30px; margin-top:4px; background:url(lib/img/theme/clock.png) no-repeat left center; }



.archive-list { width:100%; float:left; margin:0 0 20px 0; padding:20px; background:#f7f7f7; }



.archive-list .post-image { width:150px; float:left; margin: 0 20px 0 0; display:inline; min-height:10px !important; }



.archive-list .post-info { min-width:410px; max-width:700px; float:left; }



.archive-list .meta { font-size:11px; color:#999; clear:both; display:block; margin:0 0 6px 0; }



/* Post  box*/



.-box { display:block; float:left; clear:both; margin:0 0 30px; width:100%; background:#fff; border-bottom:1px solid #eee; }



.-avatar { display:inline; padding:20px; width:100px; float:left; }



.-description { display:inline; float:left; padding:20px 20px 0px 20px; width:700px; }



#content-default .-description { display:inline; float:left; padding:20px 20px 0px 20px; width:400px; }



/* Post comments */







/* Updated in version 1.3 */



#respond { margin:0px; float:left; }



#respond input[type=text] { width:300px; margin-right:20px; }



#respond textarea { width:550px; height:120px; padding:10px; }



#comments { float:left; margin:0px 0 30px 0; }



.comment-meta { margin-top:0px; margin-bottom:20px; display:block; float:left; }



.commentlist { margin:0px; float:left; list-style:none; width:100%; }



.commentlist ul { list-style:none; margin:0; padding:0; float:left; clear:both; }



.commentlist li { float:left; margin:0; padding:0; display:block; }



.commentlist li .comment-meta { width:455px; }



.commentlist li li { margin:0 0 20px 40px; }



.commentlist li li .comment-meta { width:405px; }



.commentlist li li li { margin:0 0 20px 40px; }



.commentlist li li li .comment-meta { width:375px; }



.commentlist li li li li { margin:0 0 20px 40px; }



.commentlist li li li li .comment-meta { width:335px; }



.commentlist li li li li li { margin:0 0 20px 40px; }



.commentlist li li li li li .comment-meta { width:295px; }



.single-comment { margin-bottom:20px; }



.commentlist p { }



.comment-body { }



.comment- { float:left; margin: 0px 10px 6px 0px; display:inline; width:50px; }



.comment- cite { clear:both; font-weight:bold; }



.vcard { float:left; clear:both; display:block; width:100px; padding:20px 0; background:url(lib/img/theme/comment_author_bg.png) no-repeat top right; }



/* End updated in version 1.3 */











/* -----------------------------------------------------------







   9:  NEWS AND EVENTS







   ----------------------------------------------------------- */



.event-list { float:left; width:590px; display:block; margin:0 0 20px; padding:10px 0 30px; border-bottom:1px solid #eee; }



.event-image { width:150px; margin-right:20px; float:left; }



.event-info { width:410px; float:left; }



p.event-date { margin:0 0 4px 0; }



.event-archive { float:left; width:620px; display:block; margin:0; padding:10px 0 6px; border-bottom:1px solid #eee; }



.news-list { float:left; width:100%; display:block; margin:0 0 20px; padding:10px 0 30px; border-bottom:1px solid #eee; }



.news-archive { float:left; width:590px; display:block; margin:0; padding:10px 0 6px; border-bottom:1px solid #eee; }



.news-archive p { width:590px; }



.news-archive span { float:right; }



.news-image { width:150px; margin-right:20px; float:left; }



.news-info { width:700px; float:left; }



.content-default .news-info { width:410px; float:left; }



.content-default .one-half .news-info { width:260px; float:left; }



.news-date { font-size:11px; font-weight:bold; padding:6px 6px 6px 30px; margin-top:4px; background:url(lib/img/theme/clock.png) no-repeat left center; margin: 0 0 4px 0; }



.news-archive-date { float:right; margin:0; padding-bottom:6px; }















/* -----------------------------------------------------------







   9:  PRODUCTS







   ----------------------------------------------------------- */



/* product list */



.product_post { width:590px; display:block; float:left; margin:0 0 30px; padding:0 0 20px 0; }



.product_post .post_image { display:inline; float:left; clear:none;  margin-left:30px;}



.product_post .post_info { display:inline; float:left; clear:none; width:280px; }



.product_post .no-image{width:590px;}



.product_post h4.post_date { color:#aaa; margin:0; }



.product_post .post_meta { font-size:11px; margin:0 0 10px; color:#999; width:100%; padding-bottom:10px; clear:both; float:left; }



.product_post .post_meta a { text-decoration:none; color:#999; }



.product_post .post_meta a:hover { text-decoration:underline; }



.product_post .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }



.product_post h2 { margin: 0 0 6px 0; }







/* -----------------------------------------------------------







   LIST OF EMPLOYEES







   ----------------------------------------------------------- */



/* product list */



.staff_post { width:590px; display:block; float:left; margin:0 0 30px; padding:0 0 20px 0; }



.staff_post .post_image { display:inline; float:left; clear:none;  margin-right:30px;}



.staff_post .post_info { display:inline; float:right; clear:none; width:400px; }



.staff_post .no-image{width:590px;}



.staff_post h4.post_date { color:#aaa; margin:0; }



.staff_post .post_meta { font-size:11px; margin:0 0 10px; color:#999; width:100%; padding-bottom:10px; clear:both; float:left; }



.staff_post .post_meta a { text-decoration:none; color:#999; }



.staff_post .post_meta a:hover { text-decoration:underline; }



.staff_post .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }



.staff_post h3 { margin: 0 0 3px 0; }



.staff_post p.meta{font-size:11px; color:#888;}







/* -----------------------------------------------------------







   10:  TESTIMONIALS







   ----------------------------------------------------------- */



.testimonial-list { float:left; width:590px; display:block; margin:0; padding:20px 0 20px;  margin-bottom:0px; }



/* Testimonials on home page tab panel */







.testimonial-widget { float:left; }



.tabwrap .testimonial-widget { float:left; padding-left:5px; }



.blob-top { width:220px; padding:20px 15px 0; background:#111; float:left; clear:both; margin:0px 0 0 }



.blob-top a { color:#ddd; }



#footer .blob-top, .sidebar .blob-top { margin:0 }



.blob-top h4 a { line-height:1.3em; text-decoration:none; font-style:italic; }



.blob-bottom { width:250px; padding:80px 0px 0px; text-align:center; background: url(lib/img/sprite.png) no-repeat right -426px; float:left; clear:both; margin:0 0 0px 0; }



.tabwrap .inner h1 a, .tabwrap .inner h2 a, .tabwrap .inner h3 a, .tabwrap .inner h4 a { color:#efefef; }



/* -----------------------------------------------------------







   11:  PORTFOLIO AND GALLERY







   ----------------------------------------------------------- */











.portfolio img { margin:-1px 0 0 0; }



#dealermetacycle { overflow:hidden; float:left; clear:both; width:900px; margin:10px 0 20px; display:block; }



#dealermetaslider { overflow:hidden; }



.dealermetaslide { float:left; }



.slide { float:left; }



.zoom { background:url(lib/img/zoom.png) no-repeat center center; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; height:50px; width:50px; display:block; }



#prev-dealermeta, #next-dealermeta { width:20px; height:20px; display:block; margin:0 4px 0 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-repeat:no-repeat; background-image: url(lib/img/theme/prevnext.png); }



#prev-dealermeta { background-position:left top; background-color:#333; float:left; }



#next-dealermeta { background-position:right top; background-color:#333; float:right; }



#prev-dealermeta:hover { background-color:#555 }



#next-dealermeta:hover { background-color:#555 }



.bolk-wrapper { width:900px; float:left; clear:both; margin:0 0 20px 0; }



/* -----------------------------------------------------------







   12:  MENUS & LISTS







   ----------------------------------------------------------- */











.submenu-wrap { background:url(lib/img/transp_black_90.png); margin:0px 0 0; position:absolute; padding:0; width:980px; display:none; left:0; top:72px; }



.primary-li-wrap { float:left; background:#900; width:185px; margin:0; clear:none; display:inline; }



/* 



PRIMARY MENU 



*/







/* Wrapper */



#primary { float:left; padding:0 0 0 30px; margin:0; width:950px; position:relative; z-index:200; background:#050505; }











/*



Level 1 */



#primary-menu { float:left; overflow:hidden; height:73px;}



#primary-menu ul { margin:0; padding:0; list-style:none; float:left; width:850px; overflow:visible;  }



#primary-menu li { display:inline; margin:0; padding:0; float:left; clear:none; }



#primary-menu li a { display:inline; float:left; clear:none; line-height:24px; margin:0; padding:15px 15px 35px 15px; color:#eee;  font-size:14px; font-weight:bold; }



#primary-menu li a span { color:#999; font-size:11px; display:block; line-height:1.2em; font-weight:bold; }











#primary-menu li.current-menu-item a, #primary-menu li.current-menu-parent a, #primary-menu li.current-menu-ancestor a { text-decoration:none;  background-color:#444; color:#eee; }



#primary-menu li.current-menu-item a span, #primary-menu li.current-menu-parent a span, #primary-menu li.current-menu-ancestor a span, #primary-menu li a:hover span, #primary-menu li a.primary-active  span  { color:#fff; }







#primary-menu li a:hover, #primary-menu li.current-menu-item a:hover{background-color:#ffac15; color:#222;}



#primary-menu li a.primary-active  { text-decoration:none;  background-color:#ffac15; color:#222; }



/* Level 2 */



#primary-menu .sub-menu { float:left; display:block; height:100%; width:980px; margin:0; background: url(lib/img/sub-bg.png); border-top:10px solid #ffac15; border-bottom:10px solid #050505; }



#primary-menu .sub-menu li { margin:0; float:left; height:auto; width:150px; margin:0 1px 0 0; background:none; display:block; }



#primary-menu .sub-menu li { padding:16px 18px 16px 19px; overflow:visible; }



#primary-menu .sub-menu li.first-column { padding:16px 18px 16px 40px; }



#primary-menu .sub-menu li.fifth-column { padding:16px 38px 16px 18px; }



#primary-menu li.current-menu-item .sub-menu li a, #primary-menu .sub-menu li.current-menu-item a, #primary-menu .sub-menu li a { width:150px; color:#eee; margin:0; padding:6px 0 6px 0px; line-height:1.2em; background:none; float:left; clear:both; height:auto; font-size:12px; }



#primary-menu .sub-menu li a img { margin:8px 0 10px 0; padding:4px;  background-color:#111; border: 1px solid #444; width:142px;}



#primary-menu .sub-menu li:hover { background:url(lib/img/sub-sunb-bg-hover.png) no-repeat center top; }



#primary-menu .sub-menu li a span, #primary-menu .sub-menu li a span:hover, #primary-menu .sub-menu li a:hover span{ margin:6px 0 10px; color:#bbb; }



#primary-menu .sub-menu li a:hover { text-decoration:none; background-color:none; margin:0; padding:6px 0 6px 0px; color:#eee; }



#primary-menu li.current-menu-item .sub-menu a, #primary-menu li.current-menu-parent .sub-menu a, #primary-menu li.current-menu-ancestor .sub-menu a, #primary-menu .sub-menu a:hover, #primary-menu .sub-menu a.primary-active{background:none;}



/* Level 2 variants */



#primary-menu .sub-menu li.dark-border { background:#151515; }



#primary-menu .sub-menu li.dark-border a { color:#eee; }



#primary-menu .sub-menu li.light-border { background:#eee; border-top:1px solid #fff; border-bottom:1px solid #ccc; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:3px 14px 9px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }



#primary-menu .sub-menu li.light-border a { color:#555; border-bottom:1px solid #eee; margin:0; }



#primary-menu .sub-menu li.light-border a:hover { color:#333; border-bottom:1px solid #eee; }



#primary-menu .sub-menu li.exclamation { background:url(lib/img/utrop.png) no-repeat center 10px; padding-top:100px; text-align:center; }



#primary-menu .sub-menu li.exclamation a { color:#555; border:none; }



#primary-menu .sub-menu li.exclamation a:hover { color:#333; border:none; }



#primary-menu .sub-menu li.check { background:url(lib/img/check.png) no-repeat center 10px; padding-top:110px; text-align:center; }



#primary-menu .sub-menu li.check a { color:#eee; border:none; }



#primary-menu .sub-menu li.check a:hover { color:#ccc; border:none; }



#primary-menu .sub-menu li.teaser { text-align:right; float:left; height:auto; }



#primary-menu .sub-menu li.teaser:hover { border:none; background:url(lib/img/sub-sunb-bg-hover.png) no-repeat center top; }



#primary-menu .sub-menu li.teaser a { color:#eee; border:none; font-size:130%; }



#primary-menu .sub-menu li.teaser a span { color:#999; line-height:1.4em; margin:4px 0 0; }



#primary-menu .sub-menu li.teaser a:hover { color:#fff; border:none; }



#primary-menu .sub-menu li.exclamation-white { background:#fff url(lib/img/utrop.png) no-repeat center 10px; border-top:1px solid #fff; border-bottom:1px solid #ccc; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:3px 14px 9px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding-top:100px; text-align:center; }



#primary-menu .sub-menu li.exclamation-white a { color:#555; border:none; }



#primary-menu .sub-menu li.exclamation-white a:hover { color:#333; border:none; }



/* Level 3 */



#primary-menu .sub-menu .sub-menu { position:relative; width:150px; height:auto; margin:0 0 10px; padding:0; left:0; top:0px; background:none; float:left; border:none; }



#primary-menu .sub-menu .sub-menu li, #primary-menu .sub-menu .sub-menu li:hover { padding:0; margin:0; width:150px; background:none; border:none; }



#primary-menu .sub-menu .sub-menu li a, 



#primary-menu li.current-menu-item .sub-menu .sub-menu a, 



#primary-menu .sub-menu li.current-menu-item .sub-menu a, 



#primary-menu .sub-menu .sub-menu li.current-menu_item a { font-size:11px; padding:3px 0 3px 10px; width:140px; background:url(lib/img/listarrow.png) no-repeat left 8px; border-bottom:1px solid #252525; color:#bbb; margin:0; line-height:16px; }



#primary-menu .sub-menu .sub-menu li a:hover, 



#primary-menu li.current-menu-item .sub-menu .sub-menu a:hover, 



#primary-menu .sub-menu li.current-menu-item .sub-menu a:hover, 



#primary-menu .sub-menu .sub-menu li.current-menu_item a:hover { background:url(lib/img/listarrow.png) no-repeat left 8px; color:#f9f9f9;  }



#primary-menu .sub-menu ul li a span { display:none; }



/* Level 4 */



#primary-menu .sub-menu .sub-menu .sub-menu { position:relative; width:145px; height:auto; margin:0px 0; padding:0; left:0; top:0px; background:none; float:left; }



#primary-menu .sub-menu .sub-menu .sub-menu li { padding:0; margin:0; width:145px; background:none; border:none; }



#primary-menu .sub-menu .sub-menu .sub-menu li a span { display:none; }



#primary-menu .sub-menu .sub-menu .sub-menu li a { font-size:11px; padding:0; background:none; border:none; color:#555; font-weight:normal; }



/* Li for clearing float in menu for every 5th item */



#primary-menu .sub-menu li.menubreak { width:900px; clear:both; float:left; display:block; border:none; padding:0; }



#primary-menu .sub-menu li.menubreak:hover { border:none; padding:0; }



#primary-menu .sub-menu li.menubreak a { display:none; }



/*



HOME BUTTON



*/



#homebutton { float:left; height:50px; width:50px; display:block; margin:12px 20px 10px 0; }



#homebutton a { height:50px; width:50px; display:block; float:left; background:url(lib/img/menu_home_icon.png) no-repeat left top; }



#homebutton a:hover {background:url(lib/img/menu_home_icon_hover.png) no-repeat left top;}



#homebutton a.active {background:url(lib/img/menu_home_icon_hover.png) no-repeat left top;}



#homebutton a span { display:none; }











/* SECONDARY MENU */



/* Wrapper */



#secondary-menu {float:left; width:600px; display:block; margin:4px 0 0; }



/* UL */



#secondary-menu ul { list-style:none; margin:0; padding:0; float:left; margin:0; position:relative; z-index:999; }



#secondary-menu li { display:inline; float:left; clear:none; margin-right:10px; padding:0; font-weight:normal; font-size:11px; position:relative;  color:#bbb;  }



#secondary-menu li ul { display:none; }



#secondary-menu li a { display:inline; float:left; color:#777; padding:0 10px 0 0 }



#secondary-menu li span { display:none; /* Removes separator on last menu item*/ }



#secondary-menu li.menu-item span { display:inline; }



#secondary-menu li.menu-item-last span { display: none; }



#secondary-menu li a:hover { color:#333; text-decoration:none;  }



/* Level 2 */



#secondary-menu ul ul { display:none; }











/* -----------------------------------------------------------







   13:  ELEMENTS







   ----------------------------------------------------------- */



/* 



BREADCRUMB 



*/



#breadcrumb { font-size:10px; color:#999; margin:20px 0 0px; line-height:1.2em; text-transform:uppercase; width:900px; display:block; clear:both; }



#breadcrumb a { color:#888; }



.searchresult { width:590px; clear:both; display:block; float:left; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:10px; }



/* 



SOCIAL MEDIA LINKS



*/



ul.social { margin:0; list-style:none; padding:0px; float:right; margin:0; }



ul.social li { display:inline; float:left; clear:none; margin:0 0 0 10px; padding:0;}



ul.social li a { padding:0px; display:inline; }



/* 



PAGER 



*/



#pager { float:left; clear:both; display:inline; min-width:570px; font-size:10px; line-height:20px; margin: 0 0 20px 0 }



#pager ul { margin:16px 0 0; padding:0; list-style:none; maxpage-width:570px; display:block; }



#pager ul li { clear:none; float:left; display:inline; padding:0px; margin-right:0px; text-align:center; font-size:10px; }



#pager ul li a { width:10px; height:10px; padding:0px 5px 10px 5px; line-height:20px; margin:0px; float:left; clear:none; display:block; text-decoration:none; color:#777; }



#pager ul li a:hover { color:#777; }



#pager ul li.current a { background-color:#333; color:#fff;  }



#pager ul li a span { padding-top:0px; text-align:center; display:block; }



#pager .pages { float:left; margin-right:10px; }



/* 



TAB PANEL



*/



.tabcontent { float:left; clear:both; width:900px; display:block; margin:0 0 30px 0; padding:20px 0; }



.tabcontent .widget { float:left; width:220px; padding:30px; }



/* 



TAB PANELS



*/



#tabnav { margin:0px 0 0 0px; padding:0; list-style:none; display:block; float:left; clear:both; width:900px; border-bottom:2px solid #555; }



#tabnav li { float:left; clear:none; padding:0; margin:0 2px 0 0; }



#tabnav li a { display:inline-block; height:26px; line-height:28px; padding:0 10px 0 10px; margin:0px; background:#f3f3f3; color:#444; float:left; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; }



#tabnav li.active a:hover { background:#555; }



#tabnav li a:hover { background:#999; color:#fff; text-decoration:none; }



#tabnav li.active a { background:#555; color:#fff; text-decoration:none; }







/* Simple tabnav */



#simpletabnav { margin:0px 0 0 0px; padding:0; list-style:none; display:block; float:left; width:900px; background:none; }



#simpletabnav li, #simpletabnav li.active { display:inline; float:left; clear:none; padding:0; margin:0 0 4px 0; margin-right:2px; color:#333; }



#simpletabnav li a { display:inline; height:30px; line-height:32px; padding:0 20px 0 20px; margin:0px; background:#f9f9f9; color:#333; float:left;  }



#simpletabnav li.active a:hover { background:#555 url(lib/img/sprite.png) no-repeat center bottom; }



#simpletabnav li a:hover, #simpletabnav li.active a { background:#555 url(lib/img/sprite.png) no-repeat center bottom; color:#eee; text-decoration:none; }







/* minimal tabnav */



#minimaltabnav { margin:0px 0 0 0px; padding:0; list-style:none; display:block; float:left; width:900px; background:none; border-bottom:2px solid #d9d9d9; }



#minimaltabnav li, #minimaltabnav li.active { display:inline; float:left; clear:none; padding:0; margin:0 0 0px 0; }



#minimaltabnav li a { display:inline; padding:0 0px 5px 0px; margin:0 20px 0 0; color:#777; float:left; line-height:32px; height:30px; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; text-transform:uppercase; font-size:11px; letter-spacing:1px; }



#minimaltabnav li a:hover, #minimaltabnav li.active a { background:url(lib/img/sprite.png) no-repeat center -435px; text-decoration:none; color:#333; }















.content-default #minimaltabnav { margin:0px 0 0 0px; padding:0; list-style:none; display:block; float:left; width:590px; background:none; border-bottom:2px solid #d9d9d9; }



.content-default #simpletabnav { margin:0px 0 0 0px; padding:0; list-style:none; display:block; float:left; width:590px; background:none; }



.content-default #tabnav { margin:0px 0 0 0px; padding:0; list-style:none; display:block; float:left; clear:both; width:590px; border-bottom:2px solid #555; }



.content-default .tabcontent { float:left; clear:both; width:590px; display:block; margin:0 0 30px 0; padding:20px 0; }







/*



TOGGLE 



*/



p.trigger { padding: 0 50px 0 10px; margin: 0 0 2px 0; background:url(lib/img/sprite.png) no-repeat 0 -80px; height: 30px; line-height: 30px; font-size:14px; clear:both; float:left; }



p.trigger a { text-decoration: none; display:block; color:#555; }



p.trigger:hover { background-color:#ddd; }



p.active { background-color:#eee; background-position: 0 -114px; }



p.active a { color:#333; }



/* Toggles inside tab panel (FAQ) 



div.single  {margin:0 0 30px 0;}



div.list p.trigger {width:530px; background:#fff url(lib/img/theme/toggle_open.png) no-repeat right 11px; border-bottom:1px solid #eee; display:inline;}*/







div.list { margin-bottom:2px; width:100%; }



div.list p.trigger { background:url(lib/img/sprite.png) no-repeat 0 -80px; padding:0 20px 0 40px; width:530px; }



div.list p.active, div.list p.active:hover { background-position: 0 -114px; }



div.list p.trigger a { color:#555; }



div.single { margin:0px 0 30px; float:left; clear:both; width:100%; }



div.single p.trigger { background:url(lib/img/sprite.png) no-repeat 0 -80px; padding:0 20px 0 40px; margin: 0 0 -2px 0; }



div.single p.active, div.single p.active:hover { background-position: 0 -114px; }



div.single p.trigger a { color:#555; }



div.single .toggle_container { }



.toggle_container { margin:0; padding:0; overflow: hidden; width: 900px; clear: both; float:left; }



.content-default .toggle_container { margin:0; padding:0; overflow: hidden; width: 590px; clear: both; float:left; }



.toggle_container .block { padding: 20px 0; /*--Padding of Container--*/ }



/*



BUTTONS



*/



a.button, input[type=submit], input[type=button], input[type=reset] { float:left; clear:both; display:block; background-color:#ffac15; color:#fff; padding:0 10px; height:24px; line-height:24px; font-weight:bold; margin:0 0 10px 0;  text-decoration:none; border:none; }



a.buttonmedium { float:left; clear:both; display:block; background-color:#ffac15; color:#fff; padding:0 16px; height:32px; line-height:32px; font-weight:bold; margin:0 0 10px 0;  text-decoration:none; border:none; }



a.buttonlarge { float:left; clear:both; display:block; background-color:#ffac15; color:#fff; padding:0 24px; height:40px; line-height:40px; font-weight:bold; margin:0 0 10px 0; text-decoration:none; border:none; font-size:18px; }



a.lightbtn { background:#ddd; color:#333; }



a.darkbtn { background:#333; color:#eee; }



a.bullet { background:url(lib/img/theme/button_bullet.png) no-repeat left center; padding:2px 0 2px 21px; }



.button_wrap { float:left; clear:none; margin:0 4px 20px 0px; }



.button:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.buttonlarge:hover, a.buttonmedium:hover { background:#333; color:#eee; }



.tabcontent .button { border-color:#111; }



/****************************************************************



**** TABLES *****************************************************



***************************************************************'*/



table { width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 0px 0px; }



table caption { width:100%; padding:6px 6px; color:#999; font-weight:bold; }



table th, table td { padding:6px 6px; text-align:left; display:table-cell; }



table a { font-weight:bold; }



table a:hover { color:#999; }



/* -----------------------------------------------------------







   FORMS







   ----------------------------------------------------------- */



/* Default searchform */



#searchform label{display:none;}  



#searchform input[type=text]{float:left; clear:none; width:140px; margin-right:4px;}  



#searchform input[type=submit]{float:left; clear:none; margin-top:2px;}  



 



#userLoginMenu{float:right; text-align:right;font-size:11px; padding:4px 0px 4px 26px; background:#f4f4f4 url(lib/img/user.png) no-repeat 5px 5px;}



   



#phi_searchform{position:absolute; margin-top:30px; top:30px; right:40px; width:260px;}



#phi_searchform p,#phi_searchform form{margin:0;}



#phi_searchform input[type=text]{height:14px; line-height:14px; padding:2px 4px 2px 20px; margin:2px 0 2px 2px ; border-color:#fff; background:#fff url(lib/img/search-icon.png) no-repeat 2px center; width:140px; float:right; clear:none; border:1px solid #ddd;}



#phi_searchform input[type=text]:focus{padding:2px 4px 2px 20px; width:140px; border-color:#bbb;}



#phi_searchform input[type=submit]{height:20px; line-height:14px;  margin:2px; float:right; clear:none; text-transform:uppercase; font-size:11px; font-weight:normal; background:#f4f4f4; border:1px solid #ddd; color:#777;}



#phi_searchform input[type=submit]:hover{  background:#111; color:#f9f9f9;}







input, textarea { font-family:Arial, Tahoma, Geneva, sans-serif; }



input[type=text],input[type=password], textarea { font-size:11px; color:#777; border:1px solid #ddd; background:#fafafa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }



input:focus, textarea:focus { font-size:11px; color:#777; border:1px solid #bbb; background:#fff; }



input[type=text],input[type=password] { padding:4px 8px; }







/* 



CONTACTFORM 



*/



#contact-form { margin:10px 0px 30px; float:left; }



#contact-form ul { list-style:none; margin:0; padding:0; }



#contact-form li { margin:0 0 11px 0; }



#contact-form input[type=text] { width:300px; margin-right:20px; }



#contact-form textarea { width:550px; height:160px; padding:10px; color:#999; font-size:100% }



.mailreceipt { float:left; margin:0px 0 40px; padding:0px; width:590px;}



.sidebar #contact-form input[type=text] { width:200px; margin-right:0px; }



.sidebar #contact-form textarea { width:200px; height:100px; padding:10px; color:#999; font-size:100%; }



.sidebar #contact-form li { background:none; padding:0; }







.footer-widget #contact-form { margin:0px 0px 30px; float:left; width:164px; }



.footer-widget #contact-form ul { list-style:none; margin:0; padding:0; }



.footer-widget #contact-form li { margin:0 0 11px 0; background:none; margin:0; padding:0; border:none; }



.footer-widget #contact-form input[type=text] { width:156px; margin:0 20px 4px 0; padding:4px; background:#282828;



border-top:1px solid #111;



border-left:1px solid #222;



border-right:1px solid #333;



border-bottom:1px solid #383838;







}



.footer-widget #contact-form textarea { width:156px; height:40px; padding:4px; color:#999; font-size:11px; margin:2px 0 4px 0; background:#282828;



border-top:1px solid #111;



border-left:1px solid #222;



border-right:1px solid #333;



border-bottom:1px solid #383838;



}



.footer-widget .mailreceipt { float:left; margin:0px 0 40px; padding:0px; width:120px; text-align:center; font-size:15px; }







/* User registration menu */















.input_wrapper{float:left; width:590px; margin: 0 0 20px 0; clear:both; display:block;}



.floating_input{float:left; width: 180px; }



.user-forms, .login_form{background:#f9f9f9; float:left; padding:20px 0px 20px 20px; margin:0 0 20px 0; border:1px solid #ddd; width:570px;}



.user-forms p{margin:0;}



.user-forms label{font-size:11px;}



.user-forms .underline{border-bottom:1px solid #ddd; padding:0 0 3px 0; margin: 0 0 4px 0; width:550px;}



.user-forms input[type=text], 



.user-forms input[type=password]{background:#fff;}







.login_form .floating_input{width:285px;}



.login_form input[type=text], .login_form input[type=password]{width:250px;}



.login_form .underline{border-bottom:1px solid #ddd; padding:0 0 3px 0; margin: 0 0 4px 0; width:550px;}



.login_form p{margin:0;}



.login_form label{font-size:11px;}



.login_form input[type=submit]{float:right; margin:0 20px 0 0;}



/* -----------------------------------------------------------







   16: MISC CLASSES



	



   ----------------------------------------------------------- */



p.tiny{font-size:11px; color:#999; margin:0 0 10px 0;}



.diagonal { margin:0 0 10px 0; padding:6px 0px; background:url(lib/img/eee.png) repeat-x left 16px; width:900px; text-align:center; float:left; }



.diagonal span { background:#fff; padding:0 10px 0 10px; font-weight:normal; color:#444; text-decoration:none; line-height:1.4em; margin-left:6px; }



.alignleft { float:left; margin:0 15px 15px 0 !important }



.alignright { float:right; margin:0 0 15px 15px !important }



.aligncenter,



img.aligncenter {clear:both;display: block;margin-left:auto;margin-right: auto;}



.alignleft-nomarginbottom { float:left; margin:0 20px 0 0 !important }



.alignright-nomarginbottom { float:right; margin:0 0 0 20px !important }



.image-wrap-large { position:relative; float:left; clear:both; display:block; margin:-1px 0 0px -40px; padding-bottom:0px; background:#fff; }



.image-wrap { margin-bottom:16px; position:relative; float:left; clear:both; display:block; }



.900-wrap { margin-bottom:16px; }



.last { margin-right:0; }



#footer .last { margin:0; }



.border { border-bottom:1px solid #eaeef2; padding-bottom:10px; margin-bottom:20px; }



.border-top { border-top:1px solid #eaeef2; padding-top:20px; margin-top:20px; }



.break { width:100%; clear:both; display:block; }



.shadowline_break { display:block; height:10px; margin:10px 0; }



.baseline-right { float:right; vertical-align:baseline; display:block; margin-left:20px; }



p.subcaption { font-size:14px; }



.module { float:left; clear:both; width:100%; display:block; margin:0 0 20px 0; padding:0; }



.no-padding { padding:0; }



.no-margin { margin:0; float:left; display:block; }



.no-border { background-image:none; }



#footer .module { float:left; clear:both; width:100%; display:block; margin:-15px 0 30px 0; background:none; padding:0 0 20px 0; border-bottom:1px solid #333; }



.large-media { float:left; margin-bottom:20px; clear:both; display:block; }



.large-media img { float:left; margin:0; clear:both; }



.post_info_fullwidth { width:590px; }



.dashedborder { widderth:100%; height:1px; margin:20px 0; display:block; background:url(lib/img/dashedline.png) no-repeat; float:left; clear:both; }



.rounded { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }



.video-wrap { float:left; clear:both; padding:0; display:block; width:100%; margin:0 0 20px 0;}



.video-wrap-large-inline { float:left; clear:both; padding:0; display:block; width:980px;  margin:0 0 -4px -40px;}



.video-wrap-large { float:left; clear:both; padding:0; display:block; width:980px;  margin:0 0 20px -40px;}







.wp-caption {background: #f4f4f4;	line-height: 18px;	margin-bottom: 20px;	max-width: 570px !important; 	padding: 5px;	text-align: center;}



.wp-caption img {	margin: 5px 5px 0;}



.wp-caption p.wp-caption-text {color: #777; margin: 5px;



}















/* Default Wordpress gallery styles */



.gallery {



	margin: 0 auto 18px;



}



.gallery .gallery-item {



	float: left;



	margin-top: 0;



	text-align: center;



	width: 33%;



}



.gallery-columns-2 .gallery-item {



	width: 50%;



}



.gallery-columns-4 .gallery-item {



	width: 25%;



}



.gallery img {



	border: 2px solid #cfcfcf;



}



.gallery-columns-2 .attachment-medium {



	max-width: 92%;



	height: auto;



}



.gallery-columns-4 .attachment-thumbnail {



	max-width: 84%;



	height: auto;



}



.gallery .gallery-caption {



	color: #888;



	font-size: 12px;



	margin: 0 0 12px;



}



.gallery dl {



	margin: 0;



}



.gallery img {



	border: 10px solid #f1f1f1;



}



.gallery br+br {



	display: none;



}







/* -----------------------------------------------------------







   17: CUSTOM WIDGETS



	



   ----------------------------------------------------------- */







/* Latest posts widget */



.latestposts { margin-bottom:10px; width:230px; float:left; clear:both; padding-bottom:10px; }



#footer .latestposts { margin-bottom:10px; width:210px; float:left; clear:both; background:none; border-bottom:1px solid #252525; padding-bottom:10px; }



.latestposts img { float:left; margin:0 10px 0 0; }



.postlisttitle { font-size:12px; line-height:1.3em; font-weight:bold; }



.latestposts p a { margin-top:4px; color:#999; }



span.tinytext { font-size:10px; letter-spacing:1px; margin:4px 0 5px 0; line-height:1em; color:#999; min-width: 100px; clear:right; display:block; }



/* Tags widget */



.tags a { float:left; padding:4px 6px; margin:0 2px 2px 0; background:#eee; color:#555; border-radius:1px; }



.tags a:hover { text-decoration:none; background:#ddd; color:#666; }



#footer .tags a { float:left; padding:4px 6px; margin:0 2px 2px 0; background:#333; color:#eee; border-radius:1px; }



#footer .tags a:hover { text-decoration:none; background:#666; color:#fff; }



/* QUOTE */



.quote_wrap { float:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px; }



.quote { float:left; padding:20px 0; font-size:18px; line-height:1.4em; font-style:italic;}







 



 







/* For formatting the WP 3.1 admin bar */



#wpadminbar ul, #wpadminbar ul li { clear:none; } /* Added in version 1.3 */



#wpadminbar #adminbarsearch .adminbar-button { clear:none; } /* Added in version 1.3 */



#wpadminbar ul li a:hover { text-shadow:none; } /* Added in version 1.3 */







#wpadminbar ul ul li img{float:left; padding:0px; margin:8px 0 0; background:none; }