/* Theme Name: Awesome Description: Business Blog Portfolio WordPress theme. Version: 1.5 Author: system32 Author URI: http://www.themeforest.net/user/system32 Tags: Business, Corporate, Blog */ /* General CSS -------------------------------------------------------------------------------------------*/ html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p { margin:0; padding:0; outline:none; letter-spacing:0.1px; word-spacing:1px; } body { font:normal 13px/22px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; margin:0; padding:0; } * html { margin:0;padding:0; } .alignleft { float:left; margin:0 15px 15px 0;} .alignright { float:right; margin:0 0 15px 15px;} .aligncenter { text-align:center; } .textleft { text-align:left;} .textright { text-align:right;} .floatright { float:right;} .floatleft { float:left;} .clear { clear:both;} p { margin: 0 0 20px; } a { text-decoration:none; color:#c22f00; } a:hover { color:#000; text-decoration:none; } .divider { clear:both; margin-bottom:20px; margin-top:20px;} .imgborder { background:none repeat scroll 0 0 #F5F5F5; border:1px solid #EAEAEA; padding:4px; text-align:center; -moz-box-shadow:0 0 2px #999999; margin:20px 0;} /* Readmore -------------------------------------------------------------------------------------------*/ a.read { background:url(images/bullet.png) 0px 50% no-repeat; margin:0 0 0 0px; padding-left:15px; } a.read:hover { background:url(images/bullet_hover.png) 0 50% no-repeat; margin:0;} /* Readmore -------------------------------------------------------------------------------------------*/ .social { margin:0 auto; width:940px; } .social h4 { margin-bottom:0; margin-right:20px;} .social p { margin-bottom:0; margin-left:20px;} .social ul { margin: 0; padding: 0; } .social li { margin-right:8px; padding:4px 0px 0px 0; list-style: none; display: inline; float: left; vertical-align:middle } /* Buttons -------------------------------------------------------------------------------------------*/ a.button { background:transparent url(images/button.gif) right -55px scroll no-repeat; display:inline-block; height:55px; margin:0 5px 0 0px; padding:0 25px 0 0; color:#ccc; font-size:10px;} a.button span { background:transparent url(images/button.gif) -2px -55px scroll no-repeat; display:block; line-height:10px; padding:10px 0 11px 25px; font-size:22px; line-height:32px;} a.button:hover { background-position: right 0; color:#fff; text-decoration:none;} a.button:hover span { background-position:-2px 0;} /* Headigs -------------------------------------------------------------------------------------------*/ h1 { font-size:30px; margin:0 0 20px 0; } h2 { font-size:26px; margin:0 0 20px 0; } h3 { font-size:22px; margin:0 0 20px 0; } h4 { font-size:18px; margin:0 0 20px 0; letter-spacing:1.2px; } h5 { font-size:14px; margin:0 0 15px 0; } h6 { font-size:11px; margin:0 0 10px 0; } h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, Helvetica, Garuda, sans-serif; font-weight: normal; padding: 0; color:#000000; } h1, h2, h3 { font-weight:bold; } h5, h6 { text-transform:uppercase; letter-spacing:1.2px; } h6 { letter-spacing:1px;} .pcontent h5 { letter-spacing:none;} /* Layout -------------------------------------------------------------------------------------------*/ #wrapper { width:100%; margin:0 auto; } .boxwrap { width:960px; margin:0 auto;} #header { width:100%; margin:0; z-index:2; } #main { width:960px; margin:0 auto; overflow:hidden; } .half_width { width:456px;} .one_third { width:288px;} .two_third { width:624px;} .one_fourth { width:205px;} .three_fourth { width:710px;} .half_width, .one_third, .two_third, .two_third, .one_fourth, .three_fourth { float:left; position:relative; display:inline; margin:10px 40px 20px 0; } .last { margin-right:0 !important; clear:right; } .two_third .half_width { width:280px;} .two_third .one_third { width:180px;} /* Logo -------------------------------------------------------------------------------------------*/ .logo { display:block; border:0; padding:25px 0 0 0; text-align:center; margin:0 auto; } /* Top Menu -------------------------------------------------------------------------------------------*/ .top_menu { clear:both; margin:30px 0 0px 0; padding:8px 0 3px 0; height:65px; border-top:1px dashed #555; border-bottom:1px dashed #555; } .sf-menu { padding-right:0px; margin-bottom:0; margin:0 auto; } .sf-menu a { padding:0.7em 1.3em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ text-decoration:none; } .sf-menu li a { font-size:15px; font-weight:normal; } .sf-menu li li a { font-weight:normal; font-size:13px; } .sf-menu li ul { padding:0px; border: 1px solid #555; border-top:0; border-bottom:0; } .sf-menu li li { border-bottom:1px solid #bbb; background:#ffffff; } .sf-menu li ul li ul { border-top:1px solid #676767; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color:#c22f00; outline:0; text-decoration:none; } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { color:#c22f00; background:#f5f5f5; text-decoration:none; outline:0; } /* Active Page Status CSS for all the browsers*/ .sf-menu li.current-cat a, .sf-menu li.current_page_item a { margin:0; } .sf-menu li.current-cat a:visited, .sf-menu li.current_page_item a:visited { color:#c22f00; } .sf-menu li a span { display:block; font:normal 10px/20px Tahoma, Arial, Helvetica, sans-serif; color:#7f7f7f; } /* Slider BG -------------------------------------------------------------------------------------------*/ #featured_slider { width: 960px; height: 426px; margin:30px auto 0px auto; padding-top:20px; z-index:1; } .separator { background:url(images/separator.png) center top no-repeat; width:960px; margin:0 auto; text-align:right; height:35px; clear:both; } /* Testimonial -------------------------------------------------------------------------------------------*/ .testimonials { width:920px; margin:0px auto 0 auto; } .testimonials blockquote div.author { width:25%; float:right; height:75px; } .testimonials p { width:70%; float:left; } .testimonials cite { font:normal bold 15px Georgia, "Times New Roman", Times, serif; float:left; padding:15px 0 0 33px; } blockquote { margin-right:10px; } blockquote p { font:normal 14px/18px "Georgia", Verdana, Arial, Helvetica, sans-serif; font-style:italic; margin-top:10px; padding-left:20px; } cite span { font:normal 10px/20px Tahoma, Times, serif; text-transform:uppercase; display:block; } blockquote.qentry { background:URL(images/quote.png) top left no-repeat; padding-left:60px; padding-right:10px; margin:20px 0; overflow:hidden; height:100%; } blockquote.qentry p { margin-bottom:10px; clear:both; } /* Latest News -------------------------------------------------------------------------------------------*/ ul.latest_news { list-style:none; } ul.latest_news li { list-style:none; margin-bottom:20px; overflow:hidden; background:none; padding-left:0; } ul.latest_news li div.date { list-style-type:none; line-height:normal; float:left; width:30px; margin-top:5px; text-transform:uppercase;} ul.latest_news div.date { display:block; text-align:left; font-size:14px; padding-bottom:2px; font-weight:bold; } ul.latest_news div.date span { margin:0; padding:0; } ul.latest_news li p { width:140px; float:left; padding-left:10px; margin-left:10px; } /* Sub Header -------------------------------------------------------------------------------------------*/ .subheader { width:960px; margin:15px auto; position:relative; min-height:120px; overflow:hidden; } .subheader .subtitle { font-size:30px; display:block; float:left; height:60px; line-height:30px; margin:20px 30px 0 20px; padding-right:20px; } .subheader .subtitle span { background:#000; color:#fff;display:block; line-height:30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; padding:10px 30px; } .subheader .subdesc { color:#444; font-size:20px; line-height:100%; min-height:50px; min-width:250px; overflow:hidden; padding:20px 10px 20px 20px; } /* Breadcrumb -------------------------------------------------------------------------------------------*/ #breadcrumbs { margin: 0 0 25px 0; display: block; padding: 0px 5px 10px 0; border-bottom: 1px solid #e8e8e8; } span.breadcrumbs { display: block; font-size:90%; line-height: 120%; font-family:georgia, "Trebuchet Ms", Sans-serif;} span.breadcrumbs img { display: none;} span.breadcrumbs a { float: none; padding: 0 4px; Font:normal 11px tahoma, Arial, Verdana, Sans-serif} span.breadcrumbs a:hover { text-decoration: none;} /* Sidebar Menu -------------------------------------------------------------------------------------------*/ .sub_nav { padding:0; margin-bottom:25px; } .sub_nav ul { padding:0; margin:0; } .sub_nav li { list-style-type:none; height:100%;list-style-position:inside; padding:0; background:none; } .sub_nav li a { text-decoration:none; height:100%; } .sub_nav li li a { margin:0 0 0 25px; } .sub_nav li a:link, .sub_nav li a:visited { display:block; padding:5px 0 5px 25px; } .sub_nav li a:hover { text-decoration:none; } /* Sidebar Testimonial -------------------------------------------------------------------------------------------*/ .sub_nav blockquote { float:none;} .sub_nav cite { text-align:right; } .sub_nav cite a { text-align:right; } /* Filter Gallery -------------------------------------------------------------------------------------------*/ /* Layout */ .boundingBox { margin: 0 auto; width: 960px; } /* Content */ #content { padding: 0px 0; } /* Content - Portfolio Listing */ ul#portfolio-filter { margin: -20px 0; padding: 0; height: 64px; padding-left: 0px; line-height: 64px; text-align:center; } ul#portfolio-filter li { display: inline; float:left; background:none; padding:0;} ul#portfolio-filter a { font-size:30px; padding: 0.5em 0.5em; font-weight: bold; text-decoration: none; } ul#portfolio-filter a:hover, ul#portfolio-filter a.current { text-decoration:none; } ul#portfolio-list { margin: 36px 0 0 0; padding: 0; list-style: none; clear:both; } ul#portfolio-list li { width: 200px; height:100%; display: block; float: left; margin-right: 18px; margin-left:16px; overflow: hidden; margin-bottom:30px; background:none; padding:0; } ul#portfolio-list li a { display: block; overflow: hidden; } ul#portfolio-list li a:hover { text-decoration:none;} ul#portfolio-list li p { font-size: 11px; margin: 0 0 15px 0; padding:10px; line-height:normal; } ul#portfolio-list li h5 { margin:20px 0 5px 10px; text-transform:capitalize; } ul#portfolio-list div.fthumb { height:250px; } ul#portfolio-list div.pcontent { height:110px; } ul#portfolio-list li .loading { text-align:center; display:block; width:200px; height:250px; } .hover_video { position: absolute; background:transparent url(images/video.png) no-repeat center center;} .hover_image { position: absolute; background:transparent url(images/image.png) no-repeat center center;} ul#portfolio-list li a img, a:hover img { position:relative; z-index:2; } .fullimage { padding:5px; margin-bottom:15px; } /* Edit only below Code for color changes in portfolio */ ul#portfolio-filter a { color: #000; } ul#portfolio-filter a:hover, ul#portfolio-filter a.current { color: #c22f00; } ul#portfolio-list li { background:#fff; border:1px solid #dfdfdf; border-top:1px solid #b8b8b8; padding:0; } /* Footer -------------------------------------------------------------------------------------------*/ #footer_wrapper { width:100%; margin:10px 0 0 0; overflow:hidden; height:auto; } #footer { width:960px; margin:20px auto 0 auto; overflow:hidden; } #footer h3 { font:normal 26px "League Gothic", "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif ; padding-bottom:0px; } #wp-calendar { width:100%; } #wp-calendar caption { font-size:15px; } #wp-calendar td, #wp-calendar th { padding:6px; text-align:center;} .flickr { color:#0063DB;} .flickr span { color:#FF0084;} /* Footer Lists -------------------------------------------------------------------------------------------*/ #footer .foo_sub_nav { padding:0; margin-bottom:25px; } #footer .foo_sub_nav ul { padding:0; margin:0; } #footer .foo_sub_nav li { list-style-type:none; height:100%; list-style-position:inside; background:none; padding:5px 0;} #footer .foo_sub_nav li a { text-decoration:none; height:100%; padding:0; } #footer .foo_sub_nav li li a { margin:0 0 0 20px; } #footer .foo_sub_nav li a:link, #footer .foo_sub_nav li a:visited { display:block; padding:0; } #footer .foo_sub_nav li a:hover { } ul#recentcomments li { } ul#recentcomments li { } #footer h5 { margin-bottom:0; margin-top:5px; } .footermenu { margin:0 auto; width:960px; text-align:center;} .footermenu ul { padding: 0; clear:both; margin:0 auto;padding-left:427px;; line-height:1; position:relative;} .footermenu ul li { float:left; padding:3px 5px; list-style:none; background:none;} .footermenu ul li:last-child { border-right:0px solid #333;} /* Copyright -------------------------------------------------------------------------------------------*/ .copyright { width:100%; margin:0px auto; padding:0px 0; } .copyright p { text-align:center;margin:0; } /* Blog Posts -------------------------------------------------------------------------------------------*/ .post { padding-top:0px; margin-bottom:30px; overflow:hidden; } .post-content { } .post-info { padding:10px; height:160px; width:90px; } .post-info .date { margin-top:5px; text-transform:uppercase; margin-bottom:15px; font-size:16px; } .post-info .date a { text-align:left; } .post-info .date a:hover { text-decoration:none; } .post-info .comments { font:normal 10px/14px Tahoma, Arial, Sans-serif; display:block; } .post-info .comments a { } .post-info .comments a:hover { text-decoration:none; } .postimage { padding:5px; margin-bottom:15px; } .postimage img { float:right; } .post-info-no { padding:5px 0; font:normal 11px Arial, Tahoma, Verdana, Sans-serif; letter-spacing:1px; margin-bottom:10px;} .post-info-no a { text-transform:uppercase;} .post-tags { display:block; padding:5px 0; font:normal 11px Tahoma; margin:5px 0; } /* Share Bookmarks -------------------------------------------------------------------------------------------*/ .share { padding:15px; margin: 0; overflow:hidden; margin:0; background:#F5F5F5 url(images/testimonial_arrow.png) 15% 50% no-repeat; border:1px solid #EEEEEE; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .share h3 { width:80px; height:100%; display:block; float:left; padding-right:30px; margin-top:15px; } .share a img { vertical-align:middle; width:56px; height:56px; display:block; float:left; } /* Author Box -------------------------------------------------------------------------------------------*/ .authorbox h3 { margin:10px 0 5px 0; } .authorbox .avatar { float:left; margin:5px 20px 15px 10px; } .authorbox { padding:10px; margin:15px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /* Popular Lists -------------------------------------------------------------------------------------------*/ ul.popular_lists { margin-bottom:3px;margin-top:5px;} ul.popular_lists li { padding:0px; margin-bottom:10px; clear:both; overflow:hidden; height:100%; } ul.popular_lists li .title { font-size:15px; font-weight:bold; padding-bottom:10px; margin:0;} ul.popular_lists li .title a { } ul.popular_lists li .title a:hover { text-decoration:none;} ul.popular_lists li .date { padding:0px; margin:0;} /* Comments -------------------------------------------------------------------------------------------*/ #commentblock { padding:10px; overflow:hidden; height:100%;} #commentblock h2 { margin:10px 0; } ol.commentlist { margin: 0; padding: 0; list-style:none; position:relative; overflow:hidden; height:100%; } ol.commentlist li { margin: 0px; padding:5px 10px 0px 10px; padding-left:10%; list-style:none !important; } .comment_wrap { position:relative; width:85%; overflow:visible; height:100%; float:right; margin-bottom:10px; padding:10px 0; background: #fff; border: 1px solid #e7e7e7; } .comment-author { position: absolute; left: -20%; top:0; width:auto; font-size: 10px; line-height: 12px; text-align:left; } .single_comment { padding:5px; padding-bottom:10px; margin-bottom:10px; } .alt { margin: 0; padding:0px; } .comment-author a { text-decoration:none; } .avatar { padding:3px; margin-bottom:5px; border:1px solid #ddd; background: #fff;} .commentlist ul.children { margin:5px 0 0px 0; padding:0px; } .commentlist li ul.children li { margin: 0px; padding:0 0 0 30px; background:none; } .commentlist .children .comment-author { position: absolute; top:0; width: auto; text-align:left; font-size: 10px; line-height: 11px; padding-right:10px; } .commentlist .children .comment-author img.avatar { text-align:left; margin:0 0 5px 0; } ul.children li.depth-2 .single_comment { padding-top:0px; padding:15px; margin-right:0; padding-bottom:1px; } ul.children li.depth-3 .single_comment { padding:15px; margin-right:0; padding-bottom:15px; } ul.children li.depth-4 .single_comment { padding:15px; margin-right:0; padding-bottom:15px; } ul.children li.depth-5 .single_comment { padding:15px; margin-right:0; padding-bottom:15px; } .single_comment p { padding:10px; text-align:left; line-height:normal; } .commentlist code { padding:3px;background:#e6e6e6; } .commentlist .moderation { margin-top: 10px; color: #dd0000; } .commentlist .children { margin-top:5px;} .comment-author-admin .comment_wrap { border:5px solid #ccc;} .reply { position:absolute; left:15px; bottom:15px; } .reply a:link, .reply a:visited { background:#ddd; color:#212121; text-align:center; text-decoration:none !important; text-transform: uppercase; padding:4px 10px; font-size:10px; } .reply a:hover { background:#aaa; color:#fff; } .cancel-comment-reply a { background:#ddd; color:#212121; text-align:center; text-decoration:none !important; text-transform: uppercase; padding:4px 10px; font-size:10px; width:auto; float:right; margin-right:25px } .cancel-comment-reply a:hover { background:#ddd; color:#000000; } #commentform input, #commentform textarea { padding:4px; } #commentform input[type=image] { width:auto !important; background:none; } .btn { border: 0 !important; } cite.fn { font-weight:bold; font-size:11px; font-style:normal; text-align:left; } .comment-meta { margin-top:2px; } /* Comments Form -------------------------------------------------------------------------------------------*/ #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} #respond { padding: 15px 0; padding:10px; position:relative; clear:both; } #respond p { margin-bottom: 0px; } #respond label { width: 30%; display: inline-block; margin-right: 0px; } #respond textarea { vertical-align: top; font: 1.1em Tahoma; line-height: 1.7em; padding: 9px; height: 100px; } #respond .indent { padding-left: 30%; padding-top: 15px; } #respond .submitbutton { background:url(images/button.gif) no-repeat; width: 105px; border:none; height:28px; } #respond input, #respond select, #respond textarea { -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-style:solid; border-width:1px; margin-bottom: 9px !important; border: 1px solid; width: 65%; padding: 4px; background-color: #f5f5f5; border-color: #ccc #ddd #ddd #ccc;} #respond input:focus, #respond select:focus, #respond textarea:focus { background:#fff; } #respond span { font:normal 11px Tahoma, Arial, Sans-serif;} /* Contact Form -------------------------------------------------------------------------------------------*/ #contactform { padding: 15px 0; } #contactform label { width:30%; display: inline-block; } #contactform select { margin-bottom: 15px; } #contactform textarea { vertical-align: top; line-height: 1.7em; height: 150px; } #contactform .indent { padding-left:30%; margin-top: 15px; } #contactform p { margin-bottom:0;} #contactform input, #contactform select, #contactform textarea { -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-style:solid; border-width:1px; margin-bottom: 9px !important; border: 1px solid; width: 65%; padding: 4px; background-color: #f5f5f5; border-color: #ccc #ddd #ddd #ccc;} #contactform input:focus, #contactform select:focus, #contactform textarea:focus { background:#fff; } /* The button */ #contactform .submitbutton { color:#FFFFFF; border:0; float:left; width:85px; height:30px; margin-left:200px; } #contactform .submitbutton:focus { background:none; } /* Flickr Images -------------------------------------------------------------------------------------------*/ .flickr_badge_image { margin:0 3px 3px 0; display:block; list-style-position:inside; list-style-type:none; float:left;} .flickr_badge_image img { width:60px; height:60px; border:1px solid #ccc; padding:1px; } .flickr_badge_image img:hover { border:1px solid #000; } /* Sidebar Search Box -------------------------------------------------------------------------------------------*/ .search-box { height: 40px; padding: 5px 0 0 0px; width: auto; margin:10px 0 20px 0px; } * html .search-box { margin-top: 10px; } *:first-child+html .search-box { margin-top: 10px; !important; } .search-box p { margin-bottom:0} input.search-field { -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-style:solid; border-width:1px; background-color: #ededed; margin-bottom: 9px !important; border: 1px solid; border-color: #ccc #ddd #ddd #ccc; width: 240px; float:left; padding: 4px;} input.search-field:focus { background:#fff; } input.search-go { float:left; height:24px; width:24px; border:0; margin:0 0 0 5px; padding:0; background:url(images/search-on.gif) no-repeat top left; cursor: pointer; } input.search-go:hover { background:url(images/search-hover.gif) no-repeat bottom left; } body_block .search-box { background:url("images/searchbar.png") no-repeat scroll left top transparent; height:30px; margin-top:5px; overflow:hidden; width:288px; } /* Alert Boxes -------------------------------------------------------------------------------------------*/ span.error { color: #cc0000; border-top: 3px solid #fe7b7a; border-bottom: 3px solid #fe7b7a; background: #ffd6d6 url(images/icons/error.png) 4% 50% no-repeat;} span.info { color: #0055bb; border-top: 3px solid #629de3; border-bottom: 3px solid #629de3; background: #d8e5f8 url(images/icons/info.png) 4% 50% no-repeat; } span.alert { color: #b79000; border-top: 3px solid #fde179; border-bottom: 3px solid #fde179; background: #fef6d8 url(images/icons/alert.png) 4% 50% no-repeat;} span.download { color: #ffffff; border-top: 3px solid #6a8b2c; border-bottom: 3px solid #6a8b2c; background: #7E9F59 url(images/icons/download.png) 4% 50% no-repeat;} span.success { color: #57861a; border-top: 3px solid #c2df88; border-bottom: 3px solid #c2df88; background: #eef7dd url(images/bullets/check.gif) 4% 50% no-repeat;} span.error, span.info, span.alert, span.success, span.download { display: block; padding: 10px 10px 10px 55px; margin: 5px; -moz-box-shadow:0px 0px 2px #444; -webkit-box-shadow:0px 0px 2px #444; box-shadow:0px 0px 2px #444; } /* Bullet Lists -------------------------------------------------------------------------------------------*/ ul, ol { margin: 0 0 20px 5px;} ol { padding-left: 2em;} ul ul, ol ol, ul ol, ol ul { margin-top: 8px;} ul li, ol li { padding: 3px 5px;} ul li { padding-left: 15px;} ol li { list-style-type:decimal; list-style-position: outside;} ul li { background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%;} ul.bullet-black li { background: transparent url("images/bullets/dot_black.gif") no-repeat 0 50%; } ul.bullet-gray li { background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%; } ul.bullet-blue li { background: transparent url("images/bullets/dot_blue.gif") no-repeat 0 50%; } ul.bullet-green li { background: transparent url("images/bullets/dot_green.gif") no-repeat 0 50%; } ul.bullet-red li { background: transparent url("images/bullets/dot_red.gif") no-repeat 0 50%; } ul.bullet-orange li { background: transparent url("images/bullets/dot_orange.gif") no-repeat 0 50%; } ul.disc-black li { background: transparent url("images/bullets/circle_black.gif") no-repeat 0 50%; } ul.disc-gray li { background: transparent url("images/bullets/circle_gray.gif") no-repeat 0 50%; } ul.disc-blue li { background: transparent url("images/bullets/circle_blue.gif") no-repeat 0 50%; } ul.disc-green li { background: transparent url("images/bullets/circle_green.gif") no-repeat 0 50%; } ul.disc-red li { background: transparent url("images/bullets/circle_red.gif") no-repeat 0 50%; } ul.disc-orange li { background: transparent url("images/bullets/circle_orange.gif") no-repeat 0 50%; } ul.bullet-check li { background: transparent url("images/bullets/check.gif") no-repeat 0 8px; padding-left: 20px; } /* Pre Code -------------------------------------------------------------------------------------------*/ code, pre { font: normal 12px/20px Consolas, "Courier New", Courier, monospace; padding: 3px 5px; margin:10px 0 20px 0; border: 1px dotted #bbb; color: #333;} code { padding: 3px 5px; background-image: none; } pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* Highlight Texts -------------------------------------------------------------------------------------------*/ .yellow_highlight { background:#ffff00; } .red_highlight { background:#f9c1c1; } .green_highlight { background:#daf0a9; } .blue_highlight { background:#a9d1f0; } .yellow_highlight, .red_highlight, .green_highlight, .blue_highlight { color:#000; padding:1px 4px;} .black_highlight { background:#000; color:#fff; padding:1px 4px;} /* Drop Caps -------------------------------------------------------------------------------------------*/ .dropcap1 { display:block; background:url(images/dropcap.png) 50% 50% no-repeat; font-size:30px; float:left; width:40px; text-align:center; height:40px; margin-bottom:-5px; margin-right : 10px; font-size: 2em; line-height:35px; color:#FFFFFF; padding-left:1px; padding-top:5px;} .dropcap1 span { font-size: 2em; line-height:1.5em; color:#FFFFFF; } .dropcap1 + span { margin-left : -0.5em; } .dropcap2 { display:block; float:left; text-align:center; margin-top:0em; margin-left:0.1em; margin-right : 0.2em; font-size:3em; line-height:1em; color:#999; } .dropcap2 span { font-size:3em; line-height:1em; color:#999;} .dropcap2 + span { margin-left : 0em;} /* Toggle Content ------------------------------------------------------------------------------------- */ h5.toggle { background:transparent url(images/plus.png) no-repeat; font-size:18px; margin-top:20px; padding:0 0 0 30px;} h5.toggle a { color: #888; padding-top:2px; text-decoration: none; display: block;} h5.toggle a:hover { color:#666;} h5.active { background:transparent url(images/minus.png) no-repeat ;} h5.active a:link { color:#666;} .toggle_content { clear:both; overflow:hidden; border:1px solid #F5F5F5; margin:0 0 20px 0px; -moz-border-radius:4px; -webkit-border-radius: 4px; background:#F5F5F5; } .toggle_content div.toggleinside { padding:15px;} /* Pull Quotes ------------------------------------------------------------------------------------- */ span.inset-left { display: block; padding: 15px; float: left; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, Arial, Sans-serif;} span.inset-right { display: block; padding: 15px; float: right; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, rial, Sans-serif; } /* Site Map ------------------------------------------------------------------------------------- */ .sitemap { padding:0; margin-bottom:25px; } .sitemap ul { padding:0; margin:0; } .sitemap li { list-style-type:none; height:100%; background:none; list-style-position:inside; padding:0;} .sitemap li a { background:url(images/submenu_bullet.png) 10px 50% no-repeat; text-decoration:none; bheight:100%; } .sitemap li li a { margin:0 0 0 25px; } .sitemap li a:link, .sitemap li a:visited { display:block; padding:5px 0 5px 25px; } .sitemap li a:hover { text-decoration:none; } /* Documentation ------------------------------------------------------------------------------------- */ .doc_box { height:250px; border:1px solid #555;-moz-border-radius:6px 6px 6px 6px; clear:both; margin:10px 0; padding:10px; } ol.doc { margin-top:10px;margin-left:20px;} ol.doc li { float:left;margin-bottom:5px;width:165px;list-style:decimal-leading-zero;} ol.doc li a { color:#999; text-decoration:underline;} .colortheme { position:absolute; width:100%; color:#000; font-size:9px; color:#ccc; text-decoration: blink; text-align:center; }