/* @group Globals ------------------------------------------------------*/ body { font:75% helvetica, arial, sans-serif; background:#414141; color:#000; text-align:center; } a { text-decoration:none; } a:hover { text-decoration:underline; } /* @end */ /* @group Containers ------------------------------------------------------*/ .container { width:960px; margin:0px auto; text-align:left; } #content .container { overflow:hidden; zoom:1.0; } #left_column { display:inline; float:left; width:620px; margin:50px 10px 0px; } #right_column { display:inline; float:left; width:260px; margin:50px 30px; } /* @end */ /* @group Header ------------------------------------------------------*/ #header { height:140px; } #header #page_title a { display:block; float:left; position:relative; top:25px; height:52px; width:454px; overflow:hidden; text-indent:-9999em; } #header #search_bar { float:right; position:relative; top:34px; right:30px; } #header #search_bar form { } #header #search_bar form .textfield { float:left; } #header #search_bar form .textfield label { display:none; } #header #search_bar form .textfield input { margin:0; padding:7px 5px 8px; width:180px; background:url('../images/form-search-input.jpg') no-repeat; border:0px; } #header #search_bar form .buttons { float:left; } #header #search_bar form .buttons button { padding:0; margin:0; height:26px; width:70px; background:url('../images/form-search-btn.jpg') no-repeat; overflow:hidden; text-indent:-9999em; border:0px; cursor:pointer; } /* @end */ /* @group Navigation ------------------------------------------------------*/ #navigation { clear:both; position:relative; top:48px; } #navigation ul { overflow:hidden; zoom:1.0; } #navigation ul li { float:left; } #navigation ul li a { display:block; padding-top:8px; width:120px; height:32px; font:11px "Lucida Grande", arial, sans-serif; text-align:center; text-transform:uppercase; color:#fff; } #navigation ul li a:hover { color:#444; text-decoration:none; } #navigation ul li.subscribe { float:right; background:url('../images/feed.png') no-repeat 7px right !important; } #navigation ul li.subscribe a { } #navigation ul li.active a { color:#444; text-decoration:none; } /* @end */ /* @group Content ------------------------------------------------------*/ #content { background:#fff; } .article { clear:both; margin-bottom:50px; overflow:hidden; zoom:1.0; } .article h1.article_title, .article h2.article_title { font:30px Georgia,serif; color:#333; line-height:40px; border-bottom:1px solid #ccc; } .article h1.article_title a, .article h2.article_title a { color:#333; } .article span.article_date { display:block; float:left; font:11px Georgia,serif; color:#ccc; line-height:30px; margin-bottom:20px; } .article span.comment_count { display:block; float:right; font:11px Georgia,serif; color:#333; line-height:30px; margin-bottom:20px; } .article span.comment_count a { color:#333; } .article div.article_content { clear:both; font:13px "Lucida Grande",arial,sans-serif; color:#444; } .article a.read_more { display:block; float:right; font:13px "Lucida Grande",arial,sans-serif; margin-top:10px; padding:8px 10px; background:#444; color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; } .article a.read_more:hover { background:#333; text-decoration:none; } div.article_content h2 { font:24px Georgia,serif; line-height:1em; margin-bottom:30px; } div.article_content h3 { font:18px Georgia,serif; line-height:1em; margin-bottom:30px; } div.article_content h4, div.article_content h5, div.article_content h6 { font:16px Georgia,serif; line-height:1em; margin-bottom:30px; } div.article_content p { margin-bottom:30px; line-height:24px; } div.article_content blockquote { margin:0px 0px 20px 20px; padding-left:20px; font-style:italic; border-left:3px solid #edf3e5; } div.article_content pre code { display:block; font:12px monospace; font-weight:normal; margin:0px 10px 30px; padding:15px; background:#343434; color:#fff; overflow:auto; -moz-border-radius:10px; -webkit-border-radius:10px; } div.article_content dl { margin:0px 20px 30px; font:13px "Lucida Grande",arial,sans-serif; color:#444; line-height:24px; } div.article_content dl dt { font-weight:bold; } div.article_content dl dd { margin-bottom:10px; } div.article_content ol { list-style-type:decimal; margin:0px 0px 30px 20px; padding-left:20px; font:13px "Lucida Grande",arial,sans-serif; color:#444; line-height:24px; } div.article_content ul { list-style-type:disc; margin:0px 0px 30px 20px; padding-left:20px; font:13px "Lucida Grande",arial,sans-serif; color:#444; line-height:24px; } div.article_content li { margin-bottom:10px; } div.article_content a { padding:2px 4px; color:#4a8a00; background:#edf3e5; -moz-border-radius:2px; -webkit-border-radius:2px; } div.article_content a:hover { background:#4a8a00; color:#fff; text-decoration:none; } div#footer_navigation { margin-bottom:50px; overflow:hidden; zoom:1.0; } div#footer_navigation span.next_posts { display:block; float:right; } div#footer_navigation span.prev_posts { display:block; float:left; } div#footer_navigation a { display:block; padding:2px 4px; color:#4a8a00; background:#edf3e5; -moz-border-radius:2px; -webkit-border-radius:2px; } div#footer_navigation a:hover { background:#4a8a00; color:#fff; text-decoration:none; } /* @end */ /* @group Page ------------------------------------------------------*/ .page { clear:both; margin-bottom:50px; overflow:hidden; zoom:1.0; } .page h2.page_title { font:30px Georgia,serif; color:#333; line-height:40px; margin-bottom:20px; border-bottom:1px solid #ccc; } .page div.page_content { clear:both; font:13px "Lucida Grande",arial,sans-serif; color:#444; } .page div.page_content h2 { font:24px Georgia,serif; line-height:1em; margin-bottom:30px; } .page div.page_content h3 { font:18px Georgia,serif; line-height:1em; margin-bottom:30px; } .page div.page_content h4, div.article_content h5, div.article_content h6 { font:16px Georgia,serif; line-height:1em; margin-bottom:30px; } .page div.page_content p { margin-bottom:30px; line-height:24px; } .page div.page_content blockquote { margin:0px 0px 20px 20px; padding-left:20px; font-style:italic; border-left:3px solid #edf3e5; } .page div.page_content pre code { display:block; font:12px monospace; font-weight:normal; margin:0px 10px 30px; padding:15px; background:#343434; color:#fff; overflow:auto; -moz-border-radius:10px; -webkit-border-radius:10px; } /*.page div.page_content dl { margin:0px 20px 30px; font:13px "Lucida Grande",arial,sans-serif; color:#444; line-height:24px; } .page div.page_content dl dt { font-weight:bold; } .page div.page_content dl dd { margin-bottom:10px; } .page div.page_content ol { list-style-type:decimal; margin:0px 0px 30px 20px; padding-left:20px; font:13px "Lucida Grande",arial,sans-serif; color:#444; line-height:24px; } .page div.page_content ul { list-style-type:disc; margin:0px 0px 30px 20px; padding-left:20px; font:13px "Lucida Grande",arial,sans-serif; color:#444; line-height:24px; } .page div.page_content li { margin-bottom:10px; }*/ .page div.page_content a { padding:2px 4px; color:#4a8a00; background:#edf3e5; -moz-border-radius:2px; -webkit-border-radius:2px; } .page div.page_content a:hover { background:#4a8a00; color:#fff; text-decoration:none; } /* @end */ /* @group Sidebar ------------------------------------------------------*/ #right_column div { margin-bottom:50px; } #right_column h3 { font:18px Georgia,serif; color:#808080; line-height:30px; border-bottom:1px solid #808080; } #right_column ul { } #right_column ul li { border-bottom:1px dotted #999; } #right_column ul li a { display:block; font:11px Georgia,serif; color:#999; line-height:30px; padding-left:30px; background:url('../images/sidebar-link-regular.jpg') no-repeat center left; } #right_column ul li a:hover { color:#fff; background:#4a8a00 url('../images/sidebar-link-hover.jpg') no-repeat center left; text-decoration:none; } /* @end */ /* @group Footer ------------------------------------------------------*/ #footer { clear:both; background:url('../images/bg-footer.jpg') repeat-x; margin-bottom:100px; padding-top:30px; overflow:hidden; zoom:1.0; } #footer a.button { display:block; float:right; font:1em "Lucida Grande",arial,sans-serif; margin-top:10px; padding:4px 10px; background:#333; color:#fff; } #footer a.button:hover { background:#222; text-decoration:none; } #footer .column { display:inline; float:left; margin:0px 30px; width:260px; font:11px "Lucida Grande", sans-serif; color:#999; line-height:18px; } #footer .column div { clear:both; margin-bottom:30px; overflow:hidden; zoom:1.0; } #footer .column div h3 { margin-bottom:10px; font:18px Georgia, serif; color:#999; line-height:30px; border-bottom:1px solid #999; } #footer .column div a { color:#999; } /* LAST.FM */ #footer #lastfm { } #footer #lastfm ul { } #footer #lastfm ul li { margin-bottom:10px; } #footer #lastfm ul li a { display:block; padding:5px; overflow:hidden; zoom:1.0; -moz-border-radius:2px; -webkit-border-radius:2px; } #footer #lastfm ul li a:hover { background:#333; text-decoration:none; } #footer #lastfm ul li a img { display:inline; float:left; width:40px; height:40px; margin-right:10px; } #footer #lastfm ul li a span.artist { display:block; float:left; width:200px; margin-top:2px; } /* CONNECT WITH ME */ #footer #connect { } #footer #connect ul { } #footer #connect ul li { display:block; float:left; } #footer #connect ul li a { display:block; margin-bottom:5px; padding:5px; width:120px; line-height:30px; -moz-border-radius:2px; -webkit-border-radius:2px; } #footer #connect ul li a:hover { background:#333; text-decoration:none; } #footer #connect ul li a span.icon { display:block; float:left; margin-right:20px; height:30px; width:30px; } #footer #connect span.credits { clear:both; display:block; font-size:0.91em; font-style:italic; } #footer #connect ul li a#facebook span.icon { background:url('../images/social-icons.png') no-repeat 0px -30px; } #footer #connect ul li a#linkedin span.icon { background:url('../images/social-icons.png') no-repeat -120px -30px; } #footer #connect ul li a#lastfm span.icon { background:url('../images/social-icons.png') no-repeat -30px -30px; } #footer #connect ul li a#twitter span.icon { background:url('../images/social-icons.png') no-repeat -150px -30px; } #footer #connect ul li a#flickr span.icon { background:url('../images/social-icons.png') no-repeat -60px -30px; } #footer #connect ul li a#vimeo span.icon { background:url('../images/social-icons.png') no-repeat -180px -30px; } #footer #connect ul li a#aim span.icon { background:url('../images/social-icons.png') no-repeat -90px -30px; } #footer #connect ul li a#email span.icon { background:url('../images/social-icons.png') no-repeat -210px -30px; } #footer #connect ul li a:hover#facebook span.icon { background:url('../images/social-icons.png') no-repeat 0px 0px; } #footer #connect ul li a:hover#linkedin span.icon { background:url('../images/social-icons.png') no-repeat -120px 0px; } #footer #connect ul li a:hover#lastfm span.icon { background:url('../images/social-icons.png') no-repeat -30px 0px; } #footer #connect ul li a:hover#twitter span.icon { background:url('../images/social-icons.png') no-repeat -150px 0px; } #footer #connect ul li a:hover#flickr span.icon { background:url('../images/social-icons.png') no-repeat -60px 0px; } #footer #connect ul li a:hover#vimeo span.icon { background:url('../images/social-icons.png') no-repeat -180px 0px; } #footer #connect ul li a:hover#aim span.icon { background:url('../images/social-icons.png') no-repeat -90px 0px; } #footer #connect ul li a:hover#email span.icon { background:url('../images/social-icons.png') no-repeat -210px 0px; } /* ABOUT THE AUTHOR */ #footer #about { } #footer #about p { } #footer #about img { float:left; margin:0px 15px 10px 0px; } /* LOGO */ #footer span#logo { display:block; float:right; height:30px; width:63px; background:url('../images/logo.png') no-repeat; } /* @end */ /* @group COMMENTS ------------------------------------------------------*/ #comments { margin-top:90px; } #comments .comment_title { font:30px Georgia,serif; color:#333; line-height:40px; margin-bottom:40px; } #comments ol { } #comments ol li { margin-bottom:50px; background:#f2f2f2; overflow:hidden; zoom:1.0; } #comments ol li span.meta { display:block; margin:0px 10px; font:11px Georgia,serif; color:#999; line-height:30px; border-bottom:1px dotted #999; } #comments ol li span.meta a { color:#333; } #comments ol li img { display:inline; float:left; margin:20px 10px 20px 10px; } #comments ol li div.text { display:inline; float:left; margin:10px 10px 0px 10px; width:520px; font:12px "Lucida Grande",arial,sans-serif; color:#444; line-height:24px; } #comments ol li div.text p { margin-bottom:10px; } #comments ol li div.text pre code { display:block; font:12px monospace; font-weight:normal; margin:0px 10px 10px; padding:15px; background:#343434; color:#fff; overflow:auto; -moz-border-radius:10px; -webkit-border-radius:10px; } #comments ol li div.text a { padding:2px 4px; color:#4a8a00; background:#edf3e5; -moz-border-radius:2px; -webkit-border-radius:2px; } #comments ol li div.text a:hover { background:#4a8a00; color:#fff; text-decoration:none; } /* @end */ /* @group COMMENT FORM ------------------------------------------------------*/ #comment_form { clear:both; margin-bottom:50px; } #comment_form h2.comment_form_title { font:30px Georgia,serif; color:#333; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:10px; } #comment_form form { } #comment_form form fieldset { } #comment_form form fieldset legend { display:none; } #comment_form a { padding:2px 4px; color:#4a8a00; background:#edf3e5; -moz-border-radius:2px; -webkit-border-radius:2px; } #comment_form a:hover { background:#4a8a00; color:#fff; text-decoration:none; } #comment_form .textfield { display:block; float:left; clear:both; margin-bottom:10px; } #comment_form .textfield label { display:block; width:300px; font:11px Georgia,serif; color:#333; line-height:30px; } #comment_form .textfield input { display:block; width:290px; padding:6px 5px 5px; font:12px "Lucida Grande",arial,sans-serif; color:#444; background:#ebebeb; border:1px solid #aaa; } #comment_form .textarea { display:block; float:left; clear:both; margin-bottom:10px; } #comment_form .textarea label { display:block; width:300px; font:11px Georgia,serif; color:#333; line-height:30px; } #comment_form .textarea textarea { display:block; width:610px; height:184px; padding:8px 5px; font:12px "Lucida Grande",arial,sans-serif; color:#444; line-height:18px; background:#ebebeb; border:1px solid #aaa; } #comment_form .buttons { float:right; margin-top:20px; } #comment_form .buttons button { display:block; font:13px "Lucida Grande",arial,sans-serif; margin-top:10px; padding:8px 10px; background:#444; color:#fff; border:none; cursor:pointer; } #comment_form .buttons button:hover { background:#333; } /* @end */ /* @group PAGES ------------------------------------------------------*/ /* BLOG */ #blogpg #header { background:#fff url('../images/bg-header-blog.jpg') repeat-x; } #blogpg #header #page_title a { background:url('../images/bg-page-title-blog.jpg') no-repeat; } #blogpg #navigation ul li { background:url('../images/bg-nav-seperator-blog.jpg') no-repeat right 10px; } #blogpg #navigation ul li.active a { background:url('../images/bg-nav-active-blog.jpg') no-repeat center top; } /* PORTFOLIO */ #portfoliopg #header { background:#fff url('../images/bg-header-portfolio.jpg') repeat-x; } #portfoliopg #header #page_title a { background:url('../images/bg-page-title-portfolio.jpg') no-repeat; width:535px; } #portfoliopg #navigation ul li { background:url('../images/bg-nav-seperator-portfolio.jpg') no-repeat right 10px; } #portfoliopg #navigation ul li.active a { background:url('../images/bg-nav-active-portfolio.jpg') no-repeat center top; } /* ARCHIVE LISTING */ ul#archive_listing { } ul#archive_listing li { line-height:30px; padding-left:30px; } ul#archive_listing li span.date { } ul#archive_listing li a { } /* CONTACT */ #contact_form { clear:both; } #contact_form h2.contact_form_title { font:30px Georgia,serif; color:#333; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:10px; } #contact_form form { } #contact_form form fieldset { } #contact_form form fieldset legend { display:none; } #contact_form .textfield { display:block; float:left; clear:both; margin-bottom:10px; } #contact_form .textfield label { display:block; width:300px; font:11px Georgia,serif; color:#333; line-height:30px; } #contact_form .textfield input { display:block; width:290px; padding:6px 5px 5px; font:12px "Lucida Grande",arial,sans-serif; color:#444; background:#ebebeb; border:1px solid #aaa; } #contact_form .textarea { display:block; float:left; clear:both; margin-bottom:10px; } #contact_form .textarea label { display:block; width:300px; font:11px Georgia,serif; color:#333; line-height:30px; } #contact_form .textarea textarea { display:block; width:610px; height:184px; padding:8px 5px; font:12px "Lucida Grande",arial,sans-serif; color:#444; line-height:18px; background:#ebebeb; border:1px solid #aaa; } #contact_form .buttons { float:right; margin-top:20px; } #contact_form .buttons button { display:block; font:13px "Lucida Grande",arial,sans-serif; margin-top:10px; padding:8px 10px; background:#444; color:#fff; border:none; cursor:pointer; } #contact_form .buttons button:hover { background:#333; } /* @end */ /* @group Webkit / Safari Effects ------------------------------------------------------*/ /*#navigation ul li a { -webkit-transition-duration:.33s; }*/ /* @end */