/*
Theme Name: Flick
Theme URI: http://flick.weareperfectpixels.com/
Description: Designed by Perfect Pixels.
Version: 1.0
Author: Perfect Pixels
Author URI: http://themeforest.net/user/PerfectPixels
*/
/* --- SUM
01. GENERAL TYPOGRAPHY
1. CSS Reset
2. General
3. Lists Styles
4. Borders & Dividers
5. Tables
6. Forms
. Images
02. GENERAL LAYOUT
1. General Structure
2. Header
3. Footer
4. Sidebar
5. Columns
03. PAGE SPECIFIC STYLES
1. Home
2. Portfolio
3. Gallery Photo
4. Contact Form
04. BLOG STYLES
1. Blog Index
2. Social Media
3. Comments
06. MENU
07. EXTRAS
1. Dropcaps
2. Pullquotes
3. Highlight Styles
4. Unordered Lists
5. Pretty Photo
6. Buttons
7. Columns
8. Widgets
9. Sitemap
10. Miscellenous
--- */
/* ________________________________________________________________________________________________________________
01. GENERAL TYPOGRAPHY
________________________________________________________________________________________________________________ */
/* ------- 1. CSS Reset ------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, d { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
ul, ol { list-style:none;}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
/* ------- 2. General ------- */
body { font-family:Verdana, Geneva, sans-serif; color:#262626; font-size:12px; }
h1 { font-size:34px; font-weight:normal; margin:10px 0 15px 1px;}
h2 { font-size:26px; font-weight:normal; line-height:31px; margin:10px 0; }
h3 { font-size:22px; font-weight:normal; line-height:31px; margin:10px 0; }
h4 { font-size:19px; font-weight:normal; line-height:21px; color:#C9C8C8; margin:10px 0;}
h5 { background:url(images/divider_h.png) repeat-x left bottom; color:#424141; margin:10px 0; padding:0 0 8px; font-style:italic; font-weight:normal; font-size:13px; text-transform:uppercase; }
h6 {}
h3.post_title { background:url(images/divider_h.png) repeat-x left bottom; font-size:24px; padding:0 0 5px; }
h3.post_title a { text-decoration:none; }
p { font-size:12px; line-height:21px; margin:15px 0; }
.clearboth { clear:both; }
.hidden { display:none; }
@font-face { font-family: "MgOpen Modata"; src: url("fonts/MgOpenModata.eot"); }
@font-face { font-family: "MgOpen Modata"; src: url("fonts/MgOpenModata.ttf"); }
#site_name { display:block; font-size:30px; margin:0 0 0 30px; padding:30px 0 0; text-align:center; text-decoration:none; width:155px; float:left; }
/* ------- 3. List Styles ------- */
ul.list_pages { margin:25px 0 35px; }
ul.list_pages li { margin:0 0 15px; }
ul.list_pages li a { background:url(images/page_list.png) no-repeat 0 1px; width:20px; height:20px; padding:0 0 0 25px; color:#262626 !important; text-decoration:none; font-size:15px; }
ul.list_pages li ul.children { margin:15px 0 15px 20px; }
ul.check_list { margin:15px 0 20px -2px; }
ul.check_list li { background-image:url(images/check_list.png); background-repeat:no-repeat; padding:2px 0 13px 30px; color:#262626 !important; text-decoration:none; font-size:13px; }
ul.arrow_list { margin:15px 0 20px -2px; }
ul.arrow_list li { background-image:url(images/arrow_list.png); background-repeat:no-repeat; padding:0 0 15px 20px; color:#262626 !important; text-decoration:none; font-size:13px; }
ul.bullet_list { margin:15px 0 20px -2px; }
ul.bullet_list li { background-image:url(images/bullet_list.png); background-repeat:no-repeat; padding:3px 0 11px 30px; color:#262626 !important; text-decoration:none; font-size:13px; }
ul.plus_list { margin:15px 0 20px -2px; }
ul.plus_list li { background-image:url(images/plus_list.png); background-repeat:no-repeat; padding:0 0 15px 27px; color:#262626 !important; text-decoration:none; font-size:13px; }
/* ------- 4. Borders & Dividers ------- */
.divider { background:url(images/divider_h.png) repeat-x; display:block; width:100%; height:2px; margin:10px 0 20px; clear:both; }
.divider_top { background:url(images/divider_top.png) no-repeat right; display:block; width:100%; height:10px; margin:0 0 20px; clear:both; cursor:pointer; }
/* ------- 5. Tables ------- */
/* ------- 6. Forms ------- */
#respond { width:620px; margin:0 0 40px; overflow:hidden; }
#respond .btn_cancel_reply a { background:url(images/btn_cancel_reply.png) no-repeat; width:90px; height:30px; display:block; text-indent:-9999%; float:left; margin:10px 0 15px -4px; }
#respond .btn_cancel_reply a:hover { background-position:left -31px; }
#respond #btn_action { position:absolute; right:8px; top:-45px; }
#respond #btn_action div { float:left; }
#respond #btn_action .btn_logout a { background:url(images/btn_logout.png) no-repeat; width:90px; height:30px; display:block; text-indent:-9999%; }
#respond #btn_action .btn_logout a:hover { background-position:left -31px; }
#commentform { width:630px; margin:20px 0; clear:both; position:relative; }
#commentform input, #commentform textarea { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#262626; }
#commentform .half_input { float:left; width:290px; margin:0 0 20px; }
#commentform .last { margin:0 0 0 40px; }
#commentform .half_input input { background:url(images/input_half.png) no-repeat; width:270px; height:40px; padding:0 10px; border:none; }
#commentform .full_input { clear:both; }
#commentform .full_input input { background:url(images/input_full.png) no-repeat; width:600px; height:40px; padding:0 10px; border:none; }
#commentform textarea { background:url(images/textarea.png) no-repeat; width:600px; height:195px; padding:10px; border:none; margin:5px 0 0; }
#commentform .btn_holder { width:115px; height:35px; position:relative; margin:0 10px 0; float:right; }
#commentform .btn_holder .btn_color { width:109px; height:28px; margin:4px 0 0 3px; padding:0; display:block; position:absolute; top:0; left:0; }
#commentform .btn_holder .button { background:url(images/btn_comment_submit.png) no-repeat; width:115px; height:35px; text-indent:-9999%; border:none; cursor:pointer; position:relative; z-index:15; }
#contact_form { width:630px; margin:20px 0; clear:both; position:relative; }
#contact_form .inputError { background-position:0 bottom !important; }
#contact_form input, #contact_form textarea { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#262626; }
#contact_form .half_input { float:left; width:290px; margin:0 0 20px; }
#contact_form .last { margin:0 0 0 40px; }
#contact_form .half_input input { background:url(images/input_half.png) no-repeat; width:270px; height:40px; padding:0 10px; border:none; }
#contact_form .full_input { clear:both; }
#contact_form .full_input input { background:url(images/input_full.png) no-repeat; width:600px; height:40px; padding:0 10px; border:none; }
#contact_form textarea { background:url(images/textarea.png) no-repeat; width:600px; height:195px; padding:10px; border:none; margin:5px 0 0; }
#contact_form .screenReader { width:0; margin:0; padding:0; }
#contact_form .btn_holder { width:100px; height:45px; position:relative; margin:-25px 7px 0 0; float:right; }
#contact_form .btn_holder .button { background:url(images/btn_send.png) no-repeat; width:100px; height:45px; text-indent:-9999%; border:none; cursor:pointer; position:relative; z-index:15; outline:none; }
#contact_form .btn_holder .button:active { background-position:0 -47px; outline:none; }
.search-box .search-field { background:url(images/search.png) no-repeat; width:180px; height:50px; border:none; color:#FFF; padding:0 0 0 14px; font-size:16px; float:left; }
.search-box .search-go { background:url(images/search.png) no-repeat -194px 0; width:76px; height:50px; border:none; float:left; cursor:pointer; }
/* ------- 7. Images------- */
.hover_img { background:url(images/bg_hover_img.png) no-repeat; width:81px; height:81px; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; display:block; clear:both; }
.small_loader { background:url(images/loader_small.gif) no-repeat; width:32px; height:32px; position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; display:block; clear:both; }
.twitter_icon { background:url(images/ico_twitter.png) no-repeat; width:80px; height:75px; display:block; left:15px; position:absolute; top:-5px; }
.twitter_tooltip { background:url(images/tooltip_twitter.png) no-repeat; width:100px; height:45px; position:absolute; top:-33px; left:50px; display:none; }
#twitter_error { position:relative; font-size:25px; width:800px !important; margin:21px 0 0 !important; float:right; }
.left_frame { float:left; display:inline; width:225px; height:170px; position:relative; margin:10px 15px 10px 0; }
.left_frame span img { position:relative; z-index:1; }
.left_frame span span.img_mask { background:url(images/mask_portfolio_2col.png) no-repeat; width:240px; height:180px; display:block; left:-8px; position:absolute; top:-8px; z-index:2; }
.right_frame { float:right; display:inline; width:225px; height:170px; position:relative; margin:10px 0 10px 15px; }
.right_frame span img { position:relative; z-index:1; }
.right_frame span span.img_mask { background:url(images/mask_portfolio_2col.png) no-repeat; width:240px; height:180px; display:block; left:-8px; position:absolute; top:-8px; z-index:2; }
.center_frame { position:relative; width:630px; height:265px; }
.center_frame span img { position:relative; z-index:1; }
.center_frame span.img_mask { background:url(images/mask_img_full_blog.png) no-repeat; width:630px; height:265px; display:block; left:-5px; position:absolute; top:-3px; z-index:2; }
/* ________________________________________________________________________________________________________________
02. GENERAL LAYOUT
________________________________________________________________________________________________________________ */
/* ------- 1. General Structure ------- */
.gradient_box_top { background:url(images/gradient_box.png) repeat-x left top; display:block; height:40px; width:100%; margin:8px 0 0; position:absolute; top:0; }
.gradient_box_bottom { background:url(images/gradient_box.png) repeat-x left bottom; display:block; height:40px;width:100%; margin:0 0 6px; position:absolute; bottom:0;}
#content_holder { background:url(images/bg_content.png) repeat; width:100%; margin:-5px 0 0; overflow:hidden; }
#content_holder #content { width:960px; margin:0 auto; }
#content_holder #content .inner { overflow:hidden; width:100%; padding:35px 0 45px; line-height:21px; }
#content_holder #content .inner div.sidebar_page { overflow:hidden; }
#content_holder #content .inner div.sidebar_page .post { margin:0 0 30px; }
.breadcrumb_holder { margin:20px auto 15px; padding:30px 55px 0 65px; }
.breadcrumb_holder p { font-size:26px; margin:0; padding:5px 0; }
.breadcrumb_holder p a { text-decoration:none; }
.header_image_holder { height:240px; margin:25px auto 0; position:relative; width:1050px; }
.header_image_holder img { width:965px; position:absolute; left:48px; top:0; display:block; }
.header_image_holder span { position:absolute; display:block; left:0; top:-10px; }
.header_image_holder #breadcrumbs { bottom:45px; font-size:26px; left:48px; padding:16px 25px 0 20px; position:absolute; }
.header_image_holder #breadcrumbs a { text-decoration:none; }
#nofound { background-image:url(images/404_magnify.png); background-repeat:no-repeat; width:365px; height:200px; display:block; margin:-66px 0 0; position:absolute; }
#content_404 { float:right; margin:15px 0 0; position:relative; width:605px; }
.wp-pagenavi { font-family:Lucida Grande; font-size:11px; color:#5b5a5a; margin:10px 0; }
.wp-pagenavi span.pages { background:url(images/wpnavi_pages.png) no-repeat; width:85px; height:30px; display:block; float:right; padding:3px 0 0; text-align:center; }
.wp-pagenavi a, .wp-pagenavi span.current { background:url(images/wpnavi_page.png) no-repeat; width:30px; height:30px; display:block; padding:3px 0 0; text-align:center; float:left; color:#5b5a5a !important; text-decoration:none; }
.wp-pagenavi span.current { opacity:0.7;}
/* ------- 2. Header ------- */
#header_holder { height:142px; width:100%; clear:both; position:relative; z-index:1001; }
#header { background:url(images/bg_header.png) no-repeat center top; height:150px; width:100%; }
#header .inner { width:1000px; margin:0 auto; position:relative; z-index:10; }
#default_logo { background:url(images/logo.png) no-repeat; width:75px; height:95px; margin:0 0 0 70px; float:left; position:relative; display:block; }
#logo { float:left; }
#teaser_box_holder { background:url(images/bg_intro_text_bottom.png) no-repeat center bottom; width:100%; margin:0; padding:0 0 35px; position:relative; display:none !important; }
#teaser_box_inner { background:url(images/bg_intro_text_top.png) no-repeat center top; width:100%; padding:35px 0 0; }
#teaser_box { background-image:url(images/bg_intro_text_loop.png); background-repeat:repeat-y; background-position:center top; width:100%; padding:30px 0 35px; margin:-28px 0 -30px; min-height: 62px; overflow:hidden; }
#teaser_box .inner { width:960px; margin:0 auto; }
#teaser_box .inner_content { position: relative; width: 100%; }
#teaser_box .inner_content h3 { display:block; width:750px; margin:0;padding-top: 11px; }
#teaser_box .inner_content .big_btn { margin: 5px 0px 0px; position: absolute; right: 0px; top: 0px; }
#teaser_box .inner_content #search_holder { float:right; margin:8px -10px 0; }
#teaser_no_intro { height:84px; position:relative; margin:0px 0 -30px; }
#teaser_no_intro .skin_color { height:81px; width:100%; position:absolute; left:0; top:0; }
#teaser_no_intro #bg_teaser { background:url(images/bg_no_intro.png) no-repeat center top; height:84px; width:100%; position:absolute; top:-3px; left:0; }
#teaser_no_intro #search_holder { position:relative; width:960px; margin:0 auto; overflow:hidden; }
#teaser_no_intro #search_holder .search-box { float:right; margin:15px -1px 0; }
.scrollable_teaser_twitter { position:relative; overflow:hidden; width:810px; height:62px; float:right; }
.scrollable_teaser_twitter .item { position:absolute; display:none; }
.scrollable_teaser_twitter .item small { font-size:16px; }
.scrollable_teaser_twitter p { font-size:18px; margin:20px 0 0; }
/* ------- 3. Footer ------- */
#footer_holder { background:url(images/bg_footer_bottom.png) no-repeat center bottom; width:100%; margin:0; padding:0 0 33px; position:relative; }
#footer_holder_inner { background:url(images/bg_footer_top.png) no-repeat center top; width:100%; padding:35px 0 0; margin:-5px 0 0; }
#footer { background-image:url(images/bg_footer_loop.png); background-repeat:repeat-y; background-position:center top; width:100%; padding:30px 0 0; margin:-30px 0; }
#footer .inner { width:960px; margin:0 auto; }
#footer .inner_content { overflow:hidden; width:100%; position:relative; z-index:10; }
#footer .inner_content ul li { /*background:url(images/divider_footer.png) repeat-x top;*/ padding:8px 0 9px; font-size:13px; color:#C4C4C4; line-height:21px; font-family:Lucida Grande; }
#footer .inner_content ul li a { /*background:url(images/bullet_widget.png) no-repeat;*/ color: #C4C4C4;
font-size: 15px;
padding: 0 0 5px 20px;
text-decoration: none; }
#gradient_footer_top { background:url(images/gradient_footer_top.png) repeat-x left top; display:block; height:130px; width:100%; margin:5px 0 0; position:absolute; top:0; }
#gradient_footer_bottom { background:url(images/gradient_footer_bottom.png) repeat-x left bottom; display:block; height:30px;width:100%; margin:0 0 5px; position:absolute; bottom:0;}
#copyright { bottom:-39px; left:50%; margin:10px 0 13px -480px; position:absolute; width:960px; }
#copyright * { font-size:11px; line-height:21px; color:#000; text-decoration:none; }
#copyright .inner { overflow:hidden; }
#copyright ul { display:inline; }
#copyright ul li { display:inline; margin:0 15px 0 0; }
#copyright ul.children { margin:0 0 0 15px; }
#copyright p { float:right; padding:0; margin:0; }
/* ------- 4. Sidebar ------- */
#sidebar { width:260px; float:left; margin:20px 0 0; padding:0 0 0 40px; position:relative; }
#sidebar .border_top_sidebar { background:url(images/border_sidebar_top.png) no-repeat left top; width:20px; height:100px; display:block; left:0; position:absolute; top:0; }
#sidebar .border_sidebar { background:url(images/border_sidebar.png) repeat-y left top; width:20px; height:82%; display:block; left:0; top:100px; position:absolute; }
#sidebar .border_bottom_sidebar { background:url(images/border_sidebar_bottom.png) no-repeat left top; width:20px; height:150px; display:block; left:0; position:absolute; bottom:-50px; }
#home_sidebar { float:left; margin:20px -10px 0 40px; position:relative; }
/* ________________________________________________________________________________________________________________
03. PAGE SPECIFIC STYLES
________________________________________________________________________________________________________________ */
/* ------- 1. Home ------- */
.homepage_post .post_image { position:relative; margin-bottom:15px; width:630px; height:265px; }
.homepage_post .post_image a img { position:relative; z-index:1; }
.homepage_post .post_image a span.img_mask { background:url(images/mask_img_full_blog.png) no-repeat; width:630px; height:265px; display:block; left:-5px; position:absolute; top:-3px; z-index:2; }
.homepage_single .full_image { position:relative; margin-bottom:15px; width:980px; height:360px; }
.homepage_single .full_image a img { position:relative; z-index:1; }
.homepage_single .full_image a span.img_mask { background:url(images/mask_single_homepage.png) no-repeat; width:980px; height:360px; display:block; left:-10px; position:absolute; top:-3px; z-index:2; }
.portfolio_single .full_image { position:relative; margin-bottom:15px; width:980px; height:360px; }
.portfolio_single .full_image a img { position:relative; z-index:1; }
.portfolio_single .full_image a span.img_mask { background:url(images/mask_single_homepage.png) no-repeat; width:980px; height:360px; display:block; left:-10px; position:absolute; top:-3px; z-index:2; }
.search_page { overflow:hidden; margin-top:11px !important; margin-bottom:10px !important; padding:0 0 5px; }
.search_page .post_image { float:left; display:inline; width:340px; height:225px; position:relative; margin:18px 0 0; }
.search_page .post_image a img { position:relative; z-index:1; }
.search_page .post_image a span.img_mask { background:url(images/mask_img_half_blog.png) no-repeat; width:340px; height:225px; display:block; left:-8px; position:absolute; top:-8px; z-index:2; }
/* The Nivo Slider styles */
.holder_slider_nivo { width:1020px; margin:35px auto; }
.nivoSlider { width:970px; height:360px; position:relative; margin:0 auto; background-position:center center !important; }
.nivoSlider img { position:absolute; top:0px; left:0px; display:none; }
.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; }
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
.nivo-caption { position:absolute; left:29px; bottom:42px; background:#000; color:#fff; opacity:0.8; width:790px; z-index:1001; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.nivo-caption p { line-height:23px; margin:0; padding:7px 15px; }
.nivo-directionNav { float:right; margin:255px 0 0; position:relative; z-index:1002; }
.nivo-directionNav a { position:absolute; top:10px; z-index:1003; cursor:pointer; text-indent:-9999%; }
.nivo-prevNav { left:18px; }
.nivo-nextNav { right:11px; }
/* Horizontal Gallery */
#gallery_slider { padding:0 50px; width:971px; height:348px;margin:0 auto; background:url(css/dark/bg_slider_gallery.jpg) no-repeat;}
.slider_image .slider_animation { position: absolute; top:47px; left:73px; display:none; z-index:2; }
.slider_image .image_holder { background:url(images/img_slider_gallery.png) no-repeat; height:225px; padding:5px 5px 10px 5px; width:326px; position: absolute; top:42px; left:68px; }
.slider_image .image_holder img { border:0; }
.slider_image .slider_text { height:225px; padding:9px 5px 10px 14px; width:323px; position: absolute; top:38px; right:59px; }
.slider_image .slider_text .slider_title { font-family:"MgOpen Modata"; font-size:24px; color:#FFF; text-shadow:2px 2px 3px #000; -moz-text-shadow:2px 2px 3px #000; -webkit-text-shadow:2px 2px 3px #000; }
.slider_image .slider_text .slider_description { font-size:14px; color:#c9c8c8; margin:15px 0 7px; height:125px; overflow:hidden; }
.slider_image .animation { height:225px; overflow:hidden; width:431px; position: absolute; top:47px; left:73px; }
.slider_thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
.slider_thumbs li { cursor:pointer; float:left; height:62px; list-style-type:none; margin:4px 7px 0 8px; position:relative; width:91px; }
.slider_thumbs li:first {margin: 0;}
.slider_thumbs li .clip { margin:4px 0 0 4px; }
.slider_thumbs li .clip img { width:83px !important; height:54px !important; }
.jcarousel-container .jcarousel-clip { margin:0 0 0 -3px; }
.slider_navigation { bottom:20px; position:absolute; right:65px; }
.slider_navigation a { text-indent:-9999%; display:block; float:left; cursor:pointer; }
/* Roundabout Slider */
#roundabout_slider { width:1000px; margin:0 auto -20px; }
#roundabout_slider h1.slider_title { margin:0; font-size:22px; color:#fff; float:right; width:260px; text-align:right; }
#roundabout_slider p.slider_description { color:#fff; float:right; height:165px; margin:30px 0 20px; overflow:hidden; text-align:right; width:180px; }
#roundabout_slider .btn_holder { float:right; width:120px; text-align:right;}
.roundabout-holder { padding: 0; margin:0 auto; width:595px; height:400px; }
.roundabout-moveable-item { height:310px; width:595px; cursor: pointer; box-shadow:0px 0px 10px #000; -moz-box-shadow:0px 0px 10px #000; -webkit-box-shadow:0px 0px 10px #000; }
.roundabout-moveable-item .caption { display:none; }
.roundabout-in-focus { cursor: auto; }
.roundabout-in-focus .caption { background:url(images/bg_text_roundabout.png) no-repeat; width:275px; height:290px; position:relative; display:block; padding:10px; margin:0 0 0 300px; }
/* ------- 2. Portfolio ------- */
.portfolio_1col { overflow:hidden; margin:10px 0 35px; }
.portfolio_1col .portfolio_image { float:left; display:inline; width:465px; height:235px; position:relative; margin:18px 0 0; }
.portfolio_1col .portfolio_image a img { position:relative; z-index:1; }
.portfolio_1col .portfolio_image a span.img_mask { background:url(images/mask_portfolio_1col.png) no-repeat; width:485px; height:255px; display:block; left:-8px; position:absolute; top:-8px; z-index:2; }
.portfolio_1col .portfolio_content { float:left; display:inline; margin:5px 0 0 40px; position:relative; width:455px; }
.portfolio_1col .portfolio_content .btn_holder { float:left; margin:0 !important; }
.portfolio_1col .portfolio_content p { height:142px; overflow:hidden; }
.portfolio_2col { overflow:hidden; margin:15px 4% 20px 0 !important; }
.portfolio_2col h3 { font-size:18px; margin:0 0 -11px 2px; }
.portfolio_2col .portfolio_image { float:left; display:inline; width:225px; height:170px; position:relative; margin:18px 0 0; }
.portfolio_2col .portfolio_image a img { position:relative; z-index:1; }
.portfolio_2col .portfolio_image a span.img_mask { background:url(images/mask_portfolio_2col.png) no-repeat; width:240px; height:180px; display:block; left:-8px; position:absolute; top:-8px; z-index:2; }
.portfolio_2col .portfolio_content { float:left; display:inline; margin:5px 0 0 10px; position:relative; width:225px; }
.portfolio_2col .portfolio_content .btn_holder { float:left; margin:0 !important; }
.portfolio_2col .portfolio_content p { overflow:hidden; height:130px; margin:7px 0 13px; }
.portfolio_3col { margin-top:15px !important; }
.portfolio_3col h3 { font-size:18px; margin:-10px 0 10px; }
.portfolio_3col .portfolio_image { float:left; display:inline; width:305px; height:155px; position:relative; margin:18px 0 0; }
.portfolio_3col .portfolio_image a img { position:relative; z-index:1; }
.portfolio_3col .portfolio_image a span.img_mask { background:url(images/mask_portfolio_3col.png) no-repeat; width:320px; height:165px; display:block; left:-8px; position:absolute; top:-8px; z-index:2; }
.portfolio_3col .portfolio_content { float:left; display:inline; margin:5px 0 0 3px; position:relative; width:304px; }
.portfolio_3col .portfolio_content .btn_holder { float:left; margin:0 !important; }
.portfolio_3col .portfolio_content p { overflow:hidden; height:88px; margin:7px 0 13px; }
.portfolio_notext { margin:15px 34px 20px 0 !important; }
.portfolio_notext h3 { font-size:18px; margin:0 0 -11px 2px; }
.portfolio_notext .portfolio_image { float:left; display:inline; width:225px; height:170px; position:relative; margin:18px 0 0; }
.portfolio_notext .portfolio_image a img { position:relative; z-index:1; }
.portfolio_notext .portfolio_image a span.img_mask { background:url(images/mask_portfolio_2col.png) no-repeat; width:240px; height:180px; display:block; left:-8px; position:absolute; top:-8px; z-index:2; }
.portfolio_notext .portfolio_content { float:left; display:inline; margin:10px 0 0 8px; position:relative; width:225px; }
.portfolio_notext .portfolio_content .btn_holder { float:left; margin:0 !important; }
.portfolio_gallery { margin:15px 34px 20px 0 !important; }
.portfolio_gallery .portfolio_image { float:left; display:inline; width:225px; height:170px; position:relative; margin:18px 0 0; }
.portfolio_gallery .portfolio_image a img { position:relative; z-index:1; }
.portfolio_gallery .portfolio_image a span.img_mask { background:url(images/mask_portfolio_2col.png) no-repeat; width:240px; height:180px; display:block; left:-8px; position:absolute; top:-8px; z-index:2; }
/* ------- 3. Gallery Photo ------- */
.gallery { clear:both; padding:20px 0 0; }
/* ________________________________________________________________________________________________________________
04. BLOG
________________________________________________________________________________________________________________ */
/* ------- 1. Blog Index ------- */
/* Fullwidth blog post layout */
.full_post { margin-top:12px !important; overflow:hidden; padding:0 0 20px; }
.full_post .post_details { overflow:hidden; margin:0 0 10px -5px; }
.full_post .post_details li { float:left; display:inline; margin:0 10px 0 0; }
.full_post .post_details li a { font-size:11px; text-decoration:none; vertical-align:text-bottom; }
.full_post .post_details li span.post_icon { background:url(images/ico_post_details.png) no-repeat; width:30px; height:25px; display:block; float:left; display:inline; }
.full_post .post_details li.post_date span.post_icon { background-position:0 -3px; }
.full_post .post_details li.post_date a { color:#585858 !important; }
.full_post .post_details li.post_author span.post_icon { background-position:0 -28px; }
.full_post .post_details li.post_comments span.post_icon { background-position:0 -52px; }
.full_post .post_details li.post_categories { width:280px; margin:0; }
.full_post .post_details li.post_categories span.post_icon { background-position:0 -79px; margin:0 5px 0 0; }
.full_post .post_details li.post_date a, .post_details li.post_categories a, .post_details li.post_comments a { color:#585858 !important; }
.full_post .post_image { position:relative; width:630px; height:265px; }
.full_post .post_image a img { position:relative; z-index:1; }
.full_post .post_image a span.img_mask { background:url(images/mask_img_full_blog.png) no-repeat; width:630px; height:265px; display:block; left:-5px; position:absolute; top:-3px; z-index:2; }
.full_post .post_content { margin:7px 0 15px; }
/* Halfwidth blog post layout */
.half_post { overflow:hidden; margin-top:11px !important; margin-bottom:10px !important; padding:0 0 5px; }
.half_post .post_image { float:left; display:inline; width:158px; height:162px; position:relative; margin:18px 0 0; }
.half_post .post_image a img { position:relative; z-index:1; }
.half_post .post_image a span.img_mask { background:url(images/post_thumb2.png) no-repeat; width:159px; height:162px; display:block; left:-4px; position:absolute; top:-8px; z-index:2; }
.half_post .post_content { float:left; display:inline; width:275px; position:relative; line-height:13px; margin-left:10px;}
.half_post .post_content .post_title { font-size:18px; display:block; width:235px; }
.half_post .post_content .post_comments { background:url(images/ico_comment.png) no-repeat; display:block; height:25px; position:absolute; right:5px; top:19px; width:30px; }
.half_post .post_content .post_comments a { font-style:italic; font-weight:bold; color:#585858 !important; font-size:14px; text-decoration:none; padding:4px 0; text-align:center; display:block; }
.half_post .post_content p { height:25px; overflow:hidden; margin:0 0 16px; }
.half_post .post_details { overflow:hidden; margin:-5px 0 5px -5px; }
.half_post .post_details li { float:left; display:inline; margin:0 10px 0 0; }
.half_post .post_details li a { display:block; float:left; font-size:11px; margin:4px 0 0; text-decoration:none; }
.half_post .post_details li span.post_icon { background:url(images/ico_post_details.png) no-repeat; width:30px; height:25px; display:block; float:left; display:inline; }
.half_post .post_details li.post_date span.post_icon { background-position:0 -3px; }
.half_post .post_details li.post_date a { color:#585858 !important; }
.half_post .post_details li.post_author span.post_icon { background-position:0 -28px; }
/* Blog Post */
.single_page .post_details { overflow:hidden; margin:0 0 10px -5px; }
.single_page .post_details li { float:left; display:inline; margin:0 10px 0 0; }
.single_page .post_details li a, .single_page .post_details li span.date { font-size:11px; text-decoration:none; vertical-align:text-bottom; }
.single_page .post_details li span.post_icon { background:url(images/ico_post_details.png) no-repeat; width:30px; height:25px; display:block; float:left; display:inline; }
.single_page .post_details li.post_date span.post_icon { background-position:0 -3px; }
.single_page .post_details li.post_date a { color:#585858 !important; }
.single_page .post_details li.post_author span.post_icon { background-position:0 -28px; }
.single_page .post_details li.post_comments span.post_icon { background-position:0 -52px; }
.single_page .post_details li.post_categories { width:275px; margin:0; }
.single_page .post_details li.post_categories span.post_icon { background-position:0 -79px; margin:0 5px 0 0; }
.single_page .post_details li.post_date a, .post_details li.post_categories a, .post_details li.post_comments a, .single_page .post_details li span.date { color:#585858 !important; }
.single_page .post_image { position:relative; margin-bottom:15px; width:630px; height:265px; }
.single_page .post_image a img { position:relative; z-index:1; }
.single_page .post_image a span.img_mask { background:url(images/mask_img_full_blog.png) no-repeat; width:630px; height:265px; display:block; left:-5px; position:absolute; top:-3px; z-index:2; }
.single_page .post_content { margin:7px 0 15px; font-size:12px; line-height:21px; }
/* Popular and Related Post Boxes */
#posts_boxes { width:630px; overflow:hidden; margin:20px 0; }
#posts_boxes div { float:left; width:295px; margin:0 36px 0 0; }
#posts_boxes div h3 { background:url(images/bg_blog_box.png) no-repeat; height:32px; width:265px; margin-bottom:0; padding:5px 15px; font-size:18px; }
#posts_boxes div ul { background:url(images/bg_blog_box.png) no-repeat left bottom; padding:7px 15px; width:265px;}
#posts_boxes div ul li { background:url(images/divider_h.png) repeat-x left bottom; font-size:12px; list-style-position:inside; padding:0 0 9px; position:relative; overflow:hidden; margin:8px 0 0; line-height:15px; }
#posts_boxes div ul li a { text-decoration:none; float:left; }
#posts_boxes div ul li .img_holder { margin:0 9px 0 0; }
#posts_boxes div ul li .img_mask { background:url(images/mask_widget_thumb.png) no-repeat; width:51px; height:51px; display:block; position:absolute; top:-1px; left:-2px; }
#posts_boxes div ul li .widget_date { width:175px; margin:5px 0; }
#posts_boxes div ul li .widget_post_title {color:#262626 !important; width:175px; margin:3px 0 0; }
/* Author Box */
#author_box { position:relative; margin:30px 0; }
#author_box .bg_top { background:url(images/bg_author_box.png) no-repeat; width:630px; height:10px; display:block; }
#author_box .gradient_top { background:url(images/gradient_author_box.png) no-repeat; width:621px; height:95px; display:block; position:absolute; top:5px; left:5px; }
#author_box .inner { background:url(images/bg_author_box.png) no-repeat left bottom; width:630px !important; padding:5px 15px !important; margin:0; min-height:105px; }
#author_box .inner .img_holder { position:relative; float:left; margin:6px 15px 6px 8px; }
#author_box .inner .img_holder .img_mask { background:url(images/mask_gravatar.png) no-repeat; width:94px; height:94px; display:block; position:absolute; top:-6px; left:-8px; }
#author_box .inner h3 { font-size:18px; margin:0; }
#author_box .inner p { margin:5px 0 0; padding:0 40px; }
/* ------- 2. Social Media ------- */
ul#sociables { background:url(images/bg_socialize.png) no-repeat; width:630px; height:75px; display:block; margin:25px 0 20px; }
ul#sociables li { display:inline; float:left; margin:18px 0 0 10px; line-height:12px; }
ul#sociables li a { color:#262626; display:block; float:left; margin:20px -5px 0; text-decoration:none; }
ul#sociables li span { background-image:url(images/mask_socialize.png); background-repeat:no-repeat; width:50px; height:35px; display:block; float:left; }
ul#sociables li.delicious span { background-position:0 0; }
ul#sociables li.stumbleupon { margin-left:17px; }
ul#sociables li.stumbleupon span { background-position:-50px 0; }
ul#sociables li.stumbleupon a { margin-left:-9px; }
ul#sociables li.twitter { margin-left:9px; }
ul#sociables li.twitter span { background-position:-100px 0; }
ul#sociables li.facebook { margin-left:8px; }
ul#sociables li.facebook span { background-position:-150px 0; }
ul#sociables li.facebook a { margin-left:-10px; }
ul#sociables li.digg { margin-left:19px; }
ul#sociables li.digg span { background-position:-200px 0; }
ul#sociables li.digg a { margin-left:-8px; }
ul#sociables li.linkedin { margin-left:12px; }
ul#sociables li.linkedin span { background-position:-250px 0; }
ul#sociables li.linkedin a { margin-left:-7px; }
/* ------- 3. Comments ------- */
#comments {}
#comments h3 { font-size:18px; }
#comments ul.comments { position:relative; margin:20px 0; width:630px; }
#comments ul.comments li { margin:0 0 20px; overflow:hidden; padding:5px 0 0; position:relative; }
#comments .author_details { float:left; width:110px; line-height:12px; }
#comments .author_details .img_holder { position:relative; float:left; }
#comments .author_details .img_holder .img_mask { background:url(images/mask_gravatar_comment.png) no-repeat; width:94px; height:94px; display:block; position:absolute; top:-6px; left:-8px; }
#comments .author_details .author_name { float:left; width:100%; font-size:13px; color:#000; }
#comments .author_details .author_name a { font-size:13px; color:#000; text-decoration:none; }
#comments .author_details .comment_date { margin:7px 0 0; float:left; width:100%; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:10px; font-weight:bold; color:#717070; }
#comments .comment_content { float:left; width:520px; }
#comments .byuser .comment_content .ico_byuser { background:url(images/ico_byauthor.png) no-repeat; width:55px; height:55px; display:block; position:absolute; top:4px; right:0; z-index:22; }
#comments li .comment_content .comment_top { background:url(images/bg_comment_top.png) no-repeat; width:520px; height:40px; margin:0 0 -15px 0; display:block; position:relative; z-index:10; }
#comments li.odd .comment_content .comment_top { background:url(images/bg_comment_top_odd.png) no-repeat; }
#comments li .comment_content .inner { background:url(images/bg_comment.png) repeat-y; width:520px !important; padding:0 !important; }
#comments li.odd .comment_content .inner { background:url(images/bg_comment_odd.png) repeat-y; }
#comments .comment_content .inner p { margin:0 0 -1px 40px; position:relative; width:450px; z-index:11; }
#comments li .comment_content .comment_bottom { background:url(images/bg_comment_bottom.png) no-repeat; width:520px; height:25px; display:block; }
#comments li.odd .comment_content .comment_bottom { background:url(images/bg_comment_bottom_odd.png) no-repeat; }
#comments ul.children .isreply { background:url(images/ico_replied.png) no-repeat; width:19px; height:15px; display:block; position:absolute; top:-5px; right:0; }
#comments .action { float:right; margin:5px 0 0; }
#comments .action a { background:url(images/btn_comment_action.png) no-repeat; width:50px; height:25px; display:block; text-indent:-9999%; }
#comments .btn_edit a { background-position:right top; }
#comments .btn_edit a:hover { background-position:right -26px; }
#comments .btn_reply a { background-position:left top; }
#comments .btn_reply a:hover { background-position:left -26px; }
/* ________________________________________________________________________________________________________________
06. MENU
________________________________________________________________________________________________________________ */
#nav { float: right; margin:15px 20px 0 0; line-height: 1em; position: relative; z-index:5; width:920px; }
#nav li { display:block; list-style:none; padding:0 14px 0 3px; position:relative; margin-left:10px; float:left;}
#nav li a { text-decoration:none; display:block; padding:5px 0 8px 15px; font-size:16px; line-height:24px; color:#000; font-weight:100; text-transform:uppercase; }
#nav li:hover { background:url(images/btn_menu.png) no-repeat right top; }
#nav li:hover a { background:url(images/btn_menu.png) no-repeat left top; }
#nav li:hover ul li { background:url(images/divider_menu.png) no-repeat 6px bottom; display:block; } /* For the sublevels */
#nav li:hover ul li a { background:none !important; } /* For the sublevels */
#navdiv {clear:both; width:960px; margin:0 auto; height:70px;}
#nav li ul { position: absolute; }
#nav li ul li { margin:0; }
#nav li ul li a { background:none !important; font-size:15px; padding-left:5px; }
#nav .current_page_item { background:url(images/btn_menu.png) no-repeat right top; }
#nav .current_page_item a { background:url(images/btn_menu.png) no-repeat left top; }
#nav .sub-menu li { background:url(images/divider_menu.png) no-repeat 6px bottom; width:165px !important; padding:0 0 0 1px !important; display:block; }
#nav .sub-menu .current_page_item a { background:none; }
.sf-sub-indicator { display:none; }
#nav2 { margin:15px 20px 0 0; line-height: 1em; position: relative; z-index:5; max-width:auto; }
#nav2 li { display:block; list-style:none; padding:0 14px 0 3px; position:relative; margin-left:10px; float:left;}
#nav2 li a { text-decoration:none; display:block; padding:5px 0 8px 15px; font-size:16px; line-height:24px; color:#000; font-weight:100; text-transform:uppercase; font-family:Verdana,Geneva,sans-serif; }
#nav2 li:hover { /*background:url(images/btn_menu.png) no-repeat right top; */}
#nav2 li:hover a { /*background:url(images/btn_menu.png) no-repeat left top;*/ }
/*#nav2 li:hover ul li { background:url(images/divider_menu.png) no-repeat 6px bottom; display:block; } For the sublevels */
#nav2 li:hover ul li a { background:none !important; } /* For the sublevels */
#nav2div {clear:both; width:765px; margin:0 auto; height:70px;}
#nav2 li ul { position: absolute; }
#nav2 li ul li { margin:0; }
#nav2 li ul li a { background:none !important; font-size:15px; padding-left:5px; }
#nav2 .current_page_item { background:/*url(images/btn_menu.png) no-repeat right top;*/ none; }
#nav2 .current_page_item a { background:/*url(images/btn_menu.png) no-repeat left top;*/ none; color:#000!important; }
#nav2 .sub-menu li { background:url(images/divider_menu.png) no-repeat 6px bottom; width:165px !important; padding:0 0 0 1px !important; display:block; }
#nav2 .sub-menu .current_page_item a { background:none; }
/* ________________________________________________________________________________________________________________
07. EXTRA
________________________________________________________________________________________________________________ */
/* ------- 1. Dropcaps ------- */
.dropcap_image { background:url(images/dropcap_image.png) no-repeat; display:block; float:left; padding:10px 12px 4px 8px; margin:-3px 0 0; }
.dropcap_image img { max-width:30px; max-height:25px; }
.dropcap_text { font-size:38px; display:block; float:left; margin:11px 0 0; padding:0 5px 0 0; }
.dropcap_rounded { background:url(images/dropcap_rounded.png) no-repeat; height:31px; width:36px; display:block; float:left; padding:8px 0 0 3px; margin:3px 6px 0 0; text-align:center; color:#fff; font-size:28px; }
/* ------- 2. Pullquote ------- */
/* ------- 3. Highlight Styles ------- */
/* ------- 5. Pretty Photo ------- */
div.facebook .pp_top .pp_left { background: url(images/prettyPhoto/sprite.png) -88px -53px no-repeat; }
div.facebook .pp_top .pp_middle { background: url(images/prettyPhoto/contentPatternTop.png) top left repeat-x; }
div.facebook .pp_top .pp_right { background: url(images/prettyPhoto/sprite.png) -110px -53px no-repeat; }
div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(images/prettyPhoto/contentPatternLeft.png) top left repeat-y; }
div.facebook .pp_content_container .pp_right { background: url(images/prettyPhoto/contentPatternRight.png) top right repeat-y; }
div.facebook .pp_content { background: #fff; }
div.facebook .pp_expand { background: url(images/prettyPhoto/sprite.png) -31px -26px no-repeat; cursor: pointer; }
div.facebook .pp_expand:hover { background: url(images/prettyPhoto/sprite.png) -31px -47px no-repeat; cursor: pointer; }
div.facebook .pp_contract { background: url(images/prettyPhoto/sprite.png) 0 -26px no-repeat; cursor: pointer; }
div.facebook .pp_contract:hover { background: url(images/prettyPhoto/sprite.png) 0 -47px no-repeat; cursor: pointer; }
div.facebook .pp_close { width: 22px; height: 22px; background: url(images/prettyPhoto/sprite.png) -1px -1px no-repeat; cursor: pointer; }
div.facebook #pp_full_res .pp_inline { color: #000; }
div.facebook .pp_loaderIcon { background: url(images/prettyPhoto/loader.gif) center center no-repeat; }
div.facebook .pp_nav .pp_arrow_previous { background: url(images/prettyPhoto/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_nav .pp_arrow_next { background: url(images/prettyPhoto/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_next:hover { background: url(images/prettyPhoto/btnNext.png) center right no-repeat; cursor: pointer; }
div.facebook .pp_previous:hover { background: url(images/prettyPhoto/btnPrevious.png) center left no-repeat; cursor: pointer; }
div.facebook .pp_bottom .pp_left { background: url(images/prettyPhoto/sprite.png) -88px -80px no-repeat; }
div.facebook .pp_bottom .pp_middle { background: url(images/prettyPhoto/contentPatternBottom.png) top left repeat-x; }
div.facebook .pp_bottom .pp_right { background: url(images/prettyPhoto/sprite.png) -110px -80px no-repeat; }
div.facebook .pp_top .pp_left { background: url(images/prettyPhoto/sprite.png) -88px -53px no-repeat; }
div.facebook .pp_top .pp_middle { background: url(images/prettyPhoto/contentPatternTop.png) top left repeat-x; }
div.facebook .pp_top .pp_right { background: url(images/prettyPhoto/sprite.png) -110px -53px no-repeat; }
div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(images/prettyPhoto/contentPatternLeft.png) top left repeat-y; }
div.facebook .pp_content_container .pp_right { background: url(images/prettyPhoto/contentPatternRight.png) top right repeat-y; }
div.facebook .pp_content { background: #fff; }
div.facebook .pp_expand { background: url(images/prettyPhoto/sprite.png) -31px -26px no-repeat; cursor: pointer; }
div.facebook .pp_expand:hover { background: url(images/prettyPhoto/sprite.png) -31px -47px no-repeat; cursor: pointer; }
div.facebook .pp_contract { background: url(images/prettyPhoto/sprite.png) 0 -26px no-repeat; cursor: pointer; }
div.facebook .pp_contract:hover { background: url(images/prettyPhoto/sprite.png) 0 -47px no-repeat; cursor: pointer; }
div.facebook .pp_close { width: 22px; height: 22px; background: url(images/prettyPhoto/sprite.png) -1px -1px no-repeat; cursor: pointer; }
div.facebook #pp_full_res .pp_inline { color: #000; }
div.facebook .pp_loaderIcon { background: url(images/prettyPhoto/loader.gif) center center no-repeat; }
div.facebook .pp_nav .pp_arrow_previous { background: url(images/prettyPhoto/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_nav .pp_arrow_next { background: url(images/prettyPhoto/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_next:hover { background: url(images/prettyPhoto/btnNext.png) center right no-repeat; cursor: pointer; }
div.facebook .pp_previous:hover { background: url(images/prettyPhoto/btnPrevious.png) center left no-repeat; cursor: pointer; }
div.facebook .pp_bottom .pp_left { background: url(images/prettyPhoto/sprite.png) -88px -80px no-repeat; }
div.facebook .pp_bottom .pp_middle { background: url(images/prettyPhoto/contentPatternBottom.png) top left repeat-x; }
div.facebook .pp_bottom .pp_right { background: url(images/prettyPhoto/sprite.png) -110px -80px no-repeat; }
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; }
div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; }
.pp_top { height: 20px; position: relative; }
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
.pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
* html .pp_top .pp_middle { left: 0; position: static; }
.pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_content { height: 40px; }
.pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; }
.pp_fade { display: none; }
.pp_content_container { position: relative; text-align: left; width: 100%; }
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details { margin: 10px 0 2px 0;}
.pp_description { display: none; margin: 0 0 5px 0; }
.pp_nav { clear: left; float: left; margin: 3px 0 0 0; }
.pp_nav p { float: left; margin: 2px 4px; }
.pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; }
.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; }
a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; }
a.pp_close { display: block; float: right; text-indent: -10000px; }
.pp_bottom { height: 20px;position: relative; }
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
.pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
* html .pp_bottom .pp_middle { left: 0; position: static; }
.pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px;}
.pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; }
#pp_full_res { line-height: 1 !important; }
#pp_full_res .pp_inline { text-align: left; }
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* ------- 6. Button ------- */
.btn_holder { float:left; /*margin:15px 0;*/ }
.big_btn { font-size:22px; line-height:31px; text-decoration:none; display:inline-block; height:60px; margin:0 0 0 -3px; padding-right:23px; }
.big_btn span { display:block; line-height:10px; padding:18px 0 20px 23px; }
.small_btn { background:url(images/btn_small.png) no-repeat right top; color:#C9C8C8; font-size:13px; line-height:18px; text-decoration:none; display:inline-block; height:30px; margin:0; padding-right:9px; }
.small_btn span { background:url(images/btn_small.png) no-repeat left top; display:block; line-height:18px; padding:4px 0 6px 10px; }
.small_btn:hover { background-position:right -31px; }
.small_btn:hover span { background-position:left -31px; }
.slider_btn { background:url(images/btn_color.png) no-repeat right top; color:#C9C8C8; font-size:14px; line-height:24px; text-decoration:none; display:inline-block; height:45px; margin:-5px -6px 0 -7px; padding-right:11px; text-transform:uppercase; }
.slider_btn span { background:url(images/btn_color.png) no-repeat left top; display:block; line-height:10px; padding:16px 6px 20px 20px; }
.slider_btn:hover { background-position:right -46px; }
.slider_btn:hover span { background-position:left -46px; }
.slider_text .btn_color { display:inline-block; height:33px; margin:5px 0 0 3px; padding:0; }
.color_btn { background:url(images/btn_color.png) no-repeat right top; color:#C9C8C8 !important; font-size:14px; line-height:24px; text-decoration:none; display:inline-block; height:45px; margin:-5px -6px 0 -7px; padding-right:11px; text-transform:uppercase; }
.color_btn span { background:url(images/btn_color.png) no-repeat left top; display:block; line-height:10px; padding:16px 6px 13px 20px; }
.color_btn:hover { background-position:right -46px; }
.color_btn:hover span { background-position:left -46px; color:#C9C8C8 !important; }
.btn_color { display:inline-block; height:33px; margin:0 15px 0 3px; padding:0; }
.color_btn_small { background:url(images/btn_color_small.png) no-repeat right top; color:#fff !important; font-size:12px; line-height:24px; text-decoration:none; display:inline-block; height:35px; margin:-3px -6px 0 -7px; padding-right:11px; text-transform:uppercase; }
.color_btn_small span { background:url(images/btn_color_small.png) no-repeat left top; display:block; line-height:10px; padding:11px 6px 11px 18px; }
#content .color_btn_small:hover { background-position:right -36px; color:#fff !important; }
.color_btn_small:hover { background-position:right -36px; color:#fff !important; }
.color_btn_small:hover span { background-position:left -36px; }
.btn_color_small { display:inline-block; height:27px; margin:0 15px 0 3px; padding:0 1px 0 2px; }
/* ------- 7. Column ------- */
.last { margin-right:0 !important; }
.two_third { float:left; width:64.5%; margin:10px 4% 10px 0; line-height:21px; }
.one_half { float:left; width:48%; margin:10px 4% 10px 0; line-height:21px; }
.one_third { float:left; width:30%; margin:10px 4% 20px 0; line-height:21px; }
.one_fourth { float:left; width:22%; margin:10px 4% 10px 0; line-height:21px; }
/* ------- 8. Widgets ------- */
#contact-widget ul li a { background:none !important; padding:0 !important; }
#contact-widget ul li .phone { background:url(images/bullet_contact.png) no-repeat 0 0; padding:0 0 5px 25px; }
#contact-widget ul li .fax { background:url(images/bullet_contact.png) no-repeat 0 -20px; padding:0 0 5px 25px; }
#contact-widget ul li .email { background:url(images/bullet_contact.png) no-repeat 0 -40px; padding:0 0 5px 25px; }
#contact-widget ul li .address { background:url(images/bullet_contact.png) no-repeat 0 -60px; padding:0 0 5px 25px; display:block; float:left; height:40px; }
.quickform ul { background:url(images/divider_footer.png) repeat-x top; padding:11px 0 9px; }
.quickform ul li { background:none !important; font-family:Verdana, Geneva, sans-serif !important; padding:0 0 10px !important; }
.quickform ul li input { background:url(images/input_widget_form.png) no-repeat; width:195px; height:32px; border:none; color:#C8C8C8; padding:0 7px; }
.quickform ul li input.inputError { background-position:0 -32px; }
.quickform ul li textarea { background:url(images/textarea_widget_form.png) no-repeat 0 0; width:195px; height:57px; border:none; color:#C8C8C8; padding:7px; overflow:hidden; }
.quickform ul li textarea.inputError { background-position:0 -71px; }
.quickform ul li input.submit_form { background:url(images/btn_widget_form.png) no-repeat; width:70px; height:33px; text-indent:-9999%; float:right; margin:-3px 0 0; cursor:pointer; }
.quickform ul li.loadingImgWidgetFt { display:none; }
.quickform ul li.screenReader { display:none; }
.quickform .thanks { color:#C8C8C8; }
.widget ul li.nobullet { list-style-image:none; }
.widget ul.nobullet li a, a.nobullet { background:none !important; padding:0 !important; }
/*** Sidebar Widgets ***/
#sidebar .widget { width:261px; margin:0 0 30px; }
#sidebar .widget h3.widgettitle { background:url(images/btn_widget_open.png) no-repeat; width:261px; height:39px; font-size:18px; cursor:pointer; margin:0; position:relative; padding:2px 0 0 15px; }
#sidebar .widget h3.widgettitle.close { background:url(images/btn_widget_close.png) no-repeat; }
#sidebar .widget ul { background:url(images/bg_widget_content.png) no-repeat left bottom; display:block; overflow:hidden; padding:5px 0 6px; width:261px; margin:-5px 0 0; }
#sidebar .widget ul li { list-style:none; background:url(images/divider_h.png) repeat-x left bottom; padding:0 0 9px; margin:7px 13px 0; position:relative; font-size:12px; line-height:18px; }
#sidebar .widget ul li a { background:url(images/bullet_selector.png) no-repeat; padding:2px 0 0 23px; font-size:12px; text-decoration:none; color:#262626; display:block; }
/* Recent Post With Thumbnail */
#sidebar .perfect_recent_widget_thumb ul li { overflow:hidden; }
#sidebar .perfect_recent_widget_thumb ul li .img_holder { float:left; margin:0 9px 0 0; }
#sidebar .perfect_recent_widget_thumb ul li .img_mask { background:url(images/mask_widget_thumb.png) no-repeat; width:51px; height:51px; display:block; position:absolute; top:-1px; left:-2px; }
#sidebar .perfect_recent_widget_thumb ul li .widget_date { float:left; width:175px; margin:2px 0; }
#sidebar .perfect_recent_widget_thumb ul li .widget_post_title {color:#262626 !important; float:left; width:175px; margin:3px 0 0; }
/* Popular Post With Thumbnail */
#sidebar .perfect_popular_widget_thumb ul li { overflow:hidden; }
#sidebar .perfect_popular_widget_thumb ul li .img_holder { float:left; margin:0 9px 0 0; }
#sidebar .perfect_popular_widget_thumb ul li .img_mask { background:url(images/mask_widget_thumb.png) no-repeat; width:51px; height:51px; display:block; position:absolute; top:-1px; left:-2px; }
#sidebar .perfect_popular_widget_thumb ul li .widget_date { float:left; width:175px; margin:2px 0; }
#sidebar .perfect_popular_widget_thumb ul li .widget_post_title {color:#262626 !important; float:left; width:175px; margin:3px 0 0; }
/* Recent Project With Thumbnail*/
#sidebar .perfect_portfolio_recent_widget ul li { overflow:hidden; }
#sidebar .perfect_portfolio_recent_widget ul li .img_holder { float:left; margin:0 9px 0 0; }
#sidebar .perfect_portfolio_recent_widget ul li .img_mask { background:url(images/mask_widget_thumb.png) no-repeat; width:51px; height:51px; display:block; position:absolute; top:-1px; left:-2px; }
#sidebar .perfect_portfolio_recent_widget ul li .intro_text { float:left; width:175px; margin:2px 0; }
#sidebar .perfect_portfolio_recent_widget ul li .widget_post_title { float:left; width:175px; margin:3px 0 0; }
/* Recent Project Without Thumbnail */
#sidebar .perfect_portfolio_recent_widget2 ul.widget_post li a.widget_project_title { display:block; padding:2px 0 2px 23px !important; font-size:13px; }
#sidebar .perfect_portfolio_recent_widget2 ul.widget_post li span { display:block; margin:3px 0 3px 23px; }
/* Popular Post Without Thumbnail */
#sidebar .perfect_popular_widget ul.widget_post li a.widget_date { background-position:0 2px !important; display:block; padding:2px 0 2px 23px !important; font-size:13px; }
#sidebar .perfect_popular_widget ul.widget_post li a.widget_post_title { display:block; padding:2px 0 2px 23px !important; }
/* Contact Us */
#sidebar .perfect_contact_widget ul li a, #sidebar .perfect_contact2_widget ul li a { background:none !important; padding:0 !important; display:inline !important; }
#sidebar .perfect_contact_widget ul li .phone, #sidebar .perfect_contact2_widget ul li .phone { background:url(images/bullet_contact.png) no-repeat 0 0; padding:0 0 5px 25px; }
#sidebar .perfect_contact_widget ul li .fax, #sidebar .perfect_contact2_widget ul li .fax { background:url(images/bullet_contact.png) no-repeat 0 -20px; padding:0 0 5px 25px; }
#sidebar .perfect_contact_widget ul li .email, #sidebar .perfect_contact2_widget ul li .email { background:url(images/bullet_contact.png) no-repeat 0 -40px; padding:0 0 5px 25px; }
#sidebar .perfect_contact_widget ul li .address, #sidebar .perfect_contact2_widget ul li .address { background:url(images/bullet_contact.png) no-repeat 0 -60px; padding:0 0 5px 25px; display:block; float:left; height:40px; }
/* Twitter Slider */
#sidebar .perfect_twitter_widget_scroll .scrollable_twit { background:url(images/bg_widget_content.png) no-repeat left bottom !important; display:block; overflow:hidden; padding:15px 5px 20px; width:251px; height:55px; margin:-2px 0 0; overflow:hidden; position:relative; }
#sidebar .perfect_twitter_widget_scroll .scrollable_twit .items { height:20000em; position:absolute; }
#sidebar .perfect_twitter_widget_scroll .scrollable_twit .items .item { height:85px; padding:13px 10px 20px; }
#sidebar .perfect_twitter_widget_scroll .scrollable_twit .mask_twit { background:url(images/bg_widget_content.png) no-repeat left bottom !important; bottom:-5px; display:block; height:20px; left:0; position:absolute; width:261px; z-index:1000; }
/* Flickr */
#sidebar .perfect_flickr_widget #flickr_content { background:url(images/bg_widget_content.png) no-repeat left bottom; display:block; overflow:hidden; padding:9px 9px 11px; width:243px; margin:-5px 0 0; }
#sidebar .perfect_flickr_widget #flickr_content .flickr_badge_image { float:left; margin:3px; }
/* Text */
#sidebar .widget_text div.textwidget { background:url(images/bg_widget_content.png) no-repeat left bottom !important; display:block; overflow:hidden; padding:15px 20px 20px; width:221px; margin:-5px 0 0; }
#sidebar .widget_text div.textwidget p { margin:5px 0; }
/* Google Maps */
#sidebar .perfect_maps_widget .map_content { background:url(images/bg_widget_content.png) no-repeat left bottom !important; display:block; overflow:hidden; padding:11px 9px 12px; width:243px; margin:-5px 0 0; }
#sidebar .perfect_maps_widget .map_content #google_wid { height:139px; width:241px; }
/* RSS */
#sidebar .widget_rss .widgettitle .rsswidget { text-decoration:none; }
#sidebar .widget_rss .widgettitle .rsswidget img { display:block; float:left; padding:11px 0 0; }
/* Search */
#sidebar .widget_search { overflow:hidden; width:270px !important; }
#sidebar .widget_search .widgettitle { display:none; }
#sidebar .widget_search .search-field { margin:0 0 0 -4px; }
/* Tag Cloud */
#sidebar .widget_tag_cloud div { background:url(images/bg_widget_content.png) no-repeat left bottom !important; display:block; overflow:hidden; padding:15px 20px 20px; width:221px; margin:-5px 0 0; }
/* Pages */
#sidebar .widget_pages ul li .children { background:none !important; width:100% !important; margin:10px 0 -9px !important; padding:0 !important; }
/* Calendar */
#sidebar .widget_calendar #calendar_wrap { background:url(images/bg_widget_content.png) no-repeat left bottom !important; display:block; overflow:hidden; padding:15px 20px 10px; width:221px; margin:-5px 0 0; }
#sidebar .widget_calendar table#wp-calendar caption { background:url(images/divider_h.png) repeat-x left bottom; padding:0 0 8px; }
#sidebar .widget_calendar table#wp-calendar thead tr th { background:url(images/divider_h.png) repeat-x left bottom; padding:11px; }
#sidebar .widget_calendar table#wp-calendar tbody { background:url(images/divider_h.png) repeat-x left bottom; }
#sidebar .widget_calendar table#wp-calendar tbody tr td { padding:7px; text-align:center; }
#sidebar .widget_calendar table#wp-calendar #prev { text-align:left; padding:5px 0 0; }
#sidebar .widget_calendar table#wp-calendar #next { text-align:right; padding:5px 0 0; }
/* Custom Menu */
#sidebar .widget_nav_menu ul li .sub-menu { background:none !important; width:100% !important; margin:10px 0 -9px !important; padding:0 !important; }
/* Contact Form */
#sidebar .perfect_contact_form_widget .quickform ul { padding:10px 0; }
#sidebar .perfect_contact_form_widget .quickform ul li { padding:0 !important; }
#sidebar .perfect_contact_form_widget .quickform ul li.submit { display:block; margin:0 26px 0 0 !important; overflow:hidden; padding:3px 0 0 !important; }
#sidebar .perfect_contact_form_widget .quickform ul li input, #sidebar .perfect_contact_form_widget .quickform ul li textarea { margin:0 0 0 12px; }
/* Recent Comments */
#sidebar .recentcomments { line-height:17px; padding:0 0 9px 23px !important; position:relative; }
#sidebar .recentcomments span { background:url(images/bullet_comment.png) no-repeat; width:18px; height:18px; display:block; float:left; margin:-3px 5px 0 0; left:0; position:absolute; top:3px; }
#sidebar .recentcomments a { background:none !important; }
#sidebar .recentcomments .url { color:#262626 !important; }
/*** Homepage Sidebar Widgets ***/
#home_sidebar .widget { width:261px; margin:0 0 30px; }
#home_sidebar .widget h3.widgettitle { background:url(images/btn_widget_open.png) no-repeat; width:261px; height:39px; font-size:18px; cursor:pointer; margin:0; position:relative; padding:2px 0 0 15px; }
#home_sidebar .widget h3.widgettitle.close { background:url(images/btn_widget_close.png) no-repeat; }
#home_sidebar .widget ul { background:url(images/bg_widget_content.png) no-repeat left bottom; display:block; overflow:hidden; padding:5px 0 6px; width:261px; margin:-5px 0 0; }
#home_sidebar .widget ul li { list-style:none; background:url(images/divider_h.png) repeat-x left bottom; padding:0 0 9px; margin:7px 13px 0; position:relative; font-size:12px; line-height:18px; }
#home_sidebar .widget ul li a { background:url(images/bullet_selector.png) no-repeat; padding:2px 0 0 23px; font-size:12px; text-decoration:none; color:#262626; display:block; }
/* Recent Post With Thumbnail */
#home_sidebar .perfect_recent_widget_thumb ul li { overflow:hidden; }
#home_sidebar .perfect_recent_widget_thumb ul li .img_holder { float:left; margin:0 9px 0 0; }
#home_sidebar .perfect_recent_widget_thumb ul li .img_mask { background:url(images/mask_widget_thumb.png) no-repeat; width:51px; height:51px; display:block; position:absolute; top:-1px; left:-2px; }
#home_sidebar .perfect_recent_widget_thumb ul li .widget_date { float:left; width:175px; margin:2px 0; }
#home_sidebar .perfect_recent_widget_thumb ul li .widget_post_title {color:#262626 !important; float:left; width:175px; margin:3px 0 0; }
/* Popular Post With Thumbnail */
#home_sidebar .perfect_popular_widget_thumb ul li { overflow:hidden; }
#home_sidebar .perfect_popular_widget_thumb ul li .img_holder { float:left; margin:0 9px 0 0; }
#home_sidebar .perfect_popular_widget_thumb ul li .img_mask { background:url(images/mask_widget_thumb.png) no-repeat; width:51px; height:51px; display:block; position:absolute; top:-1px; left:-2px; }
#home_sidebar .perfect_popular_widget_thumb ul li .widget_date { float:left; width:175px; margin:2px 0; }
#home_sidebar .perfect_popular_widget_thumb ul li .widget_post_title {color:#262626 !important; float:left; width:175px; margin:3px 0 0; }
/* Recent Project With Thumbnail*/
#home_sidebar .perfect_portfolio_recent_widget ul li { overflow:hidden; }
#home_sidebar .perfect_portfolio_recent_widget ul li .img_holder { float:left; margin:0 9px 0 0; }
#home_sidebar .perfect_portfolio_recent_widget ul li .img_mask { background:url(images/mask_widget_thumb.png) no-repeat; width:51px; height:51px; display:block; position:absolute; top:-1px; left:-2px; }
#home_sidebar .perfect_portfolio_recent_widget ul li .intro_text { float:left; width:175px; margin:2px 0; }
#home_sidebar .perfect_portfolio_recent_widget ul li .widget_post_title { float:left; width:175px; margin:3px 0 0; }
/* Recent Project Without Thumbnail */
#home_sidebar .perfect_portfolio_recent_widget2 ul.widget_post li a.widget_project_title { display:block; padding:2px 0 2px 23px !important; font-size:13px; }
#home_sidebar .perfect_portfolio_recent_widget2 ul.widget_post li span { display:block; margin:3px 0 3px 23px; }
/* Popular Post Without Thumbnail */
#home_sidebar .perfect_popular_widget ul.widget_post li a.widget_date { background-position:0 2px !important; display:block; padding:2px 0 2px 23px !important; font-size:13px; }
#home_sidebar .perfect_popular_widget ul.widget_post li a.widget_post_title { display:block; padding:2px 0 2px 23px !important; }
/* Contact Us */
#home_sidebar .perfect_contact_widget ul li a, #home_sidebar .perfect_contact2_widget ul li a { background:none !important; padding:0 !important; display:inline !important; }
#home_sidebar .perfect_contact_widget ul li .phone, #home_sidebar .perfect_contact2_widget ul li .phone { background:url(images/bullet_contact.png) no-repeat 0 0; padding:0 0 5px 25px; }
#home_sidebar .perfect_contact_widget ul li .fax, #home_sidebar .perfect_contact2_widget ul li .fax { background:url(images/bullet_contact.png) no-repeat 0 -20px; padding:0 0 5px 25px; }
#home_sidebar .perfect_contact_widget ul li .email, #home_sidebar .perfect_contact2_widget ul li .email { background:url(images/bullet_contact.png) no-repeat 0 -40px; padding:0 0 5px 25px; }
#home_sidebar .perfect_contact_widget ul li .address, #home_sidebar .perfect_contact2_widget ul li .address { background:url(images/bullet_contact.png) no-repeat 0 -60px; padding:0 0 5px 25px; display:block; float:left; height:40px; }
/* Twitter Slider */
#home_sidebar .perfect_twitter_widget_scroll .scrollable_twit { background:url(images/bg_widget_content.png) no-repeat left bottom !important; display:block; overflow:hidden; padding:15px 5px 20px; width:251px; height:55px; margin:-2px 0 0; overflow:hidden; position:relative; }
#home_sidebar .perfect_twitter_widget_scroll .scrollable_twit .items { height:20000em; position:absolute; }
#home_sidebar .perfect_twitter_widget_scroll .scrollable_twit .items .item { height:85px; padding:13px 10px 20px; }
#home_sidebar .perfect_twitter_widget_scroll .scrollable_twit .mask_twit { background:url(images/bg_widget_content.png) no-repeat left bottom !important; bottom:-5px; display:block; height:20px; left:0; position:absolute; width:261px; z-index:1000; }
/* Flickr */
#home_sidebar .perfect_flickr_widget #flickr_content { background:url(images/bg_widget_content.png) no-repeat left bottom; display:block; overflow:hidden; padding:9px 9px 11px; width:243px; margin:-5px 0 0; }
#home_sidebar .perfect_flickr_widget #flickr_content .flickr_badge_image { float:left; margin:3px; }
/* Text */
#home_sidebar .widget_text div.textwidget { background:url(images/bg_widget_content.png) no-repeat left bottom !important; display:block; overflow:hidden; padding:15px 20px 20px; width:221px; margin:-5px 0 0; }
#home_sidebar .widget_text div.textwidget p { margin:5px 0; }
/* Google Maps */
#home_sidebar .perfect_maps_widget .map_content { background:url(images/bg_widget_content.png) no-repeat left bottom !important; display:block; overflow:hidden; padding:11px 9px 12px; width:243px; margin:-5px 0 0; }
#home_sidebar .perfect_maps_widget .map_content #google_wid { height:139px; width:241px; }
/* RSS */
#home_sidebar .widget_rss .widgettitle .rsswidget { text-decoration:none; }
#home_sidebar .widget_rss .widgettitle .rsswidget img { display:block; float:left; padding:11px 0 0; }
/* Search */
#home_sidebar .widget_search { overflow:hidden; width:270px !important; }
#home_sidebar .widget_search .widgettitle { display:none; }
#home_sidebar .widget_search .search-field { margin:0 0 0 -4px; }
/* Tag Cloud */
#home_sidebar .widget_tag_cloud div { background:url(images/bg_widget_content.png) no-repeat left bottom !important; display:block; overflow:hidden; padding:15px 20px 20px; width:221px; margin:-5px 0 0; }
/* Pages */
#home_sidebar .widget_pages ul li .children { background:none !important; width:100% !important; margin:10px 0 -9px !important; padding:0 !important; }
/* Calendar */
#home_sidebar .widget_calendar #calendar_wrap { background:url(images/bg_widget_content.png) no-repeat left bottom !important; display:block; overflow:hidden; padding:15px 20px 10px; width:221px; margin:-5px 0 0; }
#home_sidebar .widget_calendar table#wp-calendar caption { background:url(images/divider_h.png) repeat-x left bottom; padding:0 0 8px; }
#home_sidebar .widget_calendar table#wp-calendar thead tr th { background:url(images/divider_h.png) repeat-x left bottom; padding:11px; }
#home_sidebar .widget_calendar table#wp-calendar tbody { background:url(images/divider_h.png) repeat-x left bottom; }
#home_sidebar .widget_calendar table#wp-calendar tbody tr td { padding:7px; text-align:center; }
#home_sidebar .widget_calendar table#wp-calendar #prev { text-align:left; padding:5px 0 0; }
#home_sidebar .widget_calendar table#wp-calendar #next { text-align:right; padding:5px 0 0; }
/* Custom Menu */
#home_sidebar .widget_nav_menu ul li .sub-menu { background:none !important; width:100% !important; margin:10px 0 -9px !important; padding:0 !important; }
/* Contact Form */
#home_sidebar .perfect_contact_form_widget .quickform ul { padding:10px 0; }
#home_sidebar .perfect_contact_form_widget .quickform ul li { padding:0 !important; }
#home_sidebar .perfect_contact_form_widget .quickform ul li.submit { display:block; margin:0 26px 0 0 !important; overflow:hidden; padding:3px 0 0 !important; }
#home_sidebar .perfect_contact_form_widget .quickform ul li input, #home_sidebar .perfect_contact_form_widget .quickform ul li textarea { margin:0 0 0 12px; }
/* Recent Comments */
#home_sidebar .recentcomments { line-height:17px; padding:0 0 9px 23px !important; position:relative; }
#home_sidebar .recentcomments span { background:url(images/bullet_comment.png) no-repeat; width:18px; height:18px; display:block; float:left; margin:-3px 5px 0 0; left:0; position:absolute; top:3px; }
#home_sidebar .recentcomments a { background:none !important; }
#home_sidebar .recentcomments .url { color:#262626 !important; }
/*** Footer Widgets ***/
#footer h3.widgettitle { color:#C4C4C4 !important; }
#footer .widget { background:url(images/divider_footer.png) repeat-x left bottom; margin:0 0 25px; overflow:hidden; }
/* Recent Post With Thumbnail */
#footer .perfect_recent_widget_thumb ul li { overflow:hidden; }
#footer .perfect_recent_widget_thumb ul li a { float:left; }
#footer .perfect_recent_widget_thumb ul li a.img_holder { margin:0 10px 0 0; }
#footer .perfect_recent_widget_thumb ul li a.widget_post_title { width:150px; }
#footer .perfect_recent_widget_thumb ul li a.widget_date { width:150px; }
/* Recent Comments */
#footer .widget_recent_comments ul li { list-style-image:url(images/bullet_selector.png); list-style-position:inside; }
#footer .widget_recent_comments ul li a { background:none !important; }
/* Recent Project */
#footer .perfect_portfolio_recent_widget2 ul li a { display:block; }
#footer .perfect_portfolio_recent_widget2 ul li span { padding:0 0 0 25px; display:block; }
/* Recent Project With Thumbnail */
#footer .perfect_portfolio_recent_widget ul li { overflow:hidden; }
#footer .perfect_portfolio_recent_widget ul li a { float:left; }
#footer .perfect_portfolio_recent_widget ul li a.img_holder { margin:0 10px 0 0; }
#footer .perfect_portfolio_recent_widget ul li a.widget_post_title { width:150px; }
#footer .perfect_portfolio_recent_widget ul li a.widget_date { width:150px; }
/* Twitter Slider */
#footer .perfect_twitter_widget_scroll .scrollable_twit { background:url(images/divider_footer.png) repeat-x left top; display:block; overflow:hidden; padding:15px 5px 20px; height:55px; margin:-2px 0 0; overflow:hidden; position:relative; }
#footer .perfect_twitter_widget_scroll .scrollable_twit .items { height:20000em; position:absolute; }
#footer .perfect_twitter_widget_scroll .scrollable_twit .items .item { height:85px; padding:13px 0 20px; }
#footer .perfect_twitter_widget_scroll .scrollable_twit .items .item a { color:#C4C4C4; }
#footer .perfect_twitter_widget_scroll .scrollable_twit .mask_twit { bottom:-5px; display:block; height:20px; left:0; position:absolute; z-index:1000; }
/* Popular Post */
#footer .perfect_popular_widget ul li a { display:block; }
#footer .perfect_popular_widget ul li a.widget_post_title { padding:0 0 0 25px !important; }
/* Text */
#footer .widget_text .textwidget { background:url(images/divider_footer.png) repeat-x left top; }
#footer .widget_text .textwidget p { padding:10px 0; color:#C4C4C4; }
/* Popular Post With Thumbnail */
#footer .perfect_popular_widget_thumb ul li { overflow:hidden; }
#footer .perfect_popular_widget_thumb ul li a { float:left; }
#footer .perfect_popular_widget_thumb ul li a.img_holder { margin:0 10px 0 0; }
#footer .perfect_popular_widget_thumb ul li a.widget_post_title { width:150px; }
#footer .perfect_popular_widget_thumb ul li a.widget_date { width:150px; }
/* Flickr */
#footer .perfect_flickr_widget #flickr_content { background:url(images/divider_footer.png) repeat-x left top; margin:0 0 10px; overflow:hidden; padding:10px 0 0; }
#footer .perfect_flickr_widget #flickr_content .flickr_badge_image { float:left; margin:0 5px; }
#footer .perfect_flickr_widget #flickr_content .flickr_badge_image a img { width:60px; height:60px; }
/* Contact Form */
#footer .perfect_contact_widget ul li a, #footer .perfect_contact2_widget ul li a { background:none !important; padding:0 !important; }
#footer .perfect_contact_widget ul li .phone, #footer .perfect_contact2_widget ul li .phone { background:url(images/bullet_contact.png) no-repeat 0 0; padding:0 0 5px 25px; }
#footer .perfect_contact_widget ul li .fax, #footer .perfect_contact2_widget ul li .fax { background:url(images/bullet_contact.png) no-repeat 0 -20px; padding:0 0 5px 25px; }
#footer .perfect_contact_widget ul li .email, #footer .perfect_contact2_widget ul li .email { background:url(images/bullet_contact.png) no-repeat 0 -40px; padding:0 0 5px 25px; }
#footer .perfect_contact_widget ul li .address, #footer .perfect_contact2_widget ul li .address { background:url(images/bullet_contact.png) no-repeat 0 -60px; padding:0 0 5px 25px; display:block; float:left; height:40px; }
/* Google Maps */
#footer .perfect_maps_widget h4 { background:url(images/divider_footer.png) repeat-x left bottom; padding:0 0 9px; }
#footer .perfect_maps_widget .map_content { background:url(images/divider_footer.png) repeat-x left bottom; padding:0 0 12px; }
/* Custom Menu */
#footer .widget_nav_menu .sub-menu { margin:6px 0 0; padding:0 0 0 25px; }
/* RSS */
#footer .widget_rss h4 a { color:#C4C4C4; text-decoration:none;}
#footer .widget_rss ul li .rsswidget { display:block; }
/* Tag Cloud */
#footer .widget_tag_cloud h4 { background:url(images/divider_footer.png) repeat-x left bottom; padding:0 0 9px; }
#footer .widget_tag_cloud div { padding:0 0 12px; }
#footer .widget_tag_cloud div a { color:#C4C4C4; text-decoration:none;}
/* Pages */
#footer .widget_pages ul li ul.children { margin:6px 0 0; padding-left:25px; }
/* Calendar */
#footer .widget_calendar h4 { background:url(images/divider_footer.png) repeat-x left bottom; padding:0 0 9px; }
#footer .widget_calendar #calendar_wrap { display:block; overflow:hidden; padding:15px 0 10px; width:221px; margin:-5px 0 0; color:#C4C4C4; }
#footer .widget_calendar table#wp-calendar caption { padding:0 0 8px; }
#footer .widget_calendar table#wp-calendar thead tr th { background:url(images/divider_footer.png) repeat-x left bottom; padding:11px; }
#footer .widget_calendar table#wp-calendar tbody { background:url(images/divider_footer.png) repeat-x left bottom; }
#footer .widget_calendar table#wp-calendar tbody tr td { padding:7px; text-align:center; }
#footer .widget_calendar table#wp-calendar #prev { text-align:left; padding:5px 0 0; }
#footer .widget_calendar table#wp-calendar #next { text-align:right; padding:5px 0 0; }
#footer .widget_calendar #calendar_wrap a { text-decoration:none; }
/* Search */
#footer .widget_search { background:none !important; }
#footer .widget_search h4 { display:none; }
#footer .widget_search .search-box .search-field { margin:0 0 0 -4px; width:125px; }
#footer .widget_search .search-box .search-go { background-position:-190px 0; padding:0; }
/* ------- 9. Sitemap ------- */
/* ------- 10. Miscellenous ------- */
.download_box, .warning_box, .info_box, .note_box { background:none repeat scroll 0 0 #EEEEEE; padding:18px 0 18px 55px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; clear:both; margin:10px 0; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.note_box { background:url(images/notebook.png) no-repeat scroll 10px #FDEBAE; border:1px solid #E6C555; color:#9E660D; }
.download_box { background:url(images/down_box.png) no-repeat scroll 10px #DEE3AB; border:1px solid #A3C159; color:#5E6F33; }
.warning_box { background:url(images/warning_box.png) no-repeat scroll 10px #FFCCCC; border:1px solid #FF9999; color:#C31B00; }
.info_box { background:url(images/info_box.png) no-repeat scroll 10px #BFE4F9; border:1px solid #68A2CF; color:#2E6093; }
/* Tabs Shortcodes */
.tabs { list-style:none; margin:20px 0 0 !important; padding:0; height:40px; }
.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }
.tabs a { background:url(images/tabs.png) no-repeat right top; font-size:13px; line-height:18px; text-decoration:none; display:inline-block; height:40px; margin:0; padding-right:9px; }
.tabs a span { background:url(images/tabs.png) no-repeat left top; display:block; line-height:18px; padding:10px 6px 13px 17px; color:#262626 !important; }
.tabs a.current { background-position:right -40px; height:38px; margin:1px 0 0; }
.tabs a.current span { background-position:left -40px; padding-bottom:10px; }
.tabs a:hover { background-position:right -40px; }
.tabs a:hover span { background-position:left -40px; }
.tabs a:active { outline:none; }
#content .tabs a:hover { color:#262626 !important; }
.panes { margin:-2px 0 20px 2px; border:1px solid #d3d3d3; }
.panes div { background-color:transparent; display:none; font-size:12px; line-height:21px; min-height:50px; padding:15px 10px; }
.panes br { display:none; }
.panes div p { font-size:12px !important; line-height:21px !important; margin:15px 0 !important; }
.panes p { display:none; font-size:0px !important; line-height:0px !important; margin:0 !important; }
/* Accordion Shortcode */
.accordions { margin:20px 0; }
.accordions br { display:none; }
.accordions div p { font-size:12px !important; line-height:21px !important; margin:15px 0 !important; }
.accordions p { display:none; font-size:0px !important; line-height:0px !important; margin:-1px 0 0 !important; }
.accordions p.accordion_title { background:url(images/accordion_title.png) no-repeat; height:32px; width:335px; display:block; font-size:14px !important; line-height:21px !important; margin:0; padding:9px 0 0 15px; cursor:pointer; }
.accordions p.accordion_title.current { background-position:0 -42px; }
.accordions .pane { background:url(images/accordion_bg.png) repeat; border-bottom:2px solid #DDD; margin:-5px 0; min-height:50px; padding:10px 15px; width:320px; display:none; }
.logo-space{
margin-top:10px;
}
.slider-leftpane{
/*position:absolute; */
/*top:228px;
left:151px;*/
width:230px;
height:150px;
color:#fff;
padding:0 10px;
float:left;
margin:25px 5px;
}
#icons-cont{
width:913px;
margin:10px auto;
position:relative;
top:0px;
/*left:-7px;*/
height:70px;
}
#icons-cont .icon{
float:left;
margin:0 7px 0 0px;
border:solid 1px #666;
}
.skin_color {
top:-1px;
}
#TopCatListNav {
float: right;
line-height: 1em;
margin: 25px 20px 0 0;
max-width: 765px;
position: relative;
z-index: 5;
}
#TopCatList ul li {
background: url("images/divider_footer.png") repeat-x scroll center top transparent;
color: #C4C4C4;
font-family: arial;
font-size: 11px;
line-height: 18px;
padding: 6px 0 7px;
}
#TopCatList ul li a {
background: url("images/bullet_widget.png") no-repeat scroll 0 0 transparent;
color: #C4C4C4;
font-size: 11px;
padding: 0 0 5px 25px;
text-decoration: none;
}
/*--------------- HOME ---------------*/
.container-bnr{overflow:hidden; width:100%; background:#dfdfdf url(images/bgr_bnr.gif) repeat-x top;}
#banner{ width:910px; margin:0 auto; overflow:hidden; padding:20px 25px 10px;}
.banner_left{ float:left; overflow:hidden; width:69.5%;}
.banner_left .box{ float:left; width:47%; border:1px solid #000; margin-right:14px; text-align:center; background:#fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.banner_left .box img{ width:auto; height:191px;}
.banner_left .sales{ width:96.5%;border:3px solid #000; text-align:center; float:left; margin-top:14px;}
.banner_left h2, .box h2 a{ font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#000; font-weight:bold;}
.banner_left .sales p{ font-size:18px; padding-bottom:10px;}
.banner_right{ width:29.3%;border:1px solid #000;float:left; margin-top:2px; min-width:100px; box-shadow:0 1px 5px #000; background:#08592b;}
.banner_right h2, .banner_right .txt{ text-align:center; font-size:20px; color:#fff; font-weight:normal; padding:15px 0 5px;}
.banner_right ul{padding:25px 0 30px 20px;}
.banner_right ul li{ padding:5px 0;}
.banner_right ul li a{ text-decoration:none; color:#fff; font-weight:normal; font-size:14px; line-height:18px;}
.banner_right ul li a .date{color:#ccc; padding-left:10px; font-style:italic; font-size:10px;}
.banner_right ul li a:hover{text-decoration:underline;}
.bnr-heading{text-align:center; padding-bottom:10px;}
.bnr-btm{
background: hsl(0, 0%, 100%);
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: 0 1px 9px hsl(0, 0%, 65%);
overflow: hidden;
width: 99%; padding-top:15px;}
.sales iframe{border:3px solid #999;box-shadow: 0 1px 10px hsl(0, 0%, 65%);}
.bnr-btm .bnr-heading{float:left;width:69.5%;}
.bnr-btm .sales-inv{
background: hsl(0, 0%, 75%);
border: 1px solid hsl(0, 0%, 100%);
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: 0 4px 2px hsl(0, 0%, 65%);
float: left;
min-height: 317px;
width: 29.3%;}
.sales h2{padding-left:20px;}
.sales-inv ul{padding-left:20px;}
.sales-inv ul li{line-height:30px;}
.sales-inv ul li a{font-size:16px; text-align:left; color:#363636;}
.sales-inv ul li a:hover{text-decoration:none;}
/*-------------- Party & Equ --------------*/
.heading{font-size:18px; padding:10px; color:#666;}
.heading b{font-weight:normal;}
.sub-cat{width:960px; overflow:hidden; margin-top:30px;}
.sub-cat li h2 {
bottom: -15px;
font-size: 18px;
height: 50px;
left: 0;
position: absolute;
right: 0;
text-align: center;
}
.sub-cat li {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #CCCCCC;
float: left;
height: 220px;
margin: 0 0 15px 15px;
position: relative;
text-align: center;
width: 289px;
}
.sub-cat li img {
bottom: 35px;
float: left;
left: 0;
margin: 0;
max-height: 180px;
outline: 0 none;
padding: 0;
position: absolute;
right: 0;
width: 100%;
}
.sub-cat .noimg{width:auto; background:#fff; border:2px solid #ccc; min-height:180px; color:#ccc;}
.sub-cat .noimg h2{font-size:45px; margin-top:40px; color:#ccc;}
.sub-cat .noimg span{display:block; text-align:center; margin-top:20px; font-size:16px;}
.sub-cat li a{text-decoration:none; color:#ccc;}
.two_third_50{width:98%; overflow:hidden; margin-left:2%;}
.two_third_50 .half_post{width:50%; float:left;}
/*--------------- Rental Page ------------*/
.banner_style{ overflow:hidden; width:100%;}
.banner_style .box{ float:left; width:48%; border:1px solid #000; margin-right:14px; text-align:center; background:#fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.banner_style .box img{ width:auto; height:191px;}
.banner_style .sales{ width:96.5%;border:3px solid #000; text-align:center; float:left; margin-top:14px;}
.banner_style h2, .box h2 a{ font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#000; font-weight:bold;}
.banner_style .sales p{ font-size:18px; padding-bottom:10px;}
#sidebar #search{display:none;}
.img-responsive{max-width:100%;}
.two_third img{max-width:100%;}