/*
Theme Name: Magazeen
Theme URI: http://smashingmagazine.com/
Description: A bold magazine theme from Function & Smashing Magazine.
Version: 1.0
Author: Spencer
Author URI: http://wefunction.com/
Tags: magazine, light, link, blue, two column, widgets, jquery
The CSS, XHTML is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* TABLE OF CONTENTS
00 - Global Elements - Standard Elements
01 - Typography - All Type throughout the site
02 - Main Structure - Columns, clearfix, etc.
03 - Header - Header, Logo, navigation, search.
04 - Dock - jQuery latest articles.
05 - Main Content - Post boxes, post meta, etc.
06 - Sidebar - Custom sidebar widgets.
07 - Footer - Categories, About, Copyright, Sponsors.
/* ----------------------------------------------*/
/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/
body {
margin:0; padding:0;
width:auto; height:auto;
background:#eee;
font:0.75em Helvetica, Arial, sans-serif; color:#5e6568;
line-height:19px;
}
code {
margin:0; padding:0;
width:80%; height:auto;
font:1.17em Georgia, "Times New Roman", Times, serif; color:#0f8eb3;
}
pre {
margin:0 auto; padding:5px 20px;
background:#f4f1ec url(images/code.gif) repeat;
border:1px solid #bbced7;
font:0.92em Georgia, "Times New Roman", Times, serif; color:#3e3e3e;
line-height:200%;
overflow: auto;
}
blockquote {
margin:0 auto; padding:5px 20px;
width:80%; height:auto;
background:#f8fbfc url(images/blockquote.gif) no-repeat top left; border:1px solid #edeff0;
}
@font-face {
font-family: Lilly;
src: url(fonts/Lilly-webfont.eot);
src: local('ò∫'),
url(fonts/Lilly-webfont.woff) format('woff'),
url(fonts/Lilly-webfont.ttf) format('truetype'),
url(fonts/Lilly-webfont.svg#webfont) format('svg');
font-weight: normal;
font-style: normal;
}
img {
margin:0; padding:0;
border:0;
}
ins {
color:#009999;
}
del {
color:#990000;
}
/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/
h1 {
margin:0; padding:0;
font:bold 3.53em Verdana, Helvetica, Arial, sans-serif; color:#fefefe;
background: url(images/h1.png) no-repeat bottom center;
width: 315px;
text-indent: -9999px;
}
.post-content h1, .page-content h1 {
margin:10px 0; padding:0;
font:bold 2.50em Helvetica, Arial, sans-serif; color:#53798b;
}
h1 a:link, h1 a:active, h1 a:visited {
color:#fefefe;
outline:0;
}
h1 a:hover {
color:#d7d7d7;
}
h1 span {
margin:0;
width:315px; height:55px;
position:relative; display:block;
}
h2 {
margin:0; padding:0;
font:0.83em Verdana, Helvetica, Arial, sans-serif; color:#b9b9b9;
}
.post-content h2, .page-content h2 {
margin:10px 0; padding:0;
font:bold 2.00em Helvetica, Arial, sans-serif; color:#53798b;
}
h3 {
margin:0; padding:0;
font:bold 2.50em Lilly, Helvetica, Arial, sans-serif; color:#30393d;
}
.post-content h3, .page-content h3 {
margin:10px 0; padding:0;
font:bold 1.50em Helvetica, Arial, sans-serif; color:#53798b;
}
h3 a:link, h3 a:active, h3 a:visited {
color:#333;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
h3 a:hover {
color:#999;
}
h3.post-title, .single h3.post-title, h3.post-title-small {
margin:0; padding:10px 0 10px 10px;
width:380px; height:auto;
border-bottom:4px solid #333;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
.single h3.post-title {
font-size:2.00em;
width:275px;
}
h3.post-title-small {
font-size:1.50em;
}
h4 {
margin:0; padding:0;
font:bold 1.75em Helvetica, Arial, sans-serif; color:#fefefe;
}
.post-content h4, .page-content h4 {
margin:10px 0; padding:0;
font:bold 1.17em Georgia, "Times New Roman", Times, serif; color:#53798b;
}
#footer h4 {
margin:0 0 20px 0;
}
h5, #searchform label {
/* Sidebar Header */
margin:2px 0 20px 2px; padding:3px 0 10px 0;
width:300px; height:40px;
background-image: url(images/sb_ttl.png);
font:bold 2.25em Lilly, Helvetica, Arial, sans-serif; color:#fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
text-align: center;
}
.post-content h5, .page-content h5 {
margin:10px 0; padding:0;
width:auto; height:auto;
background:none;
font:bold 1.00em Georgia, "Times New Roman", Times, serif; color:#53798b;
}
#tag_cloud h5, #searchform label {
margin:0; padding:0;
background:none;
}
a:link, a:active {
color:#00aeef;
text-decoration:none;
}
a:hover {
color:#000;
}
a:visited {
color: #00aeef;
text-decoration:none;
}
::selection { background-color: rgba(187, 187, 187, 0.6); }
::-moz-selection { background-color: rgba(187, 187, 187, 0.6); border: 10px solid black; }
/* Header
/* -------------- */
#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {
margin:0; padding:13px 15px;
font:bold 1.08em Helvetica, Arial, sans-serif; color:#34393e;
display:block;
}
#navigation ul li a:hover {
color:#f1f8ff;
font-weight:bold;
background:#171615;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, #333),
color-stop(0.62, #4b4b4b)
);
background: -moz-linear-gradient(
center bottom,
#333 23%,
#4b4b4b 62%
);
}
#navigation ul.cats li.current_cat a:link, #navigation ul.cats li.current_cat a:active, #navigation ul.cats li.current_cat a:visited {
/* Crazy margins to pull up the hover image above the borders.*/
margin:-3px 0 0 0; padding:15px 15px 14px 15px;
background:#171615 url(images/navigation-hover.gif) repeat-x bottom center;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, #333),
color-stop(0.62, #4b4b4b)
);
background: -moz-linear-gradient(
center bottom,
#333 23%,
#4b4b4b 62%
);
color:#f1f8ff; position:relative
}
a.rss:link, a.rss:active, a.rss:visited, a.rss:hover {
margin:13px 15px 0 0; padding:0;
width:16px; height:17px;
background:url(images/rss.png) no-repeat top center;
text-indent:-9999px; display:block; outline:0;
}
/* Main Content
/* -------------- */
.post-info {
text-align:right;
font:0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;
}
.post-info span {
font-size:1.18em;
display:block;
}
.post-info span a:link, .post-info span a:active, .post-info span a:visited {
color:#1e1c1a;
text-decoration:none;
}
.post-info span a:hover {
color:#00aeef;
}
.comment-count a:link, .comment-count a:active, .comment-count a:visited {
margin:0; padding: 10px 15px;
font:15px Helvetica, Arial, Verdana, sans-serif; color:#fff;
display:block;
}
.comment-count a:hover {
background: #33b7ec;
background:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.1, #3399dd),
color-stop(0.8, #33b7ec)
);
background: -moz-linear-gradient(
center bottom,
#3399dd 10%,
#33b7ec 80%
);
color: #FFF;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
.single .comment-count {
margin: 20px 0 15px 15px;
}
.single .comment-count a:link, .single .comment-count a:active, .single .comment-count a:visited,
.page-content .comment-count a:link, .page-content .comment-count a:active, .page-content .comment-count a:visited {
padding:8px 18px;
font:bold 1.45em Helvetica, Arial, sans-serif;
}
.post-intro strong {
font:bold 1.33em Helvetica, Arial, sans-serif; color:#30393d;
line-height:21px;
}
.continue-reading a:link, .continue-reading a:active, .continue-reading a:visited,
.cat-posts li.view-more a:link, .cat-posts li.view-more a:active, .cat-posts li.view-more a:visited {
font:15px Helvetica, Arial, Verdana, sans-serif;
margin: 0; padding: 10px 15px;
display: block;
color: #fff;
}
.continue-reading a:hover,
.cat-posts li.view-more a:hover {
background: #33b7ec;
background:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.1, #3399dd),
color-stop(0.8, #33b7ec)
);
background: -moz-linear-gradient(
center bottom,
#3399dd 10%,
#33b7ec 80%
);
color: #FFF;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
/* Drop Down
/* -------------- */
.category a:link, .category a:visited,
.category-inside a:link, .category-inside a:active, .category-inside a:visited {
margin-bottom:-1px; padding:15px 25px 0 15px;
display:inline-block;
height:25px; outline:0;
font:1.00em Georgia, "Times New Roman", Times, serif; color:#7f7d7e;
}
.active div {
margin:0 0 -1px 0; padding:0 0 0 6px;
width:auto; height:40px;
background:url(images/cat-hover-left.gif) no-repeat top left;
float:right; display:block; position:relative; z-index:10;
}
.active a:link, .active a:visited {
margin:0; padding:15px 25px 0 15px;
width:auto; height:25px; display:inline-block;
font:1.00em Georgia, "Times New Roman", Times, serif; color:#5c5659;
background:url(images/cat-hover-right.gif) no-repeat top right;
}
.cat-posts li.view-more {
margin:0; padding-top:15px;
text-align:right;
}
.cat-posts li a:link, .cat-posts li a:active, .cat-posts li a:visited {
font:bold 1.17em Helvetica, Arial, sans-serif; color:#30393d;
display:block;
}
.cat-posts li a:hover {
color:#bd4478;
}
.cat-posts li span {
font:0.92em Helvetica, Arial, sans-serif; color:#889194;
}
/* Content Navigation
/* -------------- */
.navigation {
font:normal 0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;
}
.navigation a:link, .navigation a:visited, .navigation a:active {
font:bold 0.92em Georgia, "Times New Roman", Times, serif; color:#656c71;
}
.navigation a:hover {
color:#35383a;
}
/* Comments
/* -------------- */
.submit-comment {
margin:0 0 15px 0; padding:0;
width:127px; height:27px;
background:url(images/submit-comment.gif) no-repeat top center;
display:block; outline:0; text-indent:-9999px;
border:0;
}
.author {
font:1.50em Helvetica, Arial, sans-serif; color:#3c4d54;
}
.author a:link, .author a:active, .author a:visited {
color:#3c4d54;
}
.author strong span, .author strong span a:link, .author strong span a:active, .author strong span a:visited {
color:#6b8894;
display:inline;
}
.author span {
font:0.61em Georgia, "Times New Roman", Times, serif; color:#a3aeb2;
display:block;
}
.comment-text {
font:1.00em Helvetica, Arial, sans-serif; color:#74868d;
line-height:19px;
}
/* Sidebar
/* -------------- */
#sidebar li {
font:1em Helvetica, Arial, sans-serif;
}
#sidebar li a:link, {
font:bold 1em Helvetica, Arial, sans-serif; color:#999;
}
#sidebar li a:active {
font:bold 1em Helvetica, Arial, sans-serif; color:#000000;
}
#sidebar li a:hover {
text-decoration:none; color:#999;
}
#sidebar #linkcat-77 ul li a:hover {
text-decoration:none; color:#999; padding-left: 2px;
}
#sidebar .rss-date {
margin:5px 0; padding:0;
color:#709cb0;
display:block;
}
#sidebar .rssSummary {
margin:5px 0; padding:0;
}
#sidebar li a.sidebar-read-more:link, #sidebar li a.sidebar-read-more:visited, #sidebar li a.sidebar-read-more:active,
#sidebar li a.sidebar-read-more-rss:link, #sidebar li a.sidebar-read-more-rss:visited, #sidebar li a.sidebar-read-more-rss:active {
margin:18px 0 0 20px; padding:0;
font:bold 1.17em Helvetica, Arial, sans-serif; color:#a6b5bc;
position:absolute;
}
#sidebar li a.sidebar-read-more-rss:link, #sidebar li a.sidebar-read-more-rss:visited, #sidebar li a.sidebar-read-more-rss:active {
padding:1px 0 0 23px;
line-height:16px;
background:url(images/rss.png) no-repeat center left;
}
#sidebar li a.sidebar-read-more:hover,
#sidebar li a.sidebar-read-more-rss:hover {
color:#889297; text-decoration:none;
text-intend: 5px;
}
#featured-news .sidebar-content a:link, #featured-news .sidebar-content a:active, #featured-news .sidebar-content a:visited,
#recent-news .sidebar-content a:link, #recent-news .sidebar-content a:active, #recent-news .sidebar-content a:visited {
font:bold 1.35em Helvetica, Arial, sans-serif; color:#5a656a;
}
#featured-news .sidebar-content a:hover, #recent-news .sidebar-content a:hover {
color:#475054;
}
#featured-news .sidebar-content span a:link, #featured-news .sidebar-content span a:visited, #featured-news .sidebar-content span a:active,
#recent-news .sidebar-content span a:link, #recent-news .sidebar-content span a:visited, #recent-news .sidebar-content span a:active {
margin:5px 0 0 0; padding:0;
font:normal 1.00em Helvetica, Arial, sans-serif; color:#709cb0;
display:block;
}
#featured-news .sidebar-content span a:hover,
#recent-news .sidebar-content span a:hover {
color:#5e8293;
}
#sponsored-ad p.sponsored-ad {
margin:auto auto 8px 5px;
font:0.92em Helvetica, Arial, sans-serif; color:#9caab1;
}
#sidebar ul li .wp-polls p {
width: 310px;
}
/* Footer
/* -------------- */
p.about-text {
margin:0 0 10px 0;
font:0.92em Helvetica, Arial, sans-serif; color:#b2b2b2;
line-height:17px;
}
p.copyright {
margin:10px 0 0 0;
font:0.92em Helvetica, Arial, sans-serif; color:#404040;
}
/* Misc
/* -------------- */
.arial, .arial a {
font-family:Helvetica, Arial, sans-serif;
}
/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/
#header .container {
background: url(images/head.jpg) bottom center no-repeat;
}
.container {
/* The container is a class simply because of the multiple full-span elements.*/
margin:0 auto; padding:0 30px;
width:940px; height:auto;
}
/* Various Columns
/* -------------- */
.col-580 {
width:580px;
padding: 0 40px 25px 0;
background: #eee url(images/po-bg.jpg);
}
.col-340 {
width:320px;
}
.left, .nextpostslink {
float:left;
}
.right, .alignright {
float:right;
}
.aligncenter {
margin:0 auto;
display:block;
}
/* Clearfix
/* -------------- */
.clearfix:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* 03 - HEADER
/* ----------------------------------------------*/
#header {
margin:0; padding:0;
width:auto; height:auto;
background:#666 url(images/headback.jpg);
}
#logo {
margin:0; padding:50px 0 50px 0;
width:580px; height:auto;
float:left;
}
#pages {
padding: 10px 0 0 0;
list-style-type: none;
font-size: 12px;
font: Helvetica, Arial, sans-serif;
list-style: none;
float: right;
}
#pages li {
margin-left: 20px;
float: left;
}
#sohead {
margin: 0; padding: 35px 0 38px 0;
width: 340px; height: 64px;
float: right;
}
#sohead ul {
color: #eee;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
list-style-type: none;
}
#sohead #twit-count {
display:block;
font-size: 20px;
width: 120px;
padding: 20px 0 0 0;
}
#sohead #twit {
height: 64px; width: 64px;
background-image: url(images/twitter-white.png);
float: right;
margin: 0 10px 0 10px;
}
#sohead #twit a {
display: block;
width: 64px; height: 64px;
}
#sohead #rssicon {
height: 64px; width: 64px;
background-image: url(images/RSS-white.png);
float: right;
margin: 0 10px 0 10px;
}
#sohead #rssicon a{
display: block;
width: 64px; height: 64px;
}
#searchform-header {
margin:0 0 0 20px; padding:0;
width:250px; height:auto;
background:url(images/searchform-back.gif) no-repeat center left;
float:right;
}
#searchform-header #s {
margin:0 0 0 0; padding:6px 8px 5px 15px;
width:165px; height:auto;
border:0;
background:none;
float: left;
font-size:0.92em; color:#aea592;
}
#searchform-header #go {
float:left;
margin:0;
border: 0;
}
#navigation {
margin:0; padding:0;
background:#e0e0e0 url(images/navigation.gif) repeat-x bottom center;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, #e0e0e0),
color-stop(0.62, #fbfbfb)
);
background: -moz-linear-gradient(
center bottom,
#e0e0e0 23%,
#fbfbfb 62%
);
}
#navigation ul.cats {
margin:0 auto; padding:0;
width:880px; height:auto;
list-style:none; float:left;
list-style-type: none;
}
#navigation ul li {
margin:0 3px; padding:0;
float:left; overflow:visible;
list-style-type: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
.rss {
margin:0 30px 0 0; padding:0;
width:16px; height:17px;
float:right;
}
/* 04 - DOCK
/* ----------------------------------------------*/
#latest-dock {
margin:0; padding:0;
background:#f4f6f8 url(images/dock.gif) repeat-x bottom center;
border-bottom:1px solid #fbf9fa;
}
.dock-back {
padding:20px 0;
background:url(images/dock-back.gif) no-repeat bottom center;
}
#dock {
margin:0 auto; padding:0;
width:940px;
list-style:none;
position:relative;
text-align:center;
}
#dock li {
margin:0; padding:0 0 18px 0;
display:inline;
}
#dock li.dock-active {
background:url(images/dock-shadow.png) no-repeat bottom center;
}
#dock li a:link, #dock li a:active, #dock li a:visited {
margin:30px 7px 0 7px; padding:2px 0 0 0;
width:75px; height:58px;
background:url(images/dock-preview-back.png) no-repeat top center;
display:inline-block;
}
#dock li span {
margin:0; padding:0;
width:980px; height:auto;
position:absolute;
display:none;
top:0; left:0;
text-align:center;
font:bold 1.17em Helvetica, Arial, sans-serif; color:#31393d;
}
.latest {
width:980px; text-align:center;
font:bold 1.17em Helvetica, Arial, sans-serif; color:#31393d;
position:absolute;
}
/* 05 - MAIN CONTENT
/* ----------------------------------------------*/
#main-content {
padding:0;
background:#eee;
margin: 0 auto;
}
.post {
margin:0 0 25px 0;
}
/* Archive Post
/* --------------- */
.archive {
margin:0;
}
.archive .post-meta {
margin:0 0 17px 0;
}
.archive .post-info {
font-style:italic;
}
/* Small (Half) Post
/* --------------- */
.single {
margin:0 15px 20px 0;
width:275px; height:auto;
float:left;
}
.single .post-content {
margin:0; padding:22px 17px 11px;
}
.single .post-image {
height:115px;
}
.single .post-footer {
padding:16px 23px;
}
.last {
margin:0;
}
/* Post Box
/* --------------- */
.post-box {
margin:0; padding:0;
background:#fdfefe url(images/post-box-top.gif) repeat-x top center;
border:1px solid #dce7ed;
border-bottom:1px solid #cfdbe1; border-top:0;
}
.post-meta {
margin:0; padding:0;
border-bottom:1px solid #FFF;
position:relative;
background: #FFF;
}
.post-info {
margin:0; padding:10px 10px 10px 0;
width:190px; height:auto;
border-bottom:4px solid #889398;
bottom:0; right:0;
position:absolute;
}
.post-content, .page-content, .comment-content {
margin:0; padding:22px 22px 11px;
border:1px solid #FFF;
border-bottom:1px solid #e8ebec;
position:relative;
}
.page-content {
padding:15px 22px 0;
}
.comment-count {
margin:0; padding:0;
width:auto; height:auto;
background: #33bbee;
background:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, #339ade),
color-stop(0.62, #33bbee)
);
background: -moz-linear-gradient(
center bottom,
#339ade 23%,
#33bbee 62%
);
position:relative; display:block;
float: left;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
.page-content .comment-count {
margin-top:15px;
}
.post-image, .post-image-inner {
margin:0 auto 10px auto; padding:0;
width:auto; height:auto;
display:block;
}
.post-image-inner {
margin:0 auto 10px 15px;
float:right;
}
.post-image-inner img {
width:250px; height:250px;
}
.post-image img, .post-image-inner img {
margin:0 auto; padding:3px;
border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;
border-bottom:1px solid #e7e8e8;
text-align:center; display:block;
}
/* Post Footer
/* --------------- */
.post-footer {
margin:0; padding:23px;
background:#fcfdfe;
border-top:1px solid #FFF;
position:relative; z-index:100;
}
.continue-reading {
margin:0; padding:0;
width:auto; height:auto;
float:right;
background: #33bbee;
background:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, #339ade),
color-stop(0.62, #33bbee)
);
background: -moz-linear-gradient(
center bottom,
#339ade 23%,
#33bbee 62%
);
color: #666;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
.category-menu {
margin:0; padding:0;
width:350px; height:auto;
float:left; text-align:right;
position:absolute; top:10px; right:10px;
}
.indicator, .indicator-active {
margin:0; padding:0;
width:7px; height:5px;
background:url(images/expand.gif) no-repeat center left;
display:inline-block; vertical-align:middle;
}
.indicator-active {
background:url(images/collapse.gif) no-repeat center left;
}
.dropdown {
margin:0; padding:0;
width:360px; height:auto;
background:url(images/dropdown.png) no-repeat bottom center;
text-align:left;
display:none;
position:relative;
}
.cat-posts {
margin:0 auto; padding:10px 0 19px 0;
width:322px; height:auto;
list-style:none;
border-top:1px solid #ebecec;
}
.cat-posts li {
margin:0; padding:10px 15px;
background:url(images/cat-post-li.gif) no-repeat bottom right;
}
.cat-posts li.view-more {
background:none;
}
/* Content Navigation
/* --------------- */
.navigation {
margin:0; padding:8px 10px;
height: 15px;
background:#dce8ee url(images/box-highlight.gif) repeat-x bottom center;
border:1px solid #ebf2f5;
border-bottom:1px solid #d4e0e6;
}
/* WP Attachments
/* --------------- */
.wp-caption {
margin:0 10px; padding:9px 5px 5px;
background:#FFF;
border:1px solid #ebf2f5;
border-bottom:1px solid #CCCCCC;;
text-align:center;
}
.wp-caption-text {
margin:5px auto auto auto; padding:5px 0 0;
font:0.92em Helvetica, Arial, sans-serif; color:#656c71;
}
/* Inputs
/* --------------- */
.input {
margin:0; padding:5px;
background:#fdfefe url(images/post-box-top.gif) repeat-x top center;
border:1px solid #dce7ed;
font:0.92em Helvetica, Arial, sans-serif; color:#76716c;
}
/* Comments
/* --------------- */
.comment-content {
padding:0;
background:#fff;
border-bottom:0;
}
.commentlist, .commentlist ul {
margin:15px 0 0 0; padding:0;
list-style:none;
}
.commentlist li {
margin:0; padding:30px;
border-bottom:1px solid #d0d0d0;
}
.commentlist li.alt, .thread-alt {
background:#fff;
}
.commentlist li.no-comments {
margin:55px 0 0 0; padding:0 30px;
background:none;
border:0;
}
.commentlist .children {
margin:10px 0 0 0; padding:0;
}
.commentlist .children li {
margin:0; padding:20px;
border-bottom:1px solid #FFF;
}
.commentlist li .comment-wrap {
position:relative;
text-align:left;
}
.commentlist li .comment-text {
margin:0; padding:0;
width:auto; height:auto;
background:none;
}
.commentlist li .comment-author {
margin:0; padding:0;
width:auto; height:auto;
}
.gravatar {
margin:0 10px 0 0; padding:1px 0 0 2px;
width:52px; height:52px;
background:url(images/gravatar.jpg) no-repeat top center;
float:left;
}
.author {
margin:2px 0 0 0; padding:0;
width:auto; height:auto;
float:left;
}
li .bypostauthor {
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, #eaeaea),
color-stop(0.62, #eee)
);
background: -moz-linear-gradient(
center bottom,
#eaeaea 23%,
#eee 62%
);
-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;
border: 0 !important;
}
/* Social Buttons
/* --------------- */
#so_buttons {
width: 530px;
height: 85px;
background: #ddd;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
#so_buttons em{
margin: 5px 10px 5px 10px;
float: left;
}
#so_buttons em.su {
width: 60px;
height: 70px;
}
/* Google Ads
/* --------------- */
#g_ads{
text-align: center;
margin: 10px auto;
}
/* 06 - SIDEBAR
/* ----------------------------------------------*/
#sidebar {
margin:0 0 0 15px; padding:10px 0 0 10px;
width:320px; height:auto;
list-style:none;
background-color: #eee;
}
#sidebar li {
margin:0 0 0 0; padding:0 0 15px 0;
width:auto; height:auto;
}
#sidebar #tag_cloud, #sidebar #search {
padding:0;
background:none;
}
#searchform {
margin:0 auto; padding:0;
}
#sidebar #sponsored-ad {
background:none;
}
#sidebar li ul, #sidebar .textwidget, #calendar_wrap {
margin:0 15px 0 20px; padding:0;
width:245px; height:auto;
list-style:none;
background:#eee;
overflow:hidden;
}
#calendar_wrap {
margin:0 auto;
width:190px;
}
#wp-calendar {
margin:15px 0; padding:0;
width:100%; height:auto;
}
#wp-calendar caption {
font:bold 1.17em Helvetica, Arial, sans-serif; color:#5a656a;
}
#wp-calendar thead tr th {
font-weight:bold;
}
#wp-calendar td {
font:0.92em Helvetica, Arial, sans-serif; color:#709cb0;
border:1px solid #d2dce0; text-align:center;
}
#wp-calendar tfoot td {
border:0;
}
#sidebar .textwidget {
margin:0 auto 15px auto;
}
#sidebar li ul li {
margin:0 0 15px 0; padding:0;
width:auto; height:auto;
background:none;
}
.sidebar-preview {
margin:0; padding:3px 0 0 4px;
width:114px; height:65px;
background:#FFF url(images/sidebar-preview-back.gif) no-repeat top center;
float:left;
}
.sidebar-content {
margin:0; padding:0;
width:115px; height:auto;
float:right;
}
#fb_widget {
margin-bottom: 20px;
}
#linkfeed ul li {
padding: 5px 10px 5px 10px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
#linkfeed ul li:hover {
background: #ddd;
}
#linksubmit {
display: block;
color: #333;
padding: 5px 10px;
background: #ddd;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, #e0e0e0),
color-stop(0.62, #fbfbfb)
);
background: -moz-linear-gradient(
center bottom,
#e0e0e0 23%,
#fbfbfb 62%
);
border: 1px solid #ddd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: center;
}
#linksubmit:hover {
background: #171615;
color: #fff;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, #333),
color-stop(0.62, #4b4b4b)
);
background: -moz-linear-gradient(
center bottom,
#333 23%,
#4b4b4b 62%
);
border: 1px solid #ccc;
}
#sb_top {
width: 320px;
height: 10px;
background-image: url(images/sb_top.png);
background-repeat: no-repeat;
margin: -15px 0 0 -10px;
}
#sb_bottom {
width: 320px;
height: 10px;
background-image: url(images/sb_bottom.png);
background-repeat: no-repeat;
margin: 0 0 0 -10px;
}
#ad_space {
width: 320px;
height: 150px;
}
/* 07 - FOOTER
/* ----------------------------------------------*/
#footer {
margin:0; padding:30px 0;
width:auto; height:auto;
background:#171615 url(images/footer-stroke.gif) repeat-x top center;
border-top:1px solid #171615; border-bottom:1px solid #1e1d1d;
}
.footer-divider {
background:url(images/footer-divider.gif) repeat-y top left;
}
#footer .categories {
margin:0; padding:0;
width:360px; height:auto;
float:left;
font-family: Lilly, Helvetica, Arial, sans-serif;
}
.footer-cat {
margin:0; padding:0;
width:360px; height:auto;
list-style:none;
}
.footer-cat li {
margin:5px 0; padding:0 0 0 9px;
width:150px; height:auto;
float:left;
background:url(images/footer-cat-left.gif) no-repeat top left;
}
.footer-cat li a {
margin:0; padding:0 9px 0 0;
width:auto; height:23px; line-height:23px;
float:left; display:block;
background:url(images/footer-cat-right.gif) no-repeat top right;
}
.footer-cat li a:link, .footer-cat li a:active, .footer-cat li a:visited {
font-family:Georgia, "Times New Roman", Times, serif; color:#a7a7a7;
}
.footer-cat li a:link span, .footer-cat li a:active span, .footer-cat li a:visited span {
color:#FF00FF;
}
.footer-cat li:hover, .footer-cat li:hover a {
background-position:0% -23px;
color:#171615;
cursor:pointer;
}
.footer-cat li:hover a {
background-position:100% -23px;
}
#footer .about {
margin:0; padding:0;
width:580px; height:auto;
float:right;
}
#link-back {
margin:0; padding:15px 0;
background:#0c0b0b;
}
.donators {
margin:0; padding:0;
width:282px; height:auto;
float:left;
}
a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover,
a.function:link, a.function:active, a.function:visited, a.function:hover {
margin:0; padding:0;
width:154px; height:54px;
background:url(images/smashing.gif) no-repeat top center;
display:block; text-indent:-9999px; float:left; outline:0;
}
a.function:link, a.function:active, a.function:visited, a.function:hover {
width:128px;
background:url(images/function.gif) no-repeat top center;
}
#author-info {
background: #f0f0f0; padding: 12px 8px 8px 12px; margin: 15px auto;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
overflow: auto;
width: 520px;
height: auto;
border: 2px solid #eee;
}
#author-info #author-bio h4 {
color: #11100f;
}
#author-info #author-bio p {
font-family: Helvetica, Arial, sans-serif;
}
#author-info div#author-image {
float: left; margin: 0 10px 0 0; border: 5px solid #ddd;
}
/* Header Social Icons */
#sohead li div{
display: none;
position: relative;
top: 0;
right: 0;
width: 225px;
height: 50px;
font-size: 0.9em;
background: url(images/bubble.gif) no-repeat left top;
}
#sohead li div p{
margin: 7px 0 2px 0;
line-height: 1.6em;
padding: 20px 5px 0 20px;
color: #171614;
}
#sohead li a{
z-index: 2;
}
#tweetbutton {
float: right;
margin: 10px 0 10px 10px;
}
/* Mulitple Column */
.g1 { width: 250px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g2 { width: 250px; margin-left: 10px; margin-right: 10px; float: right; display: inline; }
.g3 { width: 330px; margin-left: 10px; margin-right: 10px; float: left; display: inline;}
.g4 { width: 330px; margin-left: 10px; margin-right: 10px; float: right; display: inline; }
.g5 { width: 300px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g6 { width: 300px; margin-left: 10px; margin-right: 10px; float: right; display: inline; }
.g7 { width: 280px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g8 { width: 280px; margin-left: 10px; margin-right: 10px; float: right; display: inline; }
/* Last Update 5.5.10 */