/* Theme Name: GeoPlaces Author URI: //templatic.com Description: Create a professional city-directory, show places and set-up events, let users submit listings and showcase all of this on Google Map embeds. Follow @templatic on Twitter Author: Templatic.com Version: 4.7.9 License: Split GPL Copyright: (c) 2014 Templatic*/ /*----------------------------------------------------------------------------------- 0. CSS Reset Switches and Clearfixes 1. Structure and Layout 1.1 Structure 1.2 Layouts 1.2.1 2-columns 1.2.2 3-columns 1.2.3 3-Column with left sidebar 1.2.4 3-Column with right sidebar 1.2.5 Full width 1.2.6 Pre-footer (equal, 3-column, 4-column) 1.2.7 Footer layout 2. Header Styles 2.1 Header right area 3. Navigation Menus 3.1 Top Menu (this menu lies above the header) 3.1.1 Top Menu Layout 3.1.2 Top Menu Basic Color Scheme 3.2 Main Menu (this menu lies below the header) 3.2.1 Main Menu Layout 3.2.2 Main Menu Basic Color Scheme 3.3 Breadcrumbs 4. Main Content Styles 4.1 Theme Specific Styles 4.2 Misc Elements 4.2.1 Ajax Post View Switch 4.2.2 WordPress Images Custom Alignment 4.3 Blog Styles 4.3.1 Blog content 4.3.2 Blog Navigation 4.3.3 Comments 4.3.3.1 Comment list 4.3.3.2 Comment form 5. Sidebar Widgets 5.1 Common widget code 5.2 Custom widgets by Templatic 6. Other Elements 7. Page Templates 8. Bottom Section 9. Footer 10. Calendar css 11. Add place Form 12. Login Form Page 13. Registration Form 14. RESPONSIVE CODES -----------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------- 0. CSS Reset Switches and Clearfixes ----------------------------------------------------------------------------------*/ 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,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1;text-align:left} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} :focus {outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} .none {display:none} /*---------------------------------------------------------------------------------- 1. Structure and Layout ----------------------------------------------------------------------------------*/ body, input, textarea, select {font: 14px Georgia, "Times New Roman", Times, serif} a {color:#333; text-decoration:none} a:hover {color:#333; text-decoration:none} /*--- 1.1 Structure ---*/ .footer_in, .main_nav_in, #container, .bottom_in {width:960px; margin:0 auto} .header_in { width:960px; margin:0 auto} .top_navigation {position:relative; z-index:9999} .main_nav {margin-bottom:25px} .main_nav_in {height: auto} .header {clear:both} .wrapper {width:100%} #container {margin-bottom:45px} .footer {clear:both} .left {float: left} .right {float: right} .post-content img {width: auto; max-width:100%; height: auto} .header_in { padding:5px 0 15px; min-height:90px; display:table;} .sidebar .textwidget p {margin-bottom: 5px} /*--- 1.2 Layouts ---*/ /*--- 1.2.1 2-Column ---*/ .content {width: 64%; padding-top:15px} .sidebar {width: 32%; padding-top:15px} /*--- 1.2.5 Full width ---*/ .content_full {width: 100%} /*--- 1.2.6 Pre-footer (equal, 3-column, 4-column) ---*/ .spacer {padding:40px 0; clear:both} /* remove this class last else sky will fall on you */ .bottom_in {clear:both} .max_width {width:60%} .min_width {width:30%} .equal_column {width:46%} .three_column {width:30%} .fourth_column {width:22%} .spacer_3col {margin-left:3%} .spacer_4col {margin-left:4%} .max_width, .min_width, .equal_column, .three_column, .fourth_column {padding:0 0px} .fourth_column .textwidget {color:#fff} .advt_widget {text-align:center; width:100%} .advt_widget img {max-width:100%} .bottom_in .widget {padding-top:20px; margin-bottom:0} .map_category {width:200px; float:right; position:absolute; right:10px; bottom:10px;overflow-y:scroll;max-height:50%} .map_category label {display:block; width:100%; padding:4px 0} #map_canvas a {font: bold 13px Arial,Helvetica,sans-serif} /*--- 1.2.7 Footer layout ---*/ .footer { padding: 20px 0 10px 0} /*-----------------------------------------------------------------------------------*/ /* 2. Header style /*-----------------------------------------------------------------------------------*/ .logo { padding:0px; float: left; position: relative; z-index: 9; } .logo a {display: block} .logo img {max-width: 290px; margin:32px 0 20px} .site-title h1 { margin:0; padding:0 ; font-weight:normal} .site-title a {font-size:40px; text-decoration:none; color:#333} .site-title a:hover {text-decoration:none; color:#666} .site-description {font-size:14px} .site-description {padding:0 0 25px 0; overflow: hidden} .site-description .textwidget {font-size: 11px; color: #656363; line-height: 1.3} /*--- 2.1 Header right area (for small widgets on the right-most side in the header ---*/ .header_right {float:right; width:auto} .header_right .widget {margin-bottom:0} /* search form ---------------- */ .search input[type="text"] { width: 100%; max-width: 220px; background: #fff url(images/search.png) no-repeat right 8px top 9px; } .search button { display: none; } .header_search_form {margin-top: 15px} .searchform {display:block; clear:both; width:490px; float:right} .searchform span .s {padding:6px; width:135px; background:none; float:left; font:bold 13px Arial, Helvetica, sans-serif} .searchform small{width:140px} .search_btn {float:right; width:113px; height:30px; margin-top:1px} span.searchfor {width:170px; padding:0px 0 0 24px; height:30px; float:left} .header_right span.searchfor small {display:block; float:left; clear:both; padding-top:4px; margin-left:-10px; font:11px Arial, Helvetica, sans-serif} span.near {width:155px; padding:0px 0 0 24px; height:30px; float:left} .header_right span.near small {display:block; float:left; clear:both; padding-top:4px; margin-left:-10px; font:11px Arial, Helvetica, sans-serif} .locatoin_search {height:100%; overflow:hidden; padding-top:10px} .locatoin_search .textfield {float:left; width:160px; padding:5px; line-height:29px; font:13px Arial, Helvetica, sans-serif} .b_getdirection {width:117px; height:30px; float:right} /* sidebar search form */ #sidebar #searchform .screen-reader-text {display:none} #sidebar #searchform #s {border:1px solid #ccc; background:#fff; width:180px; padding:6px 5px 6px 8px; font:13px Arial, Helvetica, sans-serif; border-radius:14px; -webkit-border-radius:14px; float:left} #searchsubmit {background:url(skins/1-default/b_search.png) no-repeat left top; float:right; text-indent:-9009px; border:none; height:30px; width:113px; cursor:pointer} /* sidebar custom menu */ .sidebar ul.menu {border: 1px solid #DDDDDD; float: left; height: auto; width: 100%; margin-bottom:30px} .sidebar ul.menu li {width:100%; margin:0;padding:0} .sidebar ul.menu li ul {width:100%; margin:0;padding:0; opacity:0; -moz-transition: opacity 0.2s linear; background:#F4F4F4; position:absolute; z-index:9999; border-radius:0; box-shadow:none; border: 1px solid #DDDDDD; left:-1px} .sidebar ul.menu li:hover ul {opacity:1} .sidebar ul.menu li ul li a {padding:13px 0; text-align:center; width:100%} /* slider --------------------------- */ .top_banner_section {padding-bottom:5px; margin-bottom:50px; margin:0 auto; background-size: 960px auto !important} .top_banner_section_in {margin: 0 auto; padding: 10px; position: relative; width: 940px} #slider {width:100% !important; overflow:hidden; float:left} .top_banner_section_in .nivo-caption {position:absolute; left:10px; bottom:10px; opacity:0.8; width:100%; z-index:89} .top_banner_section_in .nivo-caption p {padding:5px; margin:0} .top_banner_section_in .nivo-directionNav a { position:absolute; top:47%; right: 10px; z-index:99; cursor:pointer; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)} .top_banner_section_in .nivo-prevNav {left:10px; width:31px; height:31px; display:block; text-indent:-9009px} .top_banner_section_in .nivo-prevNav:hover {width:31px; height:31px; display:block; opacity:100; -moz-opacity:100} .top_banner_section_in .nivo-nextNav {right:30px; width:31px; height:31px; display:block; text-indent:-9009px} .top_banner_section_in .nivo-nextNav:hover {width:31px; height:31px; opacity:100; -moz-opacity:100} .top_banner_section_in .nivo-controlNav {position:absolute; bottom: 15px !important; left: 45%} .top_banner_section_in .nivo-controlNav a {position:relative; z-index:99; cursor:pointer; display:block; padding:3px 10px; float:left; top:10px; text-indent:-9009px} .top_banner_section_in .nivo-controlNav a.active {font-weight:bold} /* sidebar - we_recommend widget slider */ .sidebar .we_recommend {margin-bottom:35px} .sidebar .we_recommend h3 {padding:0 0 3px 22px} .sidebar .we_recommend_in {overflow:hidden; width: 100% !important; height: auto !important; position: relative; overflow: hidden; max-height: 190px} #below_gallery_sidebar{display:none} /** nivoslider new CSS**/ .we_recommend_in .nivoSlider {width: 100% !important; height: auto !important; position: relative; z-index: 0} .we_recommend_in .nivo-controlNav {position: absolute; right: 0; bottom: 0; z-index: 99} .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /** nivoslider new CSS EOF **/ /* featured video */ .sidebar .featured_video {margin-bottom:20px} .sidebar .featured_video .video {padding:8px; box-shadow: 2px 2px 2px #ddd; border:1px solid #e2dfdf; background:#fff} .sidebar .featured_video .video embed, #sidebar .featured_video .video object {width:298px !important; height:255px !important} .featured_video .video iframe {width:290px; height:255px} .sidebar .featured_video h4 {margin:0; padding:0; font-size:13px; display:none} #captcha_div,#inquiry_frm_popup_cap,#claim_ship_cap { margin-left:150px; } #inquiry_frm_popup_cap, #snd_frnd_cap ,#claim_ship_cap { margin-top:20px; display:inline-block; margin-left:60px; } #simplemodal-container .row.captcha_row { height:auto; } #comment_captcha { margin-bottom:20px; } #userform_register_cap { margin:20px 0;} /*-----------------------------------------------------------------------------------*/ /* 3. Navigation Menus /*-----------------------------------------------------------------------------------*/ /*--- 3.1 Top Menu ---*/ /*--- 3.1.1 Top Menu layout ---*/ .header_right {position:relative; z-index:9} .header_right .widget {margin:0; float:right; margin-left:20px} .header_right .widget {clear:none; min-width:240px} .header_right ul { float:right; margin:10px 0} .header_right ul li {float: left; display: block; margin: 0; text-align: center; font-size: 13px; position:relative} .header_right ul li a {text-decoration: none; padding:6px 10px 6px 10px; white-space: nowrap} .header_right ul li a:hover {text-decoration:none} .header_right ul li ul {height:auto} .header_right ul li ul { visibility:hidden; display:block; position:absolute; left:0; top:100%; width:180px} .header_right ul li ul li {margin-right:0; list-style:none; text-transform:capitalize} .header_right ul li ul li a {display:block; width:160px; padding:8px 10px; text-align:left} .header_right ul li:hover, .header_right ul li:hover ul {display:block; visibility:visible} .header_right ul li ul li ul {visibility: visible; display:block; position:absolute; left:181px; top:0px; width:180px} .header_right ul li:hover ul li ul {visibility:visible; display:none} .header_right ul li ul li:hover ul {display:block; visibility:visible} .header_right ul li ul li ul li ul {visibility:hidden; display:block; position:absolute; left:181px; top:0px; width:180px} .header_right ul li:hover ul li ul li ul {visibility:hidden; display:none} .header_right ul li ul li ul li:hover ul {display:block; visibility:visible; height:auto} .header_right .member_link {float:right} .header_right .member_link li.first_li {margin-right:-3px; color:#ddd} /*-----------------------------------------------------------------------------------*/ /* 4. Navigation & Menus - Main Menu /*-----------------------------------------------------------------------------------*/ div.menu {z-index:9; height:40px} div.menu ul, ul.menu, #menu-icon {height:auto; float:left; position:relative; z-index:99} div.menu ul li, ul.menu li, #menu-icon {float: left; display: block; margin: 0px; text-align: center; font:bold 13px Arial, Helvetica, sans-serif; position:relative} div.menu ul li a, ul.menu li a {display: block; padding:11px 20px; white-space: nowrap} #menu-icon {display: none; white-space: nowrap; line-height: 40px} ul.menu li ul.sub-menu {z-index: 999} div.menu ul li ul, ul.menu li ul {height:auto} div.menu ul li ul, ul.menu li ul { visibility:hidden; display:block; position:absolute; left:0; top:38px; width:190px; padding:10px 0} div.menu ul li ul li, ul.menu li ul li {margin-right:0; list-style:none; text-transform:capitalize} div.menu ul li ul li a, ul.menu li ul li a {display:block; width:170px; padding:5px 10px; text-align:left} div.menu ul li ul li, ul.menu li ul li, ul.menu li ul li a, div.menu li ul li a {background-image: none} div.menu ul li:hover, ul.menu li:hover, div.menu ul li:hover ul, ul.menu li:hover ul {display:block; visibility:visible} div.menu ul li ul li ul, ul.menu li ul li ul {visibility:hidden; display:block; position:absolute; left:191px; top:0px; width:190px; padding-bottom:10px} div.menu ul li:hover ul li ul, ul.menu li:hover ul li ul {visibility:hidden; display:none} div.menu ul li ul li:hover ul, ul.menu li ul li:hover ul {display:block; visibility:visible} div.menu ul li ul li ul li ul, ul.menu li ul li ul li ul {visibility:hidden; display:block; position:absolute; left:181px; top:0px; width:190px; padding-bottom:10px} div.menu ul li:hover ul li ul li ul, ul.menu li:hover ul li ul li ul {visibility:hidden; display:none} div.menu ul li ul li ul li:hover ul, ul.menu li ul li ul li:hover ul {display:block; visibility:visible; height:auto} div.menu ul li ul li ul li:hover ul, ul.menu li ul li ul li:hover ul {display:block; visibility:visible; height:auto} div.menu ul li:hover ul li ul li ul li ul, ul.menu li:hover ul li ul li ul li ul {visibility:hidden; display:none} div.menu ul li ul li ul li ul li:hover ul, ul.menu li ul li ul li ul li:hover ul {display:block; visibility:visible; height:auto} /* Nav Sublevel */ .main_nav_in ul li a, .main_nav_in ul li a:hover {position: relative} .main_nav_in ul li .sf-sub-indicator { background:url(images/arrow2.png) no-repeat 3px 0px; width:20px; height:12px; display:inline-block} .main_nav_in ul.sub-menu li {border: none} .main_nav_in ul.sub-menu li .sf-sub-indicator { position:absolute; right:10px; top:2px; background:url(images/arrow1.png) no-repeat left 3px; width:16px; height:16px; display:inline-block} /* Nav Sublevel Links */ .main_nav_in ul.sub-menu li a {position: relative; white-space: normal;} /* Nav Sublevel Hover */ .main_nav_in ul.sub-menu li a:hover {background: none; border-bottom: none} /* header right navigation */ .top_navigation_in div.menu {position:relative; z-index:999} .top_navigation_in div.menu ul {height:40px; float:left} .top_navigation_in div.menu ul li {float: left; display: block; margin: 0px; padding: 0 !important; text-align: center; font:bold 13px Arial, Helvetica, sans-serif; position:relative} .top_navigation_in div.menu ul li a {display: block; padding:10px 12px 10px 12px; white-space: nowrap} .top_navigation_in div.menu ul li ul {height:auto} .top_navigation_in div.menu ul li ul { top:20px} .top_navigation .currentmenu span {cursor: pointer; font: bold 13px Helvetica,Arial,sans-serif; line-height: 30px} /* header right navigation */ .top_navigation_in ul.menu {position:relative; z-index:9999} .top_navigation_in ul.menu li {float:left; padding: 0} .top_navigation_in ul.menu li li {background: none} /* -------------------------------------------------- :: MEGA MENU -------------------------------------------------- */ .main_nav_in .widget {margin-bottom:0} .mega-menu ul.mega ul, .mega-menu ul.mega li {list-style: none; padding: 0; margin: 0} .mega-menu ul.mega ul {display: none; /* Hides non-mega links */ } .mega-menu ul.mega .sub ul {display: block; /* overrides above hide */ } /* Main menu styles */ .mega-menu ul.mega {font: bold 13px Arial, sans-serif; line-height: 16px; width: 100%; position: relative; /* Important - required for positioning of mega menu */ } .mega-menu ul.mega li {float: left} .mega-menu ul.mega li a {float: left; display: block; padding: 12px 25px; text-decoration: none} /* Arrow tag for parent links */ .mega-menu ul.mega li a.dc-mega {position: relative; padding-right: 30px} .mega-menu ul.mega li a .dc-mega-icon {display: block; position: absolute; top: 12px; right: 10px; width: 16px; height: 16px} /* Mega Menu Styling */ .mega-menu ul.mega li .sub-container {border-radius: 4px; position: absolute; left: auto !important; margin-left: 0 !important} .mega-menu ul.mega li .sub .row {width: 100%; overflow: hidden; clear: both} .mega-menu ul.mega li .sub li {float: none} /* Sub-menu Headers */ .mega-menu ul.mega li .sub li.mega-hdr { float: left; width: 190px; margin: 0; height: auto !important} .mega-menu ul.mega li .sub a {padding: 7px 10px; display: block; float: none; text-decoration: none} .mega-menu ul.mega li .sub li.mega-hdr a.mega-hdr-a {background: none; box-shadow: none; height: auto !important; padding: 7px 8px} .mega-menu ul.mega li .sub li.mega-hdr a.mega-hdr-a:hover {text-decoration: underline} /* Style the 3rd level links */ .mega-menu ul.mega .sub li.mega-hdr li a {padding: 0px 0 0px 15px} /* Styling for items with only 2 levels */ .mega-menu ul.mega li .sub-container.non-mega .sub {padding: 20px 0 10px} .mega-menu ul.mega li .sub-container.non-mega li {width: 190px} .mega-menu ul.mega li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; box-shadow: none} .mega-menu ul.mega li .sub-container.non-mega li a:hover {text-decoration: underline} .header #sidebar-header {width: auto} .mega-menu {position: relative; z-index: 1000; width: 960px; margin: 0 auto} .mega-menu ul.mega {clear: right; display: block; float: left; width: 940px} .mega-menu ul.mega li {padding: 0; line-height: 24px; position: relative} .mega-menu ul.mega li a {display: block; padding: 5px 20px} .mega-menu ul.mega li a:hover, .mega-menu ul.mega li:hover a, .mega-menu ul.mega li.current-menu-item a, .mega-menu ul.mega li.current-menu-ancestor a {text-decoration: none} .mega-menu ul.mega li:hover ul.sub-menu li a:hover {box-shadow: none} .mega-menu ul.mega li ul.sub-menu ul {background: none; border: none; border-radius: 0; box-shadow: none; margin: 0 8px 20px 8px} .mega-menu ul.mega li ul.sub-menu ul li {margin-right: 0} .mega-menu ul.mega li ul.sub-menu ul li a {border-radius: 0; box-shadow: none; color: #333333; text-shadow: 0 1px 0 #FFFFFF} .mega-menu ul.mega li ul.sub-menu ul li a:hover {text-decoration: underline} /*---3.3 Breadcrumbs ---*/ .breadcrumb_in {margin-bottom:10px; padding:5px 0; font-size: 11px; color: #aaa9a9; position: relative; border-bottom:1px solid #ddd} /*-----------------------------------------------------------------------------------*/ /* 4. Main Content Styles /*-----------------------------------------------------------------------------------*/ /*--- 4.2 Misc elements ---*/ /*--- 4.2.1 Ajax post view swtich ---*/ #mode {display: block; width: 37px; height: 14px; background: url("images/mode.png") 0 0 no-repeat; position: absolute; bottom: 14px; right: 0} .flip {background-position: 0 100% !important} /*--- 4.2.2 WordPress Images Custom Alignment ---*/ .content .alignleft, .post-content img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px; padding:5px} .content .alignright, .post-content img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px; border:1px solid #ccc; padding:5px} .content .aligncenter, .post-content img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; border:1px solid #ccc; padding:5px} .content img.alignleft, .post-content img.alignright, .post-content img.aligncenter {margin-bottom: 12px} .content .wp-caption {background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center} .content .wp-caption img {margin: 5px 5px 0} .content .wp-caption p.wp-caption-text {color: #888; font-size: 12px; margin: 5px} .content .wp-smiley {margin: 0} .content .gallery { clear: both; margin: 0 auto 18px} .content .gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 33%} .content .gallery img {border: 2px solid #cfcfcf} .content .gallery .gallery-caption {color: #888; font-size: 12px; margin: 0 0 12px} .content .gallery dl {margin: 0} .content .gallery img { border: 10px solid #f1f1f1; max-width: 100%; height: auto; } .content .gallery br+br {display: none} .content .attachment img {display: block; margin: 0 auto} /*--- 4.3 Blog Style ---*/ /*--- 4.3.1 Blog Content ---*/ .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin: 0 0 20px 0} .post-content h1 {font-size: 30px; line-height: 35px} .post-content h2 {font-size: 26px} .post-content h3 {font-size: 22px;margin-top:25px} .post-content h4 {font-size: 20px} .post-content h5 {font-size: 18px} .post-content p {line-height:23px; margin-bottom: 10px; clear:both} .post-content ol {list-style: decimal; padding-left: 35px; margin: 15px 0} .post-content ol li ol {margin:0} .post-content ul {list-style: disc; padding-left: 35px; margin: 15px 0} .post-content ul li ul {margin:0} .post-content li {margin: 3px 0} .post-content blockquote {padding: 15px 0 10px 65px; background: url(images/bq.png) 20px 0 no-repeat} .post-content blockquote p { font-size:16px} .content-title {color:#000000; font-size:22px; font-weight:normal; padding:0 0 0; position:relative} .content-title h1 {color: #333; font-size: 36px; font-weight: normal; margin-bottom:10px} .content-title a {color: #000; text-decoration: none} .content-title a:hover {text-decoration: underline} .content-title span {color: #d9d9d9} .content-title span a {color: #d9d9d9; text-decoration: none} .content-title span a:hover {color: #000; text-decoration: none} .list .post .img_no_available {width:160px; margin-right: 24px; margin-top: 4px; background:#fff; border: 1px solid #E2DFDF; box-shadow: 1px 1px 1px #DDDDDD; display: block; float: left; margin-bottom: 10px; text-align:center; padding:48px 0} .list .post {padding:0 0 15px 0; margin-bottom:25px; border-bottom: 1px solid #d9d9d9; overflow:hidden; position:relative} .list .post .thumb img {float: left; margin: 0 30px 30px 0; width: 290px; height: 290px} .list .post .post-category {font-size: 13px; color: #d9d9d9; margin-bottom: 11px} .list .post .post-category a {text-decoration: none} .list .post .post-category a:hover {text-decoration: none} .list .post h2 {margin:0; padding:0} .list .post h2.blog_title {font-size:22px; margin-bottom:8px} .list .post h2, .list .post h2 a {font-size:16px; text-decoration: none; font-weight:normal} .list .post .post-meta {font-size: 11px; margin-bottom: 10px; width: 95%} .list .post h2 {width: 70%} .list .post .post-meta span, .list .post .post-meta a {text-decoration: none; font-style: normal; padding-right: 5px} .list .post .post-meta span.post-total-view, .list .post .post-meta span.post-daily-view {padding-right: 15px; display: inline-block} .list .post .post-meta a:hover {text-decoration: none} .list .post a.post_img {display: block; float: left; width:24%; margin:0 10px 20px 0px; padding: 8px; background:#fff; border:1px solid #E2DFDF; box-shadow: 1px 1px 1px #ddd} .list .post a.post_img img {width:100%; display: block} .list .post .post_right {float:right; width:115px; margin:0 0 10px 10px; font-size:12px; position: absolute; top: 15px; right: 15px} .list .post .post_content h2 {font-size:16px} .post .post_content {float: left; width: 50%} #container .grid .post_content {float: left; width: 100%} .list .post .featured_img {height: 72px; left: -1px; position: absolute; text-indent: -9009px; top: -1px; width: 69px} .list .featured_post { border-radius: 3px 3px 3px 3px; padding: 10px; position: relative} p.post_detail_content {float: left; width: 50%; margin: 0} .list .post_right a.pcomments, .list .post_right a.ping {padding:0 0 8px 18px; margin-bottom:5px; line-height:normal; display:block; font: bold 13px Arial,Helvetica,sans-serif} .list .post_right a.ping {font-size:12px} .list .post_right .rating {padding-bottom:6px; margin-bottom:8px; display:block; width:100%; height:100%; overflow:hidden} .list .post_right .rating img {float:left} .list a.addtofav {border-bottom: 1px solid #E5E5E5; display: block; float: none; font: bold 12px Arial,Helvetica,sans-serif; padding: 5px 0 7px 18px} .cat_desc {padding:0px 0 22px 0; line-height:22px} .subcate_list {padding:0px; display:block; height:100%; overflow:hidden; margin-bottom:20px} .subcate_list a {display:block; margin-right:10px; float:left; padding:5px 22px; -webkit-border-radius: 20px; margin-bottom:10px; border-radius: 20px} .subcate_list a:hover {color:#fff} .list .post a.read_more {display:block; margin:10px 0 5px 0; padding-right:20px; color:#666} .list .post a:hover.read_more {color:#000} .organized_content {display:block; width:100%} .organized_content h3 {border-bottom:1px solid #eee; padding-bottom:5px} .organized_logo {float:left; border:1px solid #eee; margin-right:20px} .organized_info {float:left; width:300px; width:450px} .organized_content p {margin:0 0 12px 0} /* add to calendar ----------------*/ div.i_addtocalendar {float:right; background:url(images/i_addtocalendar.png) no-repeat left 1px; z-index:999; padding-left:20px; padding-bottom:10px; position:relative} div.i_addtocalendar a {font:13px Arial, Helvetica, sans-serif; font-weight:bold} .addtocalendar {padding:12px; border:2px solid #ccc; position:absolute; left:0; top:15px; z-index:999; width:155px; height:115px; background:#fff; display:none} div.i_addtocalendar:hover .addtocalendar {display:block} div.i_addtocalendar ul {margin:0; padding:0} div.i_addtocalendar ul li {margin:0 0 4px 0; padding:3px 0 5px 25px; font:bold 12px Arial, Helvetica, sans-serif; display:block; clear:both; line-height:normal} div.i_addtocalendar ul li a {border-bottom:none} div.i_addtocalendar ul li.i_calendar {background:url(images/calendar_edit.png) no-repeat left 3px} div.i_addtocalendar ul li.i_google {background:url(images/i_google.png) no-repeat left 3px} div.i_addtocalendar ul li.i_yahoo {background:url(images/i_yahoo.png) no-repeat left 3px} #galleria {clear:both} .i_print {padding-left:22px; float:left; padding-bottom:3px; font:bold 13px Arial, Helvetica, sans-serif; background:url(images/i_print.png) no-repeat left top} .calendar_with_print {height:20px; border-bottom:1px solid #ddd; padding-bottom:10px; padding-top:10px} /* list view -------------------------------------- */ .loop h3 {padding-bottom:5px; font-weight:normal; display:table; width:100%; font-variant:small-caps; margin-bottom:12px; border-bottom:1px solid #e5e5e5} .loop h3 span {float:left} .loop h3 a.more {float:right; font:bold 12px Arial,Helvetica,sans-serif; padding:5px 15px 0 0; background:url(images/arrow.png) no-repeat right 8px; text-transform:none} /* single post sidebar ---------------- */ .sidebar .company_info {background:#ccc; border:1px solid #ccc; border-bottom:none; margin-top:10px; padding:0px 10px; background:#fff url(skins/1-default/contact_infobg.png) repeat-x left bottom} .sidebar .company_info p span.i_date {background:url(images/i_calendar.png) no-repeat left top; padding-left:22px; color:#000} .sidebar .company_info p span.i_time {background: url(images/i_clock.png) no-repeat left top; padding-left:22px; color:#000} .sidebar .company_info p span.i_contact {background: url(images/i_phone.png) no-repeat left top; padding-left:22px; color:#000} .sidebar .company_info p span.i_email2 {background:url(images/i_email2.png) no-repeat left 2px; padding-left:22px; color:#000} .sidebar .company_info2 a.i_email2 {padding:15px 0 15px 22px; padding-bottom:10px; border-bottom: 1px solid #DDDDDD; background:url(images/i_email2.png) no-repeat left 17px; color: #777777; clear:both; display:block} .sidebar .company_info2 a:hover.i_email2, .sidebar .company_info a:hover.i_claim {color:#333} .sidebar .company_info p span.fav {color: #000000; padding-left: 22px} .sidebar .company_info a.i_claim {padding:16px 0px 17px 22px; font:bold 14px Arial, Helvetica, sans-serif; padding-bottom:10px; border-bottom: 1px solid #DDDDDD; background:url(images/i_claim.png) no-repeat left 12px; clear:both; display:block} .sidebar .company_info p span.i_location {background: url(images/i_location.png) no-repeat left top; padding-left:22px; color:#000} .sidebar .company_info2 p span.i_website, .sidebar .company_info p span.i_website {background: url(images/i_website.png) no-repeat left top; padding-left:22px; color:#000} .sidebar .company_info2 p span.i_rating {background:url(images/i_rateing.png) no-repeat left top; padding-left:22px; color:#000} .sidebar .company_info p {font:14px Arial, Helvetica, sans-serif; padding:15px 0; margin:0; line-height:18px} .sidebar .company_info p.i_verfied {background:url(images/verified.png) no-repeat left 12px; padding-left:32px; font-weight:bold; color:#090} .register_info { padding:20px 15px; padding-bottom:5px; margin-bottom:30px} .content .register_info h3 {margin:0 0 5px 0; padding:0 0 10px 0; font:18px Georgia, "Times New Roman", Times, serif; } .content .register_info .button {padding:4px 20px; margin:0 10px 8px 10px; float:right; font:bold 13px Arial, Helvetica, sans-serif; cursor:pointer; margin-bottom:20px; text-transform:uppercase} .content .register_info .fees {font:20px Georgia, "Times New Roman", Times, serif; color:#e05900} .sidebar .company_info2 {background:#fff; border:1px solid #ccc; margin-bottom:30px; padding:5px 10px; padding-bottom:0} .sidebar .company_info2 p {font:14px Arial, Helvetica, sans-serif; padding:15px 0; margin:0; line-height:18px} .sidebar .company_info2 a.sharethis {float:left; display:block; margin-right:15px; font-size: 14px} .sidebar p span.single_rating {position:relative; top:3px; left:4px} .sidebar .company_info2 a.i_twitter, .sidebar .company_info2 a.i_facebook {font-size: 14px; float:left; padding-left:20px; display:block; margin-right:15px} .sidebar .company_info2 .share {border-bottom:1px solid #ddd; color:#777; padding:15px 0; font-family:Arial, Helvetica, sans-serif} .sidebar .company_info2 .links {overflow:hidden; border-bottom:1px solid #ddd; color:#777; padding:15px 0; font-family:Arial, Helvetica, sans-serif; width: 100%} .sidebar .company_info2 .i_customlable {padding:10px 0; border-bottom:1px solid #ddd; font-family:Arial, Helvetica, sans-serif; color:#777} .sidebar .company_info2 .i_customlable span {color:#333; padding-bottom:5px} .sidebar .company_info2 .i_customlable .i_customtext p {border-bottom:none; padding:0 0 10px 0} /* recent comments */ .sidebar .recent_comments_section h3 {padding-left:22px} .sidebar .recent_comments {margin:0; padding:0} .sidebar .recent_comments li {margin:0 0 14px 0 ; padding:0 0 14px 70px; font:12px Georgia, "Times New Roman", Times, serif} .sidebar .recent_comments li span {display:block} .sidebar .recent_comments li .rating {padding-bottom:4px; margin: 7px 0 6px} .sidebar .recent_comments li .avatar { float:left; padding:5px; width:30px; margin-right:10px} .sidebar .recent_comments li a.comment_excerpt {width:265px; float:right; font:12px Georgia, "Times New Roman", Times, serif; display:block; line-height:18px} .sidebar .recent_comments li a {display: block; font:13px Arial, Helvetica, sans-serif; font-weight:bold} .sidebar .recent_comments li a.review {float:right; padding-left:18px} .sidebar .recent_comments li .img_available {float:left; width:40px; padding:5px; margin:3px 13px 10px 0 ; text-align:center; font:10px Arial, Helvetica, sans-serif} .sidebar .recent_comments li img { max-width: 100%; float:left; padding:5px; margin:3px 13px 10px -68px} .sidebar .recent_comments li img.avatar {width: 40px; max-width: 100%; float:left; padding:5px; margin:3px 13px 10px -68px} .sidebar .recent_comments li span img {float:none; padding:0; margin:0} .sidebar .recent_comments li span.review {display:block; padding-bottom:8px; width:100%} .sidebar .recent_comments li p {float:left; width:90%; margin:0; padding:0; line-height:18px; font-size:12px} .sidebar .recent_comments li p a.title {display:block; width:85%; float:left} .sidebar .recent_comments li span.comment_excerpt {padding-left:65px; display: block} .sidebar_map {padding:10px; text-align:left; margin-bottom: 30px} .sidebar_map #map_canvas, .sidebar_map iframe {width: 100% !important; overflow: hidden} .sidebar_map .ptitle {font:bold 13px Arial, Helvetica, sans-serif} .sidebar_map .paddress {font:bold 12px Arial, Helvetica, sans-serif; color:#777; line-height:normal; margin:0px 0 4px 0; padding:0} .sidebar_map .ptiming, .sidebar_map .pcontact {font:11px Arial, Helvetica, sans-serif; color:#777; margin:0 0 4px 0; padding:0} .map_loc {padding-bottom:8px} .category_map {padding:10px; margin-bottom:20px; background:#fff; border: 1px solid #E2DFDF; box-shadow: 1px 1px 1px #ddd} .category_map .ptitle {font:bold 13px Arial, Helvetica, sans-serif} .category_map .paddress {font:bold 12px Arial, Helvetica, sans-serif; color:#777; line-height:normal; margin:0px 0 4px 0; padding:0} .search_location {padding-top:10px} .search_location .textfield {width:51%; padding:5px; border:1px solid #ccc} .addthis_toolbox span.at300bs {background:url(skins/1-default/i_sharethis.png) no-repeat left top !important} .register_info { margin-bottom: 30px; padding: 20px 15px 5px} .content .register_info h3 {margin:0 0 5px 0; padding:0} .content .register_info p {margin:0 0 10px 0; padding:0} .post_bottom {display:table; width:100%; padding-top:30px} .edit_link {padding-left:10px} .list_bottom {padding-top:0px; display:table} .post .list_bottom .post-tags, .post .list_bottom .post-category {margin-top:10px; padding-bottom:0 !important; margin-bottom:0 !important} .post .list_bottom .post-category {background-position:left 2px} .related_listing h3 {font-variant:small-caps; font-weight:normal} .related_listing ul {margin:0 0 30px 0px; padding:0;} .related_listing li {float: left; list-style: none outside none; margin: 0 0 30px; padding: 0 20px 0 0; width: 30%} .related_listing li a.post_img { display: block; margin-bottom: 10px; padding: 8px; background:#fff; border: 1px solid #E2DFDF; box-shadow: 1px 1px 1px #ddd; } .related_listing li a.post_img img {width:100%; display:block;} .related_listing ul li h3 {font-size:14px; margin: 0 0 3px; padding: 0; width: 175px; font-weight:normal; font-variant:normal; line-height:normal} .related_listing ul li h3 a:hover {color:#333} .related_listing ul li p {margin:0 0 10px 0; padding:0; color:#777; font-size:12px; line-height:18px} .related_listing ul li .read_more {display:none} .related_listing ul li span.rating {display:block; padding-bottom:10px} .related_listing ul li p.review {margin:0; padding:5px 0; display:block; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5} .related_listing ul li p.review a {color:#8A8A8A} .related_listing ul li p.review a:hover {color:#333} .related_listing ul li a.pcomments {padding-left:18px; float:left; background:url(skins/1-default/i_comment2.png) no-repeat left 3px} .related_listing ul li p.review a.read_more {float:right; padding-right:10px; background:url(skins/1-default/i_more.png) no-repeat right 6px; display:block} .img_not_available {display:block; padding:49px 10px; background: #fff; border: 1px solid #E2DFDF; box-shadow: 1px 1px 1px #DDDDDD; display: block; margin-bottom:10px; text-align:center} .related_listing li.hr {width:100%; clear:both} .related_listing a.img_no_available { background: none repeat 0 0 #FFFFFF; border: 1px solid #E2DFDF; box-shadow: 1px 1px 1px #DDDDDD; display: block; float: left; margin-bottom: 10px; margin-right: 24px; margin-top: 4px; padding: 48px 0; text-align: center; width: 160px} /*--- 4.3.2 Blog navigation ---*/ /* single page post navigation --------------------------- */ .post-navigation {/*width: 610px;*/ border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; padding:15px 0; position:relative} .post-navigation a {display: block; font-size:12px; text-decoration: none; line-height: 1.5} .post-navigation a:hover {text-decoration: none} .post-navigation a em {display: block; color: #aaa9a9; font-size:11px} .post-navigation a:hover span {text-decoration: underline} .post-prev {width: 40%; padding-left: 12px; float: left; text-align: left; background: url("images/previous.png") 0 50% no-repeat} .post-next {width: 40%; padding-right: 12px; float: right; text-align: right; background: url("images/next.png") 100% 50% no-repeat} .line {width: 1px; height: 100%; background: #d9d9d9; position: absolute; top: 0; right: 50%} /* ajax loading pagination --------------------------- */ #pagination {padding: 20px 0 0 0px} #pagination .nextpostslink {text-decoration: none; display: block; padding: 9px 0; text-align: center; font-size: 14px} #pagination .nextpostslink:hover {text-decoration: none} #pagination .loading:hover {cursor: default} /* post pagination --------------------------- */ .pagination {padding: 20px 0 20px 0px; font:bold 12px Arial, Helvetica, sans-serif; clear: both; position: relative} .pagination a {text-decoration: none} .pagination a:hover {text-decoration: none} .pagination .nextpostslink {position: absolute; right: 0; top: 13px; line-height: 20px; display:block; padding:4px 29px 4px 40px; text-decoration:none; background:url(images/nextpostslink.png) no-repeat right 3px} .pagination a:hover.nextpostslink {text-decoration:none} .pagination .previouspostslink {position: absolute; left:0px; top: 13px; line-height: 20px; display:block; padding:4px 28px 4px 30px; background:url(images/previouspostslink.png) no-repeat left 3px} .pagination a:hover.previouspostslink {text-decoration:none} .Navi {display: block; text-align: center} .Navi .on {padding:7px 11px 7px 11px; margin-right:3px; display:inline; font-size: 13px; font-weight:bold; border-radius: 20px; -webkit-border-radius: 20px} .Navi a { display:inline; padding:7px 11px 7px 11px; margin-right:3px; font-size: 13px; font-weight:bold; border-radius: 20px; -webkit-border-radius: 20px} .Navi {display:block; text-align:center} .Navi .previouspostslink, .Navi .nextpostslink {display:none} /* 404 page -------------------------------------- */ .error_404 {font-size:80px; line-height: normal; color:#000; text-align:center; padding-bottom:10px} .error_404 p {font-size:15px; font-weight:bold; color:#666; text-shadow:1px 1px 1px #fff} .spacer_404 { clear:both; height:40px} .page_404_set .two_thirds {padding: 0; width: 100%} .page_404_set #searchform2 fieldset {width: 305px; margin: 0 auto} /*--- Grid based layout ---*/ .grid {overflow:hidden} .grid .post {width: 175px; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin:19px 10px 16px 10px; position: relative; overflow: hidden} .grid .post .post-category, .grid .post .post-meta em {clear: both} .grid .post .post-content {font-size:12px} .grid .post h2, .grid .post .post-meta {display: block} .grid .post .thumb {width: 190px; height: 190px; position: absolute; top: 0; left: 0; z-index: 1} .grid .post .thumb img {width: 100px !important} .grid .post h2, .grid .post h2 a {font:bold 14px Arial,Helvetica,sans-serif; text-decoration: none} .grid .post h2 {margin-bottom: 5px} .grid .post a {text-decoration: none} .grid .post a:hover {text-decoration: none} .grid .post .post-meta {font-size: 11px; font-style: normal; color: #656363; margin-bottom:10px} .grid .post .post-meta span, .grid .post .post-meta a {color: #000; font-style: normal} .grid .post .comments_popup_link {position: absolute; bottom: 18px; right: 18px} .grid .post .post-edit-link {position: absolute; bottom: 18px; left: 18px} .grid .post .address {display:none} .grid .post .rating {display: block; margin: 4px 0; padding-bottom: 7px} .grid .post span.ping, .grid .post span.fav { display: block; font: bold 11px Arial,Helvetica,sans-serif; padding: 5px 0 9px 18px} .grid .post p.review {margin: 0; padding: 5px 0} .grid .post p.review a.pcomments {float: left; font: bold 12px Arial,Helvetica,sans-serif; padding-left: 18px} .grid .post p.review span.readmore a {font: 13px Arial,Helvetica,sans-serif; padding-right: 10px} .grid .post a.read_more{display:none} .grid .post p{font-size: 12px; line-height: 18px; margin: 0 0 12px} .grid .post a.post_img{display: block; margin-bottom: 10px; padding: 8px} .grid .post .featured_img{height: 72px; position: absolute; text-indent: -9009px; top: 0; width: 69px} .grid .post p.timing span{color:#000} .grid .post .img_no_available {width:170px; margin-right: 24px; margin-top: 0px; background:#fff; border: 1px solid #E2DFDF; box-shadow: 1px 1px 1px #DDDDDD; display: block; margin-bottom: 10px; text-align:center; padding:49px 0} .grid .post .post-content .post_img img {width:158px; display: block} .content_3col .grid .post, .content_3col_left .grid .post, .content_3col_right .grid .post {width:228px} .content_full .grid .post {width:270px} .post_category {padding:20px 0} .entry {margin-bottom:35px} .entry .post {padding-bottom: 5px} .entry .post-meta { font-size: 12px; position: relative} .entry .post-meta h1 { font-size: 40px; font-weight: normal; font-style: normal} .format-standard h1 {padding-bottom:5px} .entry .single_meta {padding-top:5px; padding-bottom:10px} .entry .single_meta .post-total-view, .entry .single_meta .post-daily-view, .entry .listing_meta .post-total-view, .entry .listing_meta .post-daily-view {padding-left:10px} .entry .single_meta .comments_popup_link, .listing_meta .comments_popup_link, .entry .listing_meta .comments_popup_link {float:right; line-height: normal} .entry .post-meta span, .entry .post-meta a { text-decoration: none; font-style: normal; line-height: 22px} .entry .post-meta a:hover {text-decoration: none} .entry .post-comms {position: absolute; right: 0} .entry .post-content a { text-decoration:none} .entry .post-content a:hover {text-decoration: none} .entry .post-footer {padding-left: 30px; font-size: 12px; margin-bottom: 15px} .entry .post-footer a { text-decoration: none} .entry .post-footer a:hover {text-decoration: none} .page .post-category {display: none} .post-content { line-height:22px; margin-bottom: 15px} .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {color: #000; font-weight: normal} .post-content .search {float: none; margin-top: 15px; width: auto} .post-content .search fieldset {width:54%; height: 35px} .post-content .search input {width:88%; font-size: 16px} /*--- 4.3.3 Comments ---*/ /*--- 4.3.3.1 Comment list ---*/ .comments {clear:both} #comments {margin-bottom: 30px} .comments h3 {font-size: 22px; font-weight: normal; color: #000; padding: 0 0 8px 0; border-bottom: 1px solid #d9d9d9} .comment {padding:0px; margin-bottom:10px} .comment td {vertical-align: top} .comment-meta {position: relative; min-height: 70px; font-size: 11px; margin-right: 30px} .avatar {display: block; margin:0px 0 0 3px} .comment-author a, .comment-text p.comment-author {text-decoration: none; padding-top:10px; margin:0; font-size:12px; font-style: normal} .comment-text p.comment-author {padding-bottom: 8px} .comment-author a:hover {text-decoration: underline} .comment-author, .comment-date {white-space: nowrap} a.comment-reply-link {float:right; padding:5px 10px; font-size:12px; text-decoration: none; background:url(skins/1-default/i_more.png) no-repeat right 9px} .comment-reply-link:hover {text-decoration: underline} .comment-text p {color: #818181; font-size:13px; margin-bottom: 15px} .comment-text p span {font-weight:bold} .comment-text span.single_rating {display:block; padding:8px 10px 8px 0px} .comment .children {margin-left: 80px} .comment .children .children {margin-left: 50px} .comment .children .comment {padding-left: 0} .comment_left .gravatar_bg {display: block; height: 80px; left: 0; position: absolute; top: 0px; width: 75px} .comment {overflow:hidden} .comment_list ol li {margin-bottom:30px; border-bottom: 1px dotted #d9d9d9} .comment_left {margin-top:6px; float:left; position:relative} .comment-text {float:right; width:84%} .comment_list ol li ul.children {height:100%; overflow:hidden; margin-left:5%} .comment_list ol li ul.children li {border-top: 1px dotted #d9d9d9; border-bottom:none; margin-bottom:0} p.comment_message {font-size:14px} .post-meta a.comments_popup_link {padding-left:18px} /*--- 4.3.3.2 Comment form ---*/ #respond {clear:both} .nopassword {padding-left: 30px} #respond p, .nopassword {margin: 10px 0} #respond p a {text-decoration: none} #respond p a:hover {text-decoration: underline} #commentform {padding:0} #comment {width: 100%; height: 120px; padding: 0; margin: 0; border: none; border-color: #fff; overflow: auto} #comment #author, #comment #email, #comment #url {width: 100%; margin: 0; padding: 0; border: none; font-size:12px; color: #333} #submit {float: left; border: none; background: #ccc; color: #fff; font-size:12px; cursor: pointer; padding: 5px 10px} #submit:hover {background: #000} p#cancel-comment-reply {float: right; line-height: 28px; margin: 0} #commentform p.commpadd label {display:block; margin-bottom:5px} #commentform p.commpadd label small {font-size:11px; color:#C00} .commpadd input, #respond textarea {padding:10px; width:55%; margin-bottom:10px} #respond textarea {width:70%} /*-----------------------------------------------------------------------------------*/ /* 5. Sidebar Widgets /*-----------------------------------------------------------------------------------*/ /*--- 5.1 Common widget code ---*/ .widget, .textwidget {margin-bottom: 35px; clear:both} .widget-small {width: 130px} .widget h3, .widget-small h3, .we_recommend h3, .featured_video h3 { margin:0 0 10px 0; padding:0 0 4px 0; font:18px Georgia, "Times New Roman", Times, serif; font-variant:small-caps} .sidebar h3 {border-bottom:1px double #ccc} .sidebar .widget .latest_posts li {margin-bottom:15px} .sidebar h3 {margin:0 0 10px 0; padding:0 0 4px 0; font:18px Georgia, "Times New Roman", Times, serif; font-variant:small-caps} .sidebar h3 span {float:left; padding-right:10px} .sidebar h3 span.more, #content h3 span.more {float:right; font:bold 12px Arial, Helvetica, sans-serif; padding:4px 15px 0 0px} .widget a, .widget-small a {color: #000; text-decoration: none} .widget a:hover, .widget-small a:hover {text-decoration: none} .widget p, .textwidget {color: #666; line-height:20px} .widget p a, .textwidget a {text-decoration: none} .widget p a:hover, .textwidget a:hover {text-decoration: none} .widget li, .widget-small li {color: #666; margin-bottom: 3px} .widget li ul li, .widget li ul li ul li {padding:9px 5px 0px 5px; margin:0} .widget_tag_cloud a {margin: 0 2px} .widget_calendar table {width: 100%} .widget_calendar caption {font-size: 13px; padding-bottom: 10px; text-align: left} .widget_calendar th, .widget_calendar td {padding: 5px 0; font-size: 13px} .widget_calendar tbody a {text-decoration: underline} .widget_calendar tbody a:hover {text-decoration: none} #calendar_wrap {margin-bottom:20px} #wp-calendar {width:100%} #wp-calendar caption {font-size:18px; padding:5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc} #wp-calendar thead th {text-align:center; border-bottom:1px solid #ccc; padding:5px 0} #wp-calendar td {text-align:center; padding:5px} #wp-calendar #today{background:#ddd} .google_map_contact {float:right; margin:0 0px 30px 40px; padding-left:30px; border-left:1px solid #eee} .content .google_map_contact h3 {margin-top:0} /*--- 5.2 Custom code for widgets by Templatic ---*/ /*--- 5.2.1 Search Widget ---*/ .sidebar_3col_l .search input, .sidebar_3col_r .search input {width:70%} /*--- 5.2.2 Contact us widget ---*/ #contact_widget_frm .form_row {overflow:hidden; margin-bottom:10px} #contact_widget_frm .form_row label {display:block; padding:4px 0; margin-right:5px} #contact_widget_frm .form_row .textfield { width:90%; padding:5px; border:1px solid #ccc} #contact_widget_frm .form_row .textarea { width:90%; padding:5px; border:1px solid #ccc} #contact_widget_frm .error, .message_error {display:block; clear:both; padding-top:4px; font:11px Arial, Helvetica, sans-serif} #contact_widget_frm .b_submit {font:bold 13px Arial, Helvetica, sans-serif; padding:6px 24px; margin-bottom:40px; cursor:pointer; width:90px; background:#000; border:none; color:#fff} #contact_widget_frm .b_submit:hover {background:#666; color:#fff} #contact_widget_frm p.success_msg {font:bold 14px Arial, Helvetica, sans-serif; padding:5px; margin-top:20px; margin-bottom:20px; text-align:center} #contact_widget_frm .indicates{font-size:11px} /*--- 5.2.3 Google Map widget ---*/ .get_direction {padding:10px 0; display:block; font-weight:bold} #directionsPanel p {margin-top:10px} #directionsPanel .adp-directions, #directionsPanel p {font:11px Arial, Helvetica, sans-serif} .adp-placemark {font:bold 12px Arial, Helvetica, sans-serif; width:100%} .adp-placemark td img {float:left; margin:5px 10px 8px 10px; vertical-align:text-top} .adp-step, .adp-text { vertical-align:middle; margin:0; padding:0} /*--- 5.2.4 Testimonial widget custom code ---*/ #testimonials {position:relative; margin:0 15px 5px 0px; width:100%; min-height:130px; clear:both} #testimonials blockquote{padding:10px; width:300px !important; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#808080; display:block} #testimonials blockquote p {margin: 0 !important;padding: 5px!important} #testimonials blockquote cite {font-style: normal; display: block; text-transform: uppercase; font-weight: bold; font-style:italic; color: #555; padding-left:5px; margin-top:10px} .bottom_in #testimonials blockquote {background:#00a7d2} /*--- 5.2.5 Recent comments ---*/ #recentcomments li {font-size:13px; border-bottom:1px solid #ccc; padding:4px 0 0 12px} #recentcomments li:last-child {border-bottom:none} /*--- 5.2.6 Location map ---*/ .map {padding:10px; margin-bottom:8px; height:190px} /*--- 5.2.6 Flickr Widget ---*/ .flickr {height:100%; overflow:hidden; margin-bottom:35px} .flickr_badge_image {padding:4px; margin-bottom:10px; margin-left:10px; height:100%; display:block; float:left; border:1px solid #ccc} .flickr_badge_image img {width:70px; height:70px; float:left} /* sidebar login_widget */ .login_widget {background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:30px} .widget .login_widget label {float:left; padding-bottom:5px} .login_widget label span {color:#C00} .login_widget .form_row {clear:both; margin-bottom:10px; overflow:hidden; font-size:13px; color:#666} .login_widget .form_row .textfield {width:94%; float:left; font-size:13px; padding:8px; border:1px solid #ddd; border-bottom:1px solid #ccc; border-right:1px solid #ccc} .register_form .form_row .textfield {width:94%; float:left; font-size:13px; padding:8px; border:1px solid #ddd; border-bottom:1px solid #ccc; border-right:1px solid #ccc} .login_widget .b_signin { padding:4px 20px; margin-bottom:5px; font-size:13px; width:100px; cursor:pointer} .login_widget .b_forgotpass {padding:4px 20px; margin-bottom:5px; font-size:13px; width:160px; cursor:pointer} .sidebar p.forgot_link { font:11px Arial, Helvetica, sans-serif; margin-bottom:10px; clear: both} /* sidebar - latest posts */ .latest_posts {margin:0; padding:0} .latest_posts li , .popular li, #twitter li{padding:10px 0; border-bottom:1px solid #eee} .latest_posts li:first-child {padding-top:0} .latest_posts li:last-child {border-bottom:none} .latest_posts li .post_img {border:1px solid #ccc; padding:3px; padding-bottom:0; height:54px; margin:0 18px 2px 0; float:left} .latest_posts li h4 , a.rsswidget{font-size:15px; font-weight:normal; padding-bottom:4px} .latest_posts li p , .rssSummary{ color:#666} .latest_posts li .post_author, .rss-date , .popular li .date{color:#bbb; font-size:11px; padding-bottom:10px; display:block} .latest_posts li .post_author a {color:#777} .latest_posts li .post_author a:hover {color:#000} .rssSummary{line-height:20px} a.rsswidget{display:inline-block; margin-top:0px} .sidebar .latest_posts li {background:none; padding-left:0} .sidebar .latest_posts li .comments_popup_link {float:none; padding-left:5px} /* sidebar - Biography */ .my_bio {color:#666} .my_bio .highlight{color:#000; padding-bottom:5px} .my_bio p{color:#777} .photo img{width:100px; height:87px; border:1px solid #ccc; padding:4px; float:left; margin:5px 10px 3px 0px} /* sidebar - twitter */ #twitter ul{margin-bottom:10px} #twitter {margin-top: 0px; margin-bottom: 0px} /* contactus ----------------- */ .sidebar #contact_frm .form_row {height:100%; overflow:hidden; margin-bottom:5px} .sidebar #contact_frm .form_row label {display:block; padding:4px 0; margin-right:10px; color:#666; font-size:12px; font-weight:bold} .sidebar #contact_frm .form_row .textfield {font-size:14px; width:90%; padding:4px; border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #ccc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; color:#444} .sidebar #contact_frm .form_row .textarea {font-size:14px; width:90%; padding:4px; border-radius: 5px; height:100px; border:1px solid #ccc; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#444} .sidebar #contact_frm .error, .message_error {display:block; clear:both; padding-top:4px; font-size:11px; color:#C00} .sidebar #register_form .error, .message_error {display:block; clear:both; padding-top:4px; font-size:11px; color:#C00} .sidebar #contact_frm .b_submit {font-size:13px; font-weight:bold; padding:3px 10px; width:100px; margin-bottom:40px; cursor:pointer; border-radius: 5px; border:none; color:#fff; background:#0a0a0a} .sidebar #contact_frm .b_submit:hover {background:#666; color:#fff} .sidebar #content p.success_msg {font-size:14px; font-weight:bold; padding:5px; margin-top:20px; margin-bottom:20px; text-align:center; color:#356c1d; background:#cee8c3; border-top:1px solid #7ea96b; border-bottom:1px solid #7ea96b} .sidebar #contact_frm .indicates{font-size:11px; color:#C00} /* social media ------------------- */ .sidebar .social_media ul li {margin:0 12px 0 0; float:left; padding:0; list-style:none !important} .social_media ul li {margin:0 12px 0 0; float:left; padding:0; border-bottom: none; list-style:none !important} .twitter-share-button {width: 92px !important; float:left; display:inline-block} .fb-like {display:inline-block; position:relative; bottom:2px; margin: 2px 16px 0 0} .googleplus {display:inline-block} .i_mail .b_sendtofriend {display:inline-block} .social_media .fb_iframe_widget iframe { height: 59px !important; top:-7px; left: 0; } /* subscribe ------------------------*/ .newsletter {margin-bottom:30px; height:auto !important} .newsletter h3 span.title {float:left} .newsletter h3 {display:table; width:100%; position:relative} .newsletter p {margin:0; padding:0; line-height:18px; clear:both} .newsletter_form { width:100%; margin-top:10px; position:relative; clear:both} .newsletter .field {float:left; padding:6px 6px 6px 28px; font:11px Arial, Helvetica, sans-serif; width:68%; border-radius: 0; -webkit-border-radius: 0; margin:3px 3px 0 0} .newsletter_form .btn_submit {font-size:13px; font-weight:bold; padding:0; width:66px; height:28px; float:right; position:absolute; right:0; top:4px; cursor:pointer; text-indent:-9009px; margin:0px 5px 0 0} .fourth_column .newsletter_form .btn_submit {float: left; position: relative} .newsletter .i_rss {float:right} /*--- 6. Other Elements---*/ /*--- 6.1 Slider 1 ---*/ .head {width:185px; padding:8px 0 8px 12px; position:absolute; left:6px; top:11px; font-size:18px; z-index:99} .pikachoose{width:978px;position:relative; height:630px; overflow:hidden} #pikachoose{width:978px;position:relative; height:630px; overflow:hidden} .pika-image {position: absolute; top:0px; left:0; /*height: 340px; width: 500px; */ padding: 10px} /*position image holders */ .pika-image .animation, .pika-image .main-image {position: absolute; top:10px; left: 10px} .pika-image .animation {display: none;z-index:2} .pika-image img {border:0} .pika-image .caption {position: absolute; font-size: 11px; padding: 10px; text-align: left; bottom: 10px; left: 10px; font-size:27px; width:933px} .pika-image small {font-size:13px; font-style:italic} #pikachoose .pika-image .caption {display:none !important} .pika-image .caption p {padding: 0; margin: 0; line-height: 14px} .pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3} .pika-imgnav a.previous {height: 530px; width: 50px; top: 10px; left: 10px;cursor:pointer} .pika-imgnav a.next {height: 530px; width: 50px; top: 10px; right: 10px;cursor:pointer} .pika-imgnav a.play {height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer} .pika-imgnav a.pause {height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer} .pika-textnav {overflow: hidden; margin: 10px 0 0 0; display:none} .pika-textnav a {font-size: 12px; text-decoration: none; font-family: helvetica, arial, sans-serif; padding: 4px} .pika-textnav a.previous {float: left; width: auto; display: block} .pika-textnav a.next {float: right; width: auto; display: block} .pika-thumbs {margin: 540px 0 0 0; padding: 0; overflow: hidden; clear:both; /*display:none; */} .pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; cursor: pointer} .pika-thumbs li:last {margin: 0} .pika-thumbs li .clip {width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden} #pikachoose .pika-thumbs {margin: 440px 0 40px 0; height:65px; padding: 0; overflow: hidden; clear:both; display:block !important} #pikachoose .pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; cursor: pointer; border:none !important} #pikachoose .pika-thumbs li:last {margin: 0} #pikachoose .pika-thumbs li .clip {width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden} /* jCarousel Styles */ .jcarousel-skin-pika .jcarousel-container-horizontal {padding: 15px 30px} .jcarousel-skin-pika .jcarousel-container-vertical {width: 90px; height: 350px; padding: 20px 20px} .jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 460px} .jcarousel-skin-pika .jcarousel-clip-vertical {width: 90px; height: 350px} .jcarousel-skin-pika .jcarousel-item-horizontal {margin-right: 10px} .jcarousel-skin-pika .jcarousel-item-vertical {margin-bottom: 10px} /* slider 1 colors ---------------------------------------------*/ .head {background:#000; color:#fff} .pika-image {background: #fff; border: 1px solid #ccc} .pika-image img {border:0} .pika-image .caption {background:#333; border: 1px solid #141414; color: #fafafa} .pika-image small {color:#bebebe} .pika-imgnav a.previous {background: url(library/functions/widgets/widget_images/prev.png) no-repeat left 50%} .pika-imgnav a.next {background: url(library/functions/widgets/widget_images/nextn.png) no-repeat right 50%} .pika-imgnav a.play {background: url(library/functions/widgets/widget_images/play.png) no-repeat 50% 50%} .pika-imgnav a.pause {background: url(library/functions/widgets/widget_images/pause.png) no-repeat 50% 50%} .pika-textnav a {color: #333} .pika-textnav a:hover {background: #e5e5e5; color: #0065B2} .pika-thumbs li {background: #fafafa; border: 1px solid #e5e5e5} /* jCarousel Styles */ .jcarousel-skin-pika .jcarousel-item-placeholder {background: #fff; color: #000} /*--- 6.2 Slider 2 ---*/ .slider_post { padding-bottom:45px} .slider_post .tslider2 {width: 978px; position: relative; margin: 0 auto} .slider_post .tslider2 .wrapper {width: 978px; height: 420px; margin:0; position: absolute; top: 0; left: 0} .slider_post .tslider2 .wrapper ul {width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0} .slider_post .tslider2 ul li {display: block; float: left; padding:0; width: 978px; margin:0; background:none} .slider_post .tslider2 a.forward {display:block; position:absolute; right:10px; text-indent:-9009px; cursor:pointer; top:-50px; width:24px; height:21px} .slider_post .tslider2 a.back {display:block; position:absolute; right:34px; text-indent:-9009px; cursor:pointer; top:-50px; width:24px; height:21px} .slider_post #thumbNav {position: relative; top:-45px; right:56px; float:right; text-align: left; z-index:9999; text-align:right} .slider_post #thumbNav a {color: black; float:left; font-size:11px; display:block; padding:0; width:16px; height:16px; margin: 0 3px 0 0; text-align: center; text-indent:-9009px} .slider_post #start-stop {display:none} .slider_post .tslider2 .noimage {padding:60px 10px; display:block; text-align:center; font-size:11px} /* slider 2 -> css */ .slider_post #thumbNav a { text-align:center; text-indent:-9009px} .slider_post .tslider2 .wrapper ul ul {position: static; margin: 0; overflow: visible; width: auto} .slider_post .tslider2 .wrapper ul ul li {float: none} .slider_post .tslider2 .post_img {width:480px; float:left; margin-bottom:30px; display:block; border-bottom:1px solid #ccc; min-height:180px} .post_img_in {padding:10px 20px 10px 0px} .postimg {float:left; margin-bottom:40px; padding:4px; padding-bottom:2px} .postcontent {float:right; width:53%; padding-right:30px} .slider_post .post_img h3 {margin:0; padding:0 0 9px 0; height:100%; overflow:hidden; background:none; font-size:18px; text-align:left; border-bottom:none} .slider_post .post_img h3 a {text-decoration:none} .slider_post .post_img h3 span.title {float:left; width:200px; text-align:left} .slider_post .post_img p {margin:0; padding:0; clear:both; font-size:14px; text-align:left} .postprice {float:right} /* slider 2 -> colors & background ============================== */ .slider_post .tslider2 .wrapper {background:url(library/functions/widgets/widget_images/hr.png) repeat-y 47% top} .slider_post .tslider2 ul li {background:none} .slider_post .tslider2 a.forward {background:url(library/functions/widgets/widget_images/arrow_right2.png) no-repeat left top} .slider_post .tslider2 a:hover.forward {background-position:0 -21px} .slider_post .tslider2 a.back {background: url(library/functions/widgets/widget_images/arrow_left2.png) no-repeat left top} .slider_post .tslider2 a:hover.back {background-position:0 -21px} .slider_post .tslider2 a.more {background:#342809; border:1px solid #352508; color:#f3d9ac} .slider_post .tslider2 a:hover.more {background:#000} /* slider css */ .slider_post #thumbNav a { background:url(library/functions/widgets/widget_images/normal.png) no-repeat left top; color:#41322e} .slider_post #thumbNav a:hover {background:url(library/functions/widgets/widget_images/normal.png) no-repeat left top} .slider_post #thumbNav a.cur {background: url(library/functions/widgets/widget_images/current.png) no-repeat left top} .slider_post .tslider2 .wrapper ul {background: none; border:0} .slider_post .tslider2 .wrapper ul li {background: none} .slider_post .tslider2 .wrapper {border:none} .postimg {background:#eee} .postimg img {border:1px solid #fff; background:#fff} /*---6.3 Slider 3---*/ .tslider3 {width:978px; height:295px; position: relative; margin: 0 auto} .tslider3 ul li {display: block; float: left; padding:0; width: 930px; margin:0; background:none} .tslider3 .wrapper {width: 978px; margin:0; position: absolute; top: 0; left: 0} .tslider3 .wrapper ul {width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0} .tslider3 .wrapper ul ul {position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0} .tslider3 .wrapper ul ul li {float: none; height: auto; width: auto} .tslider3 .wrapper ul li {padding:0 30px} .tslider3 h3, .widget .tslider3 h3 {font-size:22px; font-weight:normal; font-variant:normal; margin-bottom:10px ; padding-top:30px} .tslider3 p {font-size:16px; margin-bottom:20px} .tslider3 a.more {display:block; float:left; padding:9px 20px; font-size:14px; text-align:center} .tslider3_content {padding-left:20px} #any_slider .post_img { float:right; display:block; margin:10px 30px 0 30px} #any_slider .post_img img { margin:4px; padding:4px} #any_slider .tslider3 a.forward {display:block; position:absolute; right:0px; text-indent:-9009px; cursor:pointer; top:40%; width:22px; height:47px} #any_slider .tslider3 a:hover.forward {background-position:0 -47px} #any_slider .tslider3 a.back {display:block; position:absolute; left:0px; text-indent:-9009px; cursor:pointer; top:40%; width:22px; height:47px} #any_slider #thumbNav {position: relative; display:block; top:288px; right:45%; float:right; text-align: left; z-index:9999; text-align:right} #any_slider #thumbNav a {text-decoration:none; color: black; float:left; font-size:1px; background:#ccc; border:2px solid #fff; font-weight:bold; display:block; padding:4px 5px; margin: 0 5px 0 0; text-align: center; color:#ccc; text-indent:-9009px; height:3px} #any_slider #thumbNav a.cur {background:#000; color:#000; border:2px solid #fff} #any_slider #thumbNav a:hover { color:#777; border:2px solid #fff} #start-stop {display:none} *+html .tslider3 {width:978px; overflow:hidden} /* slider 3 -> color scheme ----------------------- */ .tslider3 {background:#000} .tslider3 .wrapper ul ul {background: none; border: 0} .tslider3 .wrapper ul ul li {background: none} .tslider3 .wrapper {border:none} .tslider3 ul li {background:none} .tslider3 a.more {background:#dedede; text-decoration:none; border:none; color:#333} .tslider3 a:hover.more {background:#fff; color:#333} .widget .tslider3 h3 a {color:#fff} .widget .tslider3 p {color:#ccc} #any_slider .post_img img { background:#ccc} #any_slider .tslider3 a.forward {background: url(library/functions/widgets/widget_images/arrow_right.png) no-repeat left top} #any_slider .tslider3 a:hover.forward {background-position:0 -47px} #any_slider .tslider3 a.back {background: url(library/functions/widgets/widget_images/arrow_left.png) no-repeat left top} #any_slider .tslider3 a:hover.back {background-position:0 -47px} /*--- 6.4 Slider 4 ================================================================================================= */ #tslider4 { height:100%; overflow:hidden; float:left; margin-bottom:30px} .nivoSlider {position:relative} .nivoSlider img {position:absolute; top:0px; left:0px; max-width: 100%} .nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; display:block; padding:0; margin:0; z-index:60} .nivo-slice {display:block; position:absolute; z-index:50; height:100%} .nivo-caption {position:absolute; left:0px; bottom:0px; opacity:0.8; width:100%; z-index:89} .nivo-caption p {padding:5px; margin:0} .nivo-directionNav a { position:absolute; top:47%; z-index:99; cursor:pointer; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)} .nivo-prevNav {left:10px; width:31px; height:31px; display:block; text-indent:-9009px} .nivo-prevNav:hover {width:31px; height:31px; display:block; opacity:100; -moz-opacity:100} .nivo-nextNav {right:10px; width:31px; height:31px; display:block; text-indent:-9009px} .nivo-nextNav:hover {width:31px; height:31px; opacity:100; -moz-opacity:100} .nivo-controlNav a {position:relative; z-index:99; cursor:pointer; display:block; padding:3px 10px; float:left; top:10px; text-indent:-9009px} .nivo-controlNav a.active {font-weight:bold} .we_recommend_in .nivoSlider .nivo-directionNav {display: none} /* Slider 4 -> color & background --------------------------- */ #tslider4 {background:#fff; border:1px solid #ccc} .nivoSlider a.nivo-imageLink {border:0} .nivo-caption {background:#000; color:#fff} .nivo-prevNav {background:url(library/functions/widgets/widget_images/arrows.png) no-repeat left top} .nivo-prevNav:hover {background:url(library/functions/widgets/widget_images/arrows.png) no-repeat left top} .nivo-nextNav {background:url(library/functions/widgets/widget_images/arrows.png) no-repeat right top} .nivo-nextNav:hover {background:url(library/functions/widgets/widget_images/arrows.png) no-repeat right top} .nivo-controlNav a {background:url(library/functions/widgets/widget_images/dot_n.png) no-repeat ; border:none; color:#fff} .nivo-controlNav a:hover, .nivo-controlNav a.active {background:url(library/functions/widgets/widget_images/dot_h.png) no-repeat} #nivo-directionNav {display:block !important} /*-----------------------------------------------------------------------------------*/ /* 7. Page Templates /*-----------------------------------------------------------------------------------*/ /*--- 7.1 Contact ---*/ #contact_frm .form_row {height:100%; overflow:hidden; margin-bottom:24px} #contact_frm .form_row label {display:block; padding:4px 0; margin-right:10px; font-size:14px; width:130px; float:left} #contact_frm .form_row .textfield {font-size:14px; width:300px; padding:6px; border:1px solid #ccc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; color:#444} #contact_frm .form_row .textarea {font-size:14px;width:65%; padding:6px; border:1px solid #ccc; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#444} #contact_frm .error, .message_error {display:block; padding-top:4px; font-size:12px; color:#C00; padding-left:142px} .sidebar #contact_frm .error, .sidebar .message_error {padding-left:0px} #contact_frm .b_submit {cursor: pointer; font-size: 14px} #content p.success_msg {font-size:14px; font-weight:bold; padding:5px; margin-top:20px; margin-bottom:20px; text-align:center; color:#356c1d; background:#cee8c3; border-top:1px solid #7ea96b; border-bottom:1px solid #7ea96b} #contact_frm .indicates{font-size:11px; color:#C00} .content_3col_right #contact_frm .b_submit, .content_3col_left #contact_frm .b_submit {margin-left:0} /*--- 7.2 Gallery ---*/ .post-content .page_gallery {margin:0 0 0 -40px; padding:0; width:100%} .post-content .page_gallery li {margin:0 0px 34px 40px; width:auto; height:auto; padding:0; list-style:none; float:left; padding:5px; border:1px solid #ddd; position:relative; box-shadow: 2px 2px 2px #ddd} .post-content .page_gallery li img {padding:0px} .post-content .page_gallery li:hover {background:#fff; border:1px solid #b4b4b4; box-shadow: 2px 2px 2px #ccc} .gallery_zoom {position:absolute; left:45%; top:45%; width:32px; height:32px; background:url(images/gallery_search.png) no-repeat left top; display:none} .post-content .page_gallery li:hover .gallery_zoom {display:block} .content_3col .post-content .page_gallery li, .content_3col_left .post-content .page_gallery li, .content_3col_right .post-content .page_gallery li {margin:0 18px 24px 0} .content_3col .post-content .page_gallery li img, .content_3col_left .post-content .page_gallery li img, .content_3col_right .post-content .page_gallery li img {padding:5px} /*--- 7.3 Archives ---*/ .arclist {padding:0; margin-bottom:20px; clear:both} .arclist_head {display:table; margin-bottom:20px; width:100%; padding-bottom:10px} .post-content .arclist h3 {margin:0; padding:0 0 0 0; font-size:32px; float:left; width:100px} .post-content .arclist h4 {margin:0; padding:2px 0 8px 0; font-size:28px; border-bottom:1px dotted #ccc} .post-content .arclist ul {padding-left:0; margin-bottom:60px} .post-content .arclist ul li {margin:0 0 20px 100px; padding:0 0 8px 0; font-size:10px; list-style:none; float:none; color:#777; line-height:18px; background:none} .post-content .arclist ul li a {font-size:14px; text-decoration:none; color:#4e4e4e} .post-content .arclist ul li a:hover {color:#000} .post-content .arclist ul li .arclist_date a {font-weight:normal; font-size:10px; color:#777} .post-content .arclist ul li ul {margin:0; padding:0} .post-content .arclist ul li ul li {margin:0 0 20px 0px; padding:0; font-size:10px; list-style:none; float:none; color:#777; line-height:18px; background:none} .post-content .arclist ul.sitemap_list {padding-left:0; margin-bottom:60px; float:right; width:65%} .post-content .arclist .sitemap_list {margin:0 0 40px 0} .post-content .arclist .sitemap_list li {margin:0 0 10px 0px; padding:0 0 5px 0; font-size:10px; list-style:none; float:none; color:#777; line-height:18px; background:none} .post-content .arclist .sitemap_list li ul li {margin:11px 0 5px 10px} .post-content .arclist .sitemap_list ul li ul.children {margin:0; padding:0} .post-footer {clear:both; display:table; width:100%} /*--- 7.4 Advanced Search ---*/ #advancedsearch {border:2px solid #eee; padding:15px; padding-top:0; height:100%; overflow:hidden} #advancedsearch h4 {margin-top:10px} #advancedsearch form {width: 92%} #advancedsearch .adv_input {border:1px solid #eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px 8px; font-size:14px; width:75%} #advancedsearch select {border:1px solid #eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px 0 5px 4px; font-size:13px; width:45%; margin-right:10px} #advancedsearch .adv_submit {cursor: pointer; font-size: 14px; margin-left:100px; background: url(images/buttonbg.png) repeat-x left bottom #FAFBFB; border: 1px solid #ADAEB0; border-radius:15px; -webkit-border-radius:15px; color: #5C5C5C; padding: 5px 20px; text-shadow: 1px 1px 1px #FFFFFF} #advancedsearch .adv_submit:hover {background:#fafbfb url(images/buttonbg_h.png) repeat-x left top} .advanced_left {height:100%; overflow:hidden} .advanced_left label {float:left; margin-right:10px; margin-bottom:12px; padding-top:5px; width:93px; height: auto} .post-content #advancedsearch p {margin:0 0 15px 0; padding:0; clear:both; overflow:hidden} .advanced_left span {float:left; margin-right:10px; padding-top:5px} .advanced_left .textfield {border:1px solid #ccc; padding:6px; float:left; width: 50%; margin-bottom: 5px} .post-content .adv_calendar {float:left; margin:0 20px 0 10px; border:none; cursor:pointer} .advanced_left span.adv_author {float:left; margin-left:10px; padding-top:5px} .advanced_left .checkbox {margin-top:7px} /*-----------------------------------------------------------------------------------*/ /* 11. Add place Form /*-----------------------------------------------------------------------------------*/ h3 {margin:0 0 10px 0 ; padding:0 0 3px 0; font-size:20px; color:#000} h3 small {font-size:11px} .fornt-end .button {clear: both; cursor: pointer; font-size:30px; margin-left:28%; padding: 10px 20px 9px !important; background: #000; border: none; color: #FFFFFF; text-shadow: 1px 1px 1px #384B6C} .button:hover {background:#666} .button_small {clear: both; cursor: pointer; font-size:14px; padding: 10px 20px 9px; background: #000; border: none; color: #FFFFFF; text-shadow: 1px 1px 1px #384B6C} .button_small:hover {background:#666} .edit {margin-right:15px; padding-bottom:5px; display:block; float:left} .b_login {margin-left:140px} .steps {border:1px solid #ccc; background:#dddfe2; padding:0px; margin:30px 0; display:table; border-radius: 25px; font:17px Arial, Helvetica, sans-serif; height:100%} .steps span {display:block; padding:10px 28px; float:left; color:#959595} .steps span.current {background:#fff; -webkit-border-radius: 25px; color:#000; border-radius: 25px} .steps span.f1 {background:#fff} .message_error {margin:0px 0; font:12px Arial, Helvetica, sans-serif; color:#cf1111} #submissiion_form p.message_note {width:auto} p.message_note {padding:5px; margin:0; font:11px Arial, Helvetica, sans-serif; color:#777} p.message_indicate {padding:5px; margin:0; font:11px Arial, Helvetica, sans-serif; color:#cf1111} p.login_indicate {padding-left:100px} p.userinfo_indicate {padding-left:120px} .addlisting_row p.authorize_indicate {padding-left:170px} #submissiion_form .addlisting_row p.listing {padding:4px 0 0 140px !important} #loginform .addlisting_row p.listing {padding:4px 0 0 140px !important} .addlisting_row .cat_list {width:400px; overflow: hidden} .addlisting_row .form_cat ul ul.category_list_sub{margin-left:20px} #divFileProgress .blue{background:#2b38b5; color:#fff; padding:10px; width:330px} #divFileProgress .green{background:#2bb532; color:#fff; padding:10px; width:330px} #divFileProgress .red{background:#f01818 ; color:#fff; padding:10px; width:330px} .imageBox_label2{float:left; width:185px} .addlisting_row .form_cat ul {list-style:none; margin:0; padding:0; width:200px} .addlisting_row .form_cat ul li {list-style:none} .input_error {border:1px solid #dd5353 !important; color:#cf1111} .addlisting_row {padding:5px 0; margin-bottom:5px; clear:both} .addlisting_row p {margin:0 0 12px 0; padding:0} .member_login {width:320px; margin-bottom:30px} .member_login label {display:block; float:left; width:100px; padding-top:3px} .member_login .textfield {border:1px solid #ccc; padding:4px; width:200px; font:13px Arial, Helvetica, sans-serif} p.choice {margin-right:20px; display:block} .member_login .checkout_row {margin-bottom:4px} .member_login .button {background:#000; border:none; padding:8px 10px; font:bold 13px Arial, Helvetica, sans-serif; color:#fff; margin-left:100px; cursor:pointer} .message_note {font:11px Arial, Helvetica, sans-serif; color:#777; display:block; padding:5px 0; clear:both} .addlisting_row label small {color:#F00} .message_error2 {clear:both; display:block; font-size:12px; color:#d70000; padding-left:140px; float:left} .listing_info {overflow:hidden} .listing_info .addlisting_row {margin-bottom:10px; padding:5px} .listing_info .textfield {border:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666; padding:6px; font:13px Arial, Helvetica, sans-serif; float:left; margin-right:5px} .listing_info .textarea {border:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666; padding:6px; width:400px; height:150px; font:13px Arial, Helvetica, sans-serif} .listing_info .select {border:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666; padding:6px; font:13px Arial, Helvetica, sans-serif} .listing_info label {display:block; float:left; width:140px; padding-top:4px; padding-bottom:6px} .googlemap {height:100%; overflow:hidden; margin-bottom:12px} .map_area {width:415px; float:left; margin-right:20px} .map_perfection {float:left; width:450px} .map_perfection p {padding-top:5px} .category_label {width:550px; float:left} .x {width:150px} .xxl {width:200px} .medium {width:300px} .large {width:400px} .payment_method {padding:10px 0px 0px 0px; overflow:hidden} .payment_method h3 {margin:0 0 10px 0 ; padding:0 0 3px 0; font:20px Arial, Helvetica, sans-serif; color:#000; } .payment_method ul {margin:0; padding:0; list-style:none; border-bottom:none; width:300px; min-height:221px; float:left; position:relative; z-index:1} .payment_method ul li {margin:0; list-style:none; cursor:pointer; font-size:15px} .payment_method ul li label {cursor:pointer} .listing_info .payment_method label {float:none; width:300px} .payment_method ul li.current {background:#eee; border:1px solid #ccc; border-right:none} .authorize_net {clear:both; margin-top:10px; padding:5px 18px} .authorize_net label {width:195px; padding-top:5px; display:block; float:left} .authorize_net .addlisting_row .textfield, .authorize_net .addlisting_row .select_s, .authorize_net .addlisting_row .select_s2, .authorize_net .addlisting_row .textfield2 {border:1px solid #ccc; padding:4px; font:13px Arial, Helvetica, sans-serif} .authorize_net .addlisting_row .textfield{width:200px} .authorize_net .addlisting_row .select_s{width:210px} .authorize_net .addlisting_row .select_s2{width:102px} .packages {overflow:hidden; margin-bottom:40px} .package {width:300px; position:relative; float:left; border:1px solid #ccc; margin:0 12px 12px 0; padding:20px; min-height:180px; cursor:pointer; clear:both} .package:hover {background:#eee; border:1px solid #ccc; cursor:pointer} .form_row .package label {display:block; width:100%; padding:0; cursor:pointer} .form_row .package h3 {font-size:22px; font-weight:normal; margin:0; padding:0 0 5px 0} .form_row .package label p {font-size:14px; margin-bottom:8px} .form_row .package label p.cost {font-size:14px} .form_row .package p.cost span {font-size:14px; color:#333; padding-right:20px} .package .title {font-size:16px; font-weight:bold; padding-left:30px; margin-bottom:15px; text-align:left; color:#000; display:block; cursor:pointer} .package input {position:relative; top:-1px; cursor:pointer; position:absolute; left:20px; top:25px} .package .package_content {color:#555; font-size:13px; line-height:20px; display:block; cursor:pointer} .package .price {font-size:40px; color:#000; line-height:35px; font-weight:bold; text-align:center; margin:0; padding-top:8px; border-top:1px dashed #ccc; display:block; cursor:pointer} .package .days {font-size:15px; color:#444; text-align:center; padding-bottom:6px; text-transform:uppercase; border-bottom:1px dashed #ccc; margin-bottom:15px;display:block; cursor:pointer} .package .price small {font-size:18px; position:relative; top:-12px; right:2px; cursor:pointer} .package label{padding-left: 27px; padding-top:0px} .captcha {clear:both; padding-top:50px; padding-bottom:30px; height:100%; overflow:hidden} .content .entry .post .captcha h3 {margin:0 0 10px 0 ; padding:0 0 3px 0; border-bottom:1px solid #eee; display:block; font:20px Arial, Helvetica, sans-serif; color:#000; } .captcha label { width:145px; float:left; padding-top:5px} .captcha label small {color:#FF0000} .checkout_row {height:100%; overflow:hidden; clear:both} .captcha .checkout_row .textfield {float:left; margin-right:10px; border:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666; padding:6px; font:13px Arial, Helvetica, sans-serif; width:180px} #status {clear: both; color: #D70000; display: block; float: left; font: 12px Arial,Helvetica,sans-serif; padding-left: 145px; width: 100%} /* Detail page listing + slideshow -------------------*/ #carousel { clear: both; padding-top: 10px; } #carousel .flex-viewport{ clear: both; } #carousel .flex-control-nav{ display:none; } #carousel .flex-nav-prev{ position: relative; float:left; } #carousel .flex-nav-next{ position: relative; float:right; } .flex-direction-nav a { display: block; width: 20px; height: 20px; margin: -285% 0 0; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff; background-color: #000; border-radius: 50%; text-align: center; } .flex-direction-nav .flex-nav-prev a:before { font-family: "flexslider-icon"; font-size: 10px; display: inline-block; content: '\003c'; color: #FFF; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); line-height: 20px } .flex-direction-nav .flex-nav-next a:before { font-family: "flexslider-icon"; font-size: 10px; display: inline-block; content: '\003e'; color: #FFF; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); line-height: 20px; } .flex-direction-nav .flex-next { right: -50px; text-align: center; } .galleria-thumbnails .galleria-image{height:50px;width:60px;background:#fff;margin:0 13px 0 0; border:1px solid #ccc; border-bottom:2px solid #ccc; float:left;cursor:pointer} .galleria-counter{position:absolute;bottom:10px;left:10px;text-align:right;color:#fff;font:normal 11px/1 arial,sans-serif;z-index:2} .galleria-loader{background:#000;width:20px;height:20px;position:absolute;top:10px;right:10px;z-index:2;display:none;background:url(images/classic-loader.gif) no-repeat 2px 2px} .galleria-info{width:50%;top:15px;left:15px;z-index:2;position:absolute} .galleria-info-text{background-color:#000;background-color:rgba(0,0,0,.9);padding: 12px;display:none} .galleria-info-title{font:bold 12px/1.1 arial,sans-serif;margin:0;color:#fff} .galleria-info-description{font:italic 12px/1.4 georgia,serif;margin:0;color:#bbb} .galleria-info-title+.galleria-info-description{margin-top:7px} .galleria-info-close{width:9px;height:9px;position:absolute;top:5px;right:5px;background-position:-753px -11px;opacity:.5;cursor:pointer;display:none} .galleria-info-link{background-position:-669px -5px;opacity:.8;position:absolute;width:20px;height:20px;cursor:pointer;background-color:#000} .galleria-info-link:hover, .galleria-info-close:hover{opacity:.5} .galleria-image-nav{position:absolute;top:50%;margin-top:-15px;width:100%;height:31px;left:0} .galleria-image-nav-left, .galleria-image-nav-right{opacity:.7;cursor:pointer;width:16px;height:31px;position:absolute;left:10px;z-index:2} .galleria-image-nav-right{left:auto;right:10px;background-position:-300px 0;z-index:2} .galleria-image-nav-left:hover, .galleria-image-nav-right:hover{opacity:1.0} .galleria-thumb-nav-left, .galleria-thumb-nav-right{cursor:pointer;display:none;background-position:-495px 11px;position:absolute;left:0;top:0;height:60px;width:23px;z-index:3;opacity:1.0} .galleria-thumb-nav-right{background-position:-578px 11px;border-right:none;right:0;left:auto} .galleria-thumbnails-container .disabled, .galleria-thumbnails-container .disabled:hover{opacity:.6;cursor:default} .galleria-thumb-nav-left:hover, .galleria-thumb-nav-right:hover{opacity:1;/*background-color:#111;*/} .galleria-carousel .galleria-thumb-nav-left, .galleria-carousel .galleria-thumb-nav-right{display:block} .galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left, .galleria-image-nav-right {background-image:url(images/classic-map.png);background-repeat:no-repeat} .galleria-lightbox-shadow { -webkit-border-radius: 8px; border-radius: 8px} .galleria-lightbox-content {top:5px !important; right:5px !important; bottom:5px !important; left:5px !important; border-radius: 5px} .galleria-lightbox-close {top:-10px !important; right:-10px !important; border-radius: 14px; background:#000 !important; border:3px solid #fff !important; color:#fff !important; font-size:16px !important} .post-category {display:block; float:left; padding-left:20px; padding-bottom:12px; font-size:13px; width:45%} .post-tags {display:block; float:right; padding-left:20px; padding-bottom:12px; font-size:13px; text-align:right} .sidebar ul {margin:0 0 0 0; padding:0; list-style:none} .sidebar ul li {margin:0 0 10px 0; padding:2px 0 10px 15px ; list-style:none} .sidebar ul li ul.children {margin-top:10px} /*sidebar category wise widget*/ .sidebar ul.categorywise_listing_widget li {border-bottom:none; padding-bottom:0} .sidebar ul.categorywise_listing_widget {margin-bottom:30px} /* sidebar search form widget ----------*/ .sidebar .widget, .sidebar .search ,.fb_iframe_widget{ margin-bottom: 20px} .sidebar #searchform2 input, .content #searchform2 input {background: #fff; border: 1px solid #ccc; border-radius: 14px 14px 14px 14px; float: left; font: 13px Arial,Helvetica,sans-serif; padding: 6px 5px 6px 8px; width: 170px} .sidebar #searchform2 button, .content #searchform2 button {background: url("skins/1-default/b_search.png") no-repeat left top; border: none; cursor: pointer; float: right; height: 30px; margin-top: 1px; text-indent: -9009px; width: 113px} .content #searchform2 {width:305px; margin-bottom:20px} .preview_info {background:#fffdd9; border-top:1px solid #b2ac4f; border-bottom:1px solid #b2ac4f; padding:20px; text-align:center; height:100%; overflow:hidden; margin-bottom:20px} .preview_info p {font-size:16px; font-weight:bold; color:#da7401; padding:10px 30px} .b_cancel {cursor: pointer; float: left; margin-right: 10px; padding: 8px 15px; background: #000; border: none; color: #fff; text-shadow: 1px 1px 1px #384B6C} .b_cancel:hover {background:#666} .b_publish {cursor: pointer; float: right; font: bold 13px Arial,Helvetica,sans-serif; margin-right: 10px; padding: 8px 15px; background: #000; border: none; color: #fff; text-shadow: 1px 1px 1px #384B6C} .b_publish:hover {background:#666} .entry .post-content a.b_goback {cursor: pointer; float: left; font: bold 13px Arial,Helvetica,sans-serif; margin-right: 10px; padding: 9px 15px; text-decoration: none; background: #000; color: #fff; text-shadow: 1px 1px 1px #384B6C} .entry .post-content a.b_goback:hover {background: #666} .preview_section h5.payment_head {text-align:left; color:#333} .payment_method {text-align:left; margin-bottom:10px; list-style:none} .payment_method li {margin-bottom:10px;list-style:none; display:table; font-size:15px} .preview_img {float:left; width:300px; height:300px; border:1px solid #ccc; margin-top:20px; margin-bottom:30px} .preview_content {float:right; width:67%; padding-top:20px} /* Author Page ----------- */ .author_details {width:93%; display:table; border:1px solid #ddd; padding:20px; -webkit-border-radius: 5px; border-radius: 5px; margin:20px 0} .author_photo {padding:5px; border:1px solid #ddd; float:left} .author_content {float:right; width:81%} .author_content h3 {margin:0 0 10px 0; padding:0; font-weight:normal} .author_content .detail_links {margin-bottom:15px} .author_content .detail_links a {display: inline; margin-right:10px; background:#eee; padding:5px 10px; -webkit-border-radius: 5px; border-radius: 5px; color:#666; font:bold 13px Arial, Helvetica, sans-serif} .author_content .detail_links a:hover {color:#333} .author_content .user_detail li {list-style:none; margin-top:5px; padding:0} .author_content .user_detail li p {line-height:20px} .entry .post-content .listing_content {float:right; width:67%} .entry .post-content .listing_content h3 {margin:0; padding:0; font-size:16px; font-weight:bold; border-bottom:none} .entry .post-content .listing_content p {color:#666; font-size:12px} .entry .post-content .listing_content p a {padding-right:5px} .entry .post-content .listing_info h4{border-bottom: 1px solid #D9D9D9; font-size: 15px; margin: 0px 0 20px; padding-bottom: 5px; font-weight:bold} .entry .post-content .listing_content p.address {font-size:12px} .entry .post-content .addlist li .listing_info p {float:left; margin:0 14px 0 0; width:130px} .entry .post-content .listing_info p {font-size:11px} .entry .post-content .listing_content .rating {font-size:11px; color:#555; height:100%; overflow:hidden} .entry .post-content .listing_content .rating span {float:left; margin-right:10px} .entry .post-content .listing_content .rating img {padding:3px 0 0 1px; float:left} .list .post p.address {clear : both} .sidebar .listing_info {margin-left:0} .sidebar .listing_info li {padding-top:8px; border-bottom:1px dotted #ccc} /*.sidebar .listing_info li:last-child {border-bottom:none}*/ .sidebar .listing_info li span {color:#666} .sidebar .listing_info li span.rating {float:left; margin-right:10px} .sidebar .listing_info li img {margin:1px 0 0 0; float:left} .sidebar .listing_info li span.price {font-size:22px} .sidebar .listing_info li.sendinquiry a {margin:0; padding:15px 20px; font-size:18px; text-decoration:none} .sidebar .listing_info li.sendinquiry a:hover {background:#666} .sidebar .listing_info li.sendinquiry {padding:20px 0 20px 0} .listing_register_info {background:#eee; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px 15px; height:100%; overflow:hidden} .entry .post-content .listing_register_info h3 {margin:0; font-size:15px; font-weight:bold} .entry .post-content .listing_register_info a.button {padding:10px; margin:0; font-size:14px; float:right; color:#fff; text-decoration:none; background:#000} .entry .post-content .listing_register_info a:hover.button {color:#fff; background:#666} .field_options label {display:block; margin-bottom:3px; width:80px; float:left; text-align:right; padding:5px 8px 0 0} .field_options .field_row {height:100%; overflow:hidden; margin-bottom:10px; border-bottom:1px dotted #ccc} .field_options .field_row .textfield, .field_options .field_row .select{padding:4px; border:1px solid #ccc} .sidebar .field_options .field_row a.b_addtocart {margin:0 0 10px 90px; padding:10px 15px; float:left; text-decoration:none; font-size:18px; font-weight:bold; background:#000; color:#fff} .sidebar .field_options .field_row a:hover.b_addtocart {background:#666} .i_calendar {float:left} .content .listing_field {margin:0; padding:0; clear:both} .content .listing_field li {margin:0; padding:10px 0; list-style:none; border-bottom:1px solid #ededed} .content .listing_field li.checkbox {float:none} .login_step1 {width:340px; margin:0 auto 30px 29% ; border:3px solid #eee; padding:30px; padding-top:25px} .content .entry .post .login_step1 h3 {margin:0 0 10px 0; padding:0 0 5px 0; font-size:24px; border-bottom:1px solid #ccc} .login_step1 .member_login {margin-bottom:0} .left_img{float:left} .right_img{float:right; margin-left:10px} /*.right_img img {width:121px}*/ .none_display{display:none} .main_nav_in {position:relative} .multi_city {position:absolute; right:3px; top:3px; z-index:9999} .multi_city select {background:#fff; border:1px solid #ccc; padding:5px; margin: 0; } /* listing page post nav */ .content .sort_by {clear:both; margin:0; padding:10px 0 0 20px; height:35px; margin-bottom:20px} .content .sort_by li {margin:0 10px 0 0; padding:0; list-style:none; float:left; font:bold 14px Arial, Helvetica, sans-serif} .content .sort_by li a {display:block; padding:9px 15px 8px 15px; float:left} .content .sort_by li.current a {border-bottom:1px solid #fff !important; padding:9px 25px 8px 25px} .content .sort_by li.title {padding-top:7px} .content .sort_by li.i_next {float:right; font-size:12px} .content .sort_by li.i_next a { float:right; padding:6px 14px 6px 7px} .content .sort_by li.i_previous {float:right; font-size:12px} .content .sort_by li.i_previous a { float:right; padding:0; padding:7px 0px 6px 13px} /*-----------------------------------------------------------------------------------*/ /* 12. Login Form Page /*-----------------------------------------------------------------------------------*/ .error_msg {padding:8px 10px; text-align:center; margin: 15px 0 30px 0} .success_msg {padding:8px 10px; text-align:center; margin: 15px 0 30px 0} .login_form_l {float:left; width:300px} .login_form_l h4, .registration_form_box h4 {margin:0 0 10px 0; font-size:22px; font-weight:normal} .login_form_l .form_row, .registration_form_box .form_row {margin-bottom:10px; display:block} .login_form_l .form_row label, .registration_form_box .form_row label {display:block; float:left; text-align:left; width:95%; font-size:14px; padding:4px; margin-top:10px} .login_form_l .form_row .textfield, .registration_form_box .form_row .textfield {width:270px; padding:8px 10px; margin-bottom:5px; font-size:13px} .login_form_l .message_error2, .registration_form_box .message_error2, .submit_article_form span.message_error2 { clear:both; padding-top:4px; padding-bottom:8px; display:block; font-size:12px;color:#de3230} .submit_article_form span.message_error2 {margin-left:153px} .sidebar #contact_widget_frm .b_submit {margin-left: 0} .login_form_l p {font-size:12px; margin-bottom:10px} .login_form_l a {font-size:12px} .login_form_l .b_signin_n {margin-right:10px; padding:5px 15px; font-size:14px;cursor:pointer} #lostpassword_form h4, #register_form h4 {font-size:15px; padding-top:12px; font-weight:normal} .checkbox_field .message_note {float:left; width:auto; clear:none} .checkbox {float:left} .registration_form_box .select { width:270px; padding:8px 10px; margin-bottom:5px; font-size:13px} .registration_form_box .form_row .textarea {width:280px} .registration_form_box .form_row .textfield_date {border:1px double #ccc ; margin-right:10px; float:left; background:#fff; width:200px; padding:8px 10px; margin-bottom:5px; font-size:13px} .registration_form_box .calendar_img { margin:0} .user_define {float: left; padding-bottom: 10px; padding-top: 0; width:200px} .registration_form_box .form_row .message_error2 {padding-left:0} /* login form color & bg */ .login_form_l .form_row label, .registration_form_box .form_row label {color:#4a4a4a} .login_form_l .form_row .textfield, .registration_form_box .form_row .textfield {border:1px double #ccc; background:#fff} .login_form_l a {color:#CC4B3E; font-size:12px} .login_form_l a:hover {color:#333} .login_form_l .b_signin_n {color:#fff; border:1px solid #666; background:#000} .login_form_l .b_signin_n:hover {background:#666} #lostpassword_form h4, #register_form h4 {border-top:1px solid #ccc} .error_msg {background:#ffe4e4; border-top:1px solid #ee8686; border-bottom:1px solid #ee8686; color:#d70000} .success_msg {text-align:center; color:#356c1d; background:#cee8c3; border-top:1px solid #7ea96b; border-bottom:1px solid #7ea96b} .upload_img input {border:1px solid #ccc} #loginwidgetform .form_row label {padding:10px 0 5px 0} .styled-select {height: 45px !important} /* add place form ------------------------------------------------------------*/ #propertyform {clear:both} .form_row {margin:6px 0 12px 0} .form_row label {width:130px; float:left; font:14px Georgia, "Times New Roman", Times, serif; padding:1px 15px 15px 0; text-align:left} .form_row .form_cat_right{float:right; width:465px} .form_row .textfield {float:left; width:300px; padding:6px; font:13px Arial, Helvetica, sans-serif; border-radius: 5px; -webkit-border-radius: 5px} .form_row .textfield_m {width:100px; margin-right:10px} .form_row .textfield_x {width:200px; margin-right:10px} .form_row div.package {float:left; min-height:22px; width:395px; text-align:left; padding:20px 20px 20px 55px; margin-left: 147px} .form_row .textarea {float:left; width:380px; height:200px; padding:6px; font:13px Arial, Helvetica, sans-serif} .form_row label span {font-size:11px} div.required {font-size:11px} .message_error2 {clear:both; display:block; font:12px Arial, Helvetica, sans-serif; color:#d70000; padding-left:145px; float:left; width:100%} .error_msg {padding:8px 10px; text-align:center; background:#ffe4e4; border-top:1px solid #ee8686; border-bottom:1px solid #ee8686; color:#d70000; font:bold 13px Arial, Helvetica, sans-serif} .form_row label.ginfo {width:auto; display:block; padding-left:190px; text-align:left} .form_row p.ginfo_cond {padding-left:190px} .message_note {display:block; font-size:11px; padding-bottom:8px; padding-top:2px; clear:both; padding-left:147px} #content p.note {font:11px Arial, Helvetica, sans-serif; text-align:right} .user_define {position:relative; top:6px; margin-right:10px} #span_Free {clear:both; display:block; font-weight: bold} .b_review {padding:7px 20px; margin:0px 0 10px 147px; float:left; font-size:17px; cursor:pointer; border-radius: 20px} .b_submit {margin-left:140px; cursor:pointer} input#submit{padding:7px 20px; cursor:pointer; margin-bottom:20px} #cat_price, #pkg_price, #feture_price {font-size:20px} #result_price {font-size:24px} /* login_form */ .login_form_l {float:left; margin-top:40px; width:297px} .login_form_l h4 {margin:0; padding:0} .login_form_l .form_row label {display:block; float:left; text-align:left; width:95%; padding:4px} .login_form_l .form_row .textfield {width:255px; margin-bottom:3px} .login_form_l .message_error2 {padding-left:0} #content .login_form_l .b_signin_n {padding:4px 20px; margin-right:8px; font:bold 13px Arial, Helvetica, sans-serif; cursor:pointer; text-transform:uppercase} #lostpassword_form h4 {font:15px Georgia, "Times New Roman", Times, serif; border-top:1px solid #ccc; padding-top:12px} /* registration_form_r */ .registration_form_box h4 {margin:0px; padding:7px 0 0} .registration_form_box {float:right; padding-top:40px; width:300px} .registration_form_box .form_row .form_cat_right {float:right !important;width:100% !important} .registration_form_box .form_row label {display:block; float:left; text-align:left; width:95%; padding:4px} .registration_form_box .form_row .form_cat_right label {display:block !important; float:left !important; text-align:left !important; width:130px !important; padding:1px 15px 15px 0 !important} .registration_form_box .form_row .textfield {width:255px; margin-bottom:3px} .registration_form_box .message_error2 {padding-left:0} #content .registration_form_box .b_registernow {padding:4px 20px; margin-right:8px; font:bold 13px Arial, Helvetica, sans-serif; cursor:pointer; text-transform:uppercase} #reg_passmail {font:11px Arial, Helvetica, sans-serif} /* preview & publish page */ .preview_section {display:table; margin-top:20px; width:96%; clear:both; margin-bottom:30px; padding:10px 20px; background:#ffeaa3; border-top:1px solid #e17f3e; border-bottom:1px solid #e17f3e} .preview_section h5.free_property, .preview_section h5.payment_head {padding:12px 0 25px 0; font:18px Georgia, "Times New Roman", Times, serif; color:#cc4d00} .b_goback {margin-right:10px; padding-top:6px} .preview_section h5.free_property { text-align:center} .preview_section .b_cancel {float:right; padding:4px 20px; cursor:pointer} .preview_section .b_delete {padding:4px 20px; cursor:pointer} /* upload image flash option*/ .imageBox_label {position:relative} .img_delete {position:absolute; right:0; top:-135px} #GalleryContainer {position:relative; clear:both; display:table} .imageBox,.imageBoxHighlighted {width:130px; height:160px; float:left} .imageBox {cursor:move} .imageBox_theImage {width:110px; height:125px; background-position: center center; background-repeat: no-repeat; margin: 0 auto; margin-bottom:2px} .imageBox .imageBox_theImage {border:none; padding:2px} .imageBoxHighlighted .imageBox_theImage {border:3px solid #316AC5; padding:0px} .imageBoxHighlighted span { background-color: #316AC5; color:#FFFFFF; padding:2px} .imageBox_label {text-align:center; font-family: arial; font-size:11px; padding-top:2px; margin: 0 auto} /* DIV that indicates where the dragged image will be placed */ #insertionMarker {height:150px; width:6px; position:absolute; display:none} #insertionMarkerLine {width:6px; height:145px; } #insertionMarker img {float:left} /* DIV that shows the image as you drag it*/ #dragDropContent {opacity:0.4; filter:alpha(opacity=40); position:absolute; z-index:10; display:none} .imageBox_label2 {width:120px; height:140px; float:left; position:relative; margin-right:10px} .imageBox_label2 .img_delete2 {position:absolute; right:-10px; top:-5px; width:inherit; height:inherit} #foo {height:100px; background:#ccc; display:none} /* end --------- */ .form_row .category_label {width:445px; max-height: 100px; overflow-y: scroll; border: 1px solid #ddd} .form_row .feature_label {float:left; width:445px; max-height: 100px} .form_row .category_label .form_cat {float:left; width:130px; padding-top:2px; clear:both; height: 20px} .form_row .category_label label {float:left; width:300px; text-align:left; font: 13px Arial, Helvetica, sans-serif} .form_row .category_label2 {float:left; width:445px; padding-top:1px} .form_row .category_label2 .form_cat2 {float:left; width:130px} .form_row #map_canvas {clear:both; margin-left:140px; float:left} h5.form_title {font-weight:normal; border-bottom:1px solid #ddd; padding:30px 0 5px 0; margin-bottom:10px} .spacer_none {padding-top:0 !important} .user_define {padding-bottom:10px; padding-top:0px; float:left} .highlight_message {font-weight:bold; clear:both} #property_submit_price_id {padding-left:200px} /*-----------------------------------------------------------------------------------*/ /* 13. Registration Form /*-----------------------------------------------------------------------------------*/ .content_full .registration_form_box {float:right; width:300px} .edit_profile .registration_form_box { margin:0 auto; width:300px; float:inherit} .registration_form_box .b_registernow { margin-right:10px; padding:5px 15px; font-size:14px; cursor:pointer} .button_cancel {background:none; color:#666; border:none; cursor:pointer} .button_cancel:hover {color:#000} #userform {float: left; width: 300px} .editprofile_page #sign_up .registration_form_box {border: medium none; float: inherit; margin: 0; display:table; width: 100%} #reg_passmail {font-size:11px; margin-bottom:10px} .content .edit_profile {float:left; margin-left:20%} #personal_info {border-right: 1px solid #EEEEEE} #personal_info {float: left; margin-right: 50px; padding-right: 45px; width: 300px} #personal_info h5, #userform h5 {margin: 20px 0 0 0} /* registration color */ #reg_passmail {color:#a8a79f} .content .registration_form_box { float:left; margin-top:40px; width: 290px} #loginform {margin:0px 0px 55px 0px; padding:0} #sign_up .registration_form_box {padding-top:0; margin-top:33px; border-left:1px solid #eee} .registration_form_r .registration_form_box {padding-left:22px} #componentDiv {margin-left: -9px; margin-top: 11px} .sidebar #componentDiv {margin-left :0px} /*-----------------------------------------------------------------------------------*/ /* 8. Bottom Section /*-----------------------------------------------------------------------------------*/ .one_column { background:#fff; padding:0 10px} .bottom .widget h3 {font-size:18px} .bottom .widget li {margin-bottom:10px; font-size:15px} .bottom .widget li ul li, .bottom .widget li ul li ul li {padding:9px 5px 0px 5px; margin:0} #twitter_update_list li {color:#666} .bottom .subscribe {width:230px; float:right} .bottom h3 {margin-bottom:10px; font:17px Georgia, "Times New Roman", Times, serif; font-variant:small-caps} .bottom p {margin: 0 0 8px 0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px} .social_bookmark {margin:0; padding:0} .social_bookmark li, .content .social_bookmark li {margin:0; padding:8px 0 14px 35px; font-size:16px} .bottom ul {margin:0; padding:0} .bottom li {margin:0; padding:0px 0 9px 15px} .bottom li span.date {font-size:11px} #twitter_update_list, .popular_post ul {margin:0; padding:0} #twitter_update_list li, .popular_post li {margin:0 0 10px 0; padding:4px 0 9px 15px; font-size:12px} #twitter_update_list li a, .popular_post li a {font-weight:bold} .bottom .footer ul {text-align:center; margin-bottom:10px} .bottom .footer ul li {list-style:none; background:none; text-align:center; display: inline; font:11px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 10px} .bottom .footer ul li a {text-decoration:none} .bottom .footer ul li:last-child {border-right:none} .bottom .footer p {margin:0; padding:0 0 10px 0; text-align:center; font:13px Arial, Helvetica, sans-serif} .bottom .footer p.copy { padding-top:7px; text-align:center} .bottom p.copy .flogo {position:relative; top:5px; margin-left:5px} /*-----------------------------------------------------------------------------------*/ /* 9. Footer /*-----------------------------------------------------------------------------------*/ .footer p {font-size: 12px; color: #FFFFFF; text-align: Center} .footer a {color: #FFFFFF; text-decoration: none} .footer a:hover {text-decoration: underline; color: #FFFFFF} p.copyright span {color: #FFFFFF} .credits .footer-logo {background:url(images/templatic-wordpress-themes.png) no-repeat transparent; display:inline-block; text-indent:-9999px; vertical-align:2px; width:80px; height:22px} .footer ul.menu li {padding-left:0; margin-right:10px} .footer ul.menu li:hover {background:none} .footer ul.menu li a {background:none; font-size:13px; padding:0} .footer ul.menu li a:hover {background:none; color: #FFFFFF} .footer ul.menu li ul {display:none} /*-----------------------------------------------------------------------------------*/ /* 10. Calendar css /*-----------------------------------------------------------------------------------*/ #calendarDiv {position:absolute; width:260px; padding:0; font-family:arial; font-size:13px; visibility:hidden; text-align:center} #calendarDiv span,#calendarDiv img {float:left} #calendarDiv .selectBox,#calendarDiv .selectBoxOver {line-height:12px; padding:1px; padding-bottom:0; cursor:pointer; padding-left:2px} #calendarDiv td {padding:6px 4px; margin:0px; font-size:13px; font-weight:bold; text-align:center; text-transform:uppercase} #calendarDiv .selectBox {position:relative} #calendarDiv .selectBoxOver {position:relative} #calendarDiv .topBar {height:22px; padding:2px; margin-bottom:3px} #calendarDiv .todaysDate {height:17px; line-height:17px; padding:2px; text-align:center; position:absolute; bottom:0px; width:201px} #calendarDiv .monthYearPicker { position:absolute; left:0px; top:15px; z-index:1000; display:none} #calendarDiv #monthSelect {width:92px; padding:4px } #calendarDiv .monthYearPicker div {float:none; clear:both; padding:1px; margin:1px; cursor:pointer} #calendarDiv td {cursor:pointer} #calendarDiv .topBar img {cursor:pointer} #calendarDiv .topBar div {float:left; margin-right:15px; font-weight:bold} #calendarDiv #calendar_year_txt {padding:4px; width:27px; text-align:left} #calendarDiv table {/*margin-left:-6px*/ } /* calendar color --------------- */ #calendarDiv{border:1px solid #d9d9d9; padding:0px; background: #f9f9f9; color:#333; box-shadow:inset 0px 0px 2px #fff;box-shadow: 1px 1px 1px #ccc} #calendarDiv td {border:none; border-right:none; text-shadow:1px 1px 1px #fff} #calendarDiv td:hover {color:#666} #calendarDiv .selectBox{border:none; background:none; color:#eee; text-shadow:1px 1px 1px #333} #calendarDiv .selectBoxOver {border:none; background: none; color: #fff; text-shadow:1px 1px 1px #333} #calendarDiv .activeDay {color:#fff; background:#333; text-shadow:1px 1px 1px #333} #calendarDiv .activeDay:hover {color:#fff} #calendarDiv .oldDay {color: #c4c4c4; pointer-events: none; background:none} #calendarDiv .todaysDate {background-color: #E9F1F6} #calendarDiv .monthYearPicker {background-color: #fff; border:none; color: #333; box-shadow: 1px 1px 1px #666} #calendarDiv .monthYearPicker div {border-bottom:1px solid #d9d9d9} #calendarDiv .monthYearActive {background-color:#eee; color: #0c5580} table.calendar_widget td.date_n div span.popup_event {background: none repeat 0 0 #FFFFFF; display:none; position: absolute; left: 6%; z-index: 1} table.calendar_widget td.date_n div:hover span.popup_event {display:block; height:230px; overflow:scroll; width:240px; position:absolute; z-index:999999; top:7; padding:2px 15px; padding-bottom:10px} table.calendar_widget td div a.event_title {display:block; clear:both; margin-top:10px; text-align:left; font:bold 12px Georgia, "Times New Roman", Times, serif} table.calendar_widget td div small {display:block; font-size:11px; font-weight:normal; color: #222222; text-align:left} .calendar_widget {position:relative; margin-bottom:20px; z-index: 99} table.calendar_widget td.date_n { text-align:center; vertical-align:middle} .date_n .event_highlight {z-index:0} table.calendar_widget tr {position: relative} /*-----------------------------------------------------------------------------------*/ /* Messages /*-----------------------------------------------------------------------------------*/ .error_msg {padding:8px 10px; text-align:center} .success_msg {padding:8px 10px; text-align:center; margin-bottom:30px} .error_msg {background:#ffe4e4; border-top:1px solid #ee8686; border-bottom:1px solid #ee8686; color:#d70000} .success_msg {text-align:center; color:#356c1d; background:#cee8c3; border-top:1px solid #7ea96b; border-bottom:1px solid #7ea96b} /*-----------------------------------------------------------------------------------*/ /* Shortcodes /*-----------------------------------------------------------------------------------*/ /* buttons -------------------- */ .small_button { float:left; margin:0 15px 15px 0} .entry .post-content .small_button a {margin-left:15px; display:block; float:left; font:bold 14px Arial, Helvetica, sans-serif; padding:9px 25px 9px 10px; text-decoration:none} .entry .post-content .small_button a:hover {background-position:right -35px} .entry .post-content .red:hover, .entry .post-content .grey:hover, .entry .post-content .pink:hover, .entry .post-content .purple:hover, .entry .post-content .blue:hover, .entry .post-content .lightblue:hover, .entry .post-content .yellow:hover, .entry .post-content .orange:hover, .entry .post-content .black:hover, .entry .post-content .magenta:hover, .entry .post-content .green:hover {background-position:left -35px} .entry .post-content .red a, .entry .post-content .pink a, .entry .post-content .purple a, .entry .post-content .blue a, .entry .post-content .lightblue a, .entry .post-content .yellow a, .entry .post-content .orange a, .entry .post-content .black a, .entry .post-content .magenta a, .entry .post-content .green a {color:#fff; text-shadow:1px 1px 1px #333} .entry .post-content .red {background:url(images/b_red_l.png) no-repeat left top} .entry .post-content .red a { background:url(images/b_red_r.png) no-repeat right top} .entry .post-content .grey {background:url(images/b_grey_l.png) no-repeat left top} .entry .post-content .grey a {background:url(images/b_grey_r.png) no-repeat right top; color:#666; text-shadow:1px 1px 1px #fff} .entry .post-content .pink {background:url(images/b_pink_l.png) no-repeat left top} .entry .post-content .pink a { background:url(images/b_pink_r.png) no-repeat right top} .entry .post-content .purple {background:url(images/b_purple_l.png) no-repeat left top} .entry .post-content .purple a { background:url(images/b_purple_r.png) no-repeat right top} .entry .post-content .blue {background:url(images/b_blue_l.png) no-repeat left top} .entry .post-content .blue a { background:url(images/b_blue_r.png) no-repeat right top} .entry .post-content .lightblue {background:url(images/b_lightblue_l.png) no-repeat left top} .entry .post-content .lightblue a { background:url(images/b_lightblue_r.png) no-repeat right top} .entry .post-content .yellow {background:url(images/b_yellow_l.png) no-repeat left top} .entry .post-content .yellow a { background:url(images/b_yellow_r.png) no-repeat right top} .entry .post-content .orange {background:url(images/b_orange_l.png) no-repeat left top} .entry .post-content .orange a { background:url(images/b_orange_r.png) no-repeat right top} .entry .post-content .black {background:url(images/b_black_l.png) no-repeat left top} .entry .post-content .black a { background:url(images/b_black_r.png) no-repeat right top} .entry .post-content .magenta {background:url(images/b_magenta_l.png) no-repeat left top} .entry .post-content .magenta a { background:url(images/b_magenta_r.png) no-repeat right top} .entry .post-content .green {background:url(images/b_green_l.png) no-repeat left top} .entry .post-content .green a { background:url(images/b_green_r.png) no-repeat right top} hr {clear: both; border:none; background:#fff; border-bottom:1px solid #ccc; padding:20px 0 0 0; height:1px} /* instruction elements -------------------------------------- */ .content p.alert, .content p.download, .content p.info, .content p.note { margin:10px 0 10px 0; padding:9px 10px 9px 40px} .content p.note {margin:10px 0 10px 0} /* instruction elements -------------------------------------- */ .content p.alert {border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/i_alert.png) no-repeat 12px 13px} .content p.download {border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/i_download.png) no-repeat 10px 13px} .content p.info {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/i_note2.png) no-repeat 12px 13px} .content p.note {border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/i_info.png) no-repeat 14px 13px; margin:10px 0 10px 0} /* About Author -------------------- */ .entry .post-content .about_author { clear:both; padding:20px; margin:20px 0; background:#eee; border:1px solid #ccc; color:#444; text-shadow:1px 1px 1px #fff; border-radius: 10px; box-shadow: 1px 1px 1px #ddd} .entry .post-content .about_author img {border:4px solid #fff; float:left; margin:0 18px 15px 0; box-shadow: 1px 1px 1px #ddd} .entry .post-content .about_author h4 {margin-top:0; margin-bottom:5px} .entry .post-content .about_author br {display:none} /* check list view -------------------- */ .post-content .check_list ul {list-style:none; padding-left:0px; margin: 15px 0} .post-content .check_list ul li {list-style:none; margin:0 0 8px 0; padding-left:25px; background:url(images/tick.png) no-repeat left top} .post-content .check_list ul li ul {margin:0 ; padding-left:15px; list-style:none} .post-content .check_list ul li ul li {margin:8px 0 8px 0 } /* boxes -------------------- */ .entry .post-content .boxes {padding:20px; margin:0 0 40px 0; display:table; color:#444; text-shadow:1px 1px 1px #fff; border-radius: 10px; box-shadow: 1px 1px 1px #ddd} .entry .post-content .boxes h3 {margin:0 !important; padding:0} .entry .post-content .boxes br {display:none} .small {width:20%; float:left; margin:0 3.5% 2% 0 !important; display:inline} .small_without_margin {width:20%; float:left; margin-top:0 !important} .entry .post-content .warning_box, .entry .post-content .download_box, .entry .post-content .info_box, .entry .post-content .about_box, .entry .post-content .alert_box {padding-left:8%} .entry .post-content .normal_box {background:#f4f4f4; border:1px solid #d7d7d7} .entry .post-content .warning_box {background:#fde3e3 url(images/box_warning.png) no-repeat 15px 21px; border:1px solid #dba7a7} .entry .post-content .warning_box h3 {color:#960e00} .entry .post-content .download_box {background:#d8f3d1 url(images/box_download.png) no-repeat 15px 21px; border:1px solid #7ab16b} .entry .post-content .download_box h3 {color:#40912b} .entry .post-content .info_box {background:#ddf4ff url(images/box_info.png) no-repeat 15px 21px; border:1px solid #8ec1d8} .entry .post-content .info_box h3 {color:#1489bf} .entry .post-content .about_box {background:#e5ebff url(images/box_about.png) no-repeat 15px 21px; border:1px solid #a4adc9} .entry .post-content .about_box h3 {color:#4d5b8b} .entry .post-content .alert_box {background:#fffddf url(images/box_alert.png) no-repeat 15px 21px; border:1px solid #dfb150} .entry .post-content .alert_box h3 {color:#be8305} .post-content p.dropcaps { padding:20px 10px 0 0} .post-content p.dropcaps:first-letter {font-size:40px; float:left; margin-right:8px; margin-top:5px; line-height:35px} #megaMenu ul ul.sub-menu li a, #megaMenu ul ul.sub-menu li span.um-anchoremulator{padding: 3px 0 3px 20px !important} /* content columns define ----------- */ .two_thirds {width:60%; padding:0 5% 0 0} .two_thirds_last {width:62%} .two_thirds_last br {display:none} .clear_spacer {clear:both; width:100%} .one_half_column, .one_third_column, .one_third_column_last, .one_fourth_column, .one_fourth_column_last {margin-bottom:30px} .one_half_column {width:45%} .one_third_column {width:30%; padding:0 5% 0 0} .one_third_column_last {width:29%} .one_fourth_column {width:20%; padding:0 6% 0 0} .one_fourth_column_last {width:20%} .one_half_column br, .one_third_column br, .one_third_column_last br, .one_fourth_column br, .one_fourth_column_last br {display:none} .post-content .one_half_column h3, .two_thirds h3, .two_thirds_last h3, .post-content .one_third_column h3, .post-content .one_third_column_last h3, .post-content .one_fourth_column h3, .post-content .one_fourth_column_last h3, .post-content .one_half_column h4, .two_thirds h4, .two_thirds_last h4, .post-content .one_third_column h4, .post-content .one_third_column_last h4, .post-content .one_fourth_column h4, .post-content .one_fourth_column_last h4, .post-content .one_half_column h5, .two_thirds h5, .two_thirds_last h5, .post-content .one_third_column h5, .post-content .one_third_column_last h5, .post-content .one_fourth_column h5, .post-content .one_fourth_column_last h5, .post-content .one_half_column h6, .two_thirds h6, .two_thirds_last h6, .post-content .one_third_column h6, .post-content .one_third_column_last h6, .post-content .one_fourth_column h6, .post-content .one_fourth_column_last h6 {margin-top:0} .form_row .message_note, .form_row .message_error2 {padding-left:145px} #userform .message_note {padding-left: 0} /* sidebar calendar css ------- */ .calendar_widget {width:100%; margin-bottom:40px} td.title {font:normal 17px Arial, Helvetica, sans-serif !important; padding:11px 6px; text-align:center} .calendar_widget td.days {font:bold 14px Arial, Helvetica, sans-serif; padding:6px 0; text-align:center} .calendar_widget td {padding:0; font:bold 14px Arial, Helvetica, sans-serif} .calendar_widget td a.event_highlight {display:block; padding:11px 5px} .calendar_widget td span.no_event { display:block; padding:11px 5px} /* clearfix -----*/ .clear:after, .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} .clear, .clearfix {display: inline-block} /* Hide from IE Mac \*/ .clear, .clearfix {display: block} /* End hide from IE Mac */ .none {display: none} /* End Clearfix */ /* images & Video responsive code ------------------------------------- */ .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:20px} .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%} #toggle {position:absolute; right:0; bottom:0; padding:15px; z-index:9999; cursor: pointer} .toggleoff{background:#fff url(images/minus_btn.png) no-repeat center} .toggleon{background:#fff url(images/add_btn.png) no-repeat center} .upload{cursor: pointer; font-size: 14px; margin-left:145px; width:100px; background: url(images/buttonbg.png) repeat-x left bottom #FAFBFB; border: 1px solid #ADAEB0; border-radius:15px; color: #5C5C5C; padding: 5px 20px; text-shadow: 1px 1px 1px #FFFFFF; position:relative; overflow:hidden} .upload:hover {background:#fafbfb url(images/buttonbg_h.png) repeat-x left top} .uploadfilebutton{position:absolute;font-size:30px; cursor:pointer; z-index:2147483583; top:-10px; left:-325px; opacity:0} .success {float: left; margin: 5px 5px 20px; text-align: center; width: 130px; padding-top:20px; position:relative} .redcross {cursor: pointer; position: absolute; right: -5px; top: 14px; z-index: 9999} .form_row #files{padding-left:135px} .widget_gigya_user, #componentDiv table{background:none !important} .form_row label.radio_lbl{width:200px; cursor:pointer} label.r_lbl{cursor:pointer} .post-category {color:#858585; background:url(images/i_category.png) no-repeat left 0px} .post-tags {color:#858585; background:url(images/i_tags.png) no-repeat left 0px} .mid-column {width:960px; margin: 0 auto; clear:both} .above_header{color:white; padding-top: 2px} .above_header li a {color:white} .above_header li a:hover{color:black} .above_header .widget .textwidget{margin-bottom:0px !important} .above_header li {float:left; margin-right:10px; padding:5px 0px} .above_header .widget {margin-bottom: 0px !important} /* ----------- MOBILE MENU --------------*/ .currentmenu, .currentmenu2 {display: none} .currentmenu span {color: #D2E8F5; display: block; font-size: 15px; font-weight: bold; padding: 7px 12px 6px; cursor: pointer} .currentmenu2 span {background: url(images/mobile-menu-icon.png) no-repeat 10px 8px #ffffff; font: bold 13px Helvetica,Arial,sans-serif; color: #7B7B7B; border: 1px solid #aaaaaa; border-bottom: 2px solid #aaaaaa; border-radius: 20px; padding: 8px 12px 8px 32px; margin-top: 3px; margin-left: 3px; width: 45px; display: none; cursor: pointer} #menu-icon, .menu li li:last-child, #menu-main li li:last-child, a.sf-with-ul li:last-child {border-bottom: none} /* ----------- POPUP FORMS --------------*/ #simplemodal-container {height: auto !important; position: absolute !important; z-index: 9999 !important} #recaptcha_widget_div #recaptcha_area {width: 445px; float: left; margin-bottom: 10px} #simplemodal-container #recaptcha_widget_div #recaptcha_area {float: right !important; width: auto !important} .post_content span.post-category, .post_content span.ping, .post_content span.fav, .post_content p.review {float: left; width: 100%; clear: both} .list .post .post-category {width: auto} /*wordpress editor css*/ .wp-editor-wrap {clear: both} #propertyform .form_row .wp-editor-wrap {width: 450px; float: left; display: block; clear: none} #event_desc_parent #event_desc_tbl, #excerpt_parent #excerpt_tbl, #reg_desc_parent #reg_desc_tbl, #proprty_feature_parent #proprty_feature_tbl, #proprty_desc_parent #proprty_desc_tbl { border: 1px solid #ddd !important; } #propertyform .form_row .form_row { clear:both; } /* END */ .contact_detail p {float: none; clear: none} #multi_city{cache: no} .demo-description { clear: both; padding: 12px; font-size: 1.3em; line-height: 1.4em; } .ui-draggable, .ui-droppable { background-position: top; } /* NIVO SLIDER LINK - NOT WORKING IN IE9 */ .nivoSlider a { background-color: #fff; filter:alpha(opacity=0); opacity: 0; -webkit-opacity:0; -moz-opacity:0 } /* END */ body .mce-container-body.mce-stack-layout, body .wp-editor-wrap .wp-editor-container { border: 1px solid #ccc; } body .mce-container-body.mce-stack-layout .mce-toolbar-grp .mce-container-body.mce-stack-layout, body .wp-editor-container .mce-container-body.mce-stack-layout { border: none; } /*-----------------------------------------------------------------------------------*/ /* 14. RESPONSIVE CODES /*-----------------------------------------------------------------------------------*/ /* Tablet (Portrait) ------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 980px) { .mid-column, .header_in, .footer_in, .main_nav_in, #container, .bottom_in {width: 92%} .header_right {width: auto} .searchform {width: 425px} span.searchfor, span.near {width: 131px} .currentmenu2 span {display: block} .main_nav_in ul.sub-menu li .sf-sub-indicator {background:url(images/arrow1.png) no-repeat left 0px} div.menu ul li a, ul.menu li a {display: block; padding: 13px 10px} .menu-item ul.sub-menu li.menu-item {background: none} .mega-menu ul.mega li .sub {padding: 0 20px 20px 10px} .mega-menu ul.mega li .sub li {height: auto !important} .mega-menu ul.mega li .sub-container.mega .sub {padding: 0 10px 0 0} #container {margin-bottom: 25px} .top_banner_section {width: 768px; background-size: 748px auto !important} .top_banner_section_in {width: 728px} .galleria-container {min-height: 380px} #galleria .galleria-container img {top: 0 !important} #map-canvas {width: 100% !important; height: 300px !important} .google_map_contact {float: left; margin: 0; padding-left: 0; border: none; width: 100%} .google_map_contact .widget {margin-bottom: 15px} .form_row label {width: 100%} .form_row .message_note, .form_row .message_error2 {padding-left: 0} .b_submit, .form_row #map_canvas, .form_row div.package, .b_review {margin-left: 0} #proprty_desc_parent, #excerpt_parent, #proprty_feature_parent, #event_desc_tbl, #reg_desc_parent {clear: both} .upload {clear: both; margin-left: 0} .form_row #files, #status {padding-left: 0} .steps span {padding: 10px 26px} .related_listing {width: 100% !important} .related_listing li a.post_img img, .related_listing ul li h3 {width: 100%} .related_listing li {padding: 0 3% 0 0} .list .post h2 {width: 100%} .list .post .post_right {width: 100%; left: 0; top: 0; margin: 0; display: block; position: relative} .list .post_right a.pcomments, .list .post_right a.ping, .list a.addtofav {float: left; border-bottom: 0 !important; padding: 0 0 0 18px; display: block; margin-right: 10px; line-height: 20px} .list .post .post-category {margin-bottom: 0 !important} .list .post .post_content {width: 59%} .list .post .post_content p {width: 100%; clear: both} .list .post .post-meta {width: 91%} .list .post a.post_img {width: 33%} .post .post_content {float: left; width: 60%} .author_content {width: 75%} .grid .post {width: 139px} .grid .post .post-content .post_img img {width: 121px} .grid .post .post-content a.img_no_available, .related_listing a.img_no_available {width: 136px; padding: 39px 0} #container .grid .post_content {float: left; width: 100%} p.post_detail_content {width: 60%} .entry .post-content .warning_box, .entry .post-content .download_box, .entry .post-content .info_box, .entry .post-content .about_box, .entry .post-content .alert_box {padding-left: 9%} .small {width: 18%} #lostpassword_form {margin: -20px 0 50px 0} #contact_frm {margin-top: 20px} #sign_up .registration_form_box {border: none; margin-top: 0} .registration_form_r .registration_form_box {padding-left: 0} .sidebar #searchform2 button {width: 94px; background: url("skins/1-default/b_search94.png") no-repeat left top} .sidebar #searchform2 input {width: 135px} .we_recommend_in {width: 235px !important; height: 190px !important} #recaptcha_widget_div #recaptcha_area {width: 100% !important; float: left !important} #simplemodal-container {left: 25% !important} .featured_video .video iframe {width:100%; height:200px} .error_msg, .success_msg {max-width: 100% !important} table.calendar_widget td.date_n div span.popup_event {width: 80%; left: 0} .mega-menu { width: 100%; } .mega-menu ul.mega { width: 100%; } } /* Mobile (Landscape) ------------------------------------- */ @media only screen and (max-width: 768px) { .post-content .company_info {background:#ccc; border:1px solid #ccc; border-bottom:none; margin-top:10px; padding:0px 10px; background:#fff url(skins/1-default/contact_infobg.png) repeat-x left bottom} .post-content .company_info p span.i_date {background:url(images/i_calendar.png) no-repeat left top; padding-left:22px; color:#000} .post-content .company_info p span.i_time {background: url(images/i_clock.png) no-repeat left top; padding-left:22px; color:#000} .post-content .company_info p span.i_contact {background: url(images/i_phone.png) no-repeat left top; padding-left:22px; color:#000} .post-content .company_info p span.i_email2 {background:url(images/i_email2.png) no-repeat left 2px; padding-left:22px; color:#000} .post-content .company_info2 a.i_email2 {padding:15px 0 15px 22px; padding-bottom:10px; border-bottom: 1px solid #DDDDDD; background:url(images/i_email2.png) no-repeat left 17px; color: #777777; clear:both; display:block} .post-content .company_info2 a:hover.i_email2, .post-content .company_info a:hover.i_claim {color:#333} .post-content .company_info p span.fav {color: #000000; padding-left: 22px} .post-content .company_info a.i_claim {padding:16px 0px 17px 22px; font:bold 14px Arial, Helvetica, sans-serif; padding-bottom:10px; border-bottom: 1px solid #DDDDDD; background:url(images/i_claim.png) no-repeat left 12px; clear:both; display:block} .post-content .company_info p span.i_location {background: url(images/i_location.png) no-repeat left top; padding-left:22px; color:#000} .post-content .company_info2 p span.i_website, .post-content .company_info p span.i_website {background: url(images/i_website.png) no-repeat left top; padding-left:22px; color:#000} .post-content .company_info2 p span.i_rating {background:url(images/i_rateing.png) no-repeat left top; padding-left:22px; color:#000} .post-content .company_info p {font:14px Arial, Helvetica, sans-serif; padding:15px 0; margin:0; line-height:18px} .post-content .company_info p.i_verfied {background:url(images/verified.png) no-repeat left 12px; padding-left:32px; font-weight:bold; color:#090;} .post-content .company_info2 {background:#fff; border:1px solid #ccc; margin-bottom:30px; padding:5px 10px; padding-bottom:0} .post-content .company_info2 p {font:14px Arial, Helvetica, sans-serif; padding:15px 0; margin:0; line-height:18px} .post-content .company_info2 a.sharethis {float:left; display:block; margin-right:15px; font-size: 14px} .post-content p span.single_rating {position:relative; top:3px; left:4px} .post-content .company_info2 a.i_twitter, .post-content .company_info2 a.i_facebook {font-size: 14px; float:left; padding-left:20px; display:block; margin-right:15px} .post-content .company_info2 .share {border-bottom:1px solid #ddd; color:#777; padding:15px 0; font-family:Arial, Helvetica, sans-serif} .post-content .company_info2 .links {overflow:hidden; border-bottom:1px solid #ddd; color:#777; padding:15px 0; font-family:Arial, Helvetica, sans-serif; width: 100%} .post-content .company_info2 .i_customlable {padding:10px 0; border-bottom:1px solid #ddd; font-family:Arial, Helvetica, sans-serif; color:#777} .post-content .company_info2 .i_customlable span {color:#333; padding-bottom:5px} .post-content .company_info2 .i_customlable .i_customtext p {border-bottom:none; padding:0 0 10px 0} } @media only screen and (min-width: 480px) and (max-width: 768px) { .mid-column, .header_in, .footer_in, .main_nav_in, #container, .bottom_in, .header_right {width: 92%; padding: 0 4%;} .header {float: left} .header, .main_nav {clear: both} .wrapper, .main_nav_in {overflow: hidden} .header_in {position: relative} .header_right {float: left; clear: both; padding: 0;} .header_right .widget {width: 100%; float: left; clear: both; padding: 0; margin: 0} .header_right ul {margin: 20px 0 10px 0} .header_in .header_search_form {float: left; clear: both; margin: 0; padding-bottom: 40px} .header_in .header_search_form:after {content: ""; display: block; float: left; clear: both} .header_right .searchform, .header_right form {float: left} .header_right .member_link {float: left; display: block} .logo {clear: both; display: block; margin: 10px 0} .logo img { margin: 5px 0 8px; } .searchform {width: 425px; float: none; left: 0} span.searchfor, span.near {width: 131px} .top_banner_section_in .nivo-controlNav {left: 41%} .breadcrumb_in {display: none} .single_meta a.comments_popup_link {clear: both; float: left !important; width: 100%; display: block; margin-top: 10px} .main_nav { padding-bottom: 5px; } .top_navigation .currentmenu span {background: url(images/mobile-menu-icon.png) no-repeat 10px 8px #ffffff; font: bold 13px Helvetica,Arial,sans-serif; color: #7B7B7B; border: 1px solid #aaaaaa; border-bottom: 2px solid #aaaaaa; border-radius: 20px; padding: 8px 12px 8px 32px; margin-left: 3px; width: 45px; cursor: pointer} .top_navigation_in {display: block} .top_navigation_in ul.menu, .top_navigation_in ul.menu li ul {background: none} .top_navigation_in ul.menu li {border-bottom: 1px solid; border-color:rgba(256,256,256, 0.2)} .top_navigation_in ul.menu li li:last-child {border-bottom: none} .mega-menu ul.mega {height: auto !important} .mega-menu ul.mega li {float: none; line-height: 30px} .mega-menu ul.mega li a {float: none; background: none !important} .mega-menu ul.mega li .sub-container.mega .sub {display: block !important} .mega-menu ul.mega li .sub li.mega-hdr {float: none; margin: 0 10px 0px; width: auto} .mega-menu ul.mega .sub li.mega-hdr li a {padding: 0 0 0 30px} .mega-menu ul.mega li .sub-container {margin-left: 0 !important; position: static} .mega-menu ul.mega li .sub .row {width: 448px !important} .mega-menu ul.mega li .sub li.mega-hdr a.mega-hdr-a, .mega-menu ul.mega li a {padding: 0 8px} .mega-menu ul.mega li ul.sub-menu ul {margin: 0} .main_nav_in {overflow: hidden} .main_nav_in ul.sub-menu li .sf-sub-indicator, .menu-item ul.sub-menu li.menu-item {background:none} .currentmenu, .currentmenu2, .currentmenu2 span {display: block} .menu-header {display: none} ul.menu li {width: 100%} #menu-icon {display: block; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; width: 748px; cursor: pointer; text-align: left; padding-left: 20px} #menu-icon, .menu li li, #menu-main li li, a.sf-with-ul li {height: auto !important; background: none; border-bottom: 1px dotted #dddddd; padding-left: 30px !important} #menu-icon , div.menu ul li, ul.menu li{text-align: left; line-height: 30px} #menu-icon , ul.menu li a, div.menu li a {background: none !important} div.menu ul, ul.menu {float: left; min-height: 40px} div.menu ul li a, ul.menu li a {padding: 5px 10px} .menu, .menu .sub-menu, .menu .menu-item, #menu-main ul.sub-menu li ul {line-height: 30px; float: left; width: 470px; margin: 0; padding: 0; position: static; line-height: 30px; display: block !important; box-shadow: none; overflow: hidden} .menu li, .menu .sub-menu li, .menu .menu-item li {display: block; visibility: visible; float: left; padding: 0; position: static; margin: 0; box-shadow: none} ul.menu-item {padding: 0 !important} ul.sub-menu li.menu-item li, ul.sub-menu li.page_item li {background: url(images/bullet.png) no-repeat 7px 11px transparent !important} .top_banner_section {width: 92%; background-size: 470px 15px !important} .top_banner_section_in {width: 100%; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; float:left} #below_gallery_sidebar{display:block} #detail_page_sidebar{display:none} a.listing_img img { width: 100%; } #map_canvas {width: 100% !important; height: 300px !important} #map-canvas {width: 100% !important} .google_map_contact .widget {margin-bottom: 15px} .google_map_contact {float: left; margin: 0; padding-left: 0; border: none; width: 100%} #container, #commentform {margin-bottom: 25px} #contact_frm {margin-top: 20px; margin-bottom: 40px} #lostpassword_form {margin: -20px 0 50px 0} #sign_up .registration_form_box {border: none; margin-top: 0} #sign_up #userform {margin-top: 10px} .form_row label {width: 96%} .form_row .category_label {max-height: none; overflow: visible} .form_row .message_note, .form_row .message_error2, .form_row #files, #status {padding-left: 0} .form_row .textarea {width: 96%} p.post_detail_content {width: 58%} .registration_form_r .registration_form_box {padding-left: 0} .sidebar #searchform2 button {float: left; margin-left: 5px} .b_submit, .form_row #map_canvas, .form_row div.package, .b_review {margin-left: 0} #proprty_desc_parent, #excerpt_parent, #proprty_feature_parent, #event_desc_tbl, #reg_desc_parent {clear: both} .upload {clear: both; margin-left: 0} .steps {width: 100%; display: none} .steps span {width: 88%; clear: both} .author_details {width:91%} #container .grid .post_content {float: left; width: 100%} .galleria-container {min-height: 370px; margin-bottom: 10px} #galleria .galleria-container img {top: 0 !important} .related_listing {width: 100% !important} .content {margin-bottom: 30px} .content, .sidebar {width: 100%} .we_recommend_in {width: 100% !important; height: 250px !important; overflow: hidden; max-height: none !important} .featured_video .video iframe, .post-content iframe {width: 100%; height: auto} .list .post h2 {width: 100%} .list .post_content {float: left; width: 58%} .list .post a.post_img {width: 33%} .list .post .post-meta {width: 100%} .list .post .post_content p {width: 100%; clear: both} .list .post .post_right {width: 100%; left: 0; top: 0; margin: 0; display: block; position: relative} .list .post_right a.pcomments, .list .post_right a.ping, .list a.addtofav {float: left; border-bottom: 0 !important; padding: 0 0 0 18px; display: block; margin-right: 10px; line-height: 20px} .list .post .post-category {margin-bottom: 0 !important} .grid .post {margin: 1% -2px 1% 3%; width: 31%;} .grid h3 + .post { margin-left: 0; } .grid .post .post-content .post_img img {width: 195px} .grid .post .post-content a.img_no_available, .related_listing a.img_no_available {width: 132px; padding: 38px 0} .entry .post-meta h1 {margin-bottom: 20px} .entry .post-content p {word-wrap: break-word} #personal_info {border: none; padding-right:0} .footer {margin-top: 20px} .bottom_in .widget {padding-top: 25px} .bottom_in .three_column, .bottom_in .fourth_column, .bottom_in .equal_column, .bottom_in .min_width, .bottom_in .max_width {width: 100%; margin: 0; padding: 0} .bottom_in .textwidget, .bottom_in .widget li {margin-bottom: 0} .bottom_in .newsletter .field {width: auto; margin: 0 10px 0 0} .bottom_in .newsletter_form .btn_submit {float: left; position: relative; top: 0} .spacer_3col {margin-left: 0} .textwidget {margin-bottom: 20px} .related_listing {width: 100% !important} .related_listing li a.post_img img, .related_listing ul li h3, .related_listing a.img_no_available {width: 100%} .related_listing li {padding: 0 3% 0 0} .author_content {width: 75%} .menu-menu-container{display: none} .entry .post-content .warning_box, .entry .post-content .download_box, .entry .post-content .info_box, .entry .post-content .about_box, .entry .post-content .alert_box {padding-left: 15%} .small_without_margin {width: 80%} #recaptcha_widget_div #recaptcha_area {width: 100% !important; float: left !important; left: auto !important} .page_404_set .one_third_column, .page_404_set .one_third_column_last {width: 100%; padding: 0} .featured_video .video iframe, .post-content iframe {width: 100%; height: 300px} .styled-select #front_post_city_id {left: 15px !important; width: 280px !important} .bottom .menu-header, .bottom .breadcrumb_in {display: block} table.calendar_widget td.date_n div span.popup_event {width: 88% !important; left: 2%} #propertyform .form_row .wp-editor-wrap {max-width:100%} } @media only screen and (max-width: 768px) { .advt_widget { text-align: left; } .mega-menu { width: 100%; } .mega-menu ul.mega { width: 100%; } } /* Mobile ((Portrait) ------------------------------------- */ @media only screen and (max-width: 479px) { .content-title h1, .entry .post-meta h1 {font-size: 30px} .wrapper {overflow: hidden} .mid-column, .header_in, .footer_in, .main_nav_in, #container, .bottom_in, .header_right {width: 96%} .header {float: left} .header, .main_nav {clear: both} .wrapper, .main_nav_in {overflow: visible} .header_in {position: relative} .header_right {width: 100%; float: left; clear: both} .header_right .widget {width: 100%; float: left; clear: both; padding: 0; margin: 0} .header_right ul {margin: 20px 0 10px 0} .header_in .header_search_form {float: left; clear: both; margin: 0; padding-bottom: 25px} .header_in .header_search_form:after {content: ""; display: block; float: left; clear: both} .header_right .searchform, .header_right form {float: left} .header_right .member_link {float: left; display: block} .logo {clear: both; display: block; margin: 10px 0} .searchform {width: 100%; float: none; left: 0; top: 160px} .search_btn {float: left} span.searchfor, span.near {width: 48%; margin-bottom: 25px; border-radius: 15px; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;} .footer_in, .bottom_in {overflow: hidden} .header_right ul {margin: 20px 0 10px 0} .header_right ul li {line-height: 24px} .header_right span.near small, .header_right span.searchfor small {margin-top: 0} .header_right .searchform {top: 140px} .header_right .member_link {float: left; display: block} .top_banner_section_in .nivo-controlNav {left: 39%} .wp-editor-container {width: 100%; overflow: hidden} .top_navigation .currentmenu span {background: url(images/mobile-menu-icon.png) no-repeat 10px 8px #ffffff; font: bold 13px Helvetica,Arial,sans-serif; color: #7B7B7B; border: 1px solid #aaaaaa; border-bottom: 2px solid #aaaaaa; border-radius: 20px; padding: 8px 12px 8px 32px; margin-left: 3px; width: 45px; cursor: pointer} .top_navigation .currentmenu span:hover {color: #00A3D3} .top_navigation_in {display: block} .top_navigation_in ul.menu, .top_navigation_in ul.menu li ul {background: none} .top_navigation_in ul.menu li {border-bottom: 1px solid; border-color:rgba(256,256,256, 0.2)} .top_navigation_in ul.menu li a {color: #B3DAFA} .top_navigation_in ul.menu li a:hover {color: #ffffff} .top_navigation_in ul.menu li li:last-child {border-bottom: none} .mega-menu, .mega-menu ul.mega {width: 100%} .mega-menu ul.mega {overflow: hidden} .mega-menu ul.mega {height: auto !important} .mega-menu ul.mega li {float: none; line-height: 30px} .mega-menu ul.mega li a {float: none; background: none !important} .mega-menu ul.mega li .sub-container.mega .sub {display: block !important} .mega-menu ul.mega li .sub li.mega-hdr {float: none; margin: 0 10px 0px; width: auto} .mega-menu ul.mega .sub li.mega-hdr li a {padding: 0 0 0 30px} .mega-menu ul.mega li .sub-container {margin-left: 0 !important; position: static} .mega-menu ul.mega li .sub .row {width: 448px !important} .mega-menu ul.mega li .sub li.mega-hdr a.mega-hdr-a, .mega-menu ul.mega li a {padding: 0 8px} .mega-menu ul.mega li ul.sub-menu ul {margin: 0} .currentmenu, .currentmenu2, .currentmenu2 span {display: block; float: left} .menu-header, .breadcrumb_in {display: none; float: none; clear: both;} .bottom .menu-header, .bottom .breadcrumb_in {display: block} .menu-menu-container{display: none} .main_nav_in {min-height: 38px; height: auto} div.menu ul, ul.menu {float: left; min-height: 40px} div.menu ul li, ul.menu li, #menu-icon {text-align: left; line-height: 30px} div.menu ul li a, ul.menu li a {padding: 5px 10px} #menu-icon {text-align: left; display: block; width: 748px; padding-left: 20px; cursor: pointer} #menu-icon, .menu li, #menu-main li li, a.sf-with-ul {background-position: left -4px} #menu-icon, .menu li li, #menu-main li li, a.sf-with-ul li {background: none; border-bottom: 1px dotted #dddddd; padding-left: 30px !important} .menu, #menu-main {width: 100%; float: left; clear: both; height: auto} .menu, .menu .sub-menu, .menu .menu-item, #menu-main ul.sub-menu li ul {float: left; width: 100%; margin: 0; padding: 0; position: static; line-height: 30px; display: block !important; box-shadow: none; overflow: hidden} .menu li, .menu .sub-menu li, .menu .menu-item li {display: block; visibility: visible; float: left; padding: 0; position: static; margin: 0; box-shadow: none} ul.menu li {width: 100%} ul.sub-menu li.menu-item li, ul.sub-menu li.page_item li {background: url(images/bullet.png) no-repeat 7px 17px transparent !important} ul.menu-item {padding: 0 !important} div.menu ul li, ul.menu li {text-align: left} div.menu ul li ul, ul.menu li ul {position: static} .menu-item ul.sub-menu li.menu-item, .main_nav_in ul.sub-menu li .sf-sub-indicator {background:none} #proprty_desc_parent, #excerpt_parent, #proprty_feature_parent, #event_desc_tbl, #reg_desc_parent {width: 100%} .top_banner_section {width: 96%; background-size: 96% 12px !important} .top_banner_section_in {width: 90%} #below_gallery_sidebar{display:block} #detail_page_sidebar{display:none} #map_canvas {width: 100% !important; height: 300px !important} .google_map_contact {float: left; margin: 0; padding-left: 0; border: none; width: 100%} .google_map_contact .widget {margin-bottom: 15px} #propertyform .form_row input.textfield {width: 100%; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;} #propertyform input.b_submit {width: auto} #sign_up .registration_form_box {border: none; margin-top: 0} #contact_frm {margin-top: 20px; margin-bottom: 40px} #advancedsearch form {width: 95%} #lostpassword_form {margin: -20px 0 50px 0} .form_row #files, #status {padding-left: 0} .form_row .category_label {max-height: none; overflow: visible} .registration_form_r .registration_form_box, .form_row .message_note, .form_row .message_error2 {padding-left: 0} .form_row label, .form_row .textfield, .form_row .category_label label {width: 96%} .form_row #map_canvas, .b_review, .form_row .category_label {margin-left: 0; width: 96%} .form_row div.package {width: 76%; margin-left: 0} .content {margin-bottom: 30px} p.post_detail_content {width: 100%} .loop .post .post_content {float: left; width: 100%} .post-content .arclist ul.sitemap_list {clear: both; width: 100%; float: left; margin-top: 25px} .post-content .arclist ul li {margin-left: 0} .single_meta a.comments_popup_link, .post-meta a.comments_popup_link {float: left !important; margin-left: 10px; background-position: left 6px !important} .single_meta .post-daily-view, .post-meta .post-daily-view, .post-author, .post-date {display: inline-block; *display: inline; padding-left: 5px !important} .advanced_left label {width: 100%} .advanced_left .textfield {width: 65%} .b_submit {width: 125px; margin-left: 0} #proprty_desc_parent, #excerpt_parent, #proprty_feature_parent, #event_desc_tbl, #reg_desc_parent {clear: both} .upload {clear: both; margin-left: 0} .steps {width: 100%; display: none} .steps span {width: 85%; clear: both} #proprty_desc_parent, #proprty_desc_tbl, #proprty_desc_ifr, #excerpt_ifr, #excerpt_tbl, #proprty_feature_tbl, .form_row .textarea, #event_desc_tbl, #reg_desc_tbl {width: 96%} .feature_label label, .form_row .feature_label {width: 95% !important} .galleria-container {min-height: 275px; margin-bottom: 10px} #galleria .galleria-container img {top: 0 !important} .related_listing ul {width: 100%} .list .post .post-meta {margin-bottom: 10px; width: 100%} .list .post a.read_more {margin-bottom: 5px} .list .post a.post_img {width: 93%; max-width: 100%} .post-content a.img_no_available {width: 93% !important; max-width: 100% !important; padding: 85px 0 !important} .list .post a.post_img img, .list .post .post_content, .list .post .post_content p {width: 100%} .list .post .post_right {width: 100%; left: 0; top: 0; margin: 0; display: block; position: relative} .list .post_right a.pcomments, .list .post_right a.ping, .list a.addtofav {float: left; border-bottom: 0 !important; padding: 0 0 0 18px; display: block; margin-right: 10px; line-height: 20px} .list .post .post-category {margin-bottom: 0 !important} .grid .post {width: 96%} .grid .post .post-content .post_img img {width: 100%} .related_listing {width: 100% !important} .related_listing ul li p {width: 100%} .related_listing li a.post_img img {width: 100%} .related_listing li {padding: 0; width: 100%} .author_content {width: 100%; clear: both; margin-top: 10px} .content .sort_by li a, .content .sort_by li.current a {padding: 9px 5px 8px} .content .sort_by li, .content .sort_by li.current {margin-left: 0px} .content .sort_by {padding-left: 0px} .content .sort_by li {margin: 0 6px 0 0} .content, .sidebar, #excerpt_parent, .three_column {width: 100%} .we_recommend_in {width: 100% !important; height: 250px !important; max-height: none !important; overflow: hidden} .featured_video .video iframe, .post-content iframe {width: 100%; height: 250px} #container, #commentform {margin-bottom: 25px} #personal_info {border: none; padding-right:0} #sign_up #userform {margin-top: 5px} .entry .post-meta h1 {margin-bottom: 20px} .entry .post-content p {word-wrap: break-word} .author_details {width:88%} .footer {margin-top: 20px} .bottom_in .widget {padding-top: 25px} .bottom_in .three_column, .bottom_in .fourth_column, .bottom_in .equal_column, .bottom_in .min_width, .bottom_in .max_width {width: 100%; margin: 0; padding: 0} .bottom_in .textwidget, .bottom_in .widget li {margin-bottom: 0} .bottom_in .newsletter .field {width: auto; margin: 0 10px 0 0} .bottom_in .newsletter_form .btn_submit {float: left; position: relative; top: 0} .textwidget {margin-bottom: 20px} .sidebar #searchform2 button {float: left; margin-left: 5px} .entry .post-content .warning_box, .entry .post-content .download_box, .entry .post-content .info_box, .entry .post-content .about_box, .entry .post-content .alert_box {padding-left: 22%} .small_without_margin, .small {width: 70%} #simplemodal-container #recaptcha_widget_div #recaptcha_area {float: right !important; width: auto !important; margin-left: -10px} #simplemodal-container .row input, #simplemodal-container .row textarea {width: 260px !important} #simplemodal-container .row .button {margin: 20px auto 0 auto !important; width: 100px !important} #simplemodal-container #basic-modal-content {padding: 0} #recaptcha_table {float: right !important} #basic-modal-content .message_error2, #inquiry_div .message_error2, #claim_listing_frm .message_error2 {float: left !important; clear: both !important; padding-left: 0 !important} #inquiry_frm {padding-bottom: 30px} #inquiry_frm_popup, #popup_frms {float: left; clear: both; margin-top: 10px} #inquiry_frm_popup:after {clear: both; float: left} #inquiry_div, #claim_listing_frm, #send_to_frnd, #basic-modal-content {width: 290px !important} .page_404_set .one_third_column, .page_404_set .one_third_column_last {width: 100%; padding: 0} #contact_frm .error, .message_error {padding-left: 0} #contact_frm .form_row .textfield, #contact_frm .form_row .textarea {width: 80%} .grid .post p.review {border: none !important; float: left; margin-right: 15px} .content .grid .post_content {border-bottom: 1px solid #E5E5E5} .content_full {overflow: hidden} .comment-text {width: 75%} .list .post .post-meta span.post-total-view, .list .post .post-meta span.post-daily-view {float:none; display: inline-table; padding-right: 15px} .error_msg, .success_msg {max-width: 100%} .editprofile_page #sign_up .registration_form_box {display: inline} .entry .single_meta {float: left; display: block} .form_row .category_label .form_cat {width: 96%} table.calendar_widget td.date_n div span.popup_event {width: 88% !important; left: 2%} #propertyform .form_row .wp-editor-wrap {max-width:100%} .header_in { padding: 0; } .logo img { margin: 0 0 10px; } .header_right .searchform span .s { width: 88%; margin-right: 10px; } span.searchfor { margin-right: 2%; } span.near { margin-left: 2%; } div.menu ul li ul li a, ul.menu li ul li a { padding: 5px 10px 5px 0; } .commpadd input, #respond textarea { width: 100%; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; } .message_error2 { padding-left: 0; } } @media only screen and (max-width: 320px) { #eventcal table {width: 280px !important} #gallery-1 .gallery-item { width: 49% !important; } }