/* Theme Name: AllTuts Author: Site5.com Author URI: http://gk.site5.com/t/237 Description: Check AllTuts Documentation in case you need directions. */ /* ------------------------------- BODY STYLES ----------------------------------*/ * { margin: 0; padding: 0;} body {color: #333; background:#f0f0f0 url(images/bk_body.png) repeat-x;font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:135%;} /*---------------------------------------------------- BASIC HTML ELEMENTS STYLES ------------------------------------------------------*/ a {color:#1FA2E1;text-decoration:none;} a:hover { text-decoration: underline;} a:focus {outline:none;} h1 {font-size:26px;letter-spacing:-1px; font-weight:normal; padding:10px 0 12px; line-height:100%; font-family: verdana;} h1.home {color:#1FA2E1; font-size:30px;} h1 a {color:#333; text-decoration:none;} h1 a:hover {color:#1FA2E1; text-decoration:none;} h2,h3 {font-size:22px; font-weight:normal; font-style:italic; letter-spacing:-1px;padding:5px 0;} h3{font-size:17px; font-weight:bold;} ul {list-style:none; } p {margin:10px 0;} /* ------------------------------- LAYOUT STRUCTURE ----------------------------------*/ #wrapper {width:960px; margin:0 auto;} #header {position:relative; height:185px; background:url(images/bk_header.jpg) 0 51px no-repeat;} #content {padding:25px 0;} #content #colLeft {float:left; width:670px; margin-right:10px;} #content #colRight {float:left; width:280px;} #footer {background:#000 url(images/bk_footer.jpg) 0 0 repeat-x; padding-top:20px; padding-bottom:25px; margin-top:15px;min-width:960px;} #footerInner {width:960px; margin:0 auto; color:#797979;} #copyright { border-top:1px solid #1E1E1E; background:#111; min-width:960px;} #copyrightInner {width:960px; margin:0 auto; font-size:11px; color:#515151; padding:20px 0; position:relative;} /* ------------------------------- HEADER ELEMENTS ----------------------------------*/ /* TopMenu */ .ddsmoothmenu {position:absolute; left:0; top:6px; border-right:1px solid #2F2F2F;} .ddsmoothmenu ul li {float:left;} .ddsmoothmenu ul li a{display:block; color:#ccc; text-decoration:none; border-left:1px solid #2F2F2F; height:42px; line-height:42px; text-transform:uppercase; font-size:11px; padding:0 12px;} .ddsmoothmenu ul li a:hover {color:#FFFFFF; background:url(images/bk_top_hover.png) 50% 0 no-repeat;} /* TopMenuRight */ #topMenuRight {position:absolute; right:0; top:6px; } #topMenuRight ul li {float:left;} #topMenuRight ul li a{display:block; color:#ccc; text-decoration:none; height:42px; line-height:42px; font-size:11px; padding:0 8px; background:url(images/list_red_bullet.png) 1px 50% no-repeat;} #topMenuRight ul li a:hover {color:#FFFFFF;} /* Logo */ #logo {position:absolute; left:0; top:76px;} #logo img {border:none;} #logo span {display:block; padding-left:5px; padding-top:5px; text-transform:uppercase; color:#999999; font-size:12px;} /* Social Links */ #socialLinks {position:absolute; right:0; top:105px; background:url(images/bk_social_links.png) 0 50% no-repeat; padding-left:155px; height:42px;} #socialLinks .linkedin, #socialLinks .facebook, #socialLinks .twitter, #socialLinks .rss { display:block; width:32px; height:32px; float:left; margin-left:5px; text-indent:-9999px;} #socialLinks .linkedin:hover, #socialLinks .facebook:hover, #socialLinks .twitter:hover, #socialLinks .rss:hover { margin-bottom:2px;} #socialLinks .linkedin {background:url(images/ico_linkedin.png) 0 0 no-repeat;} #socialLinks .facebook {background:url(images/ico_facebook.png) 0 0 no-repeat;} #socialLinks .twitter {background:url(images/ico_twitter.png) 0 0 no-repeat;} #socialLinks .rss {background:url(images/ico_rss.png) 0 0 no-repeat;} /*---------------------------- FOOTER ELEMENTS -----------------------------*/ #footer h2 {font-weight:bold; color:#ccc; font-size:18px;} #footerInner {overflow:hidden;padding-bottom:10px;} #footerInner .boxFooter {float:left; width:290px; padding-right:30px;} #footerInner .last {padding-right:0;} #footerInner h2 { font-size:20px; border-bottom:1px solid #292929; padding:7px 0; margin-bottom:7px;} #footerInner .boxFooter ul li { padding:5px 6px 5px 18px; border-bottom:1px solid #292929; background:url(images/star.png) 0 8px no-repeat; color:#986123; font-size:10px; font-style:italic;} #footerInner .boxFooter ul li br {line-height:5px;} #footerInner .boxFooter ul li a {text-decoration:none; color:#515151; font-size:13px; font-style:normal;} #footerInner .boxFooter ul li a:hover {color:#ccc;} #site5bottom {position:absolute; right:5px; top:13px;} #site5bottom img {border:none;} #site5bottom a {display:block; width:344px;height:26px;background:url(images/site5bottom.png) 0 0 no-repeat; text-indent:-9999px;} /*---------------------------- LEFTCOL ELEMENTS ------------------------------*/ .postBox {margin-bottom:10px;} .postBoxTop {height:5px; width:668px; background:url(images/bk_box_top.png) 0 0 no-repeat;} .postBoxBottom { height:5px; width:668px; background:url(images/bk_box_bottom.png) 0 0 no-repeat;} .postBox .postBoxMid {padding:0 5px; background:url(images/bk_box_mid.png) 0 0 repeat-y;} .postBox .postBoxMid p{line-height:145%;} .postBox .postBoxMid img {border:none;} .postBox .postBoxMidInner {padding:20px 40px;position:relative;} .postBox .first {background:url(images/bk_box_mid_inner.jpg) 0 0 no-repeat;} .postBoxMid .category {background:url(images/star.png) 0 50% no-repeat; padding:0 0 0 20px; text-transform:uppercase; font-size:11px; line-height:100%; color:#ccc; font-weight:bold;} .postBox .postBoxMid .date {background:url(images/bk_date.png) 0 0 no-repeat; width:62px; height:89px; left:-34px; top:13px; text-align:center; position:absolute; font-size:11px; color:#C5ECFC; padding-top:17px;} .postBox .postBoxMid .date span.day {font-size:24px; font-weight:bold; text-shadow:1px 1px #157EC4;color:#fff;} .postBox .postBoxMid .textPreview {float:left; width:350px;margin-top:15px;} .postBox .postBoxMid .textPreview p{margin-top:0;} .postBox .postBoxMid .postThumb{float:left; margin:15px 25px 25px 0; width:201px; overflow:hidden;} .postBox .postBoxMid .postThumb img{border:none; background:#F0F0F0; padding:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} .postBox .postBoxMid .postMeta {border-top:1px solid #E2E2E2; padding-top:20px; margin-top:25px; clear:left; overflow:hidden;} .postBox .postBoxMid .postMeta .more-link {display:block;background:url(images/ico_readmore.png) 0 0 no-repeat;padding:3px 0;padding-left:35px;font-size:14px;font-weight:bold;float:left;} .postBox .postBoxMid .postMeta .metaRight {float:right;} .postBox .postBoxMid .postMeta .metaRight img {vertical-align:middle;margin-left:20px;} .postBox .postBoxMid .postMetaSingle {border-bottom:1px solid #E2E2E2;padding:5px 0 15px;margin-bottom:20px;} .postBox .postBoxMid .postMetaSingle img {vertical-align:middle;} .postBox .postBoxMid .postCredentials {background:#F8F8F8;border-top:3px solid #E2E2E2;border-bottom:3px solid #E2E2E2;padding:20px 40px 15px;margin-right:2px; overflow:hidden; text-shadow:1px 1px #fff;} .postBox .postBoxMid .postCredentials p { font-size:12px; color:#666; margin:0.6em 0;} .postBox .postBoxMid .postCredentials img {float:left; margin-right:10px;padding:4px;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .postBox .postBoxMid .postCredentials #authorDetails {clear:both; padding-top:15px; overflow:hidden; border-top:1px solid #ddd;} .postBox .postBoxMid .postCredentials #authorDetails img { margin-bottom:15px;} /* POST SOCIAL SHARE */ .postBox .postBoxMid .postCredentials .social {margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #ddd;} .postBox .postBoxMid .postCredentials .social a:hover img {margin-top:-4px; } .postBox .postBoxMid .postCredentials .social img {border:none;vertical-align:middle;float:none;background:none;padding:0; margin-right:5px;} .postBox .postBoxMid .postCredentials .social strong {padding-right:20px; } .postBox .postBoxMid .postTags {font-size:13px; background:url(images/ico_tag.png) 0 50% no-repeat; padding-left:24px;margin:25px 0 0;} /* RELATED POSTS */ #content #colLeft .relatedPosts { margin-left:-25px;} #content #colLeft .relatedPosts li {display:block;border-top:1px solid #ddd;padding:15px 0; width:275px;float:left;margin-left:25px;font-weight:bold;background:none;} #content #colLeft .relatedPosts li img { float:left; padding:5px;background:url(images/bk_thumbs.jpg) 0 0 no-repeat;margin:0 10px 0 0;} #content #colLeft .relatedPosts li span {font-size:11px;color:#999;} #archive-title {font-size:14px;padding:3px 0 15px;} blockquote {border-left:1px dashed #aaa;padding-left:20px; margin:20px 0 15px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; background:url(images/bk_blockquote.jpg) 90% 0 no-repeat;} #content #colLeft ul li, #content #colLeft ol li {padding:5px 0 5px 15px;background:url(images/bullet_list.png) 0 9px no-repeat;} #content #colLeft ul { margin:0 0 15px 15px;} #content #colLeft ol li {background:none;padding-left:0;} #content #colLeft ol {margin:0 0 15px 35px;} /* PAGINATION */ .emm-paginate {padding:10px 0; overflow:hidden;} .emm-paginate a {background:url(images/bk_pagenavi.jpg) 0 100% repeat-x; border:1px solid #ddd; color:#666; margin-right:5px; padding:4px 8px; text-align:center; text-decoration:none;} .emm-paginate .emm-title {color:#555; margin-right:4px;} .emm-paginate .emm-gap {color:#999; margin-right:4px;} .emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#fff; background:#18AEF5; border:1px solid #0A95D8; margin-right:5px; padding:4px 8px;} .emm-paginate .emm-page {} .emm-paginate .emm-prev, .emm-paginate .emm-next {} /* -------------------------------- RIGHTCOL ELEMENTS -----------------------------------*/ .rightBox {margin-bottom:10px;} .rightBoxTop {height:5px;width:280px;background:url(images/bk_box_top_right.png) 0 0 no-repeat;} .rightBoxBottom {height:5px; width:280px;background:url(images/bk_box_bottom_right.png) 0 0 no-repeat;} .rightBox .rightBoxMid {padding:50px 20px 25px;background:url(images/bk_box_mid_right.png) 0 0 repeat-y;position:relative;} .rightBox .rightBoxMidSearch {padding:6px 10px 5px;background:url(images/bk_box_mid_right.png) 0 0 repeat-y;overflow:hidden;} .rightBox .rightBoxMid h2 {font-size:14px;font-weight:bold;letter-spacing:0;color:#fff;text-transform:uppercase;display:block;background:url(images/bk_h2_right.png) 0 0 no-repeat; width:284px;height:39px;position:absolute;top:6px; left:-2px; padding:13px 15px 0 20px;} .rightBox .rightBoxMid ul li{padding:5px 0; border-bottom:1px solid #E2E2D8;} /* Latest Tweet */ #twitter {margin-left:4px;} #twitter #twitter_update_list {background:url(images/bk_twitter_box_top.png) 0 0 no-repeat;padding:3px 15px 0;font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic;line-height:125%;color:#666;} #twitter #twitter_update_list li{list-style-type:none; padding-top:10px;} #twitter #bottom {height:36px;background:url(images/bk_twitter_box_bottom.png) 0 0 no-repeat;padding-left:63px;padding-top:45px;font-weight:bold;} /* ADS */ .rightBox .rightBoxMidAds{padding:6px 0;background:url(images/bk_box_mid_right.png) 0 0 repeat-y;position:relative;} .rightBox .rightBoxMidAds div div {margin:0 0 6px 5px;float:left;} .rightBox .rightBoxMidAds div div a img {border:1px solid #D8D8D8;} .rightBox .rightBoxMidAds a.advertise {display:block;padding:0 10px 6px 15px;clear:both;font-weight:bold;} /* COMMENTS -----------------------------------*/ h2.h2comments {display:block;background:url(images/ico_comments.png) 0 50% no-repeat;padding:10px 0 15px 40px;font-weight:bold;} h2.h2comments a.addComment {display:block;width:151px;height:30px;background:url(images/but_addcomment.png) 0 0 no-repeat;text-transform:uppercase;color:#fff; text-align:center; float:right; font-size:12px; margin-top:-7px; padding-top:8px; font-weight:bold;} h2.h2comments a.addComment:hover { text-decoration:none;} h2#commentsForm {margin:0;padding-top:0;} #content #colLeft ul.commentlist { list-style:none;list-style-position:outside;display:block;margin:20px 0;border-top:3px solid #E5E8EA;border-bottom:2px solid #E5E8EA;padding:0;} #content #colLeft ul.commentlist ul {list-style-type:none;list-style-position:outside;margin:0;} #content #colLeft ul.commentlist li {padding:0 0 20px 40px;position:relative;border-bottom:1px solid #E5E8EA;margin-top:25px;background:none;} #content #colLeft ul.commentlist li p{font-size:13px;margin:10px 0;} #content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text {margin-left:20px;} #content #colLeft ul.commentlist li .comment-meta span {font-size:11px;color:#999;} #content #colLeft ul.commentlist li .comment-meta {font-size:16px;} #content #colLeft ul.commentlist li .avatar {background:#fff;padding:1px;border:4px solid #eee;position:absolute;left:0; top:0;} #content #colLeft ul.commentlist .reply {position:absolute;right:0;top:0;width:46px;height:21px;background:url(images/bk_link_reply.png) 0 0 no-repeat;text-align:center;font-size:10px; text-indent:-9999px;} #content #colLeft ul.commentlist .reply a { color:#FFF; display:block; width:46px; height:21px;} #content #colLeft ul.commentlist li .children li {margin-top:15px;padding-top:15px;border-top:1px solid #E5E8EA;border-bottom:none;overflow:hidden;padding-bottom:0;} #content #colLeft ul.commentlist li .children li .avatar {top:15px;} #content #colLeft ul.commentlist li .children li .reply {top:15px;} /* -------------------------------- FORMS -----------------------------------*/ #searchform input {border:1px dashed #CDCDCD;border-right:none;width:169px;background:none;padding:8px 10px 7px;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#666666; font-style:italic; float:left; margin-top:1px;} #searchform input.submit { width:70px; height:39px; background:url(images/bk_but_search.jpg) 0 0 no-repeat; border:none;padding:0;margin-top:-2px;} /* COMMENTS F0RM */ #commentform p {margin:0;} #commentform label {display:block;padding:5px 0;} #commentform input, #commentform textarea {border:1px solid #ddd;padding:8px;width:300px; margin-bottom:10px; -moz-border-radius:4px; -webkit-border-radius:4px;} #commentform input:focus, #commentform textarea:focus { border:1px solid #0099FF;} #commentform textarea { width:560px;font-family:Arial, Helvetica, sans-serif;font-size:13px;} #commentform input#submit{border:none;width:151px;height:30px;margin-top:10px;cursor:pointer; background:url(images/but_addcomment.png) 0 0 no-repeat; color:#FFF; font-weight:bold; font-size:12px; padding:0;} /* Contact Form */ #contact label {display:block;padding:5px 0;} #contact input, #contact textarea {border:1px solid #ddd; padding:8px; width:300px; margin-bottom:10px; -moz-border-radius:4px; -webkit-border-radius:4px;} #contact textarea { width:560px; font-family:Arial, Helvetica, sans-serif; font-size:13px;} #contact input.submit{ border:none; width:151px; height:30px; margin-top:10px; cursor:pointer; background:url(images/but_addcomment.png) 0 0 no-repeat; color:#FFF; font-weight:bold; font-size:12px; padding:0;} .errormsg, .successmsg{background:#FEF4F1;border:1px solid #F7A68A;color:#DA4310;padding:10px;-moz-border-radius:4px; -webkit-border-radius:4px;} .successmsg { background:#F5FAF1; border:1px solid #C2E1AA; color:#8FA943; -moz-border-radius:4px; -webkit-border-radius:4px;} /* ------------------------------- CLEARING ----------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; float: none;} .clearfix { display: block; } /* Hide from IE-mac \*/ * html .clearfix { float: left; height: 1%; } /* End hide from IE-mac */