/*
Preset Name: dark
Theme Name: Juxter
Version: 1.0
Author: Janze Siaro
*/

/* ----------------------------------------------------------------------------------------------- */
/*
/* If you want to modify this theme's CSS, do not directly do it here. Instead copy the style name
/* from here and add it as custom style in either of the 2 places below:
/*   1. style.css file in the main theme folder OR
/*   2. in the backend admin panel:
/*      http://yoursite.com/wp-admin/admin.php?page=pw_adminpanel#panelscreen11
/* 
/* NOTE: Styles in the admin panel are given first preference i.e. they will override any style
/* previously defined in default theme CSS or in style.css
/*
/* ----------------------------------------------------------------------------------------------- */



/* **************************************************************************** */
/* ------------------------- BEGIN HTML TAGS, TEXT FORMATING, HTML ELEMENTS --- */

/*** HTML Tags - Misc ***/
blockquote, q { background: url('../images/quotes.png') no-repeat 0 0; }
code, pre { background: #282828 url('../images/bg_fill.png') 0 0; border: #666 1px dashed; border-left: #525252 solid 10px; }
.page_content .gallery img { border: solid 2px #828282 !important; } /*Overwrite Wordpress's inline border style*/
/*** HTML Tags - Images ***/
/*** HTML Tags - Headings ***/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .pw_title { text-shadow: 2px 2px 0px #000000; }
/*** HTML Elements - borders and backgrounds ***/
.thickborder, .thickimgborder img, .thinborder, .thinborder img { border: solid 1px #626262; background: #282828; }
.thickborder_dark, .thinborder_dark { border-color: #a0a0a0; }
.thickborder_verydark, .thinborder_verydark { border-color: #c0c0c0; }
.background_fill { background: #282828 url('../images/bg_fill.png') 0 0; }
/*** HTML Elements - dividers ***/
.divider { border-top: solid 1px #525252; }
.divider_top { border: solid 0px #727272; background: #727272; }
.divider_top span { background: #282828; color: #fff; }
.divider_top:hover span { background: #181818; }
/*** HTML Elements - read more button ***/
.pwreadmore { background: transparent url('../images/read_more.png') no-repeat 0 0; }
/*** HTML Elements - alternate images ***/
/*** reversetypo ***/
.reversetypo ::selection, .reversetypo ::-moz-selection { background: #fff; color: #111; }
.reversetypo .thickborder, .reversetypo .thickimgborder img { border: solid 1px #525252; background: #111; }
.reversetypo.linkstyle a { border-bottom: dashed 1px #c0c0c0; }
.reversetypo, .reversetypo h1, .reversetypo h2, .reversetypo h3, .reversetypo h4, .reversetypo h5, .reversetypo h6, .reversetypo a { color: #fff; }
/*reversetypo - readmore*/
.reversetypo .pwreadmore { background: transparent url('../images/read_more_dark.png') no-repeat 0 0; }
/*reversetypo - module styles*/
.reversetypo a .message_button, .reversetypo .galitem_button a, .reversetypo li.galfilter a { background: #333; }
.reversetypo a:hover .message_button, .reversetypo .galitem_button a:hover, .reversetypo li.galfilter a:hover { background: #555; }



/* **************************************************************************** */
/* ------------------------- BEGIN MAIN --------------------------------------- */

body { -webkit-tap-highlight-color: #111; }
::selection, ::-moz-selection { background: #111; color: #fff; }
img::selection, img::-moz-selection { background: transparent; }
#content_wrap { border-width: 0px; box-shadow: 0px 0px 40px #111; }



/* **************************************************************************** */
/* ------------------------- BEGIN TOP BAR ------------------------------------ */

#topbarwrap { border-bottom: solid 1px #111; background: #525252; }
#topbar { border-bottom: solid 1px #111; background: #111; color: #fff; }
#topbar a { color: #fff; }
.pull_tb_up { background: url('../images/pull_tb.png') no-repeat 0 -22px; }
.pull_tb_down { background: url('../images/pull_tb.png') no-repeat 0 0; }



/* **************************************************************************** */
/* ------------------------- BEGIN HEADER ------------------------------------- */

/*** logo ***/
/*** header icons ***/
/*** search ***/
.searchform_wrap { border-right: solid 1px #a0a0a0; }
.searchtext { background: #525252; color: #c0c0c0; border: solid 1px #282828; }
.searchtext:focus { background-color:#444; border: solid 1px #444; }
/*** social profiles ***/
.pw_social_be, .pw_social_bl, .pw_social_dl, .pw_social_da, .pw_social_dg, .pw_social_db, .pw_social_fb, .pw_social_fc, .pw_social_fr, 
.pw_social_ff, .pw_social_gg, .pw_social_lf, .pw_social_li, .pw_social_ms, .pw_social_pc, .pw_social_su, .pw_social_tc, .pw_social_tb,
.pw_social_tw, .pw_social_vm, .pw_social_wp, .pw_social_yh, .pw_social_yt, .pw_social_rs { background-image: url('../images/socialicons.png'); }
/*** contact number ***/



/* **************************************************************************** */
/* ------------------------- HEADER MENU -------------------------------------- */

#header_menu_wrap { background: #282828 url('../images/menu_bg.png') repeat-x 0 100%;  }
#menu_homeicon { background: url('../images/homeicon.png') no-repeat 0% 50%; }
#menu_homeicon_hover { background: url('../images/homeicon_hover.png') no-repeat 0% 50%; }
#menu_bookmark { background: url('../images/bookmark.png') no-repeat 0% 50%; }
#menu_bookmark_hover { background: url('../images/bookmark_hover.png') no-repeat 0% 50%; }



/* **************************************************************************** */
/* ------------------------- BEGIN SUPERFISH MENU - TOPBAR and HEADER --------- */

/* Ist Level */
/* IInd Level */
/* IIIrd Level */
/*** arrows ***/
/*** point right for anchors in subs ***/
/*** topbar menu specific ***/
.topbar_menu ul { border: solid 1px #484848; background: #222; }
.topbar_menu ul li { border-bottom: solid 1px #383838; }
.topbar_menu ul li:hover, .topbar_menu ul li.sfHover { background: #333; }
.topbar_menu .sf-sub-indicator { background: url('../../images/arrows-ffffff.png') no-repeat -10px -100px; }
/*** header menu specific ***/
.header_menu>li>a { background: url('../images/menu_divider.png') no-repeat 100% 100%; text-shadow: #000 1px 1px 2px; }
.header_menu ul { border: solid 1px #000; background: #444; }
.header_menu .sub-menu-span { background: #282828 url('../images/menu_dd_bg.png') no-repeat 0 100%; background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#050505)); background: -moz-linear-gradient(top,  #282828,  #050505); background: -o-linear-gradient(top,  #282828,  #050505); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#282828', endColorstr='#050505'); border-bottom: solid 1px #444; }
.header_menu ul li { border-bottom: none; border-right: solid 1px #444; border-left: solid 1px #444; border-top: solid 1px #444; background: none; }
.header_menu ul li:hover, .header_menu ul li.sfHover { background: #000; }
.header_menu ul a { color: #fff; }
.header_menu .sf-sub-indicator { right: 10px; background: url('../../images/arrows-ffffff.png') no-repeat -10px -100px; }



/* **************************************************************************** */
/* ------------------------- BEGIN NIVO SLIDER -------------------------------- */

.nivo-directionNav a { background-image: url('../images/nivo_arrows.png'); background-repeat: no-repeat; }
.nivo-controlNav a { background: url('../images/nivo_bullets.png') no-repeat; }



/* **************************************************************************** */
/* ------------------------- BEGIN BX SLIDER ---------------------------------- */

.bx-pager { background: #222; }
.bx-pager a { color: #bbb; }
.bx-pager a.pager-active { background: #444; color: #fff; }
.bx-prev { background: url('../images/bx_arrows.png') no-repeat; }
.bx-next { background: url('../images/bx_arrows.png') no-repeat 0 -38px; }
.bx-auto a { background: url('../images/bx_play.png') no-repeat; }



/* **************************************************************************** */
/* ------------------------- BEGIN ACCORDIAN SLIDER --------------------------- */

.accslider_item { background:url('../images/loading.gif') no-repeat 50% 50%; }
.accslider_shadow { background: url('../images/accslider_shadow_dark.png') repeat-y 0 0; }



/* **************************************************************************** */
/* ------------------------- BEGIN GALPWORK SLIDER ---------------------------- */

.gpw_loader { background-color: transparent; }
.gpw_box { background: transparent url('../images/loading.gif') no-repeat 50% 50%;}
.gpw_box_icon a, .gpw_box_icon h1, .gpw_box_icon h2, .gpw_box_icon h3, .gpw_box_icon h4, .gpw_box_icon h5, .gpw_box_icon h6, .gpw_box_icon .dropcap { color: #fff; }
.gpw_box_icon_text { color: #fff; background: #000; }
.gpw_box_icon_vid { background: #000 url('../images/gpw_icon_vid.png') no-repeat 50% 50%; }
.gpw_box_icon_img { background: #000 url('../images/gpw_icon_img.png') no-repeat 50% 50%; }
.gpw_box_icon_link { background: #000 url('../images/gpw_icon_link.png') no-repeat 50% 50%; }
/* navigation */
.gpw_prev { background: url('../images/gpw_arrows.png') no-repeat 0 0px; }
.gpw_next { background: url('../images/gpw_arrows.png') no-repeat 0 -38px; }
.gpw_play { background: url('../images/gpw_play.png') no-repeat 0 -20px; }
.gpw_timeslide { background-color: #828282; }



/* **************************************************************************** */
/* ------------------------- BEGIN TAGLINE ------------------------------------ */

.tagline { background: #282828 url('../images/tagline_bg.png') repeat-x 0 100%; }
.tagline span { color: #fff; }



/* **************************************************************************** */
/* ------------------------- BEGIN POSTBOXES ---------------------------------- */

/* style1 - No / full-width image */
/* style2 - Blogpost Postbox (from the blog) */
.postbox_blogpostdatewrap { background: #393939; border-color: #111; }
.postbox_blogpostdate { background: transparent url('../images/blogpostdate.jpg') repeat-x 0 0; color: #fff; }



/* **************************************************************************** */
/* ------------------------- BEGIN ICONS - POSTBOXES, BLURBS ETC. ------------- */

/*** big heading icons ***/
.bigicon { background-image: url('../images/icons_40x30.png'); }
/*** menium heading icons ***/
.mediumicon { background-image: url('../images/icons_30x23.png'); }
/*** long heading icons ***/
.longicon { background-image: url('../images/icons_40x50.png'); }



/* **************************************************************************** */
/* ------------------------- BEGIN ACARPWORK CAROUSAL ------------------------- */

.acarps_outerwrap, .acarpwork { background: #525252; border-left: none; border: solid 1px #000; /*border-right: none; border-bottom: solid 1px #000; border-top: solid 1px #000; padding: 3px 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;*/ }
.acarps_wrap { background: #1f1f1f; }
.acarp_item img { background: url('../images/car_item_bg.png') no-repeat center center; }
.acarp_prev { background: transparent url('../images/car_prev.png') no-repeat left center; }
.acarp_next { background: transparent url('../images/car_next.png') no-repeat right center; }



/* **************************************************************************** */
/* ------------------------- BEGIN GALLERY MODULE ----------------------------- */

li.galfilter a { background: #525252; color: #fff; }
li.galfilter a:hover { background: #444; }
/* special - 1 Column portfolio */
.box_1_1 .galitem_button a { background: #111; color: #fff; }
.box_1_1 .galitem_button a:hover { background: #555; }



/* **************************************************************************** */
/* ------------------------- BEGIN EXPANDABLE MODULE -------------------------- */

.expandable_module { border-left: none; border-right: none; border-bottom: solid 1px #111; border-top: solid 1px #000; background: #525252; }
.expandable { background: #111; }
.pull_em_up { background: url('../images/pull_em.png') no-repeat 0 -22px; }
.pull_em_down { background: url('../images/pull_em.png') no-repeat 0 0; }


/* **************************************************************************** */
/* ------------------------- BEGIN MESSAGE MODULE --------------------------- */

.message_button { background: #525252; color: #fff; }
.message_button_wrap a:hover .message_button { background: #444; }
/*** Small ***/
/*** Normal ***/
/*** Large ***/
/*** Extra Large ***/



/* **************************************************************************** */
/* ------------------------- BEGIN PAGE (ALL TYPES) --------------------------- */

/* Page Header */
#page_header { /*border-top: solid 1px #525252;*/ border-bottom: solid 1px #525252; }
.metaicon { background-image: url('../images/page_metaicons.png'); }
.metaicondetail { background: #222; border: solid 1px #181818; }
/* Page All Content */
/* Page Content */
/* Page Content Formatting */
/* Page Content WP Image Captions */
.wp-caption { border: solid 1px #828282; }
/* Archive Page */
/* Archive Page Style 1 */
/* Archive Page Style 2 */
/* Archive Page Style 3 */
.archive_post_st3 h3.archive_postheading { border-bottom: solid 1px #525252; }
/* Archive Page Style 4 */
.archive_post_st4 h3.archive_postheading { border-bottom: solid 1px #525252; }
/* Archive Page Navigation */
/* Page Comments */
.commentlist .thread-even, .commentlist .thread-odd { border: 1px solid #828282; }
.commentlist li { border: solid 1px #828282; }
.commentmetadata { color:#444444; border-bottom: 1px solid #525252; }
.reply { background: #555; color: #fff; }
.reply:hover { background: #111;}
.reply a {color: #fff; }
/* Related Posts */
/* Page Comment Form */
.commentformfield input, .commentformfield textarea { background-color: #282828; color: #ddd; }
.commentformfield input:focus, .commentformfield textarea:focus { background-color: #383838; }
#commentsubmit { background: transparent url('../images/send.png') no-repeat 0 0; color: #fff; }
/* Contact Form */
.wpcf7-form-control-wrap { border: solid 1px #727272; background: #282828; }
.wpcf7-form input, .wpcf7-form textarea { background: #282828 url('../images/bg_fill.png') 0 0; color: #ddd; }
.wpcf7-form input:focus, .wpcf7-form textarea:focus { background-color: #383838; }
.wpcf7-form input.wpcf7-submit { background: transparent url('../images/send.png') no-repeat 0 0; color: #fff; }
/* Page Sidebar */



/* **************************************************************************** */
/* ------------------------- BEGIN SHORTCODES --------------------------------- */

/*** DropCap ***/
/*** Highlight ***/
/*** Divider, Top ***/ 
/*** Frame Left, Right, Center ***/
/*** Button ***/
/*** Simple Box ***/
/*** Title Box ***/
/*** Icon Box - Conttent Blurbs ***/
/*** Alert Box ***/
.alert_alert { background: url('../images/ic_alert_alert.png') no-repeat 0 0; }
.alert_check { background: url('../images/ic_alert_check.png') no-repeat 0 0; }
.alert_cross { background: url('../images/ic_alert_cross.png') no-repeat 0 0; }
.alert_info { background: url('../images/ic_alert_info.png') no-repeat 0 0; }
.alert_plus { background: url('../images/ic_alert_plus.png') no-repeat 0 0; }
.alert_document { background: url('../images/ic_alert_document.png') no-repeat 0 0; }
.alert_note { background: url('../images/ic_alert_note.png') no-repeat 0 0; }
.alert_chat { background: url('../images/ic_alert_chat.png') no-repeat 0 0; }
.alert_alertbox_content, .check_alertbox_content, .cross_alertbox_content, .info_alertbox_content, .plus_alertbox_content, .document_alertbox_content, .note_alertbox_content, .chat_alertbox_content { background-color: #282828; }
/*** Lists ***/
ul.arrow_list { list-style: url('../images/ic_list_arrow.png') inside; }
ul.chat_list { list-style: url('../images/ic_list_chat.png') inside; }
ul.check_list { list-style: url('../images/ic_list_check.png') inside; }
ul.code_list { list-style: url('../images/ic_list_code.png') inside; }
ul.doc_list { list-style: url('../images/ic_list_doc.png') inside; }
ul.star_list { list-style: url('../images/ic_list_star.png') inside; }
ul.tag_list { list-style: url('../images/ic_list_tag.png') inside; }
ul.alert_list { list-style: url('../images/ic_list_alert.png') inside; }
ul.cross_list { list-style: url('../images/ic_list_cross.png') inside; }
ul.info_list { list-style: url('../images/ic_list_info.png') inside; }
ul.plus_list { list-style: url('../images/ic_list_plus.png') inside; }
/*** Testimonial ***/
.testimonial_text { background: url('../images/testimonial.png') no-repeat 0 0; }
/*** Lightbox ***/
/*** Videos ***/
/*** Tabs ***/
.tabset .nav { background: #111; }
.tabset .nav li a { color: #fff; border-right: solid 1px #111; }
.tabset .nav li a:hover, .tabset .nav li a.current { background: #282828 url('../images/bg_fill.png') 0 0; color: #fff; border-right: solid 1px #222; }
/*** ToggleBox ***/
.toggleboxhead { background: #444 url('../images/ic_toggle_off.png') no-repeat 98% 0px; color: #fff; }
.toggleboxheadactive { background: #525252 url('../images/ic_toggle_on.png') no-repeat 98% 0; }
/*** Nivo Slider ***/
/*** BX Slider ***/



/* **************************************************************************** */
/* ------------------------- BEGIN WIDGETS ------------------------------------ */

/*** Content Widget ***/
/*** Post Blips - Recent / Popular / Category ***/
/*** General style - Post Blips - Recent / Popular / Category ***/
.post_blip_general .post_blip_txt_wrap .pw_title { color: #fff; }
/*** Sidebar style - Post Blips - Recent / Popular / Category ***/
.post_blip_sidebar { background: url('../images/post_blip_bg.png') no-repeat 0 0; }
.post_blip_sidebar .post_blip_txt a { color: #ccc; }
/*** Contact info ***/
.fcontact_add { background: url('../images/footer_contact.png') no-repeat 0 top; }
.fcontact_email { background: url('../images/footer_contact.png') no-repeat 0 -200px; }
.fcontact_tel { background: url('../images/footer_contact.png') no-repeat 0 -400px; }
/*** Latest Tweets ***/
/*ul.pwtweets { list-style: url('../images/tweets.png') outside; }*/



/* **************************************************************************** */
/* ------------------------- BEGIN FOOTER ------------------------------------- */

.footer_heading_link { background: url('../images/footer_heading_link.png') no-repeat right center; }