/* Theme Name: Black_Eve Theme URI: http://www.yoursite.com Description: Developed for a wide range of online business Version: 1.2 Author: you Author URI: http://yoursite.com/wpthemes Tags: black, blue, brown, two-columns, fixed-width, custom-menu */ @import url('css/reset.css'); body { background: #F4F4F4; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#4e4e4e; } a{ color:#000; } a:hover{ text-decoration:underline; } p { padding:5px 0px; line-height:18px; } .wrap { width:960px; margin:0 auto; } .header { float:left; width:960px; margin-top:30px; margin-bottom:30px; } /* Text elements -------------------------------------------------------------- */ .header h1{ font-size:30px; color:#000; padding:0px 0px; display:block; float:left; font-weight:bold; } .header h1 a:hover{ text-decoration:none; } h1 { font-size:36px; font-weight:normal; padding:20px 0px; display:block; color:#000; } h2 { font-size:30px; font-weight:normal; padding:20px 0px; color:#000; } h3 { font-size:24px; font-weight:normal; color:#000; padding:20px 0px; } .bar h3 { font-size:18px; font-weight:normal; color:#fff; padding:5px 0px 0px 0px; float:left; } h4 { font-size:18px; font-weight:normal; color:#000; padding:20px 0px; } h5 { font-size:14px; font-weight:normal; color:#000; padding:20px 0px; } h6 { font-size:12px; font-weight:normal; color:#000; padding:20px 0px; } .margin_bottom { padding-bottom:10px; display:block;} .post_detailed img.aligncenter { display: block; margin:10px auto; padding:3px; background:#CFCFCF; } .post_detailed img.alignright { margin: 0 0 10px 10px; display: inline; padding:3px; background:#CFCFCF; } .post_detailed img.alignleft { margin: 0 10px 10px 0; display: inline; padding:3px; background:#CFCFCF; } .alignright { float: right; } .alignleft { float: left; } blockquote { background:#FFFFFF url(images/blockquote.png) no-repeat 8px 8px; border:1px dotted #DDDDDD; color:#474747; font-style:italic; margin:1em 25% 1em 0; min-height:40px; padding:1em 1em 1em 7em; } cite { font-size: 12px; float: right; margin:0px 0px 20px 0px; } address { margin:0px 20px 0px 0px; display:block; float:left; } /* Tables -------------------------------------------------------------- */ #box-table-b { border-bottom:7px solid #C8C7C8; border-collapse:collapse; border-top:7px solid #C8C7C8; font-size:12px; margin:20px 0px 20px 0px; text-align:center; width:100%; } #box-table-b th { background:#fff none repeat scroll 0 0; border-left:1px solid #C8C7C8; border-right:1px solid #C8C7C8; font-size:13px; font-weight:normal; padding:8px; } #box-table-b td { border-left:1px solid #C8C7C8; border-right:1px solid #C8C7C8; color:#231F20; padding:8px; } /* Form -------------------------------------------------------------- */ .form-contact { margin-top:20px; } #respond { margin-top:20px; display:block; float:left; } #searchform { display:block; float:right; } #searchform label.screen-reader-text { display:none; } #searchform input { width:110px; float:left; display:inline; background: url(images/inputsearch.gif) left top no-repeat; border:0; height:17px; padding:5px 10px; } #searchform input#searchsubmit { width:38px; height:27px; background: url(images/searchsubmit.gif) left top no-repeat; cursor:pointer; color:#9e9e9e; border:0; overflow:hidden; text-indent:-99999em; font-size:0; } textarea { border:1px solid #333333; background:#101010; color:#4D4D4D; height:100px; padding:5px; width:430px; } .first_col textarea { width:330px; } input { border:1px solid #333333; color:#4D4D4D; float:left; height:24px; padding:5px 5px 0; width:281px; background:#101010; } input.send { border:0px; background:url(../images/link_back.png) left top no-repeat; width: 88px; height:21px; text-align:center; font-size:11px; display:block; margin:10px 0px; cursor:pointer; padding:0px; } label { float:left; } .holder { float:left; width:100%; margin:0px 0px 10px 0px; clear:both; } p.error, p.succes { background:#101010; display:block; float:left; font-size:13px; font-weight:bold; text-align:center; color:#fff; width:100%; padding:5px; margin:15px 0px 5px 0px; } form.sort { float:left; margin:10px 0px; position:relative; top:-30px; } #hsort, #rsort { width:100px; font-size:11px; } .form-comment label { margin-left:10px; font-size:11px; } #contactForm label { width:100px; } #contactForm { margin-top:30px; } /* Navigation -------------------------------------------------------------- */ .menu { float:right; margin-top:20px; z-index : 9999} ul.menu {list-style:none; margin:0; padding:0 z-index : 9999} ul.menu * {margin:0; padding:0; z-index : 9997} ul.menu a {display:block; color:#808080; text-decoration:none; font-weight:normal; font-size:11px;} ul.menu li {position:relative; float:left; margin-right:2px} ul.menu ul {position:absolute; top:26px; left:0; background:#000; display:none; opacity:0; list-style:none; z-index:99999} ul.menu ul li {position:relative; border-bottom:1px solid #252525; width:148px; margin:0} ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#000} ul.menu ul li a:hover { color:#FFF;} ul.menu ul ul {left:148px; top:-1px} ul.menu .menulink {padding:5px 10px 10px; font-weight:normal; font-size:14px; color:#000;} ul.menu .menulink:hover, ul.menu .menuhover, ul.menu .selected { color: #808080;} ul.menu .sub {background:#252525 url(../images/arrow_icn.gif) right center no-repeat} ul.menu .topline {border-top:1px solid #aaa} /* Slideshow -------------------------------------------------------------- */ .slideshow { float:left; display:block; height:429px; width:960px; } div#top div#nav { float : left; clear : both; width : 993px; height : 52px; margin : 22px 0 0; } div#top div#nav ul { float : left; width : 700px; height : 52px; list-style-type : none; } div#nav ul li { float : left; height : 52px; } div#nav ul li a { border : 0; height : 52px; display : block; line-height : 52px; text-indent : -9999px; } div#slide-holder { z-index : 1; width : 960px; height : 429px; position : absolute; background:url(images/slideshow_back.png) left top no-repeat; } div#slide-holder div#slide-runner { width : 960px; height : 390px; overflow : hidden; position : absolute; } div#slide-holder img { margin : 0; display : none; position : absolute; } div#slide-holder div#slide-controls { width : 960px; height : 54px; top:336px; display : none; position : absolute; background : url(images/slide-bg.png) 0 0 no-repeat; } div#slide-holder div#slide-controls p.text { float : left; color : #fff; display : inline; font-size : 10px; line-height : 16px; margin : 15px 0 0 20px; text-transform : uppercase; } div#slide-holder div#slide-controls p#slide-nav { float : right; height : 24px; display : inline; margin : 11px 15px 0 0; } div#slide-holder div#slide-controls p#slide-nav a { float : left; width : 24px; height : 24px; display : inline; font-size : 11px; margin : 0 5px 0 0; line-height : 24px; font-weight : bold; text-align : center; text-decoration : none; background-position : 0 0; background-repeat : no-repeat; color:#FFF; } div#slide-holder div#slide-controls p#slide-nav a.on { background-position : 0 -24px; } div#slide-holder div#slide-controls p#slide-nav a { background-image : url(images/silde-nav.png); } div#nav ul li a { background : url(images/nav.png) no-repeat; } /* Slideshow NO2 -------------------------------------------------------------- */ #slider1 { width: 960px; /* important to be same as image width */ height: 429px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ background:transparent url(images/slideshow_back.png) no-repeat scroll left top; } #slider1Content { width: 960px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; height:390px; overflow: hidden; /* important */ } .slider1Image { float: left; position: relative; display: none; } .slider1Image span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 694px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; } .clear { clear: both; } .slider1Image span strong { font-size: 14px; } .slider1Image .left { top: 0; left: 0; width: 110px !important; height: 280px; } .slider1Image .right { right: 0; bottom: 0; width: 90px !important; height: 290px; } ul { list-style-type: none;} .slider1Image .top { top: 0; left: 0; } .slider1Image .bottom { bottom: 20px; left: 0; width: 960px !important; height: 90px; } /* Informtion box -------------------------------------------------------------- */ /* */ #screenshot{ position:absolute; background:#000; padding:5px; display:none; color:#fff; } /* */ .info_box_holder { background: url(images/info_box_holder.png) left top no-repeat; width:920px; height:128px; padding:20px; display:block; float:left; } .info_box { float:left; width:300px; } .info_box p.title { margin-top:5px; } .info_box a { color:#FFF; } /* Main page posts -------------------------------------------------------------- */ .main_page_posts { width:960px; } .main_page_posts .post { width:960px; display:block; float:left; background:url(images/post_sep.gif) left bottom repeat-x; margin-bottom:50px; } .main_page_posts .no-border, .left_col .no-border, .first_col .no-border, .col_holder .post_image a.no-border { background:none !important; } .col_holder .services .no-border { background:url(images/post_sep.gif) left bottom repeat-x !important; } .main_page_posts .no_border { background: none; } .bar { width:930px; height:90px; background:url(images/top_bar_back.png) left top no-repeat; float:left; padding:15px; } .main_page_posts .post_image { background:url(images/img_holder_front.png) left top no-repeat; width:170px; height:185px; padding:10px; float:left; margin-right:50px; } .main_page_posts .post_content { float:left; margin-right:20px; width:55%; padding-bottom:50px; } .main_page_posts .post_content h1 { padding:0px 0px 10px 0px; } .main_page_posts .post_content h1 a { color:#000; font-size:24px; } .main_page_posts .post_content h1 a:hover { color:#808080; text-decoration:none; } .main_page_posts .post_content a { color:#000; } .main_page_posts .post_info{ float:right; font-size:11px; width:170px; text-align:right; } .main_page_posts .post_info a{ color: #000; } .main_page_posts .post_info li{ padding:5px 0px; } /* Media page posts -------------------------------------------------------------- */ .media_page_posts { width:960px; } .media_page_posts .post { width:310px; display:block; float:left; margin-right:5px; } .media_page_posts .post_image { background:url(images/img_holder_media.png) left top no-repeat; width:290px; height:254px; padding:10px; float:left; } #grid-content { overflow: hidden; } .media_page_posts h6 a{ color:#fff; padding:15px 0px 20px 0px; } .media_page_posts h6 a:hover { color:#fff; text-decoration:none; } .media_page_posts h6{ padding:15px 0px 20px 0px; } /* 2 columns services -------------------------------------------------------------- */ .YMslider blockquote { width:120px; float:left; } .col_holder { width:960px; float:left; } .col_holder .left_col { width:650px; float:left; } .col_holder .right_col { width:220px; float:right; padding-left:40px; background:url(images/vertical_sep.gif) left top repeat-y; } .col_holder .right_col h1, .col_holder .sec_col h1, .col_holder .third_col h1 { color:#000000; font-size:18px; font-weight:normal; padding:20px 0; } .right_col .module_list, .col_holder .sec_col .module_list, .col_holder .third_col .module_list { color:#000; display:block; float:left; clear:both; margin-bottom:30px; width:100%; } .right_col .module_text, .col_holder .sec_col .module_text, .col_holder .third_col .module_text { display:block; float:left; clear:both; margin-bottom:30px; width:100%; } .right_col li, .col_holder .sec_col li, .col_holder .third_col li { display:block; padding:5px 0px; } .right_col li a, .col_holder .sec_col li a, .col_holder .third_col li a { color:#000; background:url(images/arrow_icn.gif) left center no-repeat; padding-left:15px; } .widget_holder { display:block; float:left; clear:both; margin-bottom:30px; width:100%; } .right_col #flickr li, .col_holder .sec_col #flickr li, .col_holder .third_col #flickr li { display:inline; } .right_col #flickr li a, .col_holder .sec_col #flickr li a, .col_holder .third_col #flickr li a { float:left; display:block; padding:3px; background:#CFCFCF; margin:3px; } .col_holder .left_col .post { display:block; float:left; background:url(images/post_sep.gif) left bottom repeat-x; margin-bottom:50px; } .col_holder .left_col .no_border { background: none; } .col_holder .left_col .post_image { background:url(images/img_holder_front.png) left top no-repeat; width:170px; height:185px; padding:10px; float:left; margin-right:50px; } .col_holder .left_col .small_height, .main_page_posts .small_height { height:145px; } .col_holder .left_col .post_image_med { background:url(images/img_holder_blog_med.png) left top no-repeat; width:640px; height:206px; padding:10px; float:left; margin-top:30px; } .main_page_posts .post_image_large { background:url(images/img_holder_blog_large.png) left top no-repeat; width:960px; height:339px; padding:10px; float:left; margin-top:30px; } .col_holder .left_col .post_content { float:left; width:63% } .col_holder .left_col .post_content h1, .first_col .post_content h1, h1.in_post { padding:0px 0px 10px 0px; } .col_holder .left_col .post_content h1 a, .first_col .post_content h1 a, h1.in_post a { color:#000; font-size:24px; } .col_holder .left_col .post_content h1 a:hover, .first_col .post_content h1 a:hover, h1.in_post a:hover { color:#808080; text-decoration:none; } .col_holder .left_col .post_content a { color:#000; } /* services posts */ .col_holder .services { float:left; width:690px; } .col_holder .services .post_content { float:left; width:100%; } .col_holder .services h1 { padding:0px 0px 20px 0px; } .col_holder .services h1 a { color:#000; font-size:24px; } .col_holder .services h1 a:hover { color:#808080; text-decoration:none; } .col_holder .services .post_content a { color:#000; } .col_holder .services .post { display:block; float:left; background:url(images/post_sep.gif) left bottom repeat-x; padding-bottom:20px; margin-bottom:50px; margin-right: 40px; width:190px; } .col_holder .services .no-margin { margin-right: 0px; } .col_holder .left_col .no_border { background: none; } .col_holder .services .post_image { background:url(images/img_holder_front.png) left top no-repeat; width:170px; height:145px; padding:10px; float:left; margin-right:0px; } /* 2 columns blog -------------------------------------------------------------- */ /* module social */ .col_holder .right_col .module_social, .col_holder .sec_col .module_social, .col_holder .third_col .module_social { display:block; float:left; clear:both; margin-bottom:30px; width:100%; } .col_holder .right_col ul.module_social li { float:left; width:110px; display:block; } .col_holder .right_col .module_social .col2 { float:right; } .col_holder .right_col .module_social li a.rss, .col_holder .sec_col .module_social li a.rss, .col_holder .third_col .module_social li a.rss { background:url(images/feed.png) left center no-repeat; padding:5px 0px 5px 25px; display:block; } .col_holder .right_col .module_social li a.email, .col_holder .sec_col .module_social li a.email, .col_holder .third_col .module_social li a.email { background:url(images/email.png) left center no-repeat; padding:5px 0px 5px 25px; display:block; } .col_holder .right_col .module_social li a.twitter, .col_holder .sec_col .module_social li a.twitter, .col_holder .third_col .module_social li a.twitter { background:url(images/twitter.png) left center no-repeat; padding:5px 0px 5px 25px; display:block; } .col_holder .right_col .module_social li a.facebook, .col_holder .sec_col .module_social li a.facebook, .col_holder .third_col .module_social li a.facebook { background:url(images/facebook.png) left center no-repeat; padding:5px 0px 5px 25px; display:block; } .col_holder .right_col .module_social li a.linkedin, .col_holder .sec_col .module_social li a.linkedin, .col_holder .third_col .module_social li a.linkedin { background:url(images/linkedin.png) left center no-repeat; padding:5px 0px 5px 25px; display:block; } .col_holder .right_col .module_social li a.vimeo, .col_holder .sec_col .module_social li a.vimeo, .col_holder .third_col .module_social li a.vimeo { background:url(images/vimeo.png) left center no-repeat; padding:5px 0px 5px 25px; display:block; } .col_holder .right_col .module_social li a.youtube, .col_holder .sec_col .module_social li a.youtube, .col_holder .third_col .module_social li a.youtube { background:url(images/youtube.png) left center no-repeat; padding:5px 0px 5px 25px; display:block; } .col_holder .right_col .module_social li a.flickr, .col_holder .sec_col .module_social li a.flickr, .col_holder .third_col .module_social li a.flickr{ background:url(images/flickr.png) left center no-repeat; padding:5px 0px 5px 25px; display:block; } .col_holder .right_col .module_social li a.delicious, .col_holder .sec_col .module_social li a.delicious, .col_holder .third_col .module_social li a.delicious { background:url(images/delicious.png) left center no-repeat; padding:5px 0px 5px 25px; display:block; } /* module categories + archives */ .col_holder .right_col .module_list span, .col_holder .sec_col .module_list span, .col_holder .third_col .module_list span { color:#808080; font-size:11px; } /* module list + images */ .right_col .module_list_image, .col_holder .sec_col .module_list_image, .col_holder .third_col .module_list_image { display:block; float:left; clear:both; margin-bottom:30px; width:100%; } .right_col .module_list_image li, .col_holder .sec_col .module_list_image li, .col_holder .third_col .module_list_image li{ display:block; clear:both; } .right_col .module_list_image li a.image, .col_holder .sec_col .module_list_image li a.image, .col_holder .third_col .module_list_image li a.image { float:left; display:block; padding:3px; background:#CFCFCF; margin:0px 10px 10px 0px; } .right_col .module_list_image li a.title, .col_holder .sec_col .module_list_image li a.title, .col_holder .third_col .module_list_image li a.title { display:block; } .right_col .module_list_image li span, .col_holder .sec_col .module_list_image li span, .col_holder .third_col .module_list_image li span { color:#808080; display:block; font-size:11px; } .post_info_wide{ font-size:11px; color:#808080; } /* pagination */ .pagination ul { float:left; width:100%; } .pagination ul li { display:inline; } .pagination ul li a { font-weight:bold; font-size:14px; color:#808080; } .pagination ul li a:hover { text-decoration:none; color:#4E4E4E; } /* 3 columns layout -------------------------------------------------------------- */ .col_holder .first_col { width:460px; float:left; margin-right:20px; } .col_holder .first_col .post { margin-bottom:20px; background:transparent url(images/post_sep.gif) repeat-x scroll left bottom; display:block; float:left; margin-bottom:40px; padding-bottom:40px; } .col_holder .sec_col { width:200px; float:left; padding:0px 20px; background:url(images/vertical_sep.gif) left top repeat-y; margin-left:20px; } .col_holder .third_col { width:200px; float:left; padding-left:20px; background:url(images/vertical_sep.gif) left top repeat-y; } /* post_detailed -------------------------------------------------------------- */ .logo { float:left; font-size:11px; } .post_detailed ol { list-style-position:outside; list-style-type:decimal; } .post_detailed ul { list-style-position:outside; list-style-type: square; } .post_detailed ol li, .post_detailed ul li{ padding:5px 0; margin-left:2.5em; } /* comments -------------------------------------------------------------- */ .leave_comment { float:left; margin-bottom:30px; } .first_col .comment { background:transparent url(images/post_sep.gif) repeat-x scroll left bottom; clear:both; margin-bottom:30px; padding-bottom:30px; float:left; width:460px; } .first_col .comment ul.children li { width:360px; float:right; margin-top:20px; background:#DFDFDF !important; padding:10px; } .first_col .comment ul.children li ul.children li { width:260px; float:right; margin-top:20px; background:#F4F4F4 !important; padding:10px; } .first_col .comment ul.children li ul.children li ul.children li { width:160px; float:right; margin-top:20px; background:#CFCFCF; padding:10px; } .first_col .comment .comment-post { float:left; width:370px; } .first_col ul.children li .comment-post { width:270px; } .first_col ul.children li ul li .comment-post { width:170px; } .first_col ul.children li ul li ul li .comment-post { width:70px; } .comment { background:transparent url(images/post_sep.gif) repeat-x scroll left bottom; clear:both; margin-bottom:30px; padding-bottom:30px; float:left; width:640px; } .comment ul.children li { width:540px; float:right; margin-top:20px; background:#DFDFDF !important; padding:10px; } .comment ul.children li ul.children li { width:440px; float:right; margin-top:20px; background:#F4F4F4 !important; padding:10px; } .comment ul.children li ul.children li ul.children li { width:340px; float:right; margin-top:20px; background:#CFCFCF!important; padding:10px; } ul.children li .comment-post { width:450px; } ul.children li ul li .comment-post { width:350px; } ul.children li ul li ul li .comment-post { width:250px; } .user { float:left; height:60px; overflow:hidden; width:60px; background:#CFCFCF none repeat scroll 0 0; display:block; float:left; margin:0px 20px 0px 0; padding:3px; } .user img { height:60px; width:60px; } .comment-post { float:left; width:550px; } .col3 .comment-post { float:left; width:350px; } .col3 { float:left; width:450px; } .comment-post h5 { float:left; padding:0px 0px 5px 0px; } .comment a.date { float:right; font-size:10px; margin:0; padding:0; } /* Footer -------------------------------------------------------------- */ .footer { display:block; width:960px; margin:0px auto; font-size:11px; background:url(images/footer_back.png) left top no-repeat; float:left; padding:15px 0px; margin:40px auto 0; } .footer .copy { text-align:center; } /* Calendar style */ table#wp-calendar { width:100%; text-align:center; border:0px; margin:0px auto; } table#wp-calendar caption { margin-bottom:10px; font-weight:bold; } table#wp-calendar td { color:#AFAFAF; border:0px; padding:0px; } table#wp-calendar tr td#today { color:#111312; font-weight:bold; } table#wp-calendar th { background:none; padding:0px; border:0px; font-size:12px; font-weight:bold; } /* Testimonials */ .website_url { float:right; font-size:11px;} blockquote { background:url("images/blockquote.png") no-repeat scroll 8px 8px #FFFFFF; border:1px dotted #DDDDDD; color:#474747; font-style:italic; margin:1em 0; min-height:40px; padding:0 15px 5px 50px; width:70%; } /* Twitter */ .twitter dd { background:url("images/post_sep.gif") repeat-x scroll left bottom transparent; padding:15px 0px !important; } .twitter .rsswidget { font-size:11px; color:#808080; width:100%;} /* Recent comments */ .recentcomments a { display:inline !important; margin:0 !important; padding:0 !important; background:none!important; } .testimonials cite { margin:0px;}