.article h1 { margin: 0 0 3px; font-size: 32px; } .article > span { display: block; color: #888; } .article h1 a { color: #00AFEF; } .article .info { padding: 5px 0; } .article .meta { display: block; font-size: 13px; color: #888; } .article .share { margin: 0; padding: 0; float: right; line-height: 15px; list-style: none; } .article .share li { float: left; padding-left: 10px; } .article .share li.facebook { padding-left: 5px; } .article .share a:link, .article .share a:visited { color: #888; text-decoration: underline; } .article .share a:hover, .article .share a:active { color: #FF00B0; } #body { font-size: 15px; line-height: 20px; } #body #image { margin: 10px 0; position: relative; } #body #image img { display: block; max-width: 550px; } #body #image span { padding: 3px 5px; font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; background: #00AFEF; } #body #image span a:link, #body #image span a:visited { color: #EFEFEF; } #body #image span a:hover, #body #image span a:active { color: #000; text-decoration: none; } #source { font-size: 13px; } #tags { margin-top: 5px; padding-left: 30px; background: url('/images/icon-tag.png') no-repeat left 2px; } #tags a { display: block; float: left; margin: 0 10px 5px 0; padding: 5px 7px; text-align: center; text-transform: lowercase; background: #00AFEF; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #tags a:link, #tags a:visited { color: #FFF; } #tags a:hover, #tags a:active { background: #0081AF; text-decoration: none; } .share-bar { height: 22px; margin-top: 15px; padding: 3px 5px; background: #EEE; line-height: 22px; } .share-bar strong { float: left; padding-right: 30px; text-transform: uppercase; color: #888; } .share-bar div { width: 25%; float: left; text-align: center; } .share-bar a { padding: 0 30px 0 20px; background-repeat: no-repeat; background-position: left center; } .share-bar div iframe { margin-top: 3px; } #gallery .options { font-size: 12px; color: #999; clear: both; } #gallery .options strong { float: right; color: #EF531D; cursor: pointer; } #gallery .options strong:hover { color: #333; } #gallery img { display: block; width: 300px; height: 200px; float: left; margin-bottom: 10px; border: 1px solid #CCC; } #gallery .even img { margin-left: 10px; } #gallery .full-size img { width: auto; height: auto; max-width: 620px; margin-left: 0; } #comments { margin-top: 10px; } #comments p { font-size: 17px; letter-spacing: .03em; } #comments h3 { margin: 40px 0 10px; font-size: 20px; text-transform: uppercase; color: #00AFEF; } #comments h3 span { font-size: 12px; color: #666; } #comments .comment { margin-bottom: 5px; padding: 10px 0 15px 95px; letter-spacing: .03em; position: relative; border-bottom: 1px solid #EEE; } #comments .commented { background: #CFEBFF; } #comments .comment img { display: block; width: 80px; height: 80px; position: absolute; left: 0; top: 12px; z-index: 10; margin-right: 5px; background: #333; } #comments .comment .comment-author { padding-right: 10px; font-size: 19px; font-weight: bold; color: #111; } #comments .comment .comment-author a:link, #comments .comment .comment-author a:visited { color: #1B87DF; } #comments .comment .comment-author a:hover, #comments .comment .comment-author a:active { color: #111; } #comments .comment .comment-time { font-size: 12px; } #comments .comment .comment-time a:link, #comments .comment .comment-time a:visited { color: #888; } #comments .comment .comment-time a:hover, #comments .comment .comment-time a:active { color: #666; } #comments .comment em { font-size: 12px; color: #F33; } #comments .comment .comment-edit-link { font-size: 10px; } #reply { margin-top: 20px; } #reply h3 { margin-bottom: 10px; } #comments form { font-size: 11px; color: #444; } #comments #inputs { margin-bottom: 10px; } #comments #inputs .column { width: 33%; float: left; } #comments #inputs span { font-weight: bold; font-size: 13px; color: #F33; } #comments form input, textarea { font-size: 17px; font-family: arial; letter-spacing: .03em; } #comments #inputs input { display: block; width: 85%; height: 21px; margin: 3px 0 5px; background: #FFF; border: 1px solid #999; } #comments form textarea { display: block; width: 94%; height: 150px; margin: 3px 0 10px; } #comments #submit { background: #F0F0F0; cursor: pointer; } #comments #submit:hover { color: #00589F; }html, body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000 url('/images/bg-streetartist.jpg') no-repeat fixed center top; font: normal 10pt arial; } a:link, a:visited { color: #EF531D; text-decoration: none; } a:hover, a:active { color: #5B5B5B; } a img { border: 0 none; } input, select, textarea { padding: 2px; font-size: 12px; border: 1px solid #999; } #wrap { width: 960px; margin: 0 auto; padding: 10px 0 0; } #wrap #header { display: block; width: 100%; margin-bottom: 15px; position: relative; } #wrap #header h1 { width: 479px; height: 129px; margin: 0; } #wrap #header h1 a img { display: block; width: 100%; height: 100%; border: 0; } #wrap #header #top-bar { position: absolute; top: 5px; right: 20px; text-align: right; color: #999; } #wrap #header #top-bar a { font-size: 9pt; text-transform: uppercase; } #wrap #header #top-bar a:link, #wrap #header #top-bar a:visited { color: #08F; } #wrap #header #top-bar a:hover, #wrap #header #top-bar a:active { color: #FFF; } #wrap #header #top-bar #search { margin: 5px 0; background: #333; border: 1px solid #333; } #wrap #header #top-bar #search form, #wrap #header #top-bar #search p { margin: 0; padding: 0; } #wrap #header #top-bar #search p #wrap #header #top-bar #search input { font: normal 8pt verdana; } #wrap #header #top-bar #search #inp-search { width: 145px; height: 15px; padding: 3px; color: #EFEFEF; background: transparent; border: 0 none; } #wrap #header #top-bar #search #inp-go { border: 0; background: transparent; cursor: pointer; color: #08F; text-transform: uppercase; } #container { width: 940px; padding: 10px; background: #FFF; } #container #nav { width: 100%; padding-bottom: 5px; border-bottom: 1px solid #CCC; } #container #nav a { padding: 0 12px; font: bold 14pt arial; text-transform: uppercase; } #container #nav a:link, #container #nav a:visited { color: #333; } #container #nav a:hover, #container #nav a:active { color: #000; background: #DEDEDE; } #container #nav a.selected { background: #00AFEF; color: #FFF; } #content { width: 100%; margin: 10px 0; background: url('/images/bg_contentback_border.jpg') repeat-y; } #content #blog { width: 620px; float: left; } #content #aside { width: 300px; float: left; padding-left: 20px; } #footer { width: 924px; margin: 0 auto; padding: 20px 10px; position: relative; background: #00AFEF; border-width: 0 2px; color: #222; } #footer p { margin: 0; padding: 0; } #footer #foot-right { font-size: 11px; text-align: right; } #footer #foot-left a { margin-left: 15px; } #footer #foot-right a { margin-left: 5px; } #footer a:link, #footer a:visited { color: #222; } #footer a:hover, #footer a:active { text-decoration: underline; color: #000; } .hide { display: none; } .cfx:after, .box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cfx, .box { display: inline-table; min-width:1px;} *html .cfx, *html .box { height: 1%; } .cfx, .box { display: block; }  .ad-banner { width: 728px; height: 90px; margin: 20px auto; background: #555; overflow: hidden; } .ad-banner a { display: block; width: 728px; height: 90px; } .ad-box { width: 300px; height: 250px; background: #333; } .ad-box a { display: block; width: 300px; height: 250px; } .ad-box a img { border: 0 none; } .ad-box-campaign { height: 265px; } .ad-box-sponsor { display: block; padding: 0 3px; height: 15px; font-size: 10px; text-align: right; line-height: 15px; background: #CCC; color: #777; } .ad-square { width: 125px; height: 125px; float: left; padding: 8px; background: #333; } .ad-square.left { margin-right: 10px; } .sidebar-ad { width: 100%; margin: 10px 0; } .sidebar-ad div { margin-bottom: 17px; padding: 8px; float: left; background: #333; } .sidebar-ad a img { border: 0 none; } #google-125 div { width: 125px; height: 125px; } #google-125 div.odd { margin-right: 17px; } #google-sky { width: 120px; height: 600px; } #google-sky div.odd { margin-right: 25px; } #google_ads_div_box-ad { height: 250px; } #google-ads-125s, #google-ads-skraper { width: 100%; margin: 10px 0; } #google-ads-125s div, #google-ads-125s .ad-125 { width: 125px; height: 125px; margin-bottom: 17px; padding: 8px; float: left; background: #333; } #google-ads-125s .odd { margin-right: 17px; } .ad-banner a img, .ad-box a img, #wp125adwrap_2c .wp125ad img, #google-ads-125s img { border: 0 none; } #google-ads-skraper div, #google-ads-skraper .ad-sky { width: 120px; height: 600px; padding: 8px; float: left; background: #333; } #google-ads-skraper .odd { margin-right: 25px; } #aside .box { margin-bottom: 30px; } .widget-title { display: block; margin: 5px 0 0; padding: 0; font: bold 14pt 'helvetica'; text-transform: uppercase; letter-spacing: 0.5pt; border-bottom: 1px dotted #AAA; color: #333; } #aside .post-list, #aside .xoxo { margin: 0; padding: 0; list-style: none; } #aside .post-list li, #aside .xoxo li { border-bottom: 1px dotted #AAA; } #aside .post-list li a, #aside .xoxo li a { display: block; padding: 8px 5px; font-size: 9pt; color: #444; } #aside .xoxo li a { padding-left: 20px; background: url('/images/bg-li-bullet.gif') no-repeat 7px center; } #aside .post-list li a:link, #aside .post-list li a:visited { background: #FFF; } #aside .post-list li a:hover, #aside .post-list li a:active { background: #EFEFEF; } #aside .xoxo li a:link, #aside .xoxo li a:visited { background-color: #FFF; } #aside .xoxo li a:hover, #aside .xoxo li a:active { background-color: #EFEFEF; } #aside .post-list a strong, #aside .xoxo a strong { font-size: 11pt; color: #0B55DF; } #aside .post-list .date, #aside .xoxo .date { font-weight: bold; } #aside #jz-follow-us ul li a { height: 32px; padding: 0 0 0 45px; font: bold 11pt arial; line-height: 32px; background-repeat: no-repeat; } #aside #jz-follow-us #twitter a { background-image: url('/images/social/bg-twitter-sprite.jpg'); } #aside #jz-follow-us #facebook a { background-image: url('/images/social/bg-facebook-sprite.jpg'); } #aside #jz-follow-us #tumblr a { background-image: url('/images/social/bg-tumblr-sprite.jpg'); } #aside #jz-follow-us #myspace a { background-image: url('/images/social/bg-myspace-sprite.jpg'); } #aside #jz-follow-us #delicious a { background-image: url('/images/social/bg-delicious-sprite.jpg'); } #aside #jz-follow-us ul li a:link, #aside #jz-follow-us ul li a:visited { background-position: left top; } #aside #jz-follow-us ul li a:hover, #aside #jz-follow-us ul li a:active { background-position: 0 -32px; } #aside #jz-follow-us ul li { padding: 8px 5px; } #aside #jz-follow-us ul li:hover, #aside #jz-follow-us ul li:hover a { background-color: #EFEFEF; background-position: 0 -32px; } #aside #links li { padding: 8px 5px; font-size: 11pt; } #aside #links li:hover { background: #EFEFEF; } #aside #links li a { display: inline; padding: 0; font-size: inherit; background: transparent !important; color: #08F; }