/* ------------------------------------------- CSS MAP ------------------------------------------- A) GENERAL LAYOUT 1. Header 2. Menu 3. Headlines 4. Slider 5. Intro Text 6. Some Text B) PAGE STYLES 1. Page Container 2. Page Right Sidebar 3. Page Nav Numbers 4. Page Search 5. Blog Container 6. Portfolio Container 7. Footer C) CONTACT STYLES D) OTHER STYLES ------------------------------------------- */ body{ line-height:21px; } /* A) GENERAL LAYOUT ------------------------------------------- 1. Header ------------------------------------------- */ .header_bg { width:100%; height:105px; display:table; } .header_container { width:900px; margin-left:auto; margin-right:auto; display:table; } .header_content_topading{ height:50px; padding-top:10px; display:table; float:right; } .logo{ margin-top:10px; float:left; text-align:center; display:table; } /* ------------------------------------------- 2. Menu ------------------------------------------- */ .menu_container{ height:70px; z-index:10; float:right; background:url(../images/menu_shadow.png) center bottom no-repeat; } .menu_holder{ display:table; float:right; } .deluxemenu{ float:right; display:table; } .deluxemenu ul{ margin: 0; padding: 0; list-style-type: none; } .deluxemenu ul ul { padding-bottom:5px; padding-top:13px; top:30px !important; } .deluxemenu ul ul ul{ top:0 !important; padding-top:0; padding-left:9px; } .deluxemenu ul li{ position: relative; display: inline; float: left; z-index:100; } .deluxemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden;} .deluxemenu ul li ul li { display: block; padding:0; float: none; } .deluxemenu ul li ul li a{ display: block; padding:10px; } * html .deluxemenu ul li a{ display: inline-block; } .dohidden ul{ display:none !important; } .deluxemenu ul ul { background:url(../images/drop.png) no-repeat scroll -1px 0 transparent; } .deluxemenu ul ul ul{ background:url(../images/subdrop.png) no-repeat scroll -1px 0 transparent; } /* ------------------------------------------- 3. Headlines ------------------------------------------- */ .news{ background:url(../images/news_bg.png); height:58px; width:100%; display:table; } .news_content{ display:table; width:100%; } .hot_news{ margin-top:20px; margin-right:15px; margin-left:15px; float:left; font-size:17px; font-weight:bold; color:#CCCCCC; } .news_items{ display:table; float:left; margin-top:20px; width:650px; } .news_line{ background:url(../images/hot_news_line.png) left no-repeat; float:left; height:58px; width:2px; padding-right:10px; } .news_more{ padding-top:17px; float:left; display:table; } .news_text { float:left; } #news_ticker li{ list-style:none; background:none; } #news_ticker li a{ color:#666; } #news_ticker li a:hover{ color:#ccc; } /* ------------------------------------------- 4. Slider ------------------------------------------- */ .banner{ width:100%; display:table; background-color:#f8f8f8; text-align:center; z-index:-100; margin-bottom:20px; margin-top:20px; } .slider_mask_top{ font-size:0; line-height:0; position:absolute; background: url(../images/slider_mask_top.png) no-repeat top left; width:900px; height:5px; z-index:1; } .slider_mask_bottom{ font-size:0; line-height:0; position:absolute; background: url(../images/slider_mask_bottom.png) no-repeat top left; width:900px; height:5px; margin-top:-5px; z-index:1; } .slider_content{ width:100%; margin-left:auto; margin-right:auto; z-index:0; position:relative; } .sliders{ z-index:0; margin-left:auto; margin-right:auto; width:1000px; } .sliders_full{ z-index:0; margin-left:auto; margin-right:auto; } .slider_item{ width:100%; } .slider_item a{ display:block;height:100%;width:100%; } .slider_item span{ padding-top:180px; } .slider_nav { width:100%; left:0; margin-top:-27px !important; } #nav{ width:880px; display:table; margin-left:auto; margin-right:auto; } #nav a{ padding:10px; color:#FFFFFF; background-color:#000000; } #nav a:hover{ padding:10px; color:#000; background-color:#fff; } #recentimages li { list-style:none; float:left; margin-right:5px; font-size:10px; z-index:1; cursor:pointer; background-image:url('../images/banner_button.png'); width:21px; height:21px; } .hover { width:21px; height:21px; top:0; left:0; display:none; float:left; z-index:0; background-image:url('../images/banner_button_active.png'); } #recentimages .selected{ width:21px; height:21px; top:0; left:0; float:left; background-image:url('../images/banner_button_active.png'); } /* ------------------------------------------- 5. Intro Text ------------------------------------------- */ .container_text{ width:900px; margin-left:30px; padding-left:20px; margin-right:30px; padding-right:20px; background-color:#f8f8f8; } .intro_holder{ display:table; } .intro_text{ margin-top:20px; margin-bottom:20px; color:#353535; font-size:25px; padding-top:15px; width:670px; float:left; font-weight:bold; } .intro_ready{ margin-top:20px; margin-bottom:10px; float:right; display:table; width:221px; height:53px; } .page_line{ background:url(../images/page_line.png) center no-repeat; height:2px; display:table; width:100%; font-size:0; } /* ------------------------------------------- 6. Some Text ------------------------------------------- */ .some_text{ margin-top:20px; margin-bottom:20px; display:table; } .some_img{ margin-right:15px; margin-bottom:5px; } .some_widgets{ margin-top:10px; margin-bottom:20px; display:table; float:left; } .some_widgets_item_bottom_last{ width:270px; float:left; display:table; } .some_widgets_item_bottom { width:260px; margin-right:50px; float:left; display:table; } .some_widgets_item_last { width:270px; float:left; display:table; } .some_widgets_item { width:260px; margin-right:50px; float:left; display:table; } .some_widget_image{ float:left; padding-right:15px; display:table; } .some_widget_text{ padding-right:10px; display:table; } .some_content{ padding-top:5px; padding-bottom:20px; display:table; } .some_content_image{ background:url(../images/some_bg.png); text-align:center; width:250px; margin-top:15px; height:148px; padding:5px; } .some_title{ color:#666666; font-size:17px; font-weight:bold; } .widgets{ margin-top:20px; display:table; } .site_content{ width:1000px; margin-left:auto; margin-right:auto; } /* B) PAGE STYLES ------------------------------------------- 1. Page Container ------------------------------------------- */ .container_left_shadow{ background:url(../images/container_left_shadow.png) left no-repeat; display:table; width:1000px; } .container_right_shadow{ background:url(../images/container_right_shadow.png) right no-repeat; display:table; width:1000px; } .container_page_left_shadow{ background:url(../images/container_page_left_shadow.png) left no-repeat; display:table; width:1000px; } .container_page_right_shadow{ background:url(../images/container_page_right_shadow.png) right no-repeat; display:table; width:1000px; } .page_shortcut{ display:table; padding-top:20px; width:100%; font-size:11px; color:#999; font-family:Tahoma; } .page_title_container{ display:table; padding-top:10px; padding-bottom:10px; width:100%; } .page_title{ font-size:30px; color:#444; font-weight:bold; float:left; width:100%; } .page_categories{ display:table; width:100%; } .page_categories ul li { padding-right:15px; padding-top:10px; float:left; font-size:17px; list-style: none; } .page_categories ul li a{ color:#555; padding-left:15px; background:url(../images/plus.gif) center left no-repeat; line-height:0; } .page_categories ul li a:hover{ color:#6794b1; } .page_categories ul li.current_page_item a{ color:#6794b1; } .page_content{ padding-top:20px; margin-bottom:20px; display:table; width:100%; } .page_container_contact{ display:table; margin-bottom:20px; width:100%; background:url(../images/navigation_bg.png) bottom right no-repeat; background-position:300px 0; } .page_contact_container{ margin-left:20px; margin-top:20px; width:570px; float:left; } .page_navigation_contact{ float:left; display:table; width:270px; margin-top:10px; margin-right:30px; } .page_container{ display:table; margin-bottom:20px; width:100%; background:url(../images/navigation_bg.png) bottom right no-repeat; background-position:665px 0; } .page_container a{ font-weight:bold; color:#555; } .page_container a:hover{ color:#999; } .page_content_with_categories{ width:630px; float:left; display:table; margin-top:20px; } .page_navigation_container{ float:right; display:table; width:220px; margin-top:10px; margin-bottom:25px; font:12px "Tahoma",Arial,Helvetica,san-serif; } .page_navigation_title{ width:100%; background:url(../images/navigation_line.png) bottom no-repeat; } .page_tags{ padding-top:20px; padding-bottom:20px; display:table; } .page_tags a{ background-color:#f0f0f0; color:#666666; padding:3px; margin-right:2px; margin-top:10px; float:left; display:table; } .page_tags a:hover{ background-color:#dddddd; text-decoration:underline; } /* ------------------------------------------- 2. Page Right Sidebar ------------------------------------------- */ .page_navigation_container h3{ color:#666666; } .page_navigation_container ul li { list-style: none; line-height: 19px; padding: 8px 0; position: relative; margin: 0; } .page_navigation_container ul li a { padding-left:10px; } .page_navigation_container ul li ul.children li a { padding-left:10px; } .page_navigation_container ul li.current_page_item { margin: 0 0 0 -31px; padding: 0 0 0 16px; width: 220px; } .page_navigation_container ul li ul li.current_page_item { margin: 0 0 0 -41px; } .page_navigation_container ul li ul li ul li.current_page_item { margin: 0 0 0 -51px; } .page_navigation_container ul li ul li ul li ul li.current_page_item { margin: 0 0 0 -61px; } .page_navigation_container ul li.current_page_item a { padding: 8px 0 0 25px; display: block; color:#fff; } .page_navigation_container ul li.current_page_item ul.children li a { margin-left:15px; } .page_navigation_container ul li ul.children li.current_page_item ul.children li a { margin-left:25px; } .page_navigation_container ul li ul.children li.current_page_item ul.children li a span { padding-left:0px; } .page_navigation_container ul li.current_page_item a span { padding: 0 5px 8px 0; display: block; position: relative; } .page_navigation_container ul li ul li.current_page_item a span { padding: 0 5px 8px 25px; } .page_navigation_container ul li ul li ul li.current_page_item a span { padding: 0 5px 8px 35px; } .page_navigation_container ul li ul li ul li ul li.current_page_item a span { padding: 0 5px 8px 45px; } .page_navigation_container ul li ul{ margin: 6px 0 -8px 0 !important; } .page_navigation_container ul li.current_page_item ul{ margin: -2px 0 0px 0 !important; } .page_navigation_container ul li.current_page_item ul li{ margin:0 !important; padding:0; } .page_navigation_container ul li.current_page_item ul li a, .page_navigation_container ul li.current_page_item ul li a span{ background:none; } .page_navigation_container ul li.current_page_item ul.children{ padding-left:10px; } .page_navigation_container ul li ul.children{ padding-left:10px; } .page_navigation_container ul a:hover, .page_navigation_container ul li.current_page_item ul.children li a:hover{ color:#6794b1; } .page_navigation_container ul a, .page_navigation_container ul li.current_page_item ul.children li a{ color:#000; } .page_navigation_container ul li.current_page_item { background:url(../images/sidebar_menu_arrow.png) left top no-repeat; } .page_navigation_container ul li.current_page_item a { background:url(../images/sidebar_menu_bg.png) right top no-repeat; } .page_navigation_container ul li.current_page_item a span { background:url(../images/sidebar_menu_bg.png) right bottom no-repeat; } .page_navigation_container ul li.current_page_item ul li a{ background:url(../images/nonarrow.png) no-repeat scroll left center transparent; } .page_navigation_container ul li a{ background:url(../images/nonarrow.png) no-repeat scroll left center transparent; } .page_navigation_container ul.site_left_menu{ margin-bottom:25px; } .page_navigation_container ul li.recentcomments { background:url(../images/comment_btn.png) no-repeat scroll left top transparent; padding:0px; padding-left:20px; padding-bottom:10px; margin-top:10px; font-size:11px; } .page_navigation_container ul li.recentcomments a{ background:none; } .page_navigation_container ul li.recentcomments a.url{ font-weight:bold; font-size:11px; } .textwidget{ margin-bottom:25px; } .page_navigation_advert{ display:table; } .page_navigation_left{ display:table; margin-bottom:20px; } .custom_title h3 { padding-bottom:0px; } /* ------------------------------------------- 3. Page Nav Numbers ------------------------------------------- */ .pages_numbers a{ padding-top:2px; width:100%; height:100%; float:left; } .pages_numbers a:hover{ background:url(../images/page_num_hover.gif) top center no-repeat; } .pages_numbers{ display:table; padding-bottom:10px; } .pages_numbers ul li{ list-style: none; float:left; margin-right:10px; width:30px; height:24px; text-align:center; background:url(../images/page_num.gif) top center no-repeat; } .pages_numbers ul li.current a{ cursor:normal; } .pages_numbers ul li.pages { background:none; font-style:italic; color:#ccc; width:100px; text-align:left; } /* ------------------------------------------- 4. Page Search ------------------------------------------- */ .page_search{ float:right; background:url(../images/search_bg.png) left top no-repeat; } .page_search_intro{ font-size:9px; color:#c2c2c2; text-align:center; } .page_search .page_search_button{ background:url(../images/search_button.png) no-repeat; float:left; width:27px; height:24px; border:0px; font-size:10px; } .page_search .search_input{ border:0px; background:none; font-size:10px; color:#999999; margin-left:35px; margin-top:5px; margin-right:5px; width:175px; } .page_search_bg{ float:left; height:24px; } /* ------------------------------------------- 5. Blog Container ------------------------------------------- */ .blog_titles { border-bottom:1px solid #ECECEC; display:table; font-size:11px; margin-bottom:10px; margin-top:5px; padding-bottom:5px; width:99%; } .blog_info{ float:left; display:table; } .blog_comments{ float:right; display:table; } /* ------------------------------------------- 6. Portfolio Container ------------------------------------------- */ .portfolio_container{ display:table; } .blog_box_skin_3{ padding-bottom:30px; padding-right:40px; float:left; display:table; } .portfolio_box_skin_3{ padding-bottom:30px; padding-right:40px; float:left; display:table; } .portfolio_details_skin_3{ float:left; display:table; padding-top:10px; margin-right:15px; } .portfolio_box_container{ width:100%; display:table; } .portfolio_box_skin_2{ padding-bottom:30px; padding-right:15px; float:left; display:table; } .portfolio_image_skin2{ display:table; float:left; border:1px solid #e5e5e5; background-color:#e9e9e9; position:relative; overflow:hidden; } .portfolio_details_skin_2{ float:left; display:table; padding-top:10px; } .portfolio_box{ padding-bottom:40px; width:100%; display:table; } .inside_border{ padding:5px; border:1px solid #f3f3f3; float:left; font-size:0; line-height:0; } .comments li { list-style: none; } .comment_border{ padding:5px; border:1px solid #f3f3f3; display:table; float:left; height:80px; width:775px; } .comment_date{ font-size:11px; text-align:center; width:100%; } .portfolio_box_anime{ position:relative; overflow:hidden; float:left; } .comment_box{ display:table; float:left; border:1px solid #e5e5e5; background-color:#eaeaea; position:relative; overflow:hidden; width:775px; } .portfolio_image{ display:table; float:left; border:1px solid #e5e5e5; background-color:#e9e9e9; margin-right:10px; position:relative; overflow:hidden; } .portfolio_zoom{ width:900px; height:500px; display:none; position:absolute; top:0; left:0; float:inherit; background:url(../images/portfolio_bg.png); cursor:pointer; } .portfolio_details{ float:left; display:table; width:375px; } .portfolio_title{ font-size:19px; font-weight:bold; color:#555; display:table; padding-bottom:10px; padding-top:10px; } .portfolio_text{ float:left; } .details_button{ width:76px; height:30px; display:table; float:left; padding:0; margin:0; color:#ffffff; text-align:center; background:url(../images/details_button.gif) no-repeat; } .portfolio_details_button span{ padding:0; margin:0; } .portfolio_details_with_categories_button span{ padding:0; margin-top:10px; } .portfolio_details_button{ margin-top:10px; display:table; } .container_portfolio_left_shadow{ background:url(../images/container_portfolio_left_shadow.png) left repeat-y; display:table; width:1000px; } .container_portfolio_right_shadow{ background:url(../images/container_portfolio_right_shadow.png) right repeat-y; display:table; width:1000px; } /* ------------------------------------------- 7. Footer ------------------------------------------- */ .footer{ line-height:21px; } .footer_content{ padding-top:5px; width:900px; margin-left:auto; margin-right:auto; display:table; } .footer_end{ width:100%; padding-bottom:15px; padding-top:10px; display:table; } .footer_copyright{ display:table; float:left; font-size:10px; font-family:Tahoma; line-height:15px; } .footer_social_network{ display:table; float:right; font-size:11px; font-family:Tahoma; } .footer_social_network ul li{ list-style: none; float:left; padding-left:10px; padding-top:10px; } .footer_social_network_text{ width:100%; display:table; float:left; } .footer a:hover{ color:#ccc; } .footer_form{ padding-top:14px; } .footer_form input{ border:0; margin:0; font-size:9px; font-family:Tahoma; height:16px; padding-left:5px; padding-top:7px; padding-bottom:5px; width:175px; } .footer_form textarea{ border:0; margin:0; font-size:9px; font-family:Tahoma; padding-left:5px; padding-top:7px; width:175px; height:48px; background:none; overflow:hidden; } .footer_form .textarea_form{ width:180px; height:58px; } .footer_form .submit_bg{ width:46px; height:41px; cursor:pointer; loat:right; margin-top:5px; padding-top:18px; color:#ffffff; } .footer_left_shadow{ background:url(../images/footer_left_shadow.png) left no-repeat; display:table; width:1000px; } .footer_right_shadow{ background:url(../images/footer_right_shadow.png) right no-repeat; display:table; width:1000px; } /* C) CONTACT STYLES */ .contact_form{ display:table; width:500px; float:left; padding-top:20px; } .contact_form_title{ padding-left:30px; margin-bottom:2px; float:left; width:100%; } .contact_form_required{ float:left; color:#cccccc; font-size:9px; } .contact_form_bg{ float:left; height:24px; } .contact_form_message_bg{ float:left; height:106px; } .contact_form_submit{ background:url(../images/contact_submit_bg.gif); margin-top:10px; display:table; } .contact_form input{ border:0px; background:none; font-size:10px; color:#999999; margin-left:33px; margin-top:5px; margin-right:5px; width:200px; } .contact_form_item{ height:60px; width:100%; } .contact_form_input_bg{ float:left; width:270px; background:url(../images/search_bg.png) left top no-repeat; display:table; } .contact_title{ font-size:19px; font-weight:bold; color:#555; display:table; padding-bottom:15px; padding-left:25px; } .success{ color: #249901; padding: 5px; margin-bottom:10px; margin-left:28px; width:300px; border: 1px solid #99CC00; background-color: #dff2d9; display:table; } .error{ color: #ffffff; padding: 5px; margin-bottom:10px; margin-left:28px; width:300px; border: 1px solid #FF4A4A; background-color:#FF8A8A; } .mini_div{ width:125px; float:left; } .map_text{ padding:20px; } .map_container{ padding-left:17px; } .contact_form_textarea_input_bg{ float:left; width:378px; background:url(../images/from_textarea_bg.png) left top no-repeat; display:table; } .contact_form_message_bg textarea{ border:0px; background:none; font-size:11px; color:#999999; margin-left:33px; margin-top:5px; margin-right:5px; width:310px; height:100px; overflow:hidden; } /* D) OTHER STYLES */ .page_top{ width:100%; background:url(../images/page_top.png); height:4px; line-height:0; font-size:0; } .details_container{ display:table; } .details_image{ display:table; float:left; border:1px solid #e5e5e5; background-color:#e9e9e9; position:relative; overflow:hidden; } .slider_nav_details { width:100%; left:0; top:250px; padding-top:20px; padding-bottom:20px; } #nav_details{ width:900px; display:table; margin-left:auto; margin-right:auto; } #recentimages_details li { list-style:none; float:left; margin:0; cursor:pointer; width:80px; height:80px; padding:5px; line-height:0; font-size:0; } #recentimages_details .selected{ top:0; left:0; float:left; background:#ccc; }