/* Theme Name: TechNews Author URI: http://www.templatic.com Description: A refreshingly brilliant blog theme specially for technology enthusiasts and tech journalists to create a dashing blog. Theme Documentation | Follow @templatic on Twitter Author: Templatic Version: 1.0.2 License: Copyright: (c) 2012 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. Footer 8. Page Templates 9. Add listing Form 11. Login Form 12. Registration Form 13. Calendar CSS -----------------------------------------------------------------------------------*/ @import url(http://fonts.googleapis.com/css?family=Shanti|Crete+Round:400,400italic); @import url(http://fonts.googleapis.com/css?family=Montserrat); /*----------------------------------------------------------------------------------- 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;} html { /*font-size: 100%;*/ overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 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 Arial, Helvetica, sans-serif; } a { color:#333; text-decoration:none; } a:hover { color:#333; text-decoration:underline; } h1,h2,h3,h4,h5,h6 {font-family:Crete Round, Georgia, "Times New Roman", Times, serif;} /*--- 1.1 Structure ---*/ .header { clear:both; } .wrapper, .top_navigation_in, .header_in, .footer_in { width:978px; margin:0 auto; } .top_navigation { position:relative; z-index:99; } .main_nav {margin-bottom:30px;} .main_nav_in { } .header { overflow: hidden; } .wrapper { } #container { margin-bottom:45px; padding-top:0; } .footer { clear:both; } .left { float: left;} .right { float: right;} /*--- 1.2 Layouts ---*/ /*--- 1.2.1 2-Column ---*/ .content { width: 642px; position:relative; } .sidebar { width: 300px; } /*--- 1.2.2 3-Column ---*/ .column_spacer { padding-left:30px; } .content_3col { width: 570px; margin-left:175px; position:relative; } .sidebar_3col_l, .sidebar_3col_r { width:155px; } .sidebar_3col_l { padding-right:20px; border-right:1px solid #ccc; margin-left:-775px; } .sidebar_3col_r { padding-left:20px; border-left:1px solid #ccc; } /*--- 1.2.3 3-Column with left sidebar ---*/ .content_3col_right { width: 600px; } .sidebar_3col_merge_l { width:340px; padding-right:20px; border-right:1px solid #ccc; } .sidebar_3col_merge_l .sidebar_3col_l_m, .sidebar_3col_merge_l .sidebar_3col_r_m { width:155px; } .sidebar_3col_merge_l .sidebar_3col_l_m { padding-right:15px; border-right:1px solid #ccc; } .sidebar_3col_merge_l .sidebar_3col_r_m { border-left:none; } /*--- 1.2.4 3-Column with right sidebar ---*/ .content_3col_left { width: 600px; } .sidebar_3col_merge_r { width:340px; padding-left:20px; border-left:1px solid #ccc; } .sidebar_3col_merge_r .sidebar_3col_l_m, .sidebar_3col_merge_r .sidebar_3col_r_m { width:155px; } .sidebar_3col_merge_r .sidebar_3col_l_m { padding-right:15px; border-right:1px solid #ccc; } .sidebar_3col_merge_r .sidebar_3col_r_m { border-left:none; } /*--- 1.2.5 Full width ---*/ .content_full {width: 978px;} /*--- 1.2.6 Pre-footer (equal, 3-column, 4-column) ---*/ .spacer { padding:40px 0; clear:both; } /* remove this class and the sky will fall on you */ .bottom { background:#2c3033;float:left;width:100%; clear:both; } .bottom_in { padding:40px 0 0 0; clear:both; width: 978px; margin:0 auto;} .max_width { width:69%; float:right; } .min_width { width:24.6%; float:left; } .max_width_2colright { float:left; } .min_width_2colright { float:right; } .equal_column { width:46%; } .three_column { width:31%; } .foruth_column { width:23%; } .foruth_column_first { width:25%; } .spacer_3col { margin-left:5%; } .spacer_4col { margin-left:3%; } .max_width, .min_width, .equal_column, .three_column, .foruth_column { padding:0; } /*--- 1.2.7 Footer layout ---*/ .footer { min-height: 60px; background:#2C3033; } .footer .footer_in { border-top:1px solid #363a3d; padding-top: 20px; } .footersearch { height: 115px; width: 100%; background:#2C3033; border-bottom: 1px solid #363A3D; } .bktwtpmdl { margin: 0 auto; width: 978px; } .footersearch a.backtotop { background: url(images/icons.png) no-repeat scroll right -584px transparent; color: #929699; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight:bold; margin-top: 53px; padding-right: 75px; float: left; text-decoration: underline; } .footersearch a.backtotop:hover { text-decoration:none; } .ftrtxtbox { background: url(images/icons.png) no-repeat scroll 10px -598px #222629; border: medium none; border-radius: 30px 30px 30px 30px; color: #aaa; font-family: 'Crete Round',Arial,serif; font-size: 14px; height: 34px; line-height:34px; margin:40px 0 0 18%; padding: 3px 10px 3px 30px; width: 30%; } /*-----------------------------------------------------------------------------------*/ /* 2. Header style /*-----------------------------------------------------------------------------------*/ .logo { padding:0px; overflow: hidden; float: left; margin:12px 0; } .logo img { max-width: 290px; margin:0; padding:12px 0; } .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; margin: 20px 0; } .header_right .widget { margin-bottom:0; } .sidebar .search { padding:18px 18px 0; } .search fieldset { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; height: 35px; margin-bottom: 20px;} .search input { background: none repeat scroll 0 0 transparent; border: medium none; color: #333333; font-size: 13px; padding: 8px; vertical-align: middle; width: 78%;} .search button { border: medium none; border-radius: 0 3px 3px 0; cursor: pointer; float: right; font-size: 13px; font-weight: bold; height: 35px; padding: 9px 17px; text-indent: -9009px; width:38px; } *+html .search button { position:relative; top:-40px; display:block; } /*-----------------------------------------------------------------------------------*/ /* 3. Navigation Menus /*-----------------------------------------------------------------------------------*/ /*--- 3.1 Top Menu ---*/ /*--- 3.1.1 Top Menu layout ---*/ .top_navigation_in .widget { margin:0; } .top_navigation_in ul { float:left; } .top_navigation_in ul li {float: left; display: block; margin: 0; text-align: center; font-size: 13px; padding:14px 20px 14px 20px; position:relative; } .top_navigation_in ul li:first-child {padding-left:0;} .top_navigation_in ul li a { text-decoration: none; display: block; white-space: nowrap; text-transform:uppercase; font-family: Shanti, Arial, Helvetica, sans-serif;} .top_navigation_in ul li a:hover {text-decoration:none; } .top_navigation_in ul li ul { height:auto; } .top_navigation_in ul li ul { visibility:hidden; display:block; position:absolute; left:-1px; top:100%; width:200px; padding:10px 0;} .top_navigation_in ul li ul li { margin-right:0; padding:0; list-style:none; text-transform:capitalize; } .top_navigation_in ul li ul li a { display:block; padding:8px 20px; text-align:left; width:160px; } .top_navigation_in ul li ul:hover {} .top_navigation_in ul li ul li a:hover {} .top_navigation_in ul li:hover, .top_navigation_in ul li:hover ul { display:block; visibility:visible; } .top_navigation_in ul li ul li ul { visibility: hidden; display:block; position:absolute; left:181px; top:0px; width:180px; } .top_navigation_in ul li:hover ul li ul { visibility:visible; display:none; } .top_navigation_in ul li ul li:hover ul { display:block; visibility:visible; } .top_navigation_in ul li ul li ul li ul { visibility:hidden; display:block; position:absolute; left:201px; top:0px; width:200px; } .top_navigation_in ul li:hover ul li ul li ul { visibility:hidden; display:none; } .top_navigation_in ul li ul li ul li:hover ul { display:block; visibility:visible; height:auto; } .top_navigation_in ul li.current_page_item a, .top_navigation_in ul li.current_page_parent a, .top_navigation_in ul li.current_page_ancestor a { } .top_navigation .top_nav_search fieldset input[type="text"] {border:none; font-family: Shanti, Arial, Helvetica, sans-serif; padding-left:20px; width:154px; } .top_navigation .top_nav_search fieldset button { border: medium none; height: 31px; right: 2px; padding: 0; position: absolute; top: 0px; width: 32px; cursor:pointer; } .top_navigation .top_nav_search { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; margin-top: 6px; padding: 5px 12px; float:right; position:relative; height:21px; } .currentmenu, .currentmenu2 { display:none; } /*--- 3.1.2 Top Menu Basic Color Scheme ---*/ .top_navigation_in { background:none; } .top_navigation_in ul li a {color: #666; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; transition:color 0.2s; } .top_navigation_in ul li a:hover { color:#0178ba; } .top_navigation_in ul li ul { background:#FFFFFF; border: 1px solid #DDDDDD; border-radius: 0 0 5px 5px; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; transition:background 0.2s; } .top_navigation_in ul li ul li { border-bottom:1px solid #DDDDDD; background:none; } .top_navigation_in ul li ul li a { background:none; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; transition:background 0.2s; } .top_navigation_in ul li ul li a:hover { } .top_navigation_in ul li ul li ul { background:#FFFFFF; width:200px; border-radius:5px; top:0; left:201px; padding:0;} .top_navigation_in ul li ul li ul li ul { background:#FFFFFF; } .top_navigation_in ul li.current_page_parent a, .top_navigation_in ul li.current_page_ancestor a, .top_navigation_in ul li.current_page_item a { background:none; color:#0178ba; } .top_navigation_in ul li.current-menu-item a, .top_navigation_in ul li.current-bcategory-ancestor a, .top_navigation_in ul li.current-cat a { background:none; color:#0178ba; } .top_navigation_in ul li.current_page_item ul li a, .top_navigation_in ul li.current-bcategory-ancestor ul li a { background:none; color:#959595; } .top_navigation_in ul li.current_page_item ul li a:hover, .top_navigation_in ul li.current-bcategory-ancestor ul li a:hover { background:none;; color:#0178ba; } .top_navigation_in ul li.current_page_ancestor ul li a { background:none; color:#959595; } .top_navigation_in ul li.current_page_ancestor ul li a:hover { background:none; color:#0178ba; } .top_navigation_in ul li.current_page_parent ul li.current_page_item a { background:none; color:#0178ba; } .top_navigation_in ul li.current_page_parent ul li a { background:none; color:#959595; } .top_navigation_in ul li.current_page_parent ul li.current_page_item ul li a { background:none; color:#959595; } .top_navigation_in ul li.current_page_parent ul li.current_page_item ul li a:hover { background:none; color:#0178ba; } .top_navigation_in ul li.current_page_ancestor ul li.current_page_parent a { background:none; color:#0178ba; } .top_navigation_in ul li.current_page_ancestor ul li.current_page_parent ul li a { background:none; color:#959595; } .top_navigation_in ul li.current_page_ancestor ul li.current_page_parent ul li a:hover { background:none; color:#0178ba; } .top_navigation_in ul li ul li.current_page_parent ul li.current_page_item a { background:none; color:#0178ba; } .top_navigation_in ul li ul li.current_page_parent ul li.current_page_item ul li a { background:none; color:#959595; } .top_navigation_in ul li ul li.current_page_parent ul li.current_page_item ul li a:hover { background:none; color:#0178ba; } .top_navigation_in ul li ul li.current_page_ancestor a { background:none; color:#0178ba; } .top_navigation_in ul li ul li.current_page_ancestor ul li a { background:none; color:#959595; } .top_navigation_in ul li ul li.current_page_ancestor ul li a:hover { background:none; color:#0178ba; } .top_navigation_in .select-menu { color: #959595; font-family: Shanti,Arial,Helvetica,sans-serif; font-size: 13px; padding: 12px 12px 13px; text-transform: uppercase; display:none; margin-bottom:11px; } .select-menu option, .select-menu2 option { border-right:1px solid #ddd; } /*--- 3.2 Main Menu ---*/ /*--- 3.2.1 Main Menu layout ---*/ .main_nav_in { position:relative; z-index:9; } .main_nav_in ul { } .main_nav_in ul li {float: left; display: block; margin: 0 0 0 -1px; text-align: center; position:relative; border-right:1px solid #DDDDDD;border-left:1px solid #DDDDDD; } .main_nav_in ul > li:hover { color:#959595; background: #333; } .main_nav_in ul li.current_page_item, .main_nav_in ul li.current-menu-item, .main_nav_in ul li.current-cat { background: none repeat scroll 0 0 #FFFFFF; border-top: 1px solid #DDDDDD; margin-top: -5px; padding: 4px 0 0; bottom: -1px; } .sub-menu li { bottom: 0px !important; } .sub-menu li.current_page_item, .sub-menu li.current-menu-item, .sub-menu li.current-cat { border-top:none !important; } .main_nav_in ul li a { text-decoration: none; display: block; padding:14px 20px 14px 20px; white-space: nowrap;} .main_nav_in ul li a:hover {text-decoration:none; } .main_nav_in ul li ul { visibility:hidden; display:block; position:absolute; left:0; top:100%; padding: 0; z-index:100; } .main_nav_in ul li ul li { margin-right:0; margin-left:0; padding-top:0 !important; list-style:none; text-transform:capitalize; border:none; } .main_nav_in ul li ul li:hover {margin-top:0; padding:0;} .main_nav_in ul li ul li a { display:block; width:160px; padding:8px 20px; text-align:left; } .main_nav_in ul li:hover, .main_nav_in ul li:hover ul { display:block; visibility:visible; } .main_nav_in ul li ul li ul { visibility:hidden; display:block; position:absolute; left:100%; top:0px; } .main_nav_in ul li:hover ul li ul { visibility:hidden; } .main_nav_in ul li ul li:hover ul { display:block; visibility:visible; } .main_nav_in ul li ul li ul li ul { visibility:hidden; display:block; position:absolute; left:100%; top:0; } .main_nav_in ul li:hover ul li ul li ul { visibility:hidden; } .main_nav_in ul li ul li ul li:hover ul { display:block; visibility:visible; height:auto; } .main_nav_in ul li ul li.current_page_item { background:#0178BA; border-bottom: 1px solid #484848; border-top:none; margin-top:0 !important; } /*--- 3.2.2 Main Menu Basic Color Scheme --- */ .main_nav_in { background:#FFFFFF;} .main_nav_in ul li a {color: #333333; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; transition:color 0.2s; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; transition:background 0.2s; font-family: Shanti, Arial, Helvetica, sans-serif; font-size:13px; /*font-family: 'Montserrat', sans-serif;*/ } .main_nav_in ul li a:hover { color:#959595; } .main_nav_in ul li:hover a { color:#969696; } .main_nav_in ul li ul { background:#333; border:none; } .main_nav_in ul li ul li { border-bottom:1px solid #484848; width:100%; } .main_nav_in ul li ul li:hover { background: #0078BD; border-bottom: 1px solid #298DC8; } .main_nav_in ul li ul li a { color:#fff !important; text-transform:capitalize; } .main_nav_in ul li ul li a:hover { color:#0178ba; } .main_nav_in ul li ul li.current_page_item, .main_nav_in ul li ul li.current-menu-item { background: #0078BD; border-bottom: 1px solid #298DC8; margin-top:0px !important; } .main_nav_in ul li ul li ul { background:#0078bd; border:none !important; } .main_nav_in ul li ul li ul li { border-bottom: 1px solid #298dc8; } .main_nav_in ul li ul li ul li:hover { background:#333; border-bottom: 1px solid #484848; } .main_nav_in ul li ul li ul li a:hover { color:#fff; } .main_nav_in ul li ul li ul li.current_page_item, .main_nav_in ul li ul li ul li.current-menu-item { background:#333; border-bottom: 1px solid #484848; } .main_nav_in ul li ul li ul li ul { background:#333; } .main_nav_in ul li ul li ul li ul li { border-bottom: 1px solid #484848; } .main_nav_in ul li ul li ul li ul li:hover { background: #0078BD; border-bottom: 1px solid #298DC8; } .main_nav_in ul li ul li ul li ul li.current-page-item, .main_nav_in ul li ul li ul li ul li.current-menu-item { background: #0078BD; border-bottom: 1px solid #298DC8; } .main_nav_in ul li.current-menu-item a, .main_nav_in ul li.current-bcategory-ancestor a, .main_nav_in ul li.current-cat a { /*background:#fff;*/ color:#0178ba; position:relative; bottom:-1px; } .main_nav_in ul li.menu-item-home a { background:url(images/home.png) no-repeat scroll 17px 16px; padding:14px 20px 14px 36px; } .main_nav_in ul li.menu-item-home a:hover { background: url(images/home_white.png) no-repeat scroll 17px 16px transparent; } .main_nav_in ul li.current_page_item ul li a, .main_nav_in ul li.current-bcategory-ancestor ul li a { background:none; color:#333; } .main_nav_in ul li.current_page_item ul li a:hover, .main_nav_in ul li.current-bcategory-ancestor ul li a:hover { background:none; color:#0178ba; } .main_nav_in ul li.current_page_ancestor ul li a { background:none; color:#333; } .main_nav_in ul li.current_page_ancestor ul li a:hover { background:none; color:#0178ba; } .main_nav_in ul li.current_page_parent ul li.current_page_item { } .main_nav_in ul li.current_page_parent ul li.current_page_item a { background:none; color:#0178ba; } .main_nav_in ul li.current_page_parent ul li a { background:none; color:#333; } .main_nav_in ul li.current_page_parent ul li.current_page_parent ul li.current_page_item a { background:#333; color:#fff; } .main_nav_in ul li.current_page_parent ul li.current_page_item ul li a { background:none; color:#333; } .main_nav_in ul li.current_page_parent ul li.current_page_item ul li a:hover { background:none; color:#0178ba; } .main_nav_in ul li.current_page_ancestor ul li.current_page_parent a { background:none; color:#0178ba; } .main_nav_in ul li.current_page_ancestor ul li.current_page_parent ul li a { background:none; color:#333; } .main_nav_in ul li.current_page_ancestor ul li.current_page_parent ul li a:hover { background:none; color:#0178ba; } .main_nav_in ul li ul li.current_page_parent ul li.current_page_item a { background:none; color:#0178ba; } .main_nav_in ul li ul li.current_page_parent ul li.current_page_item ul li a { background:none; color:#333; } .main_nav_in ul li ul li.current_page_parent ul li.current_page_item ul li a:hover { background:none; color:#0178ba; } .main_nav_in ul li ul li.current_page_ancestor a { background:none; color:#0178ba; } .main_nav_in ul li ul li.current_page_ancestor ul li a { background:none; color:#333; } .main_nav_in ul li ul li.current_page_ancestor ul li a:hover { background:none; color:#0178ba; } .main_nav_in .select-menu2 { border:none; border-right:1px solid #DDDDDD; color: #959595; font-family: Shanti,Arial,Helvetica,sans-serif; font-size: 13px; padding: 13px; text-transform: uppercase; display:none; height: 48px; } /*---3.3 Breadcrumbs ---*/ .breadcrumb_in { color: #BBBBBB; font-family: Shanti,Arial,Helvetica,sans-serif; font-size: 14px; margin-bottom: 20px; position: relative; font-style: italic; } .breadcrumb_in a { font-style:normal; } /*-----------------------------------------------------------------------------------*/ /* 4. Main Content Styles /*-----------------------------------------------------------------------------------*/ #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 img { margin: 0;} .content .attachment img { } .content .alignleft, .post-content img.alignleft { display: inline; float: left; margin-right: 18px; border:1px solid #ccc; padding:3px; } .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 { line-height: 18px; margin-bottom: 20px;} .content .wp-caption img { margin: 0; } .content .wp-caption p.wp-caption-text { background: url("images/wp-caption.png") no-repeat scroll 0 0 transparent; color: #888888; font-size: 12px; margin: 15px 0; min-height: 32px; padding: 0 0 0 40px;} .content .wp-smiley { margin: 0; } .content .gallery { 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; } .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:20px 0; } .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 span.before_quote, .post-content span.after_quote { background:url(images/before-quote.png) no-repeat; display:block; height: 32px; width: 100%; } .post-content span.after_quote { background:url(images/after-quote.png) no-repeat; } .post-content blockquote {background:url(images/block-quote-bg.png) repeat-y; width:100%;} .post-content blockquote p { background: url("images/blockquotep.png") repeat scroll 0 0 transparent; font-family: Crete Round,Georgia,"Times New Roman",Times,serif; font-size: 16px; margin: 0 1px 0 2px; padding: 3px 30px 0; max-width: 580px; } .content-title { color:#000000; font-size:22px; font-weight:normal; padding:0; position:relative; /*width:100%;*/ } .advancedlatestpost { border: 1px solid #D8DDE1; } .content-title h1 { color: #444; font-family: 'Crete Round', Georgia, Times New Roman, sans-serif; font-size: 32px; font-weight: normal; padding: 0; width:100%; margin-bottom:10px; } .advancedlatestpost h1 { color: #373737; font-size: 16px; padding: 14px; width: 300px; margin:0; } .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;} /*****************************************************/ .viewsbox { height: 28px; width: 193px; position: absolute; right:0; top: 10px; width: 198px; } .common-viewtypes .viewsbox { width: 187px; } .viewsbox a { color: #343434; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding:0 10px 0 25px; line-height:26px; display:block; cursor:pointer; } .viewsbox .listview { float: left; } .viewsbox .listview a { background: url(images/icons.png) no-repeat scroll 8px -152px transparent; border: 1px solid #CFD4D8; border-right:none; border-radius: 3px 0 0 3px; padding:0 15px 0 25px; } .viewsbox .gridview { float: left; } .viewsbox .gridview a { background: url(images/icons.png) no-repeat scroll 8px -169px transparent; border: 1px solid #CFD4D8; border-radius: 0 3px 3px 0; } .viewsbox a:hover { color: #626A6D; text-decoration:none; } .viewsbox .listview a:hover, .viewsbox .listview a.active { background:url(images/icons.png) no-repeat scroll 8px -152px #F7F7F9; } .viewsbox .gridview a:hover, .viewsbox .gridview a.active { background:url(images/icons.png) no-repeat scroll 8px -169px #F7F7F9; } .common-viewtypes { top:-52px; } .author-viewtype { top:0; margin-bottom:45px; } /*****************************************************/ .list .post { padding: 20px 0 18px; 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 a {color: #000;} .list .post .post-category {font-size: 11px; color: #d9d9d9; margin-bottom: 11px;} .list .post .post-category a {text-decoration: none;} .list .post .post-category a:hover {text-decoration: underline;} .list .post h2 { } .list .post h2, .list .post h2 a { color: #444; font-size: 25px; font-weight: normal; text-decoration: none; margin: 6px 0 9px; font-family: 'Crete Round', Georgia, Times New Roman, serif; } .post h2 a:hover { color:#666; text-decoration:none; } .list .post .post-meta {font-size: 11px; font-style: italic; color: #aaa9a9;} .list .post .post-meta span, .list .post .post-meta a {color: #000; text-decoration: none; font-style: normal;} .list .post .post-meta a:hover {text-decoration: underline;} .list .post .post-meta span.daysago, .list .post .post-meta span.post-author a { background: url(images/timeago.png) no-repeat scroll 0 2px transparent; color: #bbbbbb; font-family: Shanti, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; margin-right: 15px; padding-left: 16px; text-transform:uppercase; } .list .post .post-meta span.post-author a { background: url(images/postmeta-author.png) no-repeat scroll 0 3px transparent; color: #0078BD; } .list .post a.read_more { clear:right; display:block; color: #0178ba; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-top: 14px; padding-right: 75px; text-decoration: underline; font-weight:bold; } .list .post a.read_more:hover { text-decoration:none; } .list .postimageview { float:left; width:200px; margin-right:20px; position:relative; } .list .postcontentview { float: left; width: 65%; } .grid .postimageview { float: left; width: 198px; } .grid .postcontentview { float:left; width:198px; margin-top: 10px; } .content .grid img.alignleft { margin:0; } .categoryName { background: url(images/category.png) no-repeat scroll right top transparent; float: left; left: 0; padding-right: 8px; position: absolute; top: 4px; } .flexslider .categoryName { left: 81px; top: 113px; } .categoryName .cat-flag { background:url(images/category_bg.jpg) repeat-x left top; color: #FFFFFF; cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; height: 25px; line-height: 25px; padding: 0 10px; display:block; text-transform:capitalize; } .categoryName .cat-flag a, .categoryName a .cat-flag { display:block; color: #FFFFFF; text-decoration:none; } .categoryName a:hover { text-decoration:none; } .categoryName .cat-flag .post_count { color:#ffb7b7; } .postimageview .categoryName span.cat-flag span.post_count { padding-left:5px; } .categoryName .cat-flag span:hover { color:#ccc; } .cat_cont { position:absolute; top:0; padding-top:39px; } .cat_single { float:none; position:static; margin-bottom:10px; } .cat_single a{ text-decoration: none; } .newsflash { background: url(images/btmbg.png) repeat-x scroll center bottom transparent; border-left: 1px solid #D8DDE1; border-right: 1px solid #D8DDE1; border-top: 3px solid #0078BD; margin-bottom: 25px; } .newsflash h3 { border-bottom: 1px solid #D8DDE1; color: #373737; font-family: 'Crete Round',Arial,serif; font-size: 15px; padding: 15px 19px; width:auto; margin:0 !important; } .newsflash .postimageview { float:left; width:97px; } .newsflash .postcontentview { float:left; width:100%; } .newsflash .first2post { width:59%; } .newsection { padding: 19px; width: auto; } .newsleft { float: left; width: 44%; } .newsleft .firstpost { padding-bottom:30px; } .newsright { float: right; width: 52%; } .newsflash .postimageview img.alignleft { border: 1px solid #D9DEE1; display: inline; float: left; margin:0; margin-right: 15px; padding: 2px; } .newsflash .postcontentview h2 a { color: #0178ba; font-family: 'Crete Round',Arial,serif; font-size: 16px; font-weight:normal; line-height:24px; } .newsflash .postcontentview h2.posttitle a { background: url(images/liststyle.jpg) no-repeat scroll 0 7px transparent; font-size: 16px; margin-bottom: 5px; padding-left: 18px; display:block; } .newsflash .postcontentview h2 a:hover { color: #373737; text-decoration: none; } .newsflash .postcontentview .post-meta { color: #909090; font-size: 11px; text-transform:uppercase; font-family: Shanti,Arial,Helvetica,sans-serif; } .newsflash .postcontentview a.nwsmore { background: url(images/icons.png) no-repeat scroll right -138px transparent; color: #0178BA; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin-left: 17px; padding-right: 75px; text-decoration: underline; } .newsflash .postcontentview a.nwsmore:hover { color: #0078BD; } /*--- 4.3.2 Blog navigation ---*/ /* single page post navigation --------------------------- */ .post-navigation { border-bottom:1px solid #e6e6e6; padding:0; position:relative; clear:both; } .post-navigation a {display: block; color: #000; font-size:12px; text-decoration: none; line-height: 1.5em;} .post-navigation a:hover {text-decoration: none;} .post-navigation a em {color: #AAA9A9; display: block; font-family: Shanti,Arial,Helvetica,sans-serif; font-size: 12px; font-style:normal;} .post-navigation a span { font-family: Crete Round, Georgia, "Times New Roman", Times, serif; font-size: 16px;} .post-navigation a:hover span {text-decoration: underline; } .post-prev {width: 43.5%; min-height: 40px; padding:30px 0 30px 30px; float: left; text-align: left; background: url("images/post_prev.png") 0 50% no-repeat; border-right: 1px solid #E6E6E6;} .post-next {width: 43.5%; min-height: 40px; padding:30px 30px 30px 0; float: right; text-align: left; background: url("images/post_next.png") 100% 50% no-repeat;} .post-prev img { border: 1px solid #D9DEE1; display: inline; float: left; margin: 0 15px 0 0; padding: 2px; } .post-next img { border: 1px solid #D9DEE1; display: inline; float: right; margin: 0 0 0 15px; padding: 2px; } .line {width: 1px; height: 100%; background: #d9d9d9; position: absolute; top: 0; right: 50%;} /* ajax loading pagination --------------------------- */ #pagination {padding: 20px 0 0 0px;} #pagination .nextpostslink { display: block; font-size: 13px; font-weight: bold; color:#444; padding: 10px 0; text-align: center; text-decoration: none; background-position:bottom left; } #pagination .nextpostslink:hover { text-decoration: none; } #pagination .loading { } #pagination .loading:hover { cursor: default;} /* post pagination --------------------------- */ .pagination {padding:40px 0 0; margin:0 auto; width:auto; font:bold 12px Arial, Helvetica, sans-serif; clear: both; position: relative; height:100%; overflow:hidden; } .pagination a { text-decoration: none;} .pagination a:hover {text-decoration: none;} .pagination .nextpostslink { float:left;padding:14px; } .pagination .previouspostslink { padding:14px; } .Navi { display: block; text-align: center; } .Navi .on { background:url(images/page-navbg-hover.jpg) repeat-x left bottom; color:#0078bd; margin-right:3px; display:inline; font-size: 13px; font-weight:bold;} .pagination a { background:url(images/page-navbg.jpg) repeat-x left bottom; display:block; float:left; border:1px solid #d7dde0; border-radius:3px; padding:13px 5px; margin-right:3px; font-size: 13px; font-weight:bold; min-width:33px; text-align:center; } .pagination strong { background:url(images/page-navbg.jpg) repeat-x left top; display:block; float:left; border:1px solid #d7dde0; border-radius:3px; padding:13px 5px; margin-right:3px; font-size: 13px; font-weight:bold; min-width:33px; text-align:center; } .pagination a:hover { background:url(images/page-navbg-hover.jpg) repeat-x left bottom; color:#0078bd; } .Navi { display:block; text-align:center; } .Navi .previouspostslink { display:none; } .Navi .nextpostslink { display:none; } .Navi span.expand { display:block; float:left; padding-top:11px; } /* 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 { margin-left:21%; } /*--- Grid based layout ---*/ .grid { overflow:hidden; } .grid .post { width: 198px; height:260px; padding: 0; float: left; margin:20px 24px 0 0; position: relative; overflow: hidden; cursor: pointer; } .grid .post:nth-child(3n+3) {margin-right:0; } .grid .categoryName {} .grid .post .post-category, .grid .post .post-meta em {display: none;} .grid .post .post-content { font-size:12px; display:none; } .grid .post .post-content img { display:none; } .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 {color: #333; font-size: 22px; font-weight: normal; text-decoration: none; font-family: 'Crete Round', Georgia, Times New Roman, serif; line-height: 30px; } .grid .post h2 {margin-bottom: 5px;} .grid .post a {text-decoration: none;} .grid .post a:hover {text-decoration: underline;} .grid .post .post-meta {font-size: 10px;color: #656363; margin-bottom:10px;} .grid .post h2 a:hover { color:#666; text-decoration:none; } .grid .post .categoryName a:hover { text-decoration:none; } .grid .post .post-meta span.daysago, .grid .post .post-meta span.post-author a { background: url("images/icons.png") no-repeat scroll left -193px transparent; color: #C8C8C8; display: block; font-family: Shanti,Arial,Helvetica,sans-serif; font-size: 11px; font-style: normal; font-weight: normal; margin-right: 15px; padding-left: 15px; text-transform: uppercase; } .grid .post .post-meta span.post-author a { background-position: left -213px; color: #0078BD; } .grid .post .comments_popup_link {position: absolute; bottom: 18px; right: 18px;} .grid .post .post-edit-link {position: absolute; bottom: 18px; left: 18px;} .content_3col .grid .post, .content_3col_left .grid .post, .content_3col_right .grid .post { width:228px; } .content_full .grid .post { width:310px; } .post_category { padding:20px 0; } .entry { margin-bottom:40px; } .entry .post { padding-bottom: 0;} .entry .post-meta { font-size: 12px; font-style: italic; color: #aaa9a9; position: relative; margin-bottom:20px;} .entry .post-meta h1 { color: #444; font-size: 32px; font-weight: normal; font-style: normal; } .comments_popup_link {float:right;} .entry .post-meta span, .entry .post-meta a {font-family: Shanti,Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; text-decoration: none; text-transform:uppercase;} .entry .post-meta span { display: inline-block; margin-bottom: 20px; padding-left:18px; margin-right:15px; } .entry .post-meta span.post-date { background:url(images/timeago.png) no-repeat 0 2px transparent; } .entry .post-meta span.post-author { background:url(images/postmeta-author.png) no-repeat 0 3px transparent; } .entry .post-meta a:hover {text-decoration: underline;} .entry .post-comms {position: absolute; right: 0;} .entry .post-content a {color: #0000CD; text-decoration:none; } .entry .post-content a:hover {color: #4D4DFF; text-decoration: none;} .entry .post-footer {padding-left: 30px; font-size: 12px; margin-bottom: 15px;} .entry .post-footer a {color: #000; text-decoration: none;} .entry .post-footer a:hover {text-decoration: underline;} .page .post-category {display: none;} .entry .post-edit-link {font-size:12px; background:#EEEEEE; padding:0 15px; margin-bottom:15px; color:#aaaaaa!important; border-radius:15px;text-decoration:none!important; float:right;} .entry .post-edit-link:hover {background: none repeat scroll 0 0 #DCDCDC; color: #666666 !important;} .post-content { line-height:20px; color: #444; font-size: 13px; position:relative; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {color: #444; font-weight: normal; } .post-content .search {float: none; margin-top: 15px; width: auto;} .post-content .search fieldset { max-width:558px; height: 35px;} .post-content .search input { max-width:438px; font-size: 16px; border:} .post-content img{ max-width:100%; } /*--- 4.3.3 Comments ---*/ /*--- 4.3.3.1 Comment list ---*/ #comments {margin-bottom: 30px; clear:both;} .comments #comments h3 { margin-bottom:0; color: #444; font-size: 28px; font-weight: normal; padding: 0 0 12px; text-transform:capitalize; } .comments #respond h3 {border-bottom: 1px solid #E6E6E6; color: #000000; font-size: 16px; font-weight: normal; padding: 18px 20px;} .comments a {color: #0178ba;} .comment { padding: 15px 0 15px 0px; } .comment td {vertical-align: top;} .comment-meta {position: relative; font-size: 11px; margin-right: 30px;} .avatar {display: block; margin-right: 10px;} .comment-author {color: #aaa9a9; margin-bottom:10px;} .comment-author span {color: #555555;} .comment-author a, .comment-author span {font-family: Crete Round,Georgia,Times New Roman,serif; font-size: 16px; font-style: normal; text-decoration: none; color:#333; } .comment-author a:hover {color:#666; text-decoration: none; } .comment-author, .comment-date {white-space: nowrap;} .comment-date {font-size:13px; color:#999999;} a.comment-reply-link { font-weight:bold; text-decoration: none; font-size:13px; padding:0 0 0 20px;} .comment-reply-link:hover {text-decoration: underline;} .comment-text p {color: #4B4B4B; font-size: 13px; line-height: 1.5em; margin-bottom: 15px;} .comment .children {margin-left: 80px;} .comment .children .children {margin-left: 50px;} .comment .children .comment {padding-left: 0;} .comment { height:100%; overflow:hidden; } .comment_list ol li { border-top: 1px solid #E6E6E6; padding: 10px 0; } .comment_left { float:left; width:70px;} .comment_right { float:right; width:86%; font-size: 13px; line-height: 1.5em; color:#444; } .comment_right p { margin-bottom: 16px; } .comment-text { } .comment_list ol li ul.children {background: none repeat scroll 0 0 #EEEEEE; overflow: hidden; padding:0 0 15px 0; } .comment_list ol li ul.children li { margin-bottom:0; padding-left: 30px; padding-right: 0px; padding-top: 15px; margin-top:9px; padding-bottom:0; border:none; } .comment_list ol li ul.children .comment_right { margin: 0 5%; width:75%; } .comment_list ol li ul.children ul.children .comment_right {width:75%;} p.comment_message { font-size:14px; margin-left:50px!important; } /*--- 4.3.3.2 Comment form ---*/ #respond, #advancedsearch { clear:both; position:relative; margin-bottom:20px; } #advancedsearch { padding:0 0 30px; } #advancedsearch form { padding:0 25px; } .nopassword {padding-left: 30px;} #respond p {margin: 10px 0; } .nopassword {margin: 10px 50px; } #respond p a {text-decoration: none;} #respond p a:hover {text-decoration: underline;} #commentform {padding:20px 0 30px;} #commentform table {width: 100%; margin-bottom: 15px;} #commentform td {display: block; margin: 0 0 18px 50px; vertical-align: top;} #commentform td { *width:32%; width:32%\0; *margin:0; margin:0\0; *padding-right:1%; padding-right:1%\0; } #submit, #advancedsearch .adv_submit, #contact_frm .b_submit { *margin-left:0 !important; margin-left:0\0 !important; } #commentform { *padding:4% !important; padding:4%\0 !important; } #commentform td p { font-size:14px; font-weight:bold; color: #333; margin-bottom: 5px;} #commentform td p span {color: #aaa9a9; font-style:italic; font-size:11px; } #comment { border-radius: 4px; height: 120px; overflow: auto; padding: 15px; resize:vertical; width:100%; } #comment #author, #comment #email, #comment #url {width: 100%; margin: 0; padding: 0; border: none; font-size:12px; color: #333;} #submit, #advancedsearch .adv_submit, #contact_frm .b_submit { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; cursor: pointer; float: left; font-size: 15px; font-weight:bold; margin-left: 50px; padding: 10px 25px; } #contact_frm .b_submit { margin-left: 140px; margin-bottom:10px; float:none; } #advancedsearch .adv_submit { margin-left: 0px; } #submit:hover, #advancedsearch .adv_submit:hover { background: #000; } p#cancel-comment-reply { font-size: 12px; margin: 0; position: absolute; right: 18px; top: 20px;} .commform-textarea { width: 86%; *width: 91%; width: 91%\0;} .commform-author div input, .commform-email div input, .commform-url div input {border-radius: 4px; padding:8px; width:250px; *width: 80%; width: 80%\0; } /*-----------------------------------------------------------------------------------*/ /* 5. Sidebar Widgets /*-----------------------------------------------------------------------------------*/ /*--- 5.1 Common widget code ---*/ .widget { margin-bottom: 28px; clear:both; } .widget-small {width: 130px;} .max_width .widget { float:left; clear:none; padding-left:5%; width:21%; } .popular { position:relative; width:auto; overflow:hidden; } .after_single_entry { clear:both; position:relative; } .after_single_entry .widget { width:49%; float:left; clear:none; } .after_single_entry .related_listing { float:right; width:48%; } .widget h3, .widget-small h3 { color: #1f2122; font-size: 17px; font-weight: normal; margin-bottom: 10px; } .related_listing h3 { color:#333; font-size: 16px; } .sidebar .widget h3 { background: none repeat scroll 0 0 transparent; color: #444444; margin: 0; font-family: 'Crete Round',Arial,serif; font-size: 16px; padding: 16px; border-bottom: 1px solid #D8DDE1; border-top:3px solid #0178ba; } .sidebar form.wpcf7-form { padding:18px 18px 0; } .sidebar .newsletter h3 a { position:relative; top:-15px; display:block; } .sidebar .popular h3, .sidebar .widget h3.i_publication { border-bottom:none; } .sidebar .widget ul.latest_posts { padding:0; } .sidebar .widget .latest_posts li { margin: 0; padding: 18px; } .widget a, .widget-small a { text-decoration: none; color: #0078BD; font-family: Arial,serif; font-size: 16px; } .related_listing span { color: #9DA6AF; font-family: Shanti,Arial,Helvetica,sans-serif; font-size: 11px; text-transform: uppercase; display: block; padding-bottom: 3px; } .related_listing a { display:block; font-size:16px; color:#0178ba; font-family: 'Crete Round',Arial,serif; } .related_listing a:hover { color: #373737; text-decoration: none !important; } .popular a { color: #0178ba; font-family: 'Crete Round',Arial,serif; font-size: 16px; } .popular a.postimg { display:block; border:1px solid #D9DEE1; padding:2px; margin:0; background:#FFF; } .popular a:hover { color:#373737; text-decoration:none !important; } .sidebar .popular ul.list { position:relative; left:0px; padding:0; } .postpagination { position:absolute; top:27px; right:18px; cursor:pointer; } .popular .postpagination a { background:url(images/dot.jpg) no-repeat left top; display:block; width:6px; height:6px; padding:2px; float:left; text-decoration:none !important; } .popular .postpagination a:hover, .popular .postpagination a.active { background:url(images/dot_hover.jpg) no-repeat left top; } .widget a:hover, .widget-small a:hover {text-decoration: underline;} .widget p, .textwidget { color: #666; line-height:20px; } .textwidget, .tagcloud { /*padding:18px 18px 0;*//*change*/ } .widget p a, .textwidget a { text-decoration: underline;} .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 20px 0; margin:0; } .related_listing li { border-top: 1px solid #EEEEEE; height: 100%; margin: 0; overflow: hidden; padding: 10px 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; } .bottom #calendar_wrap { color:#999; } #wp-calendar { width:100%; } #wp-calendar tfoot td#prev { text-align:left; padding-left:12px; } #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; } .bottom #wp-calendar #today a { color:#444; } .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; cursor:pointer; width:90px; background:#000; border:none; color:#fff; font-size: 15px; } #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; } /*--- 5.2.4 Testimonial widget custom code ---*/ #testimonials { position:relative; margin:18px 18px 0; width:100%; min-height:130px; clear:both; } #testimonials blockquote { position:absolute; top:5px; right:5px; left:0; z-index:8; opacity:0.0; min-height:130px; /*background:#fff;*/ } #testimonials blockquote cite { color: #0078BD; font-family: 'Crete Round',Arial,serif; font-size: 16px; font-weight: normal; } #testimonials blockquote p { color: #666; font-size: 14px; font-style: italic; font-weight: normal; line-height: 23px; padding: 0;/*;padding:0; font-style:italic; font-size:14px; line-height:23px;*/} #testimonials blockquote.active { z-index:10; opacity:1.0; } #testimonials blockquote.last-active { z-index:9; } /*--- 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 */ .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:95%; float:left; font-size:13px; padding:3px; border:1px solid #ddd; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } .login_widget .b_signin { border:none; padding:4px 20px; margin-bottom:5px; font-size:13px; width:100px; font-weight:bold; color:#fff; background:#000; cursor:pointer; } .login_widget .b_signin:hover { background:#666; } .login_widget .b_forgotpass { border:none; padding:4px 20px; margin-bottom:5px; font-size:13px; width:160px; font-weight:bold; color:#fff; background:#000; cursor:pointer; } .login_widget .b_forgotpass:hover { background:#666; } /* sidebar - latest posts */ .latest_posts { margin:0; padding:0; } .latest_posts li , .sidebar .popular ul li, #twitter li{ height:100%; overflow:hidden; padding:19px 18px; border-top:1px solid #eee; margin:0; } .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:15px; } .latest_posts li p , .rssSummary{ color:#666; } .latest_posts li .post_author, .rss-date , .popular li .date{ color:#909090; font-size:12px; padding-bottom:3px; display:block; text-transform:uppercase; font-family: Shanti,Arial,Helvetica,sans-serif; } .latest_posts li .post_author a { color:#777; font-size:11px; } .latest_posts li .post_author a:hover { color:#000; } .rssSummary{ line-height:20px; } a.rsswidget{ display:inline-block; margin-top:18px; } /* 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; } /* 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-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; -moz-border-radius: 5px; height:100px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; 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 #contact_frm .b_submit { font-size:13px; font-weight:bold; padding:3px 10px; width:100px; margin-bottom:40px; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-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 { overflow:hidden; } .sidebar .social_media ul { padding:0; } .sidebar .social_media ul li { margin:0 5px 0 0!important; float:left; padding:0; } .sidebar .social_media .social_media_icon {width:70px; height:70px; display:block;} .bottom .social_media { overflow:hidden; margin-bottom:15px; } .bottom .social_media ul li { margin:0 0 0 6px; float:left; padding:0; } .bottom .social_media .social_media_icon {width:54px; height:53px; display:block;} .twitter-share-button {float:left; display:inline-block; margin-bottom: 35px;} .flike {display:inline-block;margin-bottom: 35px; width:315px; } .authorbox {float:left;margin: 0; width:auto; } .authorbox .author-avatar{float:left; padding: 20px 0 20px 20px; background:url(images/dot-line.jpg) repeat-x left 52px; } .authorbox .author-desc{float:left; width:80%; padding: 15px 20px 20px 18px; background:url(images/dot-line.jpg) repeat-x left 52px; } .authorbox h4 {font-size: 17px; margin-bottom: 15px; padding: 0 0 15px;} .authorbox p {font-size:13px; line-height:1.5em;} .i_mail b_sendtofriend {display:inline-block;} /* subscribe ------------------------*/ /* newsletter ------------------------*/ .newsletter { margin-bottom:30px; height:auto !important; } .newsletter h3 span.title { float:left; } .newsletter h3 { display: block; padding: 12px 16px 10px; position: relative; border-bottom:1px solid #EAEAEA;} .newsletter p { margin:0; padding:0 15px; line-height:22px; clear:both; font-size:14px;} .newsletter_form_div { margin:18px 14px 24px; } .newsletter_form { overflow:hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius:3px; border-radius:3px; border:1px solid #ccc; background:#F6F7F9; margin:0; padding:0; } .newsletter .newsletter_left { float: left; width: 80%; } .newsletter .newsletter_right { float: right; width: auto; height:auto; } .newsletter .field { border-radius: 0 0 0 0; border:none; font-size: 13px; height: 37px; color:#444; line-height:35px; margin:0; padding: 0 11px; width:100%; background:#f6f7f9; } .bottom .newsletter .field { width:auto; } .newsletter_form .btn_submit { border-radius: 0 0 0 0; border:none; cursor: pointer; font-size: 13px; font-weight: bold; padding: 0; height:37px; width:37px; text-indent: -9009px; } .newsletter .i_rss { float:right; } .newsletter_form .btn_submit, .newsletter_form .btn_submit:hover { border:none; color:#fff; } /*--- 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; 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:hover { } .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(../widget_images/prev.png) no-repeat left 50%; } .pika-imgnav a.next {background: url(../widget_images/nextn.png) no-repeat right 50%; } .pika-imgnav a.play {background: url(../widget_images/play.png) no-repeat 50% 50%; } .pika-imgnav a.pause {background: url(../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; } .postimg img { } .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(../widget_images/hr.png) repeat-y 47% top; } .slider_post .tslider2 ul li { background:none; } .slider_post .tslider2 a.forward { background:url(../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(../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(../widget_images/normal.png) no-repeat left top; color:#41322e; } .slider_post #thumbNav a:hover { background:url(../widget_images/normal.png) no-repeat left top; } .slider_post #thumbNav a.cur { background: url(../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 .arrow { } .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 .arrow { } .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 { } #any_slider .post_img img { background:#ccc; } #any_slider .tslider3 a.forward { background: url(../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(../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; } .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; -khtml-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; -khtml-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; -khtml-opacity:100;} .nivo-controlNav { position:absolute; top:0px; right:10px; } .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; } /* 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(../widget_images/arrows.png) no-repeat left top; } .nivo-prevNav:hover { background:url(../widget_images/arrows.png) no-repeat left top; } .nivo-nextNav { background:url(../widget_images/arrows.png) no-repeat right top; } .nivo-nextNav:hover { background:url(../widget_images/arrows.png) no-repeat right top;} .nivo-controlNav a { background:url(../widget_images/dot_n.png) no-repeat ; border:none; color:#fff; } .nivo-controlNav a:hover, .nivo-controlNav a.active { background:url(../widget_images/dot_h.png) no-repeat; } #nivo-directionNav { display:block !important; } /*-----------------------------------------------------------------------------------*/ /* 7. Page Templates /*-----------------------------------------------------------------------------------*/ /*--- 7.1 Contact ---*/ #contact_frm { padding:25px; } #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:75%; padding:8px; color:#444; background: none repeat scroll 0 0 #F6F7F9; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; padding: 8px; width: 70%; } #contact_frm .form_row .textarea { font-size:14px; color:#444; background: none repeat scroll 0 0 #F6F7F9; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; height: 120px; overflow: auto; padding: 8px; resize: vertical; width: 70%; } #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; } #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; -moz-box-shadow: 2px 2px 2px #ddd; -webkit-box-shadow: 2px 2px 2px #ddd; 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; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; 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 0 25px; margin-bottom:20px; } .arclist_head { height:100%; overflow:hidden; margin-bottom:20px; padding:10px 25px; border-bottom:1px solid #D8DDE1; } .post-content .arclist h3 { font-size:30px; float:none; border-bottom: 1px solid #D8DDE1; margin:0 0 20px; padding: 15px 25px; width:auto; line-height:30px; } .post-content .arclist .arclist_head h3 { margin:0; padding:7px 0 0 0; font-size:40px; float:left; width:150px; line-height:30px; border:none; } .post-content .arclist h4 { margin:0; padding:8px 0; font-size:28px; float:left; width:485px; display:block; } .post-content .arclist ul { padding:0 25px; margin-bottom:0px; *padding-bottom:20px; } .post-content .arclist ul li { margin:0 0 20px 0; padding: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:#0178BA; } .post-content .arclist ul li .arclist_date { font-size:12px; } .post-content .arclist ul li .arclist_date a { font-weight:normal; font-size:12px; color:#777; } .post-content .arclist ul li .arclist_date a:hover { text-decoration:underline; } .post-content .arclist ul li ul { margin:0; padding:0 0 0 25px; } .post-content .arclist ul li ul li { margin:10px 0 0; padding:0; font-size:10px; list-style:none; float:none; color:#777; line-height:18px; background:none; } .post-content .arclist .sitemap_list { margin:0 0 40px 0; } .post-content .arclist .sitemap_list li { margin:0 0 10px 0px; padding: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; } .page-template-tpl_sitemap-php .post-content .arclist ul li, .page-template-tpl_sitemap-php .post-content .arclist ul li span { font-size:12px; } /*--- 7.4 Advanced Search ---*/ #advancedsearch h4 { border-bottom: 1px solid #E6E6E6; color: #000000; font-size: 16px; font-weight: normal; padding: 18px 25px; } #advancedsearch .adv_input { background: none repeat scroll 0 0 #F6F7F9; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; padding: 8px; width:75%; } #advancedsearch select { background: none repeat scroll 0 0 #F6F7F9; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; padding: 6px; font-size:14px; width:auto; margin-right:10px; } #advancedsearch select option { background: none repeat scroll 0 0 #F6F7F9; border:none; padding:2px 6px; } .advanced_left { height:100%; overflow:hidden; } .advanced_left label { float:left; margin-right:10px; margin-bottom:10px; padding-top:5px; width:93px; } .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 { background: none repeat scroll 0 0 #F6F7F9; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; padding:8px; float:left; } *+html .advanced_left .textfield { height:37px; padding:0 8px; line-height:35px; } .post-content .adv_calendar { float:left; margin:5px 20px 0 10px; border:none; cursor:pointer; display:block; } .advanced_left span.adv_author { float:left; margin-left:10px; padding-top:5px; } .advanced_left .checkbox { margin-top:11px; margin-top:8px\0; *margin-top:7px; } /*-----------------------------------------------------------------------------------*/ /* 11. Add listing Form /*-----------------------------------------------------------------------------------*/ h3 { margin:0 0 10px 0 ; padding:0 0 3px 0; font-size:20px; color:#000; } h3 small { font-size:11px; } .button { clear: both; cursor: pointer; font-size:30px; margin-left: 40%; padding: 10px 20px 9px; 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:#f2f2f2; padding:0px; margin-bottom:30px; } .steps_final { background:#fff; } .steps ul { border:none; list-style:none; margin:0; padding:0; overflow:hidden; } .steps ul li { display:block; list-style:none; float:left; margin:0; padding:10px 30px 10px 25px; font-size:15px; font-weight:bold; background:url(images/steps.png) no-repeat right top; } .steps ul li.current { background:url(images/step.png) no-repeat right top; } .steps ul li.current2 { background:#fff url(images/step.png) no-repeat right top; } .message_success { background:#f0fddc; border-top:1px solid #87ac4c; border-bottom:1px solid #87ac4c; padding:10px; margin:15px 0; text-align:center; font:bold 14px Arial, Helvetica, sans-serif; color:#598119; } .steps ul li.bgn { background:none; } .steps ul li.last_current { background:#fff !important; } .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; } .message_error_inq { clear:both; display:block; font-size:12px; color:#d70000; 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; } .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 { background:#eee; border:1px solid #ccc; float:left; 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:200px; position:relative; float:left; border:1px solid #ccc; margin:0 12px 12px 0; padding:20px; min-height:180px; cursor:pointer; } .package:hover { background:#efefef; border:1px solid #666; cursor:pointer; } .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:20px; } .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; } /* Detail page listing + slideshow -------------------*/ #galleria {} .galleria-container{position:relative;overflow:hidden; height:480px; margin-bottom:30px; } .galleria-thumbnails-container { } .galleria-container img{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;} .galleria-stage{position:absolute;top:0px;bottom:80px;left:0px;right:0px;overflow:hidden;} .entry .post-content .galleria-thumbnails-container{height:65px;bottom:0;position:absolute;left:0px;right:10px;z-index:2;} .entry .post-content .galleria-image img { max-width:inherit; height:480px; width:auto !important; top:0 !important; left:0 !important; } .galleria-carousel .galleria-thumbnails-list{margin-left:30px;margin-right:30px;} .galleria-thumbnails .galleria-image{height:50px;width:68px;background:#fff;margin:0 13px 0 0; border:1px solid #ccc; border-bottom:2px solid #fff; 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;} /* post preview page ----------------- */ .preview_section { background:#fff7d3; margin:10px 0; text-align:center; height:100%; overflow:hidden; padding:15px 20px; text-align:center; border-top:1px solid #c6b359; border-bottom:1px solid #c6b359; clear:both; } .preview_section h5 { margin-bottom:10px; color:#cf8400; line-height:22px; } .sidebar ul { margin:0; padding:18px 18px 0; } .sidebar ul li ul { padding:0; } .sidebar ul.blogroll { padding:18px 18px 0; } .sidebar ul li { margin:0 5px 10px 0; padding:0; list-style:none; } .sidebar .advt_widget ul { padding:0; } .sidebar .advt_widget ul li { float:left; border:1px solid #d8dde1; padding:9px; margin-right: 10px; } .sidebar .advt_widget ul li.even { margin-right: 0; } .sidebar .advt_widget ul li a { display:block; width:125px; height:125px; overflow:hidden; } .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; 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_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; } .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_detail { height:100%; overflow:hidden; margin-bottom:30px; background:#eee; border:1px solid #ccc; padding:15px; } .author_biodata { float:right; width:425px; } .author_photo { float:left; padding:3px; background:#ccc; } .entry .post-content .author_detail h3 { margin:0 0 10px 0; border-bottom:none; } .entry .post-content .author_biodata p { margin-bottom:12px; margin-top:0; font-size:13px; color:#666; } .entry .post-content .addlist { margin:0; padding:0; list-style:none; } .entry .post-content .addlist li { border-bottom:1px dotted #CCCCCC; margin:0 0 30px; padding:0 0 5px; position:relative; } .entry .post-content .addlist li:last-child { border-bottom:none; } .entry .post-content .addlist li .listing_img { float:left; width:165px; height:110px; position:relative; } .entry .post-content .addlist li .listing_img img { border:1px solid #ccc; } .list_featured { width:24px; height:24px; background:url(images/i_new.png) no-repeat left top; position: absolute; left:-5px; top:-5px; } .entry .post-content .listing_content { float:right; width:450px; } .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; } .sidebar .listing_info { margin-left:0; } .sidebar .listing_info li { padding-top:8px; border-bottom:1px dotted #ccc; } .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; } .none_display{ display:none; } /*-----------------------------------------------------------------------------------*/ /* 12. Login Form Page /*-----------------------------------------------------------------------------------*/ .error_msg { padding:8px 10px; text-align:center; margin-bottom:30px; } .success_msg { padding:8px 10px; text-align:center; margin-bottom:30px; } .login_form_l { float:left; padding:20px; width:300px; margin-left:120px; } .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; } .login_form_l p { font-size:12px; margin-bottom:10px; } .login_form_l a { font-size:12px; } .login_form_l a:hover { } .login_form_l .b_signin_n { margin-bottom:40px; margin-right:10px; padding:7px 15px; font-size:14px; cursor:pointer; } .login_form_l .b_signin_n:hover { } #lostpassword_form h4 { font-size:15px; padding-top:12px; } .checkbox_field .message_note { float:left; width:auto; clear:none; } .checkbox { float:left; } .registration_form_box .select { border:1px double #ccc ; background:#fff; 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; } /* login form color & bg */ .login_form_l { border:3px double #ccc; } .login_form_l h4, .registration_form_box h4 { } .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 { 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; } /*-----------------------------------------------------------------------------------*/ /* 13. Registration Form /*-----------------------------------------------------------------------------------*/ .content_full .registration_form_box { float:right; width:300px; margin-right:120px; padding:20px; } .edit_profile .registration_form_box { padding:20px; margin:0 auto; width:300px; float:inherit; } .registration_form_box .b_registernow { margin-bottom:40px; margin-right:10px; padding:7px 15px; font-size:14px; cursor:pointer; } #userform { float: left; width: 300px; } .editprofile_page #sign_up .registration_form_box { border: medium none; float: inherit; margin: 0; width: auto; } .registration_form_box .b_registernow { } .registration_form_box .b_registernow:hover {} #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; } /* registration color */ #reg_passmail { color:#a8a79f; } .registration_form_box { border:3px double #ccc; } .content .registration_form_box { float: right; margin-right: 120px; padding: 20px; width: 300px; } .registration_form_box .b_registernow { color:#fff; border:1px solid #666; background:#000; } .registration_form_box .b_registernow:hover { background:#666; } /*-----------------------------------------------------------------------------------*/ /* 8. Bottom Section /*-----------------------------------------------------------------------------------*/ .one_column { background:#fff; padding:0 10px; } .bottom_in .widget p{ color:#262626; } .bottom .widget h3 { font-family: Shanti,Arial,Helvetica,sans-serif; color:#FFFFFF; font-size: 12px; margin-bottom:5px; text-transform:uppercase; width:auto; } .bottom .newsletter h3 { font-size: 13px; } .bottom .newsletter h3 a { position:relative; top:-15px; display:block; } .bottom .widget a, .widget-small a {color:#999999;} .bottom .widget a { font-weight: bold; width:auto; } .bottom .widget li { margin-bottom:10px; width:auto; } .bottom .widget li a { font-size:12px; } .bottom .widget li ul.children { margin-top:8px; } .bottom .widget li ul li, .bottom .widget li ul li ul li { padding:0 0 8px 20px; margin:0; } #twitter_update_list li { color:#666; } /*-----------------------------------------------------------------------------------*/ /* 9. Footer /*-----------------------------------------------------------------------------------*/ .footer p {font-size: 12px; color: #737373;} .footer a {color: #888; text-decoration: none;} .footer a:hover {text-decoration: underline;} p.copyright {float: left; color: #888;} p.copyright span {color: #737373;} .credits {float: right;} .credits .footer-logo {background:url(images/footer-logo-dark.png) no-repeat 5px 0 transparent; display:inline-block; height:22px; text-indent:-9999px; vertical-align:2px; width:85px;} *+html .footer p.credits span { position:relative; top:-7px; } /*-----------------------------------------------------------------------------------*/ /* 14. Calendar css /*-----------------------------------------------------------------------------------*/ #calendarDiv { position:absolute; width:235px; 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:3px; 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; } #calendarDiv .activeDay { } #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; margin:0 5px; } #calendarDiv .monthYearPicker div { float:none; clear:both; padding:1px; margin:1px; cursor:pointer; } #calendarDiv .monthYearActive { } #calendarDiv td { cursor:pointer; } #calendarDiv .topBar img { cursor:pointer; } #calendarDiv .topBar div { float:left; margin-right:24px; font-weight:bold;} #calendarDiv #calendar_year_txt { padding:4px; width:55px; text-align:left; } #calendarDiv table { margin-left:-6px; } /* calendar color --------------- */ #calendarDiv{ border:1px solid #d9d9d9; padding:4px; background: #fff; color:#333; -moz-box-shadow: 2px 2px 2px #666; -webkit-box-shadow: 2px 2px 2px #666; box-shadow: 2px 2px 2px #666; } #calendarDiv td { border:none; border-right:none; } #calendarDiv .topBar div.selectBox, #calendarDiv .topBar div.selectBoxOver { border:none; background-color: #d9d9d9; color:#333; width:74px !important; margin:0; } #calendarDiv .topBar div.selectBox img, #calendarDiv .topBar div.selectBoxOver img { position:relative; top:5px; width:11px; } #calendarDiv .selectBoxOver { border:none; background-color:#fff; color: #0c5580; } #calendarDiv .topBar { background-color: #272a2c; padding:4px; } #calendarDiv .activeDay { color:#fff; background:#333; } #calendarDiv .oldDay { color: #c4c4c4; pointer-events: none; background:#fff; } #calendarDiv .todaysDate { background-color: #E9F1F6; } #calendarDiv .monthYearPicker { background-color: #fff; border:none; color: #333; -moz-box-shadow: 1px 1px 1px #666; -webkit-box-shadow: 1px 1px 1px #666; box-shadow: 1px 1px 1px #666; } #calendarDiv .monthYearPicker div { border-bottom:1px solid #d9d9d9; } #calendarDiv .monthYearActive { background-color:#eee; color: #0c5580; } /*-----------------------------------------------------------------------------------*/ /* 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; height:100%; overflow:hidden; padding:20px; margin:20px 0; background:#eee; border:1px solid #ccc; color:#444; text-shadow:1px 1px 1px #fff; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 1px 1px 1px #ddd; -webkit-box-shadow: 1px 1px 1px #ddd; box-shadow: 1px 1px 1px #ddd; } .entry .post-content .about_author img { border:4px solid #fff; float:left; margin:0 18px 15px 0; -moz-box-shadow: 1px 1px 1px #ddd; -webkit-box-shadow: 1px 1px 1px #ddd; 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 { height:100%; overflow:hidden; padding:20px; margin:40px 0; color:#444; text-shadow:1px 1px 1px #fff; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 1px 1px 1px #ddd; -webkit-box-shadow: 1px 1px 1px #ddd; box-shadow: 1px 1px 1px #ddd; } .entry .post-content .boxes h3 { margin: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:85px; } .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 13px 18px; 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 13px 13px; 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 13px 13px; 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 13px 13px; 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 13px 13px; 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; } /* content columns define ----------- */ .two_thirds { width:60%; padding:0 50px 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 40px 0 0; } .one_third_column_last { width:29%; } .one_fourth_column { width:20%; padding:0 57px 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: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 */ .main_nav .gradient { background:url(images/navbg.jpg) repeat-x left bottom; } /* images & Video responsive code ------------------------------------- */ .content .img-container img { max-width:100%; height:auto; margin-bottom:30px; } .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%; } .details_main { box-shadow: 0px 0px 20px #C9D4EA inset; } .details_main { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #C9D4EA; } .details_main { border-radius: 5px 5px 5px 5px; height: 100%; margin-bottom: 40px; overflow: hidden; padding: 20px; } .detail_photo { float: left; } .detail_content { float: right; width: 440px; } .editprofile_page #sign_up .registration_form_box { border: medium none; float: inherit; margin: 0; width: auto; } .content .registration_form_box { float: left; margin-bottom: 30px; margin-top: 20px; padding-right: 20px; width: 335px; } #userform { float: left; width: 300px; } .content .detail_links a { background: none repeat scroll 0 0 #666666; border: 1px solid #333333; color: #FFFFFF; } .detail_links a { border-radius: 5px 5px 5px 5px; margin-right: 10px; padding: 4px 10px; text-decoration: none; } /**** Floating Social Sharing Widget styling ****/ #side-bar { position: absolute; margin: 0; width:auto; top:0; } #box { position: absolute; border:0px solid #EFEFEF; padding:0 5px; border-right:0px solid #EFEFEF; width:auto; background: url(images/leftsoclbg.png) repeat-x scroll center bottom #EDEEF0; border-top: 3px solid #0078BD; } .box-left { left: -100px; } .box-right { left:674px; } #box ul { padding:3px 0; margin:0; } #box ul li { list-style:none; color: #000000; font-family: 'Crete Round',Arial,serif; font-size: 16px; padding:5px 0; margin:0; text-align:center!important; } #box ul li.facebookbutton iframe { width:50px !important; } #box ul li iframe { margin:0 !important; } #box ul li iframe .connect_widget { padding-left:3px; } /******************************************************************************************************************************/ /* * jQuery FlexSlider v1.8 * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; margin: 0 0 30px; padding: 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {background: #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /*.flexslider .slides img { width:100%; }*/ .flexslider .slides .post_img a { display:block; background:#2C3033; /*height:300px;*/ } .flexslider .slides .post_list { position:relative; border-bottom: 3px solid #0078BD; } .flexslider .slides .post_list h4 { position: absolute; top: 138px; left: 80px; height:45%; width:75%; overflow:hidden; } .flexslider .slides .post_list h4 a { background:#000; color:#FFF; font-size:32px; padding: 5px 10px; display:block; width:75%; } .flexslider .slides .post_list h4 a:hover { text-decoration:none; color:#CCC; } /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} /* Direction Nav */ .flex-direction-nav li a { background: url(images/icons.png) no-repeat scroll 0 -1px transparent; cursor: pointer; display: block; height: 50px; margin: -20px 0 0; position: absolute; text-indent: -9999px; top: 50%; width: 50px; } .flex-direction-nav li .next { background-position: 0 -61px; right: 0; } .flex-direction-nav li .prev {left: 0px;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: 20px; *bottom: 55px; bottom: 15px\0; text-align: center; } .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child { margin: 0;} .flex-control-nav li a { background: url(images/icons.png) no-repeat scroll 0 -1278px transparent; cursor: pointer; display: block; height: 6px; text-indent: -9999px; width: 6px; } .flex-control-nav li a:hover { background-position: 0 -1294px; } .flex-control-nav li a.active { background-position: 0 -1294px; cursor: default; } .sidebar .widget { margin-bottom:18px; } .entry .post-content { font-size: 14px; } @media screen and (min-width: 780px) and (max-width: 1100px) { body { background: #fff;} .wrapper, .top_navigation_in, .footer_in { width:88%; margin: 0px auto; clear: both; overflow: hidden; } .header_in { width:100%; clear: both; } .content { width:100%; clear:both; } .sidebar { width:100%; clear:both; padding-top:20px; } .top_navigation_in { overflow:visible; position:relative; z-index:999; } .foruth_column { width:100%; clear:both; padding:0; } .spacer_4col { margin-left:0; } .header { border-top:none; } .grid .post:nth-child(3n+3) { margin-right: 105px; } .bktwtpmdl,.bottom_in { width: 88%; } .min_width { float: none; width: auto; } .max_width { float: none; width:auto; } .ftrtxtbox { width: 75%; } .three_column { width: auto; } .three_column_footer .spacer_3col { margin-left: 0; clear:both; } .three_column_footer .right { float: left; margin-left: 5%; } .one_third_column { width: 41%; } .page_404_set .right { float:none; clear:both; width:auto; } .flike { display: block; } .sidebar .advt_widget ul li.even { margin-right:10px; } #box { left: 0; padding: 0 5px 8px; width: 232px; position:static; } #box ul li { float: left; padding: 5px 3px; } #side-bar { top: -10px; position:relative; z-index:100; } #side-bar-right { top: -10px; position:relative; z-index:100; } .cat_cont { padding-top: 132px; } } @media screen and (min-width: 571px) and (max-width: 780px) { body { background: #fff;} .wrapper, .top_navigation_in, .footer_in { width:88%; margin: 0px auto; clear: both; position: relative; /*overflow: hidden;*/ } .header_in { width:100%; clear: both; } .content { width:100%; clear:both; } .sidebar { width:100%; clear:both; padding-top:20px; } .header { border-top:none; } .foruth_column { width:100%; clear:both; padding:0; *width:auto; *float:none; } .spacer_4col { margin-left:0; } .header_right {display:none;} .main_nav_in ul li { border-bottom:1px solid #ddd; margin-bottom:-1px; } .after_single_entry .related_listing { float: none !important; } .after_single_entry .widget { clear: none; float: none !important; } .bktwtpmdl,.bottom_in { width: 88%; } .min_width { float: none; width: auto; } .max_width { float: none; width:auto; } .ftrtxtbox { width: 75%; } .equal_column { width: auto; } .equal_column_footer .left { float: none; } .equal_column_footer .right { float: none; } .three_column { width: auto; } .three_column_footer .spacer_3col { margin-left: 0; clear:both; } .three_column_footer .right { float: left; margin-left: 5%; } .newsleft { float: none; width: auto; } .newsright { float: none; width: auto; padding-top:20px; } .one_third_column { width: 41%; } .page_404_set .right { float:none; clear:both; width:auto; } .flike { display: block; } .advanced_left input.textfield[name="frmdate"] { clear:both; margin-left:103px; } .authorbox .author-desc { padding:0 20px 20px; width:inherit; } .authorbox { margin-top:20px; } .content { float:none !important; } .archive .viewsbox { position:static; margin:0; } .common-viewtypes { position:static; } .sidebar .advt_widget ul li.even { margin-right:10px; } .authorbox .author-avatar { float:none; } .authorbox .author-desc { background: none;float: none; } .authorbox h4 { margin-bottom: 0; } .author-viewtype { margin-bottom: 5px; margin-top: 15px; } #box { left: 0; padding: 0 5px 8px; width: 232px; position:static; } #box ul li { float: left; padding: 5px 3px; } .post-content #side-bar { position: static !important; z-index:100; } .post-content #side-bar-right { position: static !important; z-index:100; } #side-bar { display:none; } #side-bar-right { display:none; } .top_navigation .top_nav_search { position: absolute; top: 82px; right: 0; } } @media screen and (max-width: 570px) { body { background: #fff;} .logo { float: none; margin: 12px auto; width: 280px; } .logo img { /*width: 70%;*/ height: auto; } .wrapper, .content, .sidebar. .header { } .wrapper, .top_navigation_in, .footer_in { width:98%; margin: 0px auto; clear: both; position: relative; overflow: hidden; } .header_in { width:100%; clear: both; } .content { width:100%; clear:both; } .sidebar { width:100%; clear:both; padding-top:20px; } .header { border-top:none; } .foruth_column { width:100%; clear:both; padding:0; *width:auto; *float:none; } .spacer_4col { margin-left:0; } .top_navigation_in { margin-bottom:11px; } .currentmenu, .currentmenu2 { display:block; } .currentmenu span, .currentmenu2 span { display:block; padding:12px; background:url(images/arrowdown2.jpg) no-repeat 96% 19px; color: #0178BA; font-size:13px; font-family: Shanti,Arial,Helvetica,sans-serif; text-transform: uppercase; white-space: nowrap; cursor:pointer; border: 1px solid #D4D8DB; border-radius: 6px 6px 6px 6px; height:17px; } .menu-header,div.menu { border: 1px solid #D4D8DB; border-radius: 6px 6px 6px 6px; display:none; } .main_nav_in ul li { border: none; border-bottom:1px solid #ddd; float: none; text-align: left; } .main_nav_in ul li a { padding:6px 12px; color:#666; } .main_nav_in ul li:last-child {border-bottom:none;} .main_nav_in ul > li:hover { color:#0178BA; background:none; } .main_nav_in ul li:hover a, .main_nav_in ul li a:hover { color:#0178BA; } .main_nav_in ul li.current-menu-item { background:none; border-top:none; bottom:0; margin:0; padding:0; } .main_nav_in ul li ul, .main_nav_in ul li ul li ul { background: none; border: medium none; display: block; left: 0; padding: 0; position: static; top:0; visibility: visible; } .main_nav_in ul li ul li, .main_nav_in ul li ul li ul li { background:none; border-bottom:none; } .main_nav_in ul li ul li.current-menu-item, .main_nav_in ul li ul li ul li.current-menu-item { background:none; border-bottom:none; } .main_nav_in ul li ul li:hover, .main_nav_in ul li ul li ul li:hover { background:none; border-bottom:none; } .main_nav_in ul li ul li a { color: #666 !important; width:auto; padding: 6px 20px 6px 32px; } .main_nav_in ul li ul li a:hover, .main_nav_in ul li ul li ul li a:hover, .main_nav_in ul li ul li.current-menu-item a, .main_nav_in ul li ul li ul li.current-menu-item a { color: #0178BA !important; } .main_nav_in ul li ul li.current-menu-item ul li a { color: #666 !important; } .main_nav_in ul li ul li ul li a { padding: 6px 20px 6px 52px; width:auto; } .main_nav_in ul li:hover ul li ul { visibility:visible; } .main_nav_in ul li.menu-item-home a { background: none; padding:6px 12px; } .main_nav_in ul li.menu-item-home a:hover { background: none; } /* top navigation ----------------- */ /*.top_navigation_in ul {display:none;}*/ /*Important: Hiding the actual menu to show a dropdown replacement*/ .top_navigation_in .select-menu { display:block; float:left; } /*Dropdown replacement for menu*/ .top_navigation_in ul li:first-child {padding-left:12px;} .top_navigation_in ul li ul li:first-child {padding-left:0;} .top_navigation_in ul li:last-child {border-bottom:none;} .top_navigation_in ul { float: none; } .top_navigation_in ul li { float:none; text-align:left; padding:6px 12px; } .top_navigation_in ul li ul,.top_navigation_in ul li ul li ul { background: none; border: none; left:0; padding:0; position: static; top:0; visibility: visible; width: auto; } .top_navigation_in ul li ul li a { padding: 6px 20px 6px 32px; width: auto; } .top_navigation_in ul li ul li ul li a { padding: 6px 20px 6px 52px; width: auto; } .top_navigation_in ul li:hover ul li ul, .top_navigation_in ul li:hover ul li ul li, .top_navigation_in ul li:hover ul li ul li a { visibility:visible; } .top_navigation_in ul li ul li ul li ul { visibility:visible; position:static; left:0; top:0; width:auto; } .top_navigation_in ul li:hover ul li ul li ul, .top_navigation_in ul li:hover ul li ul { visibility:visible; display:block; } .top_navigation_in ul li.current-menu-item ul li a { color: #666; } .header_right {display:none;} /* Main navigation ----------------- */ /*.main_nav_in ul {display:none;}*/ /*Important: Hiding the actual menu to show a dropdown replacement*/ .main_nav_in .select-menu2 {display:block; float:left;} /*Dropdown replacement for menu*/ .main_nav_in {background:none !important; border:none !important; } .after_single_entry .related_listing { float: none !important; } .after_single_entry .widget { clear: none; float: none !important; } .post-prev { border-bottom: 1px solid #E6E6E6; border-right: none !important; float: none; width: auto; } .post-next { float: none; width: auto; } .bktwtpmdl,.bottom_in { width: 88%; } .min_width { float: none; width: auto; } .max_width { float: none; width:auto; } .max_width .widget { padding-left: 0; min-width: 110px; margin-right:20px; } .ftrtxtbox { margin-left: 0; width: 75%; } .equal_column { width: auto; } .equal_column_footer .left { float: none; } .equal_column_footer .right { float: none; } .three_column { width: auto; } .three_column_footer .left { float: none; } .three_column_footer .right { float: none; } .three_column_footer .spacer_3col { margin-left: 0; } .newsleft { float: none; width: auto; } .newsright { float: none; width: auto; padding-top:20px; } .post-content .search input {width:auto; float:left;} .post-content .search button { display:none; } .page_404_set .left { float:none; clear:both; width:auto; } .page_404_set .right { float:none; clear:both; width:auto; } .top_navigation .top_nav_search { float: none; width: auto; } .menu-header, div.menu { clear:both; } .flike { display: block; } .advanced_left input, .advanced_left select { clear: both; } .advanced_left input.checkbox { float:left; clear:none; margin: 20px 0 0 15px; } .advanced_left p span { clear: both; margin:10px 0 !important; padding:0; } #advancedsearch .adv_submit { margin-left: 0; } .advanced_left p label.submitlabel { display:none; } .top_navigation .top_nav_search { margin-bottom:10px; } .footer .footer_in p.copyright, .footer .footer_in p.credits { text-align:center; float:none; margin-bottom:12px; } #contact_frm .b_submit { margin-left:0; } #contact_frm .error, .message_error { padding:0; } .list .postcontentview { width:100%; } .grid .post:nth-child(3n+3) {margin-right: 20px; } .grid .post:nth-child(2n+2) {margin-right: 0; } .viewsbox { position:static; margin:0 012px 12px; display: none; } .authorbox .author-desc { padding:0 20px 20px; width:inherit; } .authorbox { margin-top:20px; } .comment_right { float:none; clear:both; padding-top:20px; } .advt_widget { display:none; } .content { float:none !important; } *+html .advanced_left textfield, .advanced_left img.adv_calendar { float:none; clear:both; } *+html .advanced_left input.checkbox { margin:94px 0 0 -20px; } .post-content .adv_calendar { padding-top:5px; } .archive .viewsbox { position:static; margin:0; } .common-viewtypes { position:static; } .authorbox .author-avatar { float:none; } .authorbox .author-desc { background: none;float: none; } .authorbox h4 { margin-bottom: 0; } .author-viewtype { margin-bottom: 5px; margin-top: 15px; } #box { left: 0; padding: 0 5px 8px; width: 232px; position:static; } #box ul li { float: left; padding: 5px 3px; } #side-bar { display:none; } #side-bar-right { display:none; } .commform-author div input, .commform-email div input, .commform-url div input { max-width: 250px !important; } #commentform td { margin: 0 5% 18px 5%; } #submit, #advancedsearch .adv_submit, #contact_frm .b_submit { margin-left: 5%; } .post-content #side-bar { position: static !important; z-index:100; } .post-content #side-bar-right { position: static !important; z-index:100; } .authorbox .author-avatar { background: none; } .main_nav_in, .main_nav_in .select-menu2, .select-menu, .select-menu2, #pagination a { border-radius: 6px !important; } .after_single_entry .related_listing { width: 100%; } .cat_cont { display: none; } .main_nav_in, .main_nav_in .select-menu2, .select-menu, .select-menu2, #pagination a { width:100%; } .ftrtxtbox { width: 85%; margin-top:20px; } .footersearch a.backtotop { float: none; width: 73px; margin-top:0; } p.comment_message { margin-left: 15px !important; } .footersearch { padding-top:15px; } .postcontentview .post-meta { display: none; } .sidebar .social_media ul li { margin:0 13px 0 0!important; } .sidebar .social_media ul li:last-child { margin-right:0px !important; } .flexslider .categoryName { left: 20%; top: 2%; display:none; } .flexslider .slides .post_list h4 { left: 20%; top: 22%; display:none; } .pagination a { margin-bottom:3px; } .bottom .social_media ul li { margin-left: 24px; } .comment_list ol li ul.children .comment_right { margin-left:0; } .comment_list ol li ul.children .comment_right, .comment_list ol li ul.children ul.children .comment_right { width: 95%; } } @media screen and (max-device-width: 480px) { body { background: #fff;} .wrapper, .top_navigation_in, .footer_in { width:98%; margin: 0px auto; clear: both; position: relative; overflow: hidden; } .header_in { width:100%; clear: both; } .content { width:100%; clear:both; } .sidebar { width:100%; clear:both; padding-top:20px; } .foruth_column { width:100%; clear:both; padding:0; } .header { border-top:none; } .spacer_4col { margin-left:0; } /* top navigation ----------------- */ .top_navigation_in ul {display:none;} /*Important: Hiding the actual menu to show a dropdown replacement*/ .top_navigation_in .select-menu {display:block; float:left;} /*Dropdown replacement for menu*/ /* Main navigation ----------------- */ .main_nav_in ul {display:none;} /*Important: Hiding the actual menu to show a dropdown replacement*/ .main_nav_in .select-menu2 {display:block; float:left;} /*Dropdown replacement for menu*/ .after_single_entry .related_listing { float: none !important; } .after_single_entry .widget { clear: none; float: none !important; } .post-prev { border-bottom: 1px solid #E6E6E6; border-right: none !important; float: none; width: auto; } .post-next { float: none; width: auto; } .bktwtpmdl,.bottom_in { width: 88%; } .min_width { float: none; width: auto; } .max_width { float: none; width:auto; } .max_width .widget { float: none; padding-left: 0; width: auto; } .ftrtxtbox { margin-left: 0; width: 75%; } .equal_column { width: auto; } .equal_column_footer .left { float: none; } .equal_column_footer .right { float: none; } .three_column { width: auto; } .three_column_footer .left { float: none; } .three_column_footer .right { float: none; } .three_column_footer .spacer_3col { margin-left: 0; } .newsleft { float: none; width: auto; } .newsright { float: none; width: auto; padding-top:20px; } .post-content .search input {width:auto;} .post-content .search button { display:none; } .page_404_set .left { float:none; clear:both; width:auto; } .page_404_set .right { float:none; clear:both; width:auto; } .top_navigation .top_nav_search { float: left; } .menu-header, div.menu { clear:both; } .flike { display: block; } .advanced_left input, .advanced_left select { clear: both; } .advanced_left input.checkbox { float:left; clear:none; margin: 20px 0 0 15px; } .advanced_left p span { clear: both; margin:10px 0 !important; padding:0; } #advancedsearch .adv_submit { margin-left: 0; } .advanced_left p label.submitlabel { display:none; } .archive .viewsbox { position:static; margin:0; } .common-viewtypes { position:static; } .authorbox .author-avatar { float:none; } .authorbox .author-desc { background: none;float: none; } .authorbox h4 { margin-bottom: 0; } .author-viewtype { margin-bottom: 5px; margin-top: 15px; } #box { left: 0; padding: 0 5px 8px; width: 232px; position:static; } #box ul li { float: left; padding: 5px 3px; } #side-bar { display:none; } #side-bar-right { display:none; } .post-content #side-bar { position: static !important; z-index:100; } .post-content #side-bar-right { position: static !important; z-index:100; } } @media screen and (max-width: 320px) { .commform-author div input, .commform-email div input, .commform-url div input { width: auto !important; } }