/* http://design.seo-soap.com */ /* COLORS lightblue 75D1F7 blue 29ABE2 darkblue 008FD4 darkestblue 1B1464 */ * { margin:0; padding:0;} a { color:#008FD4; text-decoration:none; } img, a img { border:none; } ul { list-style:none; } .alignleft { text-align:left; } .alignright { text-align:right } img.alignleft { float:left; margin:0 15px 15px 0; } img.alignright { float:right; margin:0 0 15px 15px; } img.aligncenter { display:block; margin:0 auto 15px; text-align:center; } .clear { clear:both; } p { margin:0 0 15px; line-height:1.5em; } .txtblue { color:#29ABE2 !important; } .txtlightblue { color:#75D1F7 !important; } /*form general*/ form .row { overflow:hidden; } form .row input.formtxt, form .row textarea.formtxtarea { font-family:Georgia, "Times New Roman", serif; font-size:1em; } form .row input.formsubmit { display:block; text-indent:-9999px; border:none; outline:none; cursor:pointer; font-size:0px; line-height:0px; } /*body*/ body { font-family:Helvetica, Arial, sans-serif; color:#4d4d4d; font-size:75%; background:#5DCAF0 url(img/bg.jpg) repeat-x; position:relative } #bodybutt { width:100%; height:884px; position:absolute; bottom:0px; left:0px; background:url(img/bgbutt.jpg) repeat-x; z-index:1; } #wrap { width:960px; margin:0 auto; position:relative; z-index:100;} #header { width:960px; height:153px; background:url(img/header.jpg) no-repeat; position:relative; z-index:110; } #container { width:960px; background:url(img/container.png) repeat-y; position:relative; z-index:120; } #footer { width:960px; padding:25px 0 0; background:url(img/containerbutt.png) no-repeat; } /*header*/ #header h1 { position:absolute; top:0px; left:0px; } #header h1 a { width:300px; height:110px; position:absolute; top:10px; left:10px; display:block; text-indent:-9999px; outline:none; background:transparent; border:none; } #header #description { position:absolute; top:10px; left:225px; } #header #description a { width:156px; height:56px; display:block; text-indent:-9999px; outline:none; background:transparent; border:none; } #header form#topsearch { width:202px; height:22px; position:absolute; top:70px; right:23px; } #header form#topsearch .row input.formtxt { width:209px; color:#0FF; float:left; background:transparent; border:none; } #header form#topsearch .row input.formtxt:hover, #header form#topsearch .row input.formtxt:focus { color:#fff; } #header form#topsearch .row input.formsubmit { display:none; } #header ul#topsocial { position:absolute; top:91px; right:7px; overflow:hidden; } #header ul#topsocial li { float:left; display:inline; } #header ul#topsocial li a { width:33px; height:35px; display:block; text-indent:-9999px; outline:none; background:url(img/top-social.gif) no-repeat; border:none; } #header ul#topsocial li a.top_rss { background-position:0px 0px; } #header ul#topsocial li a.top_rss:hover { background-position:0px -35px; } #header ul#topsocial li a.top_twitter { background-position:-33px 0px; } #header ul#topsocial li a.top_twitter:hover { background-position:-33px -35px; } #header ul#topsocial li a.top_facebook { background-position:-66px 0px; } #header ul#topsocial li a.top_facebook:hover { background-position:-66px -35px; } #header ul#topsocial li a.top_linkedin { background-position:-99px 0px; } #header ul#topsocial li a.top_linkedin:hover { background-position:-99px -35px; } #header ul#topsocial li a.top_email { background-position:-132px 0px; } #header ul#topsocial li a.top_email:hover { background-position:-132px -35px; } #header ul#topmenu { width:600px; height:20px; position:absolute; top:126px; left:10px; overflow:hidden; } #header ul#topmenu li { float:left; display:inline; } #header ul#topmenu li a { height:16px; padding:2px 24px; display:block; color:#fff; font-size:.9em; text-transform:lowercase; background:url(img/topmenu_vertibar.gif) no-repeat right top; } #header ul#topmenu li a:hover { color:#1B1464; border:none; } /*container*/ #container #content { width:603px; float:left; display:inline; margin:0 33px 0 15px; } #container #sidebar { width:290px; float:left; display:inline; } /*content*/ #container #content .post { margin:0 0 30px; } #container #content .post h2 { padding:5px 20px 3px 10px; margin:0 -20px 0 -10px; display:block; background:#fff; border-bottom:7px solid #29ABE2; color:#1B1464; font-size:2.5em; font-weight:bold; letter-spacing:-.05em; line-height:1.1em; } #container #content .post h2 a { display:block; width:100%; height:100%; color:#4d4d4d; background:transparent; border:none; } #container #content .post h2 a:hover { color:#1B1464; } #container #content .post p { font-size:1.1em; } #container #content .post p a:hover { border-bottom:1px solid #008FD4; background:#E2F4FD; } #container #content .post img { margin-bottom:15px; } #container #content .post .postmeta { margin:0 0 20px; text-transform:uppercase; overflow:hidden; font-size:.9em; font-family:Arial, sans-serif; } .meta_a, .meta_b, .meta_c, .meta_d { padding:1px 6px 2px; float:left; } .meta_a, .meta_a a, .meta_a a:hover { color:#fff; background:#008FD4; } .meta_b, .meta_b a, .meta_b a:hover { color:#fff; background:#29ABE2; } .meta_c, .meta_c a, .meta_c a:hover { color:#fff; background:#75D1F7; } .meta_d, .meta_d a { color:#75D1F7; } .meta_d a:hover { border-bottom:1px solid #008FD4; background:#E2F4FD; } .meta_a a:hover, .meta_b a:hover, .meta_c a:hover { border:none; text-decoration:underline } #container #content .post .posttags { font-family:Arial, sans-serif; font-size:.9em; text-transform:uppercase; } #container #content .post .posttags a:hover { border-bottom:1px solid #008FD4; background:#E2F4FD; } #container #content .post .posttags .meta_b { margin:0 5px 0 0; } #container #content .post .postsocial { clear:both; margin:10px 0 15px -5px; } #container #content .post .postsocial a { margin:0 0 15px; float:left; display:inline; } #container #content .post .ad { margin:0 0 25px; } /*comments*/ #container #content .post#comments .comment { padding:0 0 15px; overflow:hidden; margin:0 0 0 -10px; } #container #content .post#comments .comment .commenttxt { width:467px; padding:4px 0 0 10px; margin:0 5px 0 0; float:left; display:inline; border-top:7px solid #75D1F7; color:#2E3192; } #container #content .post#comments .comment .commentmeta { width:130px; margin:-2px 0 0 0; float:right; display:inline; font-size:.9em; } #container #content .post#comments .comment .commentmeta .commentmeta_author { color:#29ABE2; font-weight:bold; margin:0 0 5px; } #container #content .post#comments .comment .commentmeta .commentmeta_author a { color:#008FD4; text-decoration:underline; } #container #content .post#comments .comment .commentmeta .commentmeta_author a:hover { background:#E2F4FD; border:none; } #container #content .post#comments .comment .commentmeta .commentmeta_date { font-size:.9em; color:#29ABE2; text-transform:uppercase; font-family:Arial, sans-serif; } #container #content .post#comments .comment .commentmeta .commentmeta_date a { color:#29ABE2; } #container #content .post#comments .comment .commentmeta .commentmeta_time { font-size:.9em; color:#75D1F7; text-transform:uppercase; font-family:Arial, sans-serif; } #container #content .post#comments .comment .commentmeta .commentmeta_time a { color:#75D1F7; } #container #content .post#comments .comment .commentmeta .commentmeta_date a:hover, #container #content .post#comments .comment .commentmeta .commentmeta_time a:hover { text-decoration:underline; background:transparent; border:none; } #container #content .post#comments h2#reply { margin-top:5px; } /*commentform*/ #container #content .post#comments form { margin:10px 0 25px; } #container #content .post#comments form .row { margin:0 0 5px; } #container #content .post#comments form .row label { width:120px; margin:6px 0 0; float:left; display:inline; font-size:.9em; color:#008FD4; font-weight:bold; line-height:1em; } #container #content .post#comments form .row label.double { margin-top:2px; } #container #content .post#comments form .row label.double span { font-size:.9em; font-family:Arial, sans-serif; font-weight:normal; font-style:italic;} #container #content .post#comments form .row input.formtxt, #container #content .post#comments form .row textarea.formtxtarea { width:430px; padding:5px 5px 5px 34px; margin:0 5px 0 0; float:left; display:inline; color:#75D1F7; border:1px solid #75D1F7; background:#fff url(img/ryanbuke_mono.gif) no-repeat 3px 2px; } #container #content .post#comments form .row input.formtxt:focus, #container #content .post#comments form .row textarea.formtxtarea:focus { color:#29ABE2; border-style:inset; border-color:#29ABE2; } #container #content .post#comments form .row textarea.formtxtarea { height:120px; } #container #content .post#comments form .row input.formsubmit { width:209px; height:31px; float:right; margin:-5px 126px 0 0; background:url(img/button_addyourcomment.png) no-repeat; } #container #content .post#comments form .row input.formsubmit:hover { background-position:left bottom; } /*sidebar*/ #container #sidebar { font-family:Georgia, "Times New Roman", serif; color:#29ABE2; } #container #sidebar h3 { padding:0 0 2px; margin:0 0 10px; font-family:Helvetica, Arial, sans-serif; font-size:1.8em; border-bottom:7px solid #29ABE2; letter-spacing:-.05em; } #container #sidebar a { color:#29ABE2; text-decoration:underline; } #container #sidebar a:hover { color:#008FD4; border:none; background:transparent; } #container #sidebar ul li { padding:5px 0 4px; border-bottom:1px solid #29ABE2; } #container #sidebar ul li:hover { border-bottom:1px solid #008FD4; } #container #sidebar ul li a { text-decoration:none; font-style:normal; } #container #sidebar .side { width:290px; margin:0 0 15px 0; } #container #sidebar .side#topabout { padding:0 10px 0 15px; margin:-15px -10px 0 -8px; background:url(img/side_topabout.jpg) no-repeat; color:#008FD4; } #container #sidebar .side#topabout .sidebutt { width:310px; height:59px; margin:0 0 0 -15px; background:url(img/sidebutt_topabout.gif) no-repeat; } #container #sidebar .side#topabout img { margin:-5px 2px 5px 10px; } #container #sidebar .side#topabout a { color:#1B1464; } #container #sidebar .side#topabout a:hover { background:#E2F4FD; } #container #sidebar .side#topabout a.button { margin:1px 0 0 21px; } #container #sidebar .side.recent-comments ul li { color:#75D1F7; font-style:italic; } /*richfooter*/ #footer #richfooter { width:980px; margin:0 0 0 -20px; font-family:Georgia, "Times New Roman", serif; color:#fff; } #footer #richfooter h3 { padding:0 0 2px; margin:0 0 10px; font-family:Helvetica, Arial, sans-serif; border-bottom:7px solid #29ABE2; letter-spacing:-.05em; } #footer #richfooter a { color:#fff; text-decoration:underline; } #footer #richfooter a:hover { color:#75D1F7; border:none; background:transparent; } #footer #richfooter ul li { padding:5px 0 4px; border-bottom:1px solid #75D1F7; } #footer #richfooter ul li a { text-decoration:none; font-style:normal; } #footer #richfooter .foot { width:219px; margin:0 0 0 25px; float:left; display:inline; } #footer #richfooter .foot.recent-comments ul li { color:#75D1F7; font-style:italic; } /*footer*/ #footer #footercopy { width:100%; padding:130px 0 20px; background:url(img/ryanbuke_footer.jpg) no-repeat center 20px; position:relative; } #footer #footercopy .footertxt { margin:0 auto; color:#29ABE2; font-family:Georgia, "Times New Roman", serif; font-size:.9em; text-align:center; } #footer #footercopy .footertxt a { color:#29ABE2; text-decoration:none; border:none; background:transparent; } /*buttons*/ a.button { display:block; text-indent:-9999px; outline:none; } a.button.readtherest { width:206px; height:31px; background:url(img/button_readtherest.png) no-repeat; } a.button.addthis { width:137px; height:31px; background:url(img/button_saveshare.png) no-repeat; } a.button.post_rss { width:162px; height:31px; background:url(img/button_post_rss.png) no-repeat; } a.button.post_email { width:175px; height:31px; background:url(img/button_post_email.png) no-repeat; } a.button.checkit { width:280px; height:52px; background:url(img/button_checkit.gif) no-repeat; } a.button.readtherest:hover, a.button.addthis:hover, a.button.post_rss:hover, a.button.post_email:hover { background-position:left bottom; border:none;} a.button.checkit:hover { background:url(img/button_checkit.gif) no-repeat left bottom !important; }