/* Theme Name: Launch Theme Theme URI: http://960development.com.s142956.gridserver.com/themes/launch-theme/ Description: A wordpress theme for site launch. Author: 960Development Author URI: http://www.960Development.com Version: 1.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: light, theme-options, translation-ready ------------------------------------------------------------------------------------------------------------------------------------ 1. CSS RESET 2. Font Face Declarations 3. Base + Generic Styles 4. Header Wrapper 5. Social Nav 6. List 7. Main Wrap 8. Countdown 9. Slider Wrap 10. Subscribe 11. Slider Nav 12. Slider Left and Right Buttons 13. Footer 14. Twitter 15. News Updates 16. News Pagination 17. Contact Us 18. Lightbox for single News/Update 19. Post 20. WP Content Specific Styles ----------------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 1. CSS RESET /*-----------------------------------------------------------------------------------*/ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*-----------------------------------------------------------------------------------*/ /* 2. Font Face Declarations /*-----------------------------------------------------------------------------------*/ @font-face { font-family: 'DroidSansRegular'; src: url('fonts/droidsans-webfont.eot'); src: url('fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidsans-webfont.woff') format('woff'), url('fonts/droidsans-webfont.ttf') format('truetype'), url('fonts/droidsans-webfont.svg#DroidSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DroidSansBold'; src: url('fonts/droidsans-bold-webfont.eot'); src: url('fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidsans-bold-webfont.woff') format('woff'), url('fonts/droidsans-bold-webfont.ttf') format('truetype'), url('fonts/droidsans-bold-webfont.svg#DroidSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: '232MKSDRoundLightRegular'; src: url('fonts/232mkrl_-webfont-webfont.eot'); src: url('fonts/232mkrl_-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/232mkrl_-webfont-webfont.woff') format('woff'), url('fonts/232mkrl_-webfont-webfont.ttf') format('truetype'), url('fonts/232mkrl_-webfont-webfont.svg#232MKSDRoundLightRegular') format('svg'); font-weight: normal; font-style: normal; } /*-----------------------------------------------------------------------------------*/ /* 3. Base + Generic Styles /*-----------------------------------------------------------------------------------*/ body{ background: url(images/bg.png) repeat; color:#000; font:14px Arial, Helvetica, "Trebuchet MS", sans-serif;} h1,h2,h3,h4,h5,h6{ font-weight:bold; } h1{ font-size:30px;} h2{ font-size:24px;} h3{ font-size:18px;} h4{ font-size:14px;} h5{ font-size:12px;} h6{ font-size:10px;} a{ text-decoration:none; color:#54a530; } a:active, a:visited { color: #54a530; } a:hover { color: #54a530; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /*-----------------------------------------------------------------------------------*/ /* 4. Header Wrapper /*-----------------------------------------------------------------------------------*/ #header-wrap { background: #FFF;} #header-wrap #header { overflow: hidden; position:relative; width: 980px; height: 105px; margin: 0px auto;} #header-wrap #header .logo { position:absolute; top:10px; left:50%; margin-left: -105px;} #header-wrap #header h5 { position:absolute; top:22px; left:155px; padding-left:15px; border-left: 1px solid #232323; height: 35px; line-height: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #232323; font-weight:normal; } /*-----------------------------------------------------------------------------------*/ /* 5. Social Nav /*-----------------------------------------------------------------------------------*/ #header-wrap #header .social-nav { overflow: hidden; position:absolute; top:30px; right:0px;} #header-wrap #header .social-nav li { float: left; margin-left: 10px;} #header-wrap #header .social-nav li a { display:inline-block; width:24px; height:24px;} #header-wrap #header .social-nav li a.twitter { background: url(images/twitter-sprite.png) no-repeat 0px 0px;} #header-wrap #header .social-nav li a.facebook { background: url(images/facebook-sprite.png) no-repeat 0px 0px;} #header-wrap #header .social-nav li a.flickr { background: url(images/flickr-sprite.png) no-repeat 0px 0px;} #header-wrap #header .social-nav li a.rss { background: url(images/rss-sprite.png) no-repeat 0px 0px;} /*-----------------------------------------------------------------------------------*/ /* 6. List /*-----------------------------------------------------------------------------------*/ .line{ background:url(images/line.png) repeat-x; height: 2px; margin-bottom: 64px;} /*-----------------------------------------------------------------------------------*/ /* 7. Main Wrap /*-----------------------------------------------------------------------------------*/ #main-wrap { width: 980px; margin: 0px auto;} /*-----------------------------------------------------------------------------------*/ /* 8. Countdown /*-----------------------------------------------------------------------------------*/ #main-wrap #count-down { width: 425px; height: 95px;margin: 0px auto 60px; padding: 0 0 0 35px;} .hasCountdown {} .countdown_row { background:#333300; margin-bottom: 15px;} .countdown_show4 {} .countdown_row .countdown_section { float: left; width: 65px; height: 68px; padding: 15px 10px 10px 10px; background: url(images/timer-bg.png) no-repeat; margin: 0 20px 0 0; text-align: center;font-family: "DroidSansRegular",Arial, Helvetica, sans-serif; font-size: 12px; color: #b0b9be; } .countdown_row .countdown_section .countdown_amount { display: inline-block; width: 65px; margin-bottom: 5px; font-family: "232MKSDRoundLightRegular",Arial, Helvetica, sans-serif; font-size: 42px; color: #757d81; border-bottom: 1px dashed #ccd2d5;} /*-----------------------------------------------------------------------------------*/ /* 9. Slider Wrap /*-----------------------------------------------------------------------------------*/ #main-wrap #slider-wrap { clear: both; position: relative; top: 0px; width: 978px;height: 450px; margin: 0 0 25px 0; background:url(images/launch-panel-bg.png) no-repeat; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;-moz-box-shadow: 0px 1px 1px #ddd;-webkit-box-shadow: 0px 1px 1px #ddd; box-shadow:0px 1px 1px #ddd;} #main-wrap #slider-wrap .inner-wrap { padding: 0px 40px 0 40px; text-align: center;} #slider-wrap .inner-wrap .slider {position: relative; width: 898px;} #slider-wrap .inner-wrap .slider .slide { position: absolute; width: 898px; height:359px; padding-top: 50px;} #slider-wrap .inner-wrap .slide h1.page-title { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #232323; text-transform: none; margin-bottom: 25px; padding-bottom: 15px;border-bottom: 1px dashed #232323; } #slider-wrap .inner-wrap .slide h1.home-title {background:none; border-bottom: 1px dashed #232323; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #232323; text-transform: none; margin-bottom: 25px; } #slider-wrap .inner-wrap .slide h1.page-title span, #slider-wrap .inner-wrap .slide h1.home-title span, .colored { color: #54a530;} #slider-wrap .inner-wrap .slide .home-contents {overflow: hidden;} #slider-wrap .inner-wrap .slide .slide-contents {overflow: hidden;} #slider-wrap .inner-wrap .slide .home-contents p.launch-intro {border: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #232323; text-align: center; line-height: 21px; padding-bottom: 20px; margin-bottom: 40px;} #slider-wrap .inner-wrap .slide .home-contents p.launch-intro span, .colored { color: #54a530; font-weight:bold;} /*-----------------------------------------------------------------------------------*/ /* 10. Subscribe /*-----------------------------------------------------------------------------------*/ #subscribe {width: 520px; margin: 0px auto 70px; position: relative;} #subscribe p { float: left;} #subscribe p.input-wrap { overflow: hidden; background:url(images/email-input-bg.png) no-repeat; width: 369px; height: 43px; padding: 10px 10px 0 10px; margin: 0 10px 0 0; } #subscribe p.input-wrap-email { position:relative; background:url(images/email-input-bg.png) no-repeat; width: 369px; height: 43px; padding: 10px 10px 0 10px; margin: 0 10px 0 0; } #subscribe p.input-wrap-email input { height: 30px; width: 369px; border: none; outline: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #a0a8ad;line-height: 30px; } .ie7 #subscribe p.input-wrap-email input { background: none;} #subscribe p.input-wrap-email.error {background: url(images/error-email-bg.png) no-repeat;} #subscribe p.input-wrap input { height: 30px; width: 369px; border: none; outline: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #a0a8ad;line-height: 30px; } .ie7 #subscribe p.input-wrap input { background: none; } #subscribe #submit { background: none; border: none; background:url(images/subscribe.png) no-repeat; width: 109px; height: 53px; padding-bottom:3px; cursor:pointer; color:#fff; text-shadow: 1px 1px 1px #c54e42; } #subscribe #submit:hover, #subscribe #submit:focus {background: url(images/subscribe.png) no-repeat 0px -63px;} #subscribe label.error { position: absolute; width: 300px; height:25px; top:60px; left: 0px; padding: 5px 0 5px 0; color: #F00; text-align:left; font:14px Arial, Helvetica, sans-serif;} #subscribe .required { color: #006;} #subscribe #subscribe-loader { display: none; width: 16px; height: 16px; float: left; position: absolute; top:22px; right: -10px;} #subscribe #thanks{ display: none; color:#41B7D8; margin:10px 0px 0px; font:14px Arial, Helvetica, sans-serif; } /*-----------------------------------------------------------------------------------*/ /* 11. Slider Nav /*-----------------------------------------------------------------------------------*/ #slider-wrap .slider-nave { position:absolute; bottom: 15px; left: 40px; z-index: 10; overflow: hidden; height: 48px;border-top: 1px dashed #232323; width: 898px; margin: 0px auto; text-align: center; } #slider-wrap .slider-nave .nav { overflow: hidden;} #slider-wrap .slider-nave .nav li { display: inline; border-right: 1px dashed #232323; padding: 18px 0 18px 0; height: 12px; margin: 0px -2px; } #slider-wrap .slider-nave .nav li a { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #54a530; padding: 0px 20px 0 20px;height: 48px; line-height: 48px; text-transform: none;} #slider-wrap .slider-nave .nav li:hover { background-color: #54a530; } #slider-wrap .slider-nave .nav li:focus { background-color: #54a530; } #slider-wrap .slider-nave .nav li:hover a { color: #FFF;} #slider-wrap .slider-nave .nav li:hover a { color: #FFF;} #slider-wrap .slider-nave .nav li a.activeSlide { background: #54a530;color: #FFF;} /*-----------------------------------------------------------------------------------*/ /* 12. Slider Left and Right Buttons /*-----------------------------------------------------------------------------------*/ #slider-wrap a.prev-slide{ display: inline-block; position: absolute; top: 194px; left: -20px; background:url(images/left-arrow.png) no-repeat 0px 0px; height: 41px; width: 41px;} #slider-wrap a.prev-slide:hover, #slider-wrap a.prev-slide:focus { background:url(images/left-arrow.png) no-repeat 0px -51px;} #slider-wrap a.next-slide { display: inline-block;position: absolute; top: 195px; right: -23px; background:url(images/right-arrow.png) no-repeat 0px 0px; height: 41px; width: 41px;} #slider-wrap a.next-slide:hover, #slider-wrap a.next-slide:focus {background:url(images/right-arrow.png) no-repeat 0px -51px;} /*-----------------------------------------------------------------------------------*/ /* 13. Footer /*-----------------------------------------------------------------------------------*/ #footer { overflow: hidden;font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #a0a8ad; text-align: center;} #footer p { line-height: 21px;} #footer a { color: #7c858b;} #footer a:hover { text-decoration: underline;} #footer a:focus { text-decoration: underline;} /*-----------------------------------------------------------------------------------*/ /* 14. Twitter /*-----------------------------------------------------------------------------------*/ .slide{ background:#fff; } .slide .twitter-contents {position: relative; text-align: left;} .slide .twitter-contents .twitter-ico { position: absolute; top: -25px; left: 80px;} .slide .twitter-contents h1.page-title { text-align: center; margin-bottom: 60px;} #twitter_update_list { overflow: hidden; margin: 0 0 0 30px;} #twitter_update_list li { position: relative; overflow: hidden; float: left; min-height: 107px; width: 172px; padding: 0 22px 0 0; margin: 0 21px 0 0;border-right: 1px dashed #ccd2d5; font-family: "DroidSansRegular",Arial, Helvetica, sans-serif; font-size: 13px; color: #a0a8ad; line-height: 21px; } .slide .twitter-contents #twitter_update_list li>a{ color: #a0a8ad;} .slide .twitter-contents #twitter_update_list li>span a{ color: #41b7d8;} .slide .twitter-contents #twitter_update_list li .time-ago { position: absolute; bottom: 0px; left: 0px; color: #bfc5c8;} .slide .twitter-contents #twitter_update_list li .time-ago:hover, .slide .twitter-contents .tweet-list li .time-ago:focus { text-decoration: underline;} /*-----------------------------------------------------------------------------------*/ /* 15. News Updates /*-----------------------------------------------------------------------------------*/ .slide .news-updates{ text-align: left;} .slide .news-updates{} .slider .slide .news-updates h1.page-title { text-align: center; margin-bottom: 30px;} .slide .news-updates #news-list { overflow: hidden; width: 898px; position: relative; margin-bottom: 30px; } .slide .news-updates #news-list .news-slides { overflow: hidden; width: 898px; height: 135px;} #news-list .news-slides .news {overflow: hidden; float: left; width: 400px; height: 145px; padding: 0 17px 0 30px; margin:0 0 0 3px; border-right: 1px dashed #ccd2d5; font-family: "DroidSansRegular",Arial, Helvetica, sans-serif; font-size: 13px; color: #a0a8ad; } #news-list .news-slides .news h2 { margin-bottom: 7px;} #news-list .news-slides .news h2 a {font-family: "232MKSDRoundLightRegular", Arial, Helvetica, sans-serif; font-size: 24px; color: #525659;} #news-list .news-slides .news h2:hover, #news-list .news-slides .news h2:hover { text-decoration: underline;} #news-list .news-slides .news .date-comments { overflow: hidden;font-family: "DroidSansRegular",Arial, Helvetica, sans-serif; font-size: 11px; color: #a0a8ad; margin-bottom: 6px;} #news-list .news-slides .news .date-comments .date span { color: #eb6251;} #news-list .news-slides .news p { float: left;font-family: "DroidSansRegular",Arial, Helvetica, sans-serif; font-size: 13px; color: #a0a8ad; line-height:21px;} #news-list .news-slides .news .more {float: left; font-family: "DroidSansRegular",Arial, Helvetica, sans-serif; font-size: 13px; color: #41b7d8;} /*-----------------------------------------------------------------------------------*/ /* 16. News Pagination /*-----------------------------------------------------------------------------------*/ .news-updates .pagination { clear: both; overflow: hidden; text-align: center;} .news-updates .pagination a { display:inline-block; height:12px; padding: 5px 7px; margin: 0 5px 0 0; font:12px Arial, Helvetica, sans-serif; color: #aeb6be; line-height: 12px; } .news-updates .pagination a.activeSlide, .news-updates .pagination a:hover, .news-updates .pagination a:focus { background:#41b7d8; color: #fff; } /*-----------------------------------------------------------------------------------*/ /* 17. Contact Us /*-----------------------------------------------------------------------------------*/ .slider .slide .contact-us {text-align: center;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #232323;} .slide .contact-us .contact-details { overflow: hidden; float: left; width: 350px; text-align: left; margin: 0 0 0 30px;} .slide .contact-us .contact-details h2 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #232323; margin-bottom: 20px; } .slide .contact-us .contact-details p { margin-bottom: 20px; line-height:20px;} .slide .contact-us .contact-details .contacts { overflow: hidden;} .slide .contact-us .contact-details .contacts li { float: left;font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #232323; line-height: 17px; margin: 0 20px 20px 0;} .slide .contact-us .contact-details .contacts li a {color: #232323; border-bottom: 1px dashed #54a530;} .slide .contact-us .contact-details .contacts li.emailto { background: url(images/envelope.png) no-repeat left center; height: 17px; padding: 0 0 0 50px; } .slide .contact-us .contact-details .contacts li a:hover { text-decoration: none ; background: #54a530; color: #fff;} .slide .contact-us .contact-details .contacts li.contact-no { background: url(images/phone.png) no-repeat 3px center; height: 17px; padding: 0 0 0 50px; margin-right:0px;} .slide .contact-us .contact-form { float: right; width: 400px; text-align: left; padding: 0 0 0 25px;border: none;} .slide .contact-us .contact-form p .input-container { position: relative; display: inline-block; float: left; background: none; border: none; width: 187px; height: 23px; padding-top: 7px; margin: 0 12px 12px 0; text-align: center;} .slide .contact-us .contact-form p .input-container input { width: 163px; height: 13px; padding: 10px; border: 1px dashed #54a530; outline: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #232323; line-height: 13px;} .slide .contact-us .contact-form p .input-container input:hover, .slide .contact-us .contact-form p .input-container input:focus { border: 1px solid #232323;} .ie7 .slide .contact-us .contact-form p .input-container input { background: none;} .slide .contact-us .contact-form p.input-message { position:relative; clear: both; background: none; border: none; width: 388px; height: 117px; padding-top: 12px; text-align: center; margin-bottom: 20px;} .slide .contact-us .contact-form p.input-message textarea { display: inline-block; overflow: hidden; width: 364px; height: 105px; border: none; outline: none; resize: none;font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #232323; line-height: 13px; padding: 10px; border: 1px dashed #54a530;} .slide .contact-us .contact-form p.input-message textarea:hover, .slide .contact-us .contact-form p.input-message textarea:focus { border: 1px solid #232323;} .ie7 .slide .contact-us .contact-form p.input-message textarea { background: none;} .slide .contact-us .contact-form p.input-message label.error{ position: absolute; top:75px; } .slide .contact-us .contact-form p #message-submit { float: right; background: none; border: 1px dashed #54a530; font-weight: bold; width: 71px; height: 27px; margin-right: 12px; cursor: pointer; color:#54a530; padding-bottom:1px;} .slide .contact-us .contact-form p #message-submit:hover, .slide .contact-us .contact-form p #message-submit:focus { background: #54a530; color: #fff;} .contact-us label.error{ display:block; color:red; position: absolute; top: -20px; left: 0px; text-align:left;} .contact-us label.error { width: 195px; height:15px; } .contact-form #message-sent { display: none; color:#color: #eb6251; } .contact-form #contact-loader { display: none; width: 16px; height: 16px; float: right; margin: 6px 5px 0 0; } /*-----------------------------------------------------------------------------------*/ /* 18. Lightbox for single News/Update /*-----------------------------------------------------------------------------------*/ #dark { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 200; background: url(images/dark-bg.png) repeat; display: none;} /*-----------------------------------------------------------------------------------*/ /* 19. Post /*-----------------------------------------------------------------------------------*/ #news-data .post { display:none; position: absolute; z-index: 320; top: 100px; left:50%; margin-left:-352px; width: 645px; padding: 35px 30px 0px 30px; background: #FFFFFF; font:13px Arial, Helvetica, sans-serif; color: #232323; line-height:21px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 5px #9b9ea5; -webkit-box-shadow:0 0 5px #9b9ea5; box-shadow:0 0 5px #9b9ea5;} #news-data .post .close { display: inline-block; float: right; margin: -12px 0 0 0; background:url(images/close.png) no-repeat; width: 38px; height: 38px;} #news-data .post h2.post-title { font:24px bold "232MKSDRoundLightRegular", Arial, Helvetica, sans-serif; color: #525659; margin-bottom: 5px; } #news-data .post .date-comments { overflow: hidden;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a0a8ad; margin-bottom: 12px; padding-bottom: 18px;border-bottom: 1px dashed #ccd2d5;} #news-data .post .date-comments .date span{ color: #eb6251;} #news-data .post h1, #news-data .post h2, #news-data .post h3, #news-data .post h4, #news-data .post h5, #news-data .post h6{ font-family:"232MKSDRoundLightRegular", Arial, Helvetica, sans-serif; font-weight:bold; color: #525659; margin-bottom:14px; } #news-data .post p { margin-bottom: 25px;} #news-data .post a{ text-decoration:none; color:#41B7D8; } #news-data .post a:hover { text-decoration:underline; } #news-data .post ul{ list-style: disc outside none; margin:0 0 20px 10px; } #news-data .post ul li{ margin:0px 0px 0px 15px; padding: 3px 0; } #news-data .post ol{ list-style: decimal outside none; margin:0 0 20px 10px; } #news-data .post ol li{ margin:0px 0px 0px 15px; padding: 3px 0; } blockquote { border-left: #a0a8ad solid 7px; margin:0 0 15px 15px; padding-left: 20px; } .post .bottom-border{ border-bottom: 1px dashed #CCD2D5; margin:12px 0px;} #news-data .post .comments-title { font:24px "232MKSDRoundLightRegular", Arial, Helvetica, sans-serif; font-weight:bold; color: #525659; margin-bottom: 5px;} #news-data .post .author { overflow: hidden; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccd2d5;} #news-data .post .comments-list{ padding: 25px 0 0 0; border-top: 1px dashed #ccd2d5;} #news-data .post .comments-list .post-comment { padding:15px; border:1px solid #eee; margin-bottom:25px; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ } #news-data .post .comments-list .post-comment .avatar{ float:left; margin:0px 10px 10px 0px; border: solid 1px #eee; padding: 5px; background: #fff;} #news-data .post .comments-list .post-comment .comment-meta{ font:13px "DroidSansRegular", Arial, Helvetica, sans-serif; color: #a0a8ad; margin-bottom: 5px; } #news-data .post .comments-list .post-comment .comment-meta span{ font-size:12px; color: #eb6251; } #news-data .post .comments-list .post-comment .comment-data{ font:13px/21px "DroidSansRegular",Arial, Helvetica, sans-serif; color: #a0a8ad; } #news-data .post .respond .respond-title{ font:24px "232MKSDRoundLightRegular", Arial, Helvetica, sans-serif; font-weight:bold; color: #525659; margin-bottom: 20px; } #news-data .post .respond .commentform p{ margin-bottom:10px;} #news-data .post .respond .commentform label{ font:18px "232MKSDRoundLightRegular", Arial, Helvetica, sans-serif; color: #525659; margin:0 0 0 10px; } #news-data .post .respond .commentform textarea, #news-data .post .respond .commentform input[type="text"]{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E1E1E1; color: #777777; margin: 0 0 15px; max-width: 100%; outline: medium none; padding: 6px 4px; } #news-data .post .respond .commentform input[type="text"]{ width: 220px; } #news-data .post .respond .commentform textarea{ width: 460px; } #news-data .post .respond .commentform textarea:focus, #news-data .post .respond .commentform input:focus{ border: 1px solid #AAAAAA; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); color: #555555;} #news-data .post .respond .commentform input[type="submit"]{ border:none; background: #41B7D8; color: #FFFFFF; cursor: pointer; padding: 9px 22px; margin:0px; } #news-data .post .respond .commentform input[type="submit"]:hover{ background:#54BADA; } /*-----------------------------------------------------------------------------------*/ /* 20. WP Content Specific Styles /*-----------------------------------------------------------------------------------*/ .alignleft { float: left; margin:0px 15px 10px 0px; } .alignright { float: right; margin:0px 0px 10px 15px;} .aligncenter { display:block; margin:0 auto; margin-bottom:10px;} .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .sticky{} .gallery-caption {} .bypostauthor {} .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { box-shadow: 0px 0px 4px #999; border: 1px solid white; padding: 8px; background: #f2f2f2;} .gallery img:hover { background: white; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; }