/* Theme Name: PowerServe Theme URI: http://powerserve.net/ Description: A simple, two-column theme with lots of potential. Version: 1.0.0 Author: Chris Harrison Author URI: http://cdharrison.com */ @import url(reset.css); strong { font-weight:bold; } em { font-style:italic; } a { text-decoration:none; } body { background:#222; color:#222; background-attachment:fixed; font:normal 62.5%/1.4 'segoe ui',helvetica,arial,sans-serif; text-align;center; } img.left, img.alightleft { float:left; margin:0 10px 10px 0; } img.right, img.alignright { float:right; margin:0 0 10px 10px; } #page { background:#fff; border:solid #444; border-width:0 15px 15px; color:#333; margin:0 auto 20px; text-align:left; width:960px; } #page #navigation { } #page #navigation ul { list-style:none; text-indent:0; } #page #navigation ul li { display:inline; font-size:110%; font-weight:bold; } #page #navigation ul li a { border-top:5px solid #fff; color:#555; display:block; float:left; padding:5px 15px 10px; } #page #navigation ul li a:hover { border-top:5px solid #d5d5d5; color:#029cd8; } #page #navigation ul li.current_page_item a { border-top:5px solid #029cd8; } #page #navigation ul li.current_page_item a:hover { border-top:5px solid #404040 !important; color:#000 !important; } #page #navigation ul li.rss a { background:url(img/feed-icon-16x16.gif) no-repeat 15px 35%; padding:5px 15px 10px 35px; } #page #navigation #search { float:right; margin:5px; } #page #navigation #search input #s { font:normal 120% arial,helvetica,sans-serif; width:150px; } #page #masthead { background:#029cd8 url(img/top_shadow.gif) 0 100% repeat-x; clear:both; height:175px; margin:0 0 10px; width:100%; } #page #masthead .container { background:#029cd8 url(img/hdr_01.jpg) 0 0 no-repeat; height:165px; } #page #masthead #header h1 { float:left; font-size:1000%; font-style:italic; font-weight:bold; letter-spacing:-8px; line-height:.8; padding:35px 0 0 35px; text-shadow:#000 1px 1px 3px; top:0; width:550px; } #page #masthead #header h1 a { color:#fff; } #page #masthead #header p.desc { border-top:1px solid rgba(255,255,255,.3); color:#fff; float:right; font-size:180%; font-style:italic; font-weight:bold; letter-spacing:-1px; line-height:1.1; margin:-50px 0 0; padding:15px 25px 0 0; text-align:right; text-shadow:#000 1px 1px 3px; width:450px; } #page #content { background:#fff; float:left; padding:20px 45px 25px; width:60%; } #page #content h2 { background:#555; color:#fff; display:inline-block; font:bold 110% arial,helvetica,sans-serif; margin:0 0 1em; padding:5px 10px; } #page #content .data { color:#999; font-size:100%; text-align:right; } #page #content .post { background:url(img/post-divider.gif) 50% 100% no-repeat; clear:both; margin:0 0 15px; padding:0 0 15px; } #page #content .post a { color:#029cd8; } #page #content .post a:hover { color:#404040; text-decoration:underline; } #page #content .post h3.title { font-size:280%; font-style:italic; font-weight:bold; letter-spacing:-2px; line-height:1; margin:0 0 .25em; } #page #content .post h3.title a { color:#333; } #page #content .post .meta { color:#777; font-size:110%; margin:0 0 1em; } #page #content .post .entry {} #page #content .post .entry h2 { background:none; font:bold 180%/1.4 georgia,times,serif; font-style:italic; } #page #content .post .entry h3 { background:none; border-bottom:1px dotted #d5d5d5; font:bold 110%/1.4 georgia,times,serif; letter-spacing:2px; margin:20px 0 5px; padding:0 0 5px; text-transform:uppercase; } #page #content .post .entry h4, #page #content #archives h4 { font-size:200%; font-style:italic; font-weight:bold; margin:20px 0 0; } #page #content .post .entry blockquote { background:#f7f7f7; border-left:5px solid #e6e6e6; font:normal 110%/1.8 georgia,times,serif; margin:0 0 1em; padding:1em; } #page #content .post .entry blockquote strong { font-size:80%; text-transform:uppercase; } #page #content .post .entry blockquote cite { display:block; font:bold 11px georgia,times,serif; font-style:normal; margin:0; text-align:right; text-transform:uppercase; } #page #content .post .entry ol { font-size:130%; list-style:decimal; margin:1em 0 1em 2em; padding:0; text-indent:0; } #page #content .post .entry p { font-size:130%; margin:0 0 1em; } #page #content .post .entry p.leadin { color:#777; font:normal 160%/1.4 georgia,times,serif; font-style:italic; } #page #content .post .entry p.leadin strong { color:#333; font-size:75%; font-style:normal; padding:0 .5em 0 0; text-transform:uppercase; } #page #content .post .entry ul { font-size:130%; list-style:square; margin:1em 0 1em 2em; text-indent:0; } #page #content .post .entry .wp-caption { background:#f7f7f7; border:1px solid #d5d5d5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 auto 20px; padding:8px 5px 0; text-align:center; } #page #content .post .entry .wp-caption img { border:0; display:block; margin:0 auto; padding:0; } #page #content .post .entry .wp-caption .wp-caption-text { font:normal 110%/1.4 georgia,times,serif; font-style:italic; margin:0; padding:10px 0; } #page #content .post .entry .aligncenter { margin:0 auto 20px; } #page #content .post .entry .alignleft { float:left; margin:0 20px 20px 0; } #page #content .post .entry .alignright { float:right; margin:0 0 20px 20px; } #page #content .post .entry .gallery { margin:0 0 15px; } #page #content .post .entry .gallery dl.gallery-item { border:1px solid #d5d5d5; margin:0 5px 5px 0; min-height:190px; padding:0; text-align:center; width:150px; } #page #content .post .entry .gallery dl.gallery-item:hover { background:#e6e6e6; } #page #content .post .entry .gallery dl.gallery-item dt.gallery-icon {} #page #content .post .entry .gallery dl.gallery-item dt.gallery-icon img { display:block; margin:0 auto; padding:5px; } #page #content .post .entry .gallery dl.gallery-item dd.gallery-caption { font-size:11px; line-height:1; padding:5px; } #page #content .post .status { border-top:5px solid #d5d5d5; color:#999; font-size:110%; margin:1em 0; padding:1em 0; } #page #content .post .feedback { font-size:110%; } #page #content .post hr { background:#d5d5d5; border:0; height:1px; margin:1em 0; } #page #content #archives { background-image:none; } #page #content #archives h4 { border-bottom:1px solid #e6e6e6; margin:20px 0 5px; padding:0 0 5px; } #page #content #archives #inline-search {} #page #content #archives #inline-search p { font-size:120%; margin:0 0 1em; } #page #content #archives #categories { float:left; width:270px; } #page #content #archives #categories ul { list-style:square; margin:0 0 1em 2em; } #page #content #archives #categories ul li { font-size:130%; } #page #content #archives #categories ul li {} #page #content #archives #tags { float:right; width:270px; } #page #content #archives #tags a { line-height:1; } #page #content #archives #monthly {} #page #content #archives #monthly ul.datearchive { margin:0 0 0 20px; } #page #content #archives #monthly ul.datearchive li { clear:both; height:40px; } #page #content #archives #monthly ul.datearchive li h3 { float:left; font:normal 280% georgia,times,serif; margin:0 1em 0 0; width:70px; } #page #content #archives #monthly ul.datearchive li h3 .yearcount { display:none; } #page #content #archives #monthly ul.datearchive li h3 a { color:#333; } #page #content #archives #monthly ul.datearchive li ul { } #page #content #archives #monthly ul.datearchive li ul li { display:inline; } #page #content #archives #monthly ul.datearchive li ul li a { background:#e6e6e6; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#333; float:left; font-size:100%; font-weight:bold; margin:5px 5px 0 0; padding:5px 10px; text-align:center; text-transform:uppercase; width:25px; } #page #content #archives #monthly ul.datearchive li ul li a:hover { background:#333; color:#fff; } #page #content .post .commentlist { font-size:120%; list-style:none; margin:0 0 1em; text-indent:0; } #page #content .post .commentlist li { border-top:1px solid #e6e6e6; clear:both; padding:.5em 0; } #page #content .post .commentlist li.alt { background:#f7f7f7; } #page #content .post .commentlist li .comment-meta { float:left; width:100px; } #page #content .post .commentlist li .comment-meta .date, #page #content .post .commentlist li .comment-meta .time, #page #content .post .commentlist li .comment-meta .edit-comment { color:#999; display:block; font-size:110%; } #page #content .post .commentlist li .comment-text { float:right; width:440px; } #page #content .post .commentlist li .comment-text p { margin:0 0 1em; } #page #content .post .commentlist li .comment-text .author { display:block; font-weight:bold; } #page #content .post .commentlist li .comment-text .author a { } #page #content .post #commentform { font-size:120%; } #page #content .post #commentform .logged-in { font-weight:bold; margin:0 0 1em; } #page #content .post #commentform textarea { border:1px solid #d5d5d5; font:normal 110% arial,helvetica,sans-serif; margin:0 5px 5px 0; padding:5px; width:460px; } #page #content .post #commentform .required { color:#c00; } #page #content .post #commentform p { margin:0 0 .25em; } #page #content .post #commentform #author, #page #content .post #commentform #email, #page #content .post #commentform #url { border:1px solid #d5d5d5; font:normal 120% arial,helvetica,sans-serif; margin:0 5px 5px 0; padding:5px; } #page #content .post #commentform .caption { font-size:100%; line-height:1.4; margin:0 0 1em; } #page #content .post #commentform .comment-timeout { font-weight:bold; margin:2em 0 0; } #page #content .post #commentform .subscribe-to-comments { color:#029cd8; font-size:85%; font-weight:bold; } #page #content .browse { } #page #content .browse a { color:#029cd8; font:bold 120% arial,helvetica,sans-serif; } #page #content .browse a:hover { color:#404040; } #page #content .browse .prev a { background:url(img/btn_prev.gif) 0 50% no-repeat; float:left; padding:5px 5px 5px 19px; } #page #content .browse .next a { background:url(img/btn_next.gif) 100% 50% no-repeat; float:right; padding:5px 19px 5px 5px; } #page #sidebar { background:#e6e6e6; border:1px solid #d5d5d5; margin:0 20px 0 0; float:right; width:25%; } #page #sidebar h2 { background:#029cd8; color:#fff; font-size:150%; font-style:italic; font-weight:bold; margin:0; padding:5px 10px; } #page #sidebar ul { list-style:none; margin:-3px 0 0; padding:0; text-indent:0; } #page #sidebar ul li { padding:2px 0; } #page #sidebar ul li.leadin { background:#333; color:#fff; margin:0; padding:10px; } #page #sidebar ul li.leadin a { font-weight:bold; } #page #sidebar ul li.leadin p { font-size:150%; } #page #sidebar ul li a { color:#029cd8; } #page #sidebar ul li h2 {} #page #sidebar ul li ul { list-style:none; margin:1.5em; } #page #sidebar ul li ul li { border-bottom:1px dotted #fff; font-size:120%; } #page #sidebar ul li form { margin:1.5em; } #page #sidebar ul li select { font:normal 130% 'segoe ui',helvetica,arial,sans-serif; padding:5px; } #page #footer { background:#029cd8; clear:both; } #page #footer #copyright { background:#404040; color:#bbb; font:bold 110% arial,helvetica,sans-serif; padding:15px; } #page #footer #copyright a { color:#fff; } #page #footer #wpsidebar { color:#bbb; padding:15px; } #page #footer #wpsidebar h5 { border-bottom:1px dotted #00BCFF; color:#fff; font:normal 100% georgia,times,serif; letter-spacing:3px; padding:0 0 5px; text-transform:uppercase; } #page #footer #wpsidebar ul { color:#fff; font:normal 11px arial,helvetica,sans-serif; list-style:none; margin:0 0 10px 0; text-indent:0; } #page #footer #wpsidebar ul li { border-bottom:1px dotted #00BCFF; padding:5px 0; } #page #footer #wpsidebar ul li a { color:#fff; font-weight:bold; } #page #footer #wpsidebar ul li a:hover { text-decoration:underline; } #page #footer #wpsidebar div.archives { float:left; margin:0 10px 10px 0; width:290px; } #page #footer #wpsidebar div.meta { float:left; margin:0 10px 10px 0; width:150px; } #page #footer #wpsidebar div.links { float:right; margin:0 0 10px 0; width:250px; } #links { color:#d3d3d3; font-size:110%; margin:20px 0; text-align:center; } #links a { color:#999; padding:0 10px; } /* Fixes, Hacks and Whatnot */ * html #page #masthead, *:first-child+html #page #masthead { margin-bottom:0; } * html #page #content, *:first-child+html #page #content { padding-top:10px; } * html #page #footer, *:first-child+html #page #footer { height:270px; } * html #page #footer #sidebar ul li, *:first-child+html #page #footer #sidebar ul li { padding:2px 0 4px; } .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* End hide from IE-mac */