/****************/ /* Common */ /****************/ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; } ul { list-style:none; } fieldset { border:0; } a,a:link,a:visited,a:hover{ text-decoration:none; } a:focus,a:hover{ text-decoration: none; } a img{ border:0; } h1 { border-bottom:3px solid #555555; padding-bottom:3px; margin-bottom:10px; } h2.center{ margin: auto; } h4{ color: #0176d5; font-size: 12px; float: left; clear: left; margin: 10px 0px 10px 0px; } h4 a{ color: #0176d5; } /****************/ /* Structure */ /****************/ body{ position:relative; background: #034c5c url(images/body_bg.jpg) repeat-x; color:#000; font:12px/16px Arial,sans-serif; } #wrapper{ margin:0 auto; } #main{ width: 953px; margin: auto; padding: 0px 0px 0px 1px; } #content_container{ width: 953px; float: left; background: url(images/content_container.jpg) repeat-y; } #content_container #content{ width: 943px; float: left; padding: 0px 5px 0px 5px; background: url(images/content_bg.jpg) no-repeat top; } #content_container #content #main_column{ width: 619px; float: left; overflow: hidden; padding: 4px 0px 0px 0px; } #content_container #content #right_column{ width: 323px; float: left; padding: 36px 0px 0px 0px; } /****************/ /* Top Navi */ /****************/ #top_navi{ width: 929px; height: 30px; float: left; padding: 5px 13px 0px 11px; text-shadow: 1px 1px 1px #0a182c; } #top_navi ul li{ font-family: Arial Narrow; float: left; font-size: 13px; color: #0cece2; margin: 0px 29px 0px 0px; } #top_navi ul li span{ float: left; padding: 4px 0px 0px 0px; } #top_navi ul li a{ color: #0cece2; } #top_navi ul li a:hover{ color: #fff; } #top_navi ul.right{ float: right; } #top_navi ul.right li{ margin: 0px 0px 0px 10px; } #top_navi ul.right li img{ float: left; margin: 0px 6px 0px 0px; } /****************/ /* Header */ /****************/ #header{ width: 953px; height: 200px; float: left; background: url(images/header_bg.png) no-repeat; } #header #logo{ position:relative; display: inline-block; width: 369px; height: 126px; float: left; margin: 12px 143px 30px 7px; background: url(images/logo.png) no-repeat; text-indent: -9999px; } #header #subscribers{ font-family: Georgia, "Times New Roman", Times, serif; width: 214px; height: 39px; float: left; font-size: 20px; margin: 15px 0px 0px 0px; padding: 10px 20px 0px 0px; text-align: center; background: url(images/subscriber.png) no-repeat; } #header #subscribers p{ color: #fff; padding-top:3px; } #header #subscribers p span{ color: #0cece2; } #header #rss{ display: inline-block; width: 63px; height: 55px; float: left; margin: 95px 0px 0px 125px; background: url(images/rss.png) no-repeat; text-indent: -9999px; } #header #navigation{ width: 680px; float: left; clear: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 26px;text-shadow: 1px 1px 1px #064a82; } #header #navigation ul li{ position: relative; float: left; font-size: 15px; color: #fff; font-weight: bold; margin: 0px 27px 0px 0px; } #header #navigation ul li a{ color: #fff; } #header #navigation ul li a:hover{ color: #0cece2; } #header #navigation ul li.active a{ color: #0cece2; } /****************/ /* Content */ /****************/ .post{width: 582px; float: left; padding: 14px 11px 0px 25px; background:#fff url(images/post_bg.jpg) no-repeat top; } .post h2{ width: 500px; float: left; font-size:23px; line-height:30px; margin: 0px 0px 15px 0px; color: #555555; } .post h2 a{ color: #555555; } .post_inner{ width: 582px; float: left; padding: 0px 11px 0px 25px; background:#FFF; } .post_inner h1{ width: 570px; font-size:25px; line-height:26px; float: left; margin-top:10px; color: #555555; } .post_inner h2{ width: 500px; font-size:22px; line-height:26px; float: left; margin-top:10px; color: #555555; } .post_inner h2 a{ color: #555555; } .post_inner h3{ font-size:17px; margin: 40px 0px 0px 0px; line-height:26px; float:left; width:500px; color: #555555; } .post_inner .entry p{ float: left; clear: left; width:574px; padding: 5px 0px; } .post_inner .entry p img{ padding: 5px; float: left; margin: 15px 15px 2px 7px; border: 1px solid #c8c8c8; -moz-box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; box-shadow: 0px 0px 2px #999; } .post_inner .avator img{ border: 2px solid #dedede; } .post_inner span a{ color:#0176d5; } .comment_bubble{ font-family: Georgia, "Times New Roman", Times, serif; width: 47px; height: 47px; float: right; font-size: 20px; color: #555555; text-align: center; padding: 9px 0px 10px 0px; background: url(images/comment_bubble.gif) no-repeat; margin-top:6px; } .entry{ width: 570px; float: left; clear: both; } .entry a{ color: #0176d5; } .entry a:hover{ text-decoration: underline; } .entry p{ font-size: 14px; line-height: 150%; color: #555555; float:left; margin:0px; } .entry p img{ padding: 5px; float: left; margin: 0px 5px 8px 10px; border: 1px solid #c8c8c8; -moz-box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; box-shadow: 0px 0px 2px #999; } .entry img{ padding: 5px; float: left; margin: 0px 10px 38px 0px; border: 1px solid #c8c8c8; } p.about-author { float:left;width:544px;border: 1px solid #cde2f5; background: #f4f9fd; padding: 15px; padding-bottom:20px; margin: 10px 0 0 0px; font-size: 14px; position:relative; line-height:20px; } p.about-author p img { margin: 0px 15px 2px 7px; } p.about-author span.author-bio-text { margin:5px; } .subscribe-box { float:left;width:544px;border: 1px solid #cde2f5; background: #f4f9fd; padding: 15px; margin:15px 0px 10px 0px; font-size: 14px; position:relative; } .author-box { float:left;width:586px;border: 1px solid #cde2f5; background: #f4f9fd; padding: 15px; margin: 0px 0 0 0px; font-size: 14px; position:relative; } .author-box a { color:#0176d5; } .post_inner .author-box { width:544px; } .add-537{ width: 577px; height: 87px; float: left; margin-top:14px; clear:both; } .p img{ float:left; margin:0px !important; } .read_more_bar { float:left;width:500px; padding-bottom:25px; } .read_more{ display: block; width: 88px; height: 20px; float: left; clear: both; color: #fff; font-size: 12px; font-weight: bold; text-align: center; padding: 6px 0px 0px 0px; margin: 26px 0px 15px 5px; background: #0176d5; } .tweetmeme { float: right; padding:5px 5px 0 0; } .postmeta{ width: 582px; height: 20px; clear: both; padding: 7px 11px 0px 25px; background: #dbdcde; float:left; } .postmeta p{ font-size: 12px; float: left; color: #909191; } .postmeta p a{ color: #555; } .postmeta p strong{ color: #555; } .postmeta p.date{ float:right; color: #555; } .adis { font-size:10px; color:#A4A6A7; } .older_post a{ display: block; width: 96px; height: 19px; float: left; clear: both; color: #fff; font-size: 12px; font-weight: bold; text-align: center; padding: 6px 0px 0px 0px; margin: 10px 19px 0px 5px; background: #0176d5; } .newer_post a{ display: block; width: 96px; height: 19px; float: left; color: #fff; font-size: 12px; font-weight: bold; text-align: center; padding: 6px 0px 0px 0px; margin: 10px 0px 0px 5px; background: #0176d5; } #content_inner{ width: 610px; float: left; padding: 0px 5px 0px 5px; background: url(images/content_bg_inner.jpg) no-repeat; } #right_column { float:right; width:329px; padding:36px 0 0; } #content_inner h1{ display: inline; width: 510px; float: left; font-size:23px; margin: 10px 0px 15px 25px; color: #555555; } #content_inner h1 a{ display: inline; width: 510px; float: left; font-size:23px; margin: 10px 0px 15px 25px; color: #555555; } .comment_bubble_inner{ font-family: Georgia, "Times New Roman", Times, serif; width: 47px; height: 47px; float: right; font-size: 20px; color: #555555; text-align: center; padding: 9px 0px 10px 0px; margin: 0px 11px 0px 0px; background: url(images/comment_bubble.gif) no-repeat; } #related_post{ width: 576px; margin: 15px 0px 12px 0px; float: left; padding: 0px 0px 10px 0px; border: 1px solid #cde2f5; background: #f4f9fd; } #related_post h3{ color: #3e3e3e; font-size: 13px; padding: 0px 0px 0px 12px; } #related_post #share_this_bar{ width: 570px; padding: 11px 0px 0px 0px; margin: 0px 0px 17px 0px; background: #f4f9fd; } #related_post #share_this_bar h2{ width: 550px; font-size: 20px; color: #0176d5; margin-left:10px; float: left; font-weight:bold; } #related_post #share_this_bar ul{ float: left; clear:left; } #related_post #share_this_bar ul li{ font-size: 12px; float: left; font-weight: bold; margin: 35px 0px 0px 0px; } #related_post #share_this_bar ul li a{ color: #fff; } #related_post #share_this_bar ul li a:hover{ color: #fff; text-decoration: underline; } #related_post #share_this_bar .small-btn { float:left; margin:35px 0px 0px 10px; } #related_post #share_this_bar .reddit { float:left; margin:10px 0px 0px 6px; } #related_post #share_this_bar .dzone { float:left; margin:10px 0px 0px 7px; } #related_post #share_this_bar .buzz-up { float:left; margin:0px 0px 0px 9px; } #related_post #share_this_bar .tweetmeme { float:left; margin:20px 0px 0px 9px; } #related_post #share_this_bar .digg-btn { float:left; margin:0px 0px 0px 9px; } /****************/ /* Comment */ /****************/ #comment .comments_entry .postmetadata p a{ color:#0176d5; } #comment .comments_entry .postmetadata p a:active{ color:#0176d5; } #comments_container_text a{ color:#0176d5; } .avator img{ float:left; border: 2px solid #dedede; } #comments{ width: 582px; float: left; padding: 7px 11px 0px 25px; } #comments h2{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height:22px; float: left; margin: 20px 0px 20px 0px; color: #555555; } #comments_container{ display: inline; width: 576px; float: left; margin: 0px 0px 0px 0px; background: url(images/comments_container_bg.gif) repeat-y; } #comments_container_text{ display: inline; width: 556px; float: left; padding: 22px 0px 0px 20px; background: url(images/comments_container_top.gif) no-repeat; } #comments_container_btm{ display: inline; width: 576px; float: left; padding: 0px 0px 5px 0px; background: url(images/comments_container_btm.gif) no-repeat bottom; } #comments_container_text ul.comments_entry li{ display: block; width: 510px; float: left; padding: 15px 10px; margin: 0px 0px 10px 0px; background: #f8f8f8; border: 1px solid #dedede; } #comments_container_text ul.track li{ display: block; width: 510px; float: left; padding: 5px 0px; margin: 0px 0px 0px 0px; font:12px/16px Arial, Helvetica, sans-serif, Tahoma; } #comments_container_text ul.comments_entry li .avator{ width: 68px; height: 67px; float: left; margin: 0px 10px 0px 0px; padding: 5px 5px 15px 5px; border: 1px solid #dedede; } #comments_container_text ul.comments_entry li .avator img{ border: 1px solid #dedede; } #comments_container_text ul.comments_entry li h2{ width: 400px; float: left; font-size: 12px; margin: 0px 0px 5px 0px; color: #000; } #comments_container_text ul.comments_entry li h2 a{ font-weight: bold; color: #0076d3; } #comments_container_text ul.comments_entry li .postmetadata{ color: #000; width: 400px; float: left; margin: 0px; font-size: 12px; } #comments_container_text ul.comments_entry li .postmetadata p{ color: #000; width: 400px; float: left; margin: 0px; font-size: 12px; } #comments_container_text ul.comments_entry li p{ width: 420px; float: right; font-size: 12px; margin: 17px 0px 10px 0px; } .form_input{ width: 311px; height: 25px; clear: both; padding: 2px; margin: 0px 0px 25px 0px; background: url(images/comments_input.gif) no-repeat; } .form_input input{ width: 301px; height: 23px; border: none; color: #555555; padding: 2px 0px 0px 10px; background: none; } .form_textarea{ width: 459px; height: 131px; clear: both; margin: 0px 0px 25px 0px; background: url(images/textarea_bg.gif) no-repeat; } .form_textarea textarea{ width: 454px; height: 127px; padding: 2px; color: #555555; background: none; border: none; } .submit_comments{ width: 115px; height: 31px; clear: both; margin: 0px 0px 25px 343px; border: none; background: url(images/submit_comments_btn.gif) no-repeat; } ul.trackback{ clear: both; } ul.trackback li{ display: block; font-size: 12px; padding: 0px 0px 0px 23px; margin: 0px 0px 19px 0px; background: url(images/asterik.gif) no-repeat left top; } ul.trackback li a{ color: #0176d5; } ul.track li a{ color: #0176d5; } /****************/ /* Sidebar */ /****************/ #search{ width: 243px; height: 31px; padding: 5px 12px 0px 9px; margin: 0px 0px 0px 29px; background: url(images/search_bg.jpg) no-repeat; } #search input{ float: left; } #search input.search{ width: 216px; height: 20px; font-size: 18px; font-weight:normal; text-align:left; color: #86cbfe; padding: 4px 2px 0px 0px; background: none; border: none; } *html #search input.search { width:216px; height:20px; font-size:18px; font-weight:normal; text-align:left; color:#86cbfe; padding:4px 2px 0 0; background:none; border:none; } h2.newsletter,h2.most_popular { display:block; height:14px; text-indent:-9999px; } h2.newsletter { width:256px; background:url(images/newsletter.gif) no-repeat; } h2.most_popular { width:168px; background:url(images/most_popular.gif) no-repeat; } .news { width:193px; height:29px; float:left; margin:0 10px 0 0; background:url(images/news.gif) no-repeat; } .news input { width:191px; height:25px; padding:4px; color:#a4a6a7; font-size:12px; border:none; background:none; } ul.most_popular_listing li { display:block; width:275px; font-size:12px; padding:0 0 0 23px; margin:0 0 19px 0; background:url(images/star.gif) no-repeat left top } ul.most_popular_listing li a{ color: #555555; } /****************/ /* Advertisement*/ /****************/ .add_260x125 { width:260px; height:125px; margin:0 0 10px 29px; } .add_125x125 { width:125px; height:125px; margin:0 0 10px 29px; } ul.advertisement{ margin: 0 0 0 29px; } ul.advertisement li { float:left; display:block; width:125px; height:125px; margin:0 10px 10px 0; } /****************/ /* Widget */ /****************/ .widget { float:left; width:323px; position:relative; margin-right:-3px } .widget_heading { width:312px; height:28px; padding:15px 0 0 12px; background:#0176d5 url(images/widget_heading.gif) top repeat-x; } .widget_heading2 { width:312px; height:28px; padding:5px 0 0 20px; } .widget_text { width:306px; float:left; font-size:12px; line-height:16px; color:#555; padding:14px 0 15px 17px; background:url(images/widget_text.gif) repeat-x; } .widget_text h3 a { font-size:12px; margin:0 -3px 5px 0; color:#555; position:relative; } .widget_text span { float:left; margin:10px 20px 0 0; } .widget_text p { margin:0 0 20px 0; } /****************/ /* Footer */ /****************/ #footer{ width: 100%; height: 276px; float: left; clear: both; background: #0176d5 url(images/footer_bg.jpg) repeat-x; } #footer #content_bottom{ width: 954px; margin: auto; padding: 22px 0px 0px 0px; background: url(images/footer_top.png) top no-repeat; } #footer #footer_container{ width: 929px; margin: auto; height: 231px; padding: 22px 0px 0px 27px; background: url(images/footer_container.jpg) no-repeat right top; } #footer #footer_container p{ font-size: 12px; color: #fff; margin: 0px 0px 20px 0px; } #footer #footer_container #recent_comments{ width: 221px; float: left; margin: 0px 47px 0px 0px; } #footer #footer_container h2.recent_comments{ display: block; width: 221px; height: 14px; margin: 0px 0px 0px 0px; background: url(images/recent_comments.gif) no-repeat; text-indent: -9999px; } #footer #footer_container #recent_comments p{ margin: 0px; } #footer #footer_container #recent_comments ul li{ display: block; width: 221px; color: #fff; font-size: 12px; margin: 19px 0px 0px 0px; } #footer #footer_container #recent_comments ul li a{ color: #fff; } #footer #footer_container #recent_comments ul li h3{ display: block; font-size: 12px; background: url(images/comment.gif) no-repeat center left; padding: 0px 0px 5px 21px; } #footer #footer_container #recent_comments ul li h2 a{ text-decoration: underline; } #footer #footer_container #tag_cloud{ width: 218px; float: left; margin: 0px 54px 0px 0px; } #footer #footer_container h2.tag_cloud{ display: inline-block; width: 178px; height: 15px; margin: 0px 0px 20px 40px; background: url(images/tag_clouds.gif) no-repeat; text-indent: -9999px; } #footer #footer_container #tag_cloud a{ color: #fff; } #footer #footer_container #tag_cloud a:hover{ color: #fff; text-decoration: underline; } #footer #footer_container #about_whats{ width: 168px; float: left; } #footer #footer_container h2.about_what{ display: inline-block; width: 153px; height: 43px; background: url(images/about_what.gif) no-repeat; text-indent:-9999px; } #bottom_line{ width: 100%; clear: both; float: left; margin: -5px 0px 0px 0px; background: url(images/bottom_line.png) repeat-x; } #bottom_line_container{ width: 929px; height: 40px; margin: auto; padding: 14px 0px 0px 0px; font-size: 12px; color: #02dbc8; } #bottom_line_container p{ float: left; } #bottom_line_container p a{ color: #02dbc8; } #bottom_line_container span{ float: right; } #bottom_line_container strong { float:left;width:60px } #bottom_line_container ul.favicons { float:left; } #bottom_line_container a { color:#02DBC8; } #bottom_line_container a:hover { color:#FFFFFF; } #bottom_line_container ul.favicons li { display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 6px 0 0; float:left; } #bottom_line_container ul.favicons li a { border:1px solid #555555; display:inline-block; height:16px; width:16px; } #bottom_line_container ul.favicons li a:hover { border:1px solid #02dbc8; } /****************/ /* Friends Favi */ /****************/ #friends_favi{ width: 16px; height: 16px; float: left; background: url(images/friends/1stwebdesigner) no-repeat; } /****************/ /* User Feed */ /****************/ span.userfeed{ float: left; clear: left; font-size: 12px; color: #555555; } /****************/ /* Slideshow */ /****************/ #slideshow{ width: 588px; height: 248px; margin: 5px 0px 5px 14px; padding-bottom:0px; float: left; border: 1px solid #c3c7c8; } #myGallery.imageElement h3{ font-weight: bold; font-size: 16px; } #myGallery p{ font-size: 10px; } /****************/ /* Misc */ /****************/ #contact input{ width: 307px; height: 20px; padding: 5px 4px 4px 4px; margin: 24px 0px 0px 0px; border: none; font-size: 12px; color: #555555; background: url(images/input_bg.jpg) no-repeat; } #contact textarea{ width: 451px; height: 123px; margin: 24px 0px 0px 0px; padding: 4px; border: none; font-size: 12px; color: #555555; background: url(images/textarea_bg.jpg) no-repeat; } input#contact_submit { width: 82px; height: 25px; clear: both; float: left; background: url(images/submit_btn.gif) no-repeat; border: none; margin: 24px 0px 0px 0px; } *html input.submit{ position: absolute; width: 82px; height: 25px; float: left; clear: left; border: none; margin: 10px 0px 0px 0px; background: url(images/submit_btn.gif) no-repeat; text-indent: -9999px; } input.submit{ position: absolute; width: 82px; height: 25px; float: left; clear: left; border: none; margin: 55px 0px 0px 0px; background: url(images/submit_btn.gif) no-repeat; text-indent: -9999px; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 5px 2px 0px; } img.alignleft { padding: 0px; margin: 0 7px 2px 0; float:left; } .alignright { float: right; } .alignleft { float: left } .clear{ clear:both; } .skiplink{ display:none; } .trackback { display:none; } .author_post_link a{ float:left; color:#0176d5; } .replace{ position:relative; margin:0; padding:0; /* \*/ overflow:hidden; /* */ } .replace span{ display:block; position:absolute; top:0; left:0; z-index:1; } #toggle-tb-link { display:block; float:left; font-size:11px; font-family:arial; font-weight:normal; margin:0 10px 0 0; color:#090; } #smashing{ position: relative; display: block; width: 177px; height: 105px; float: left; clear: left; margin: 0px 0px 0px -5px; background: url(images/snobby.jpg) no-repeat; text-indent: -9999px; } #webhost{ display: block; width: 120px; height: 105px; float: left; background: url(images/wpwebhost.jpg) no-repeat; text-indent: -9999px; } #netdna{ position: relative; display: block; width: 120px; height: 36px; float: left; clear: left; margin: 0px 5px 0px 0px; background: url(images/netdna.jpg) no-repeat; text-indent: -9999px; } .favicons ( border:1px; color:#0e66ad; margin:0 2px 0 2px; ) /****************/ /*Bottom Banner */ /****************/ #bottom-banner-wrapper { bottom:0; height:40px; margin:auto; opacity:1; position:fixed; text-align:center; width:953px; z-index:999; } #bottomBanner { display:block; color:#fff; position:fixed; bottom:0px; text-align:center; height:40px; z-index:999; padding-left:5px; margin: auto; width:941px;} #bottomBanner ul { margin:0 auto; } #bottomBanner li { margin:0 auto; } #bottomBanner a { margin:0 auto; } #bottomBanner img { border:none; } /* =WP-PagiNavi plugin Use !important to override PageNavi CSS -------------------------------------------------------------- */ .wp-pagenavi { font-size:14px; font-weight:bold; margin:18px 0 5px 0;} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.pages, .wp-pagenavi span.extend { color:#0176d5; text-decoration:none; margin:0 3px 0 3px; border:1px solid #c2c2c2 !important; padding:3px 5px !important;} .wp-pagenavi span.pages { margin:0 3px 0 0px; padding:3px 5px; color:#b6b7b7 !important;} .wp-pagenavi a:hover, .wp-pagenavi a:active { color:#0176d5 !important; background-color:#FFFFFF; } .wp-pagenavi span.current { margin:0 3px 0 3px; border:1px solid #c2c2c2 !important; color:#FFFFFF !important; background-color:#0176d5 !important; padding:3px 5px !important;} .wp-pagenavi a.page:hover { border:1px solid #0066CC !important; }