/* Template Name: Actme Version: 1.0 Author Name: IulianN Author URI: http://themes.iulzi.com/ Author ThemeForest URI: http://themeforest.net/user/IulianN */ html,body,h1,h2,h3,h4,h5,h6,form,li,ul,ol,p,input,select,legend,textarea,fieldset { margin:0; padding:0;} ul, ol { list-style-type: none; } :focus { outline: 0;} ins { text-decoration: none; } del { text-decoration: line-through; } img { border:none;} h1,h2,h3,h4,h5,h6 { font-family: 'PT Sans Narrow', serif; font-weight:400; line-height:28px; color:#2f3231; } h1 { font-size: 26px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } code, pre { display: block; background-image:url(../images/pre_bg.gif); background-repeat:repeat; border: 1px solid #dddddd; margin: 14px 0; overflow:hidden; padding: 18px; color:#666; line-height: 18px; } code:hover, pre:hover { overflow:scroll;} .clear { clear:both; display:block;} .cbottom { margin-bottom:40px;} .sleft { float:left;} .sright { float:right;} /*----------------------------------------------------------------------------- --------------------------------- Layout -------------------------------------- -----------------------------------------------------------------------------*/ * { margin: 0; padding: 0;} html body { font-size:13px; font-family: "Droid Sans", "Helvetica Neue", Arial, Helevtica, Verdana, san-serif; line-height:1.6em; position:relative; color:#666;} #container-left { width:40%; height:47px; float:left; } #container-right { width:60%; height:47px; float:right; } #line-heder { width:100%; height:7px; background:url(../images/line-header.png) repeat-x; position:relative; } #container-bg { width:100%; margin:0; padding:0; margin-top:-7px; } #container { width:980px; height:100%; margin: 0 auto; padding: 0;} #content { margin: 0; padding: 50px 10px; } #header { margin: 0 auto; padding: 0; width:980px; height:47px; position:relative;} #header-content { margin: 0; padding: 0 10px; } .logo { width:265px; height:43px; float:left; margin-top:-47px; } #contentfull { width:100%; background-color:#FFF;} #sidebar { float:right; width: 410px; padding-left:5px; background:url(../images/line-header.png); margin-top:-43px; } #sidebar-left { width:160px; float:left; background:url(../images/line-header.png); margin-top:-43px;} #content-right { float:right; width:770px; } #content-right2 { float:right; width:770px; } .sidebar-entry { margin-top:39px;} .sidebar-entry2 { margin-top:43px;} /*----------------------------------------------------------------------------- ----------------------------------- Slider ------------------------------------ -----------------------------------------------------------------------------*/ /*------ Slider Home ------*/ #slider-box { width:960px; height:510px; background:url(../images/line-header.png); float:left; margin:-43px 0 0 0; } #slides { width:940px; height:500px; background-color:#FFFFFF; float:left; margin:1px 0 0 10px; padding: 0; } #slides .slides_container { width:940px; overflow:hidden; position:relative; display:none; } #slides .slides_container a { width:940px; height:500px; display:block; } #slides .slides_container a img { display:block; } #slides a.next { background:url(../images/arrow-next2.png) no-repeat top right; position:absolute; top:528px; margin-left:45px; width:15px; height:15px; display:block; z-index:101; } #slides a.prev { background:url(../images/arrow-prev2.png) no-repeat top right; position:absolute; top:528px; margin-left:30px; width:15px; height:15px; display:block; z-index:101; } #slides a.next:hover { background-position: bottom right; } #slides a.prev:hover { background-position: bottom right; } #slides ul.ts_container { position:absolute; display:block; z-index:101; top:532px; margin-left:75px; } #slides ul.ts_container li { float:left; list-style:none; } #slides ul.ts_container li a { display:block; width:15px; height:0; padding-top:8px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden;} #slides ul.ts_container li a:hover, #slides ul.ts_container li.current a { background-position:0 -10px; } #slides ul.ts_container li.ts_thumbnails { display:none; position:absolute; z-index:10; } #slides ul.ts_container li.ts_thumbnails span { background:transparent url(../images/triangle.png) no-repeat top center; width:15px; height:6px; position:absolute; } #slides .ts_preview_wrapper { border:5px solid #fff; overflow:hidden; position:relative; -moz-box-shadow:0px 0px 5px #999; -webkit-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } #slides ul.ts_preview { position:absolute; left:0px; top:0px; margin:0; padding:0; list-style-type:none; } #slides ul.ts_preview li { float:left; } #slides ul.ts_preview li img { display:block; } .slides_container div.slide { width:940px; height:500px; display:block; } #slides .caption { z-index:500; position:absolute; top:70px; left:30px; height:30px; padding:10px 20px 10px 20px; background-color:#000; filter: alpha(opacity=65); opacity: 0.65; text-shadow:none; } #slides .caption h2 { font-size:22px; color:#FFF; } #slides .caption2 { z-index:500; position:absolute; top:120px; left:30px; height:30px; padding:10px 20px 0 20px; background-color:#FFF; filter: alpha(opacity=65); opacity: 0.65; text-shadow:none; } /*------ Slider Portfolio and Gallery ------*/ #slider-box2 { width:770px; height:410px; background:url(../images/line-header.png); float:left; margin:-43px 0 0 0; } #slides2 { width:750px; height:400px; background-color:#f0f0f0; float:left; margin:1px 0 0 10px; padding: 0; } #slides2 .slides_container { width:750px; overflow:hidden; position:relative; display:none; } #slides2 .slides_container a { width:750px; height:400px; display:block; } #slides2 .slides_container a img { display:block; } #slides2 a.next { background:url(../images/arrow-next2.png) no-repeat top right; position:absolute; top:428px; margin-left:45px; width:15px; height:15px; display:block; z-index:101; } #slides2 a.prev { background:url(../images/arrow-prev2.png) no-repeat top right; position:absolute; top:428px; margin-left:30px; width:15px; height:15px; display:block; z-index:101; } #slides2 a.next:hover { background-position: bottom right; } #slides2 a.prev:hover { background-position: bottom right; } #slides2 ul.ts_container { position:absolute; display:block; z-index:101; top:432px; margin-left:75px; } #slides2 ul.ts_container li { float:left; list-style:none; } #slides2 ul.ts_container li a { display:block; width:15px; height:0; padding-top:8px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden;} #slides2 ul.ts_container li a:hover, #slides2 ul.ts_container li.current a { background-position:0 -10px; } #slides2 ul.ts_container li.ts_thumbnails { display:none; position:absolute; z-index:10; } #slides2 ul.ts_container li.ts_thumbnails span { background:transparent url(../images/triangle.png) no-repeat top center; width:15px; height:6px; position:absolute; } #slides2 .ts_preview_wrapper { border:5px solid #fff; overflow:hidden; position:relative; -moz-box-shadow:0px 0px 5px #999; -webkit-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } #slides2 ul.ts_preview { position:absolute; left:0px; top:0px; margin:0; padding:0; list-style-type:none; } #slides2 ul.ts_preview li { float:left; } #slides2 ul.ts_preview li img { display:block; } #slides2 .slides_container div.slide { width:750px; height:400px; display:block; } #slides2 .caption { z-index:500; position:absolute; top:70px; left:0px; padding:10px 20px 10px 20px; background-color:#000; text-shadow:none; height: 60px; } #slides2 .caption h2 { font-size:22px; color:#FFF; } #slides2 .caption2 { z-index:500; position:absolute; top:150px; left:0px; height:30px; padding:10px 20px 0 20px; background-color:#FFF; text-shadow:none; } /*----------------------------------------------------------------------------- ------------------------------------- Home ------------------------------------ -----------------------------------------------------------------------------*/ /* -------------- Home Personal ------------ */ .personal-content { width:505px; height:230px; float:left; } .personal-entry { width:490px; height:230px; float:left; background-color:#FFF; } .personal-image { float:left; width:230px; height:230px;} .personal-about { width:220px; height:auto; float:right; margin:-40px 20px 20px 20px; } #personal-twitter { width:425px; height:230px; float:right; margin-top:-230px; } .personal-t-box { width:410px; height:230px; background:url(../images/line-header.png); float:right;} /* ------- Personal home gallery ------ */ .personal-gallery-content { width:960px; height:auto; float:left; margin-top:3px; } .personal-gallery-entry { width:976px; float:right; margin-left:-15px; margin-top:-230px;} .pers-gallery-box { width:945px; margin:0 0 0 32px; padding-bottom:25px;} ul.pers-gallery { margin-top:5px; } .pers-gallery li { float:left; margin:0 1px 0px 0; } .pers-gallery li img { margin-top:-5px;} /* ------- Personal posts blog ------ */ .personal-blog-box { width:960px; height:auto; float:left; margin-top:20px; } .personal-blog-entry { width:976px; float:right; margin-left:-15px; margin-top:-230px;} .post-personal { width:210px; background-color:#FFF;} .post-personal p { margin-top:13px; font-size:12px; padding:0 10px 20px 10px; } .post-personal h2 { font-size:16px; line-height:1.3em; padding: 15px 10px 0 10px; margin-bottom: 8px; } .post-personal-box { width:210px; margin:0 2px 0 32px; float:left; } .personal-about blockquote { color:#2f3231; font-size:15px; font-family: 'PT Sans Narrow', serif; margin:0 0 20px 0; background:url(../images/entry-quote.png) no-repeat center left; padding:0 0 0 30px;} .personal-about blockquote p { border-left:2px solid #d2d6db;} .personal-link { color:#2f3231; font-size:15px; font-family: 'PT Sans Narrow', serif; margin:0 0 20px 0; background:url(../images/entry-link.png) no-repeat center left; padding:0 0 0 30px;} .personal-link p { border-left:2px solid #d2d6db; padding-left:15px;} .personal-media { width:30px; height:20px; margin:0 0 20px 0; background:url(../images/entry-users.png) no-repeat left center; border-right:2px solid #d2d6db; } ul.personal-icons { margin-left:48px; margin-top:-38px;} .personal-icons li { float:left; padding-right:5px; } .personal-icons li img { filter: alpha(opacity=45); opacity: 0.45; } .personal-icons li img:hover { filter: alpha(opacity=100); opacity: 1; } #personal-twitter #twitter_update_list { width:386px; margin:12px; } #personal-twitter #twitter_update_list li { font-size:12px; margin-bottom:10px; padding:12px; background-color:#FFF; } #personal-twitter #twitter_update_list li:hover { background-color:#fafafa;} .vertical-box { float:left; width:15px; height:230px; } p.vertical-text { width:15px; text-transform:uppercase; writing-mode:tb-rl; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg); white-space:nowrap; } /* -------------- Gallery and Portfolio ------------ */ .gallery li { float:left; margin:0 1px 0px 0; } .gallery li img { margin-top:-5px;} #sidebar-left .filter { margin:10px 0 10px 0; } #sidebar-left .cat-item { text-align:right; font-size:12px; margin-top:5px; padding-right:10px; } #sidebar-left .filter li { background:url(../images/filter-li-img2.png) no-repeat right center; margin-right:5px; } #sidebar-left h3 { font-size:12px; margin-left:10px; margin-bottom:5px; } .custom-pt-line { width:160px; height:5px; } /* -------------- Portfolio ------------ */ .project { width:768px; height:auto; float:left; background-color:#FFF; } .project p { margin-top:15px; margin-bottom:15px; } .project-entry { width:485px; float:right; margin:21px -42px 22px 20px; position:relative;} h2.title-project { width:130px; float:left; font-size:16px; line-height:16px; margin:17px 0 0 20px; } h2.title-project a { padding-bottom:2px; line-height:16px; margin-right:20px; } /* ------------ Single Portfolio ---------- */ #slides_single { width:700px; height:382px; float:left; background-color:#f0f0f0; } #slides_single .slides_container { width:700px; overflow:hidden; position:relative; display:none; } #slides_single .slides_container a { width:700px; height:382px; display:block; } #slides_single .slides_container a img { width:700px; height:382px; display:block; } #slides_single .np-buttons { position:absolute; width:46px; height:26px; left:645px; background:url(../images/line-header.png); z-index:101; top:347px; } #slides_single a.next { background:url(../images/arrow-next.png) no-repeat top right; position:absolute; top:350px; left:668px; width:20px; height:20px; display:block; z-index:101; } #slides_single a.prev { background:url(../images/arrow-prev.png) no-repeat top right; position:absolute; top:350px; left:648px; width:20px; height:20px; display:block; z-index:101; } #slides_single a.next:hover { background-position: bottom right; } #slides_single a.prev:hover { background-position: bottom right; } .social-right2 { width:40px; height:20px; margin-top:35px; } .social-right2 li { float:left;} .title-project-single { width:650px; } .project-entry-single { width:700px; margin:21px auto 22px auto; position:relative;} #project-comm { width:100%; height:auto; background:url(../images/line-header.png); float:left; margin-top:5px; } #project-comm h3#reply-title { width:100%; } /*----------------------------------------------------------------------------- ------------------------------------- Blog ------------------------------------ -----------------------------------------------------------------------------*/ .error-page { width:500px; height:230px; background:url(../images/line-header.png); margin:0 auto;} .error-page h1 { text-align:center; font-size:150px; } .error-page p { text-align:center; margin-top:-20px;} .sidebar-line { width:415px; height:5px; background:url(../images/sidebar-line.png) bottom; margin-left:-5px; margin-bottom:20px; } .sidebar-bottom { width:415px; height:5px; background:url(../images/sidebar-line.png) bottom; margin-left:-5px; } /*--------- Read More Buttons----------*/ a.readmore { height:29px; background:url(../images/link.png) no-repeat left center; padding:0 0 0 8px; } /*--------- Shadows ----------*/ .shadow-slider-fw { width:940px; height:10px; float:left; margin-left:10px; background:url(../images/shadow-slider-fw.png) no-repeat center; margin-bottom:30px; } .shadow-slider-custom { width:768px; height:10px; float:left; background:url(../images/shadow-custom.png) no-repeat center; margin-bottom:30px; } .personal-content-shadow { width:490px; height:10px; float:left; background:url(../images/personal-content-shadow.png) no-repeat center; margin:0 0 25px 15px; } .shadow-error { width:500px; height:10px; background:url(../images/personal-content-shadow.png) no-repeat center; margin:0 auto 50px auto; } .personal-twitter-shadow { width:410px; height:10px; float:right; background:url(../images/personal-twitter-shadow.png) no-repeat center; margin:0 0 25px 0; } .post-personal-shadow { width:210px; height:10px; background:url(../images/post-personal-shadow.png) no-repeat center; margin:0 0 25px 0; } .shadow-post { width:510px; height:10px; float:left; background:url(../images/shadow-post.png) no-repeat center; margin-bottom:30px; } .shadow-custom { width:768px; height:10px; float:left; background:url(../images/shadow-custom.png) no-repeat center; margin-bottom:20px; } .shadow-blog { width:510px; height:10px; float:left; background:url(../images/shadow-post.png) no-repeat center; } .shadow-full { width:960px; height:10px; background:url(../images/shadow-full.png) no-repeat center; } /*--------- Index Blog Style ----------*/ .post { width:510px; height:auto; float:left; background-color:#FFF; } .ribbon-posts { width:70px; height:70px; background:url(../images/ribbon-posts.png); position:relative; float:right; margin:-8px -7px 0 0;} .post-meta { width:88px; height:100px; float:left; } .time-meta { width:38px; float:left; text-align:right; margin:17px 0 0 10px; font-size:16px; line-height:16px; } .line-meta { width:20px; height:1px; float:right; background:url(../images/line-meta.jpg); margin-top:30px;} .post-entry { width:400px; margin-top:-45px; float:right; } .post-truncate { width:190px; float:left; margin:0 20px 0 0; } .post-thumbnail { width:160px; float:right; margin:5px 20px 15px 0;} .post img { margin:15px 0 0 0; } .post p { margin-top:15px; margin-bottom:15px; } .post h2 { font-size:16px; line-height:16px; } .post h2 a { padding-bottom:2px; line-height:16px; margin-right:20px; } /*--------- Single Blog Style ----------*/ .singlepost { width:510px; height:auto; float:left; background-color:#FFF; } .single-entry { padding:20px;} .entry-meta { color:#333; font-size:10px; margin-left:2px; } .entry-meta span { padding:0 4px; color:#CCC;} .single-comm { width:510px; height:auto; background:url(../images/line-header.png); float:left; margin-top:30px; } /*--------- Default Page ----------*/ .default-page { width:510px; height:auto; float:left; background-color:#FFF;} /*--------- Default and browsing page -------*/ h2.title { font-size:22px; line-height:16px;} .single_tags { width:100%; height:auto; padding: 5px 0; margin-top:-20px; } .single_tags p { float:right;} .single_tags a { background:url(../images/tags.png) no-repeat left center; padding:0 0 0 15px; border-bottom:1px dotted #f1f1f1; font-size:11px; color:#999; } /*--------- Single style -------*/ .wp-caption-text { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } .wp-caption p { font-size: 11pt; } .gallery-caption { background:none;} .entry { margin-top:0px; } .entry p { margin:10px 0; } .post_thumbnail { float:left; } .entry img { max-width: 450px; height: auto; } blockquote { color:#2f3231; font-size:15px; font-family: 'PT Sans Narrow', serif; margin:20px; background:url(i../images/entry-quote.png) no-repeat center left; padding:0 0 0 30px;} blockquote p { padding: 15px; border-left:2px solid #d2d6db;} .alignleft { float: left; margin: 0 13px 10px 0px; } .alignright { float: right; margin: 6px 0px 10px 13px; } img.aligncenter { display: block; margin:1px auto; } .entry th { padding: 0; margin-right: 2px; } .entry li { margin-left: 20px; padding:3px 0 3px 25px; background: url(../images/entry-li.png) no-repeat center left; color:#2f3231; font-size:15px; font-family: 'PT Sans Narrow', serif;} .entry ul, .entry ol { margin:10px 0;} .social-right { width:40px; height:20px; margin-top:22px; } .social-right li { float:left;} .title-left { width:400px; } /*----------------------------------------------------------------------------- ----------------------------------- Widgets ----------------------------------- -----------------------------------------------------------------------------*/ /*-------- Last Posts --------*/ .wlast-posts { width:405px; height:auto; float:left; background-color:#FFF; } .wribbon-posts { width:70px; height:70px; background:url(../images/ribbon-posts.png); position:relative; float:right; margin:-8px -7px 0 0;} .wpost-meta { width:75px; height:100px; float:left; } .wtime-meta { width:33px; float:left; text-align:right; margin:17px 0 0 10px; font-size:14px; line-height:16px; } .wline-meta { width:12px; height:1px; float:right; background:url(../images/wline-meta.png); margin-top:28px;} .wpost-entry { width:300px; margin-top:-45px; float:right; margin-right:10px; } .wpost-truncate { width:160px; float:left; margin:0 20px 0 0; } .wpost-truncate p { padding:7px 0 5px 0; font-size:12px; } .wpost-thumbnail { width:110px; float:right; margin:5px 10px 15px 0; } .wlast-posts img { margin:15px 0 0 0; } .wlast-posts h2 a { padding-bottom:2px; line-height:16px; margin-right:20px; font-size:14px;} .wshadow-post { width:405px; height:10px; float:left; background:url(../images/shadow-post.png) no-repeat center; margin-bottom:5px; } /*-------- Popular Posts --------*/ .wpopular-posts { width:405px; height:auto; float:left; background-color:#FFF; } .wribbon-posts { width:70px; height:70px; background:url(../images/ribbon-posts.png); position:relative; float:right; margin:-8px -7px 0 0;} .wpost-meta { width:75px; height:100px; float:left; } .wtime-meta { width:33px; float:left; text-align:right; margin:17px 0 0 10px; font-size:14px; line-height:16px; } .wline-meta { width:12px; height:1px; float:right; background:url(../images/wline-meta.png); margin-top:28px;} .wpost-entry { width:300px; margin-top:-45px; float:right; margin-right:10px; } .wpost-truncate { width:160px; float:left; margin:0 20px 0 0; } .wpost-truncate p { padding:7px 0 5px 0; font-size:12px; } .wpost-thumbnail { width:110px; float:right; margin:5px 10px 15px 0; } .wpopular-posts img { margin:15px 0 0 0; } .wpopular-posts h2 a { padding-bottom:2px; line-height:16px; margin-right:20px; font-size:14px;} .wshadow-post { width:405px; height:10px; float:left; background:url(../images/shadow-post.png) no-repeat center; margin-bottom:5px; } /*-------- Last Tweets --------*/ #twitter_update_list { width:405px; } #twitter_update_list li { font-size:12px; margin-bottom:10px; padding:20px; background-color:#FFF; } #twitter_update_list li:hover { background-color:#fafafa;} .twitter-tr { width:10px; height:8px; float:left; margin:-12px 0 0 50px; background:url(../images/tr-tweet.png) no-repeat; } .twitter-tr2 { width:10px; height:8px; float:left; margin:-12px 0 0 120px; background:url(../images/tr-tweet.png) no-repeat; } .twitter-user { width:auto; height:18px; float:left; margin:0 0 0 45px; background:url(../images/twitter-img.png) left center no-repeat; padding-left:25px; } .twitter-user a { font-size:11px; color:#999; margin-top:0px; } .twitter-nr { width:auto; height:18px; float:left; margin:0 0 0 115px; background:url(../images/twitter-img.png) left center no-repeat; padding-left:25px; } .twitter-nr a { font-size:11px; color:#999; margin-top:0px; } /*------------------ Default -------------------*/ .widget_categories li, .widget_archive li { background:url(../images/link.png) no-repeat left center; padding:0 0 3px 10px; } .widget_recent_comments li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_entries li { background:url(../images/link.png) no-repeat left center; padding:0 0 3px 10px;} a.widget_tag_cloud { } /*--------Sidebar Title --------*/ h3.sidebar_title { font-size:16px; margin-left:10px; margin-bottom:5px; margin-top:10px;} h3.sidebar_title span { font-size:13px; } /*-------- Search --------*/ #topsearch { margin-top:-38px; float:right;} #search { width:180px; height: 27px; border:none; color: #c1c1c1; font-size: 11px; font-style: italic; background:url(../images/bg-search.png) no-repeat; } #searchform input { padding-left:25px; padding-right:5px; padding-top:1px;} /*-------- Default classes--------*/ .widget { clear:both; position:relative; margin-bottom:40px; } .widget p { margin-top:10px;} li.recentcomments a { padding-left: 15px; } /*.sticky { }*/ p.center { margin: 10px 0; } /*.bypostauthor { }*/ /*.textwidget { }*/ /*-------- Calendar --------*/ #calendar_wrap { text-align: center; margin-left:-3px; } caption { width: 405px; color:#666; border:1px solid #f0f0f0; background-color:#FFF; padding:5px 7px; margin-left:2px; } #wp-calendar th { padding:0 22px; border:2px solid #f0f0f0;} #wp-calendar td { color:#666; border:1px solid #f0f0f0; background-color:#FFF; padding:5px 7px; margin-right:4px; border-bottom:1px solid #CCC;} /*-------- Tags --------*/ .widget_tag_cloud a { display: inline-block; margin-bottom: 3px; color:#999; background: url(../images/tags.png) no-repeat left center; padding:0 5px 0 15px; background-color:#FFF; } .widget_tag_cloud a { font-size: 10px !important; } .widget_tag_cloud a:hover { background-color:#fafafa; } /*-------- Banners --------*/ .banner200x125 img { width:200px; height:125px; float:left; margin:0 5px 5px 0; } .banner200x200 img { width:200px; height:200px; float:left; margin:0 5px 5px 0; } .banner125x125 img { width:125px; height:125px; float:left; margin:0 5px 10px 5px; } .banner250x250 img { width:250px; height:250px; margin:0 0 5px 75px; } .banner300x250 img { width:300px; height:250px; margin:0 0 5px 50px; } /*----------------------------------------------------------------------------- ----------------------------------- Page Navi --------------------------------- -----------------------------------------------------------------------------*/ .navigation { float:right; width:100px; margin-top:10px; } .previous a { float:left; } .next a { float:right; } #wp-navportfolio .wp-pagenavi { width:768px; height:47px; background:url(../images/project-nav.png) no-repeat; padding:7px 0 0 10px; font-size:12px; } #wp-navblog .wp-pagenavi { width:510px; height:47px; background:url(../images/blog-nav.png) no-repeat; padding:7px 0 0 10px; font-size:12px; } #wp-navpersonal .wp-pagenavi { width:943px; float:right; height:47px; background:url(../images/personal-nav.png) no-repeat; padding:7px 0 0 10px; font-size:12px; margin-right:-10px; margin-bottom:15px;} #wp-navgallery .wp-pagenavi { width:768px; height:47px; background:url(../images/gallery-nav.png) no-repeat; padding:7px 0 0 10px; font-size:12px; margin-top:20px;} #wp-navpersonal-gallery .wp-pagenavi { width:945px; float:right; height:47px; background:url(../images/personal-gallery-nav.png) no-repeat; padding:7px 0 0 10px; font-size:12px; margin:30px -10px 18px 0; } .wp-pagenavi a, .wp-pagenavi span { padding:5px 8px; margin-right:4px; } .wp-pagenavi .pages { float:right; border:none; color:#999; background:none; margin:-3px 20px 0 0;} /*----------------------------------------------------------------------------- ----------------------------------- Menu -------------------------------------- -----------------------------------------------------------------------------*/ #top-nav { float:left; width:auto; margin-left:380px; margin-top:-33px; } #menu { float: left; margin: 0 auto; font-weight:bold; } #menu .menu-header, div.menu { margin-left: 15px; width:auto; } #menu .menu-header ul, div.menu ul { list-style: none; margin: 0; } #menu .menu-header li, div.menu li { float: left; position: relative; } #menu a { color: #FFFFFF; display: block; font-size: 13px; font-style: normal; line-height: 38px; padding:0 15px 14px 15px; text-decoration: none; } #menu ul ul { background-color:#333; display: none; position: absolute; top: 33px; left: 0; float: left; z-index: 99999; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #111;} #menu ul ul li { width: 160px; background:url(../images/link.png) no-repeat 10px center; } #menu ul ul ul { left: 100%; top: 0; } #menu ul ul a { border-top: 1px solid #252525; border-bottom: 1px solid #444; line-height: 1em; padding:10px 10px 10px 20px; width: 130px; height: auto;font-size:12px; color:#eeeedc; } #menu a:hover { color:#33CC00; } #menu ul ul :hover > a { background: #222 url(../images/link.png) no-repeat 10px center; } #menu ul li:hover > ul { display: block; } #menu ul li.current_page_item > a, #menu ul li.current-menu-ancestor > a, #menu ul li.current-menu-item > a, #menu ul li.current-menu-parent > a { color: #eeeedc;} /*----------------------------------------------------------------------------- ----------------------------------- Comments ----------------------------------- -----------------------------------------------------------------------------*/ #comments .navigation { padding: 0 0 18px 0; } h3#comments-title span { font-size:13px; } h3#comments-title, h3#reply-title { font-size: 20px; margin-bottom: 8px; border-bottom: 3px double #f1f1f1; padding: 5px 10px 10px 10px; background:url(../images/sidebar-line.png) bottom repeat-x; margin-top:0px; } h3#reply-title { width:470px; } .commentlist { list-style: none; margin: 0; } .commentlist p { padding:10px 0;} .commentlist li.comment { padding: 20px 0 0 56px; position: relative; } .children { margin-top:0px; background:url(../images/line-comm.png) left top no-repeat;} li.comment { background:url(../images/line-comm.png) left top no-repeat;} .commentlist em { font-size:12px; color:red;} #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } .commentlist ol { list-style: decimal; } .comment-body { background-color:#fff; padding:0 10px; border:1px solid #FFF; } .comment-body-line { width:100%; height:10px; background:url(../images/shadow-post.png) no-repeat center; } .comment-body img { width:10px; height:10px; margin-top:-5px;} .comment-body p { margin:5px 0;} .comment-body code { display: block; background-image:url(../images/pre_bg.gif); background-repeat:repeat; border: 1px solid #dddddd; margin: 14px 0; overflow:hidden; padding:0 18px 18px 18px; color:#666; line-height: 18px;} .comment-body code:hover { overflow:scroll;} .comment-body:hover { background-color:#fafafa; } .commentlist .avatar { position: absolute; top:20px; left: 0; width:40px; height:40px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); } .comm-top { background-color:#f6f6f6; border-top:1px solid #ddd; padding:5px 10px; height:20px;} .comment-author cite { color: #000; font-style: normal; font-weight: bold; } .comment-author .says { font-size:11px;} .comment-author .fn { color: #666; } .comment-meta a { color:#999; padding-left:15px; font-size:11px;} .comment-meta { background:url(../images/bg_clock.gif) left no-repeat; } .reply { width:30px; margin-left:-10px; font-size: 11px; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; padding:0 5px; background-color:#fafafa; } .reply:hover { background-color:#FFF;} .reply a, a.comment-edit-link { color: #888; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #333; } #respond { margin: 24px 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { display:none; } #comments-list #respond { margin: 0 0 18px 0; } div#respond { width:100%; } #comments-list ul#respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { display:none; } #respond label { display: block; margin-left:10px; margin-top:10px; font-size:11px;} #respond input { width:300px; height:30px; border:1px solid #efefef; border-left:2px solid #2f3231; color:#999; } #respond input:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.1); } #respond textarea { width: 98%; height:198px; line-height:22px; border:1px solid #efefef; background:url(../images/bg-contact.gif); border-left:2px solid #2f3231; color:#999;} #respond textarea:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.1); } #respond .form-submit input { background:url(../images/comment-button.png) no-repeat; width:192px; height:30px; margin-top:20px; box-shadow:none; border:none; cursor:pointer; font-weight:bold; padding:0 0 2px 0;color:#FFF; } #respond .form-submit input:hover { box-shadow:none; border:none; color:#CCC;} /*----------------------------------------------------------------------------- ----------------------------------- Shortcodes -------------------------------- -----------------------------------------------------------------------------*/ /* -- Boxes info -- */ .boxinfo { background:#f1f1f1; border:1px solid #d3d3d3; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; margin:20px;} .boxsucces { background-color:#cff0c0;border:1px solid #80ca5f; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; margin:20px;} .boxerror { background-color:#ffcccc;border:1px solid #fdb8b8; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; margin:20px;} .boxnotice { background-color:#fdebae;border:1px solid #e6c555; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; margin:20px;} /* -- Columns -- */ .one_half, .one_half_last { float:left;width:47%;margin:10px 0;margin-right:6%;} .one_half_last { margin-right:0;} .one_third, .one_third_last { float:left; width:29%;margin:10px 0;margin-right:6%; } .one_third_last { margin-right:0;} .one_fourth, .one_fourth_last { float:left; width:22%;margin:10px 0;margin-right:4%; } .one_fourth_last { margin-right:0;} .youtube_video { width:465px; height:300px; margin:0 auto;} /*----------------------------------------------------------------------------- ----------------------------------- Contact ----------------------------------- -----------------------------------------------------------------------------*/ #contactform { margin:50px 0;} #contactName, #emaill { width:323px; height:30px; border:1px solid #efefef; border-left:2px solid #2f3231;} #contactName:hover, #emaill:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.1); } #contactform textarea { width: 90%; height:198px; line-height:22px; border:1px solid #efefef; background:url(../images/bg-contact.gif); border-left:2px solid #2f3231;} #contactform textarea:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.1); } .thanks { width:350px; margin:50px auto; padding-bottom:10px; text-align:center;} #contactform .sendemail { background:url(../images/comment-button.png) no-repeat top right; width:192px; height:30px; margin-top:20px; box-shadow:none; border:none; cursor:pointer; font-weight:bold; padding:0 0 2px 0; color:#FFF; } #contactform .sendemail:hover { box-shadow:none; border:none; color:#CCC; } input, textarea { padding-left: 5px; } label.error { color: red; } #contactform label { display: block; margin-top:10px; font-size:11px; } /*----------------------------------------------------------------------------- ----------------------------------- Footer----------------------------------- -----------------------------------------------------------------------------*/ #footer-line { width:100%; height:7px; background: url(../images/line-header.png); } #footer-bottom { width:100%; height:100px; background:url(../images/bg-footer-top.png) top no-repeat; color:#666; } #footer-bottom-container { margin: 0 auto; padding: 0; width:980px; } #footer-bottom-entry { margin:0; padding:20px 10px 0 10px; line-height:35px; font-size:12px;} #footer-bottom-entry a { color:#666;} .copy2 { float:right; margin-top:8px;} .copy { margin:-8px 10px 0 77px;} .copy span { font-size:11px; margin-top:5px;} #social-footer li { float:left; margin-top:4px; } #footer-menu { margin-left:170px; margin-top:-32px; display:block;} #footer-menu li { float:left; padding:0 10px 2px 10px; margin-top:0px; border-left:1px solid #f6f6f6; line-height:10px; } #footer-menu .menu li a:hover { border:none;} #footer-menu ul li.current_page_item > a { border:none; } #940holder { background-color: #f0f0f0; padding: 10px; float: left; width: 750px; margin-bottom: 30px; }