/*
Theme Name: JJ Blog Template
Description: "JJ Blog Template" is a two column theme for WordPress 3.x.
Version: 1.0
Author: SquareCode
Author URI: http://www.susanarndt.de
*/



body { font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#fff;background:url(images/bg-main_prd.jpg);}

#blogcontainer {background: url(images/bg-sd_right.png) 100% 0 repeat-y; padding-right: 7px; width:970px; }
#header {background:url(images/bg-header.jpg) 0 0 no-repeat;height:135px;}
#blogcontainer legend {display:none !important;}

#header h1 a {display:block;overflow:hidden;width:563px;height:81px;float:left;margin-left:80px;margin-top:40px;background:url(images/logo-jeanslounge.png) no-repeat;text-indent:-9999px;}
#header #share {width:209px;padding-left:18px;padding-right:20px;float:right;margin-top:70px;}
#header #share ul li {float:left;}
#header #share ul li a {display:block;padding-top:39px;text-transform:uppercase;color:#fff;text-decoration:none;font-size:9px;}
#header #share ul li a.newsletter {background:url(images/bg-share-newsletter.png) center 2px no-repeat;}
#header #share ul li a.facebook {background:url(images/bg-share-facebook.png) center top no-repeat;margin:0 14px;}
#header #share ul li a.rss {background:url(images/bg-share-rss.png) center top no-repeat;width:50px;}

.dirt-01 {background: url(images/bg-dirt_topleft.jpg) 0 0 no-repeat;}
.dirt-02 {background: url(images/bg-dirt_topright.jpg) 100% 0 no-repeat;}
.dirt-03 {background: url(images/bg-dirt_botleft.jpg) 0 100% no-repeat;}
.dirt-04 {background: url(images/bg-dirt_botright.jpg) 100% 100% no-repeat;}
#content {background: #303030 url(images/bg-content.gif) 722px 0 repeat-y; margin-bottom:30px;}

#content #main {margin-left:80px;float:left;width:550px;padding-bottom:111px;}
#content #main .entry {margin-top:63px;padding-bottom:20px;background:url(images/bg-entry.png) left bottom no-repeat;}
#content #main #post.entry {padding-bottom:60px;}
#content #main .entry h3{font-size:32px;margin-bottom:7px;}
#content #main .entry h3 a{text-decoration:none;color:#fff;}
#content #main .entry ul.dateComment li {float:left;margin-right:4px;}
#content #main .date {font-family:Georgia,serif;font-size:13px;font-style:italic;}
#content #main .commentCount a, #content #main .commentCount a:link, #content #main .commentCount a:visited, #content #main .commentCount a:active {font-family:Georgia,serif;font-size:13px;font-style:italic;color:#00c7ee;text-decoration:none;}
#content #main .commentCount a:hover {color:#7eeaff;}
#content #main .entry img {border:5px solid #454545;margin:27px 0 0 0;float:left;}
#content #main #post.entry img {margin-top:10px; float:none; border:none;}
#content #main .entry {display: block;margin-bottom:24px;}
#content #main .entry p {float:right;width:410px;margin-top:12px;margin-bottom:12px;padding:0;}
#content #main .entry p a {color:#00c7ee;text-decoration:none;}
#content #main .entry a.share, #content #main .entry a.share:link, #content #main .entry a.share:visited, #content #main .entry a.share:active {display:block;overflow:hidden;text-indent:-9999px;background:url(images/btn-share.png) no-repeat;width:72px;height:22px;}
#content #main .entry a.share:hover {background-position: 0 -22px;}
#content #main .entry .sociable {position:relative;clear:both;}
#content #main .entry #sharePopup {background: url(images/bg-sharePopup.png) no-repeat;width:158px;height: 240px;padding-top:13px; color:#000;position:absolute;left:-43px;top:-230px;z-index: 1000;display:none;}
#content #main .entry #sharePopup h4 {float:left;margin-left:8px;font-size:10px;font-weight:400;}
#content #main .entry #sharePopup h4.cab {text-transform:uppercase;}
#content #main .entry #sharePopup .divider {height:2px;background:url(images/divider-sharePopup.gif) repeat-x;margin-top:8px;margin-bottom:12px;}
#content #main .entry #sharePopup .closeShare {float:right; color:#000; text-decoration:none;margin-right:8px;}
#content #main .entry #sharePopup ul{margin-left:8px;}
#content #main .entry #sharePopup ul.icons {margin-top:10px;}
#content #main .entry #sharePopup ul li {float: left}
#content #main .entry #sharePopup a.Facebook, #content #main .entry #sharePopup a.Facebook:link, #content #main .entry #sharePopup a.Facebook:visited, #content #main .entry #sharePopup a.Facebook:active {display:block;width:23px;height:24px;background:url(images/ico-facebook.gif) no-repeat;text-indent:-9999px;overflow:hidden;margin-right:14px;}
#content #main .entry #sharePopup a.Twitter, #content #main .entry #sharePopup a.Twitter:link, #content #main .entry #sharePopup a.Twitter:visited, #content #main .entry #sharePopup a.Twitter:active {display:block;width:23px;height:24px;background:url(images/ico-twitter.gif) no-repeat;text-indent:-9999px;overflow:hidden;margin-right:14px;}
#content #main .entry #sharePopup a.MySpace, #content #main .entry #sharePopup a.MySpace:link, #content #main .entry #sharePopup a.MySpace:visited, #content #main .entry #sharePopup a.MySpace:active {display:block;width:23px;height:24px;background:url(images/ico-myspace.gif) no-repeat;text-indent:-9999px;overflow:hidden;margin-right:14px;}
#content #main .entry #sharePopup a.delicious, #content #main .entry #sharePopup a.delicious:link, #content #main .entry #sharePopup a.delicious:visited, #content #main .entry #sharePopup a.delicious:active {display:block;width:23px;height:24px;background:url(images/ico-delicious.gif) no-repeat;text-indent:-9999px;overflow:hidden;}
#content #main .entry #sharePopup a.Facebook:hover, #content #main .entry #sharePopup a.Twitter:hover, #content #main .entry #sharePopup a.delicious:hover, #content #main .entry #sharePopup a.MySpace:hover {background-position:0 -24px;}
#main .entry #sharePopup a.email, #main .entry #sharePopup a.Print {display:block;width:137px;height:22px;text-align:center;background:url(images/bg-sharelink.png) no-repeat;color:#000;text-decoration:none;text-transform:uppercase;line-height:22px;margin-bottom:3px;}
#main .entry #sharePopup a.email:hover, #main .entry #sharePopup a.Print:hover {background-position:0 -22px;color:#fff;}
#content #main .entry a.share:hover {background-position: 0 -22px;}
#content #main #post.entry p {width:550px;margin-top:27px;margin-bottom:20px;}
#content .tags {float:right;width:410px;}
#content .tags li{float:left;margin-right:3px;}
#content .tags li a, #content .tags li a:link, #content .tags li a:visited, #content .tags li a:active {color:#00c7ee;text-decoration:none;background-color:#1d1d1d;padding:4px;display:block;margin-bottom:6px;}
#content .tags li a:hover {color:#7eeaff;}

#content #main .readOlder {background:url(images/bg-read-old-articles.png) no-repeat;float:left;margin-top:60px;text-indent:-9999px;display:block;overflow:hidden;height:29px;width:185px;} 


#sidebar {width:209px;padding-left:18px;padding-right:20px;float:right;}
#sidebar #archive {margin-top:65px;padding-bottom:10px;border-bottom:1px solid #262626;}
#sidebar #archive h4 {width:70px;float:left;}
#sidebar #archive h4 a {background:url(images/bg-archive-label.png) no-repeat;display:block;float:left;text-indent:-9999px;overflow:hidden;width:55px;height:16px;margin-right:10px;}
#sidebar #archive select {width:129px;}

#sidebar #lounge {margin-top:35px;padding-bottom:10px;border-bottom:1px solid #262626;}
#sidebar #lounge img.sidebarImg {display:block;margin-bottom:7px;}
#sidebar #lounge input#loungeEmail {border:none;background:url(images/bg-signup-input.gif) no-repeat;width:177px;color:#808080;line-height:16px;padding-bottom:3px;}
#sidebar #lounge input {vertical-align:middle;border:none;}

#sidebar #storelocator {margin-top:35px;padding-bottom:10px;border-bottom:1px solid #262626;background:url(images/bg-storelocator-map.png) no-repeat;padding-top:78px;}
#sidebar #storelocator h4 a{background:url(images/bg-storelocator-label.png) no-repeat;overflow:hidden;text-indent:-9999px;margin-bottom:3px;height:16px;display:block;}
#sidebar #storelocator p {font-size:12px;}
#sidebar #storelocator a {color:#00c7ee;text-decoration:underline;}

#sidebar #tags {margin-top:35px;padding-bottom:10px;border-bottom:1px solid #262626;}
#sidebar #tags h4 {background:url(images/bg-tags-label.png) no-repeat;overflow:hidden;text-indent:-9999px;margin-bottom:8px;height:16px;}
#sidebar .wp-tag-cloud {width: 209px}
#content .wp-tag-cloud li{float:left;margin-right:3px;}
#content .wp-tag-cloud li a, #content .wp-tag-cloud li a:link, #content .wp-tag-cloud li a:visited, #content .wp-tag-cloud li a:active {color:#00c7ee;text-decoration:none;background-color:#1d1d1d;padding:4px;display:block;margin-bottom:6px;}
#content .wp-tag-cloud li a:hover {color:#7eeaff;}

#comments {margin-top:15px;}
#comments h3 {font-family:Georgia,serif;font-size:14px;font-weight:normal;font-style:italic;color:#00c7ee;margin-top:12px;float:left;}
#comments .commentCount {float:right;background:url(images/bg-commentCount.png) no-repeat;text-align:right;padding-left:28px;padding-top:12px;font-style:italic;color:#00c7ee;}
#comments ol.comment-list {background-color:#202020;padding:14px 12px 10px;margin-top:14px;}
#comments ol.comment-list .comment-author {float:left;margin-right:15px;}
#comments ol.comment-list .comment-author a, #comments ol.comment-list .comment-author a:link, #comments ol.comment-list .comment-author a:visited, #comments ol.comment-list .comment-author a:active {color:#00c7ee;text-decoration:none;}
#comments ol.comment-list .comment-author a:hover {color:#7eeaff;}
#comments ol.comment-list .published {color:#00c7ee;}
#comments ol.comment-list li {margin-bottom:20px;}

#respond {margin-top:15px;padding-top:15px;padding:1px;border:1px solid #202020; box-shadow:0px 0px 8px #333; }
#respond h3 {padding:10px;font-size:11px;font-weight:normal;background-color:#202020;margin-bottom:18px;}
#respond form label {display:block;text-transform:uppercase;font-weight:bold;font-size:10px;margin-bottom:6px;}
#respond form .form-textarea {width:290px; float:left;margin-right:34px;margin-left:35px;display:inline;}
#respond form .form-textarea textarea{background:url(images/bg-textarea.gif) no-repeat;width:278px;color:#fff;height:89px;border:none;border:0;font-size:10px;padding:5px;resize: none;overflow: auto;}
#respond form .form-author, #respond form .form-email {width:159px; float:left;margin-bottom:12px;}
#respond form .form-author input, #respond form .form-email input {background:url(images/bg-respond-input.gif) no-repeat;width:159px;color:#fff;height:18px;border:none;border:0;font-size:10px;}
#respond form .form-submit { float:right;margin-bottom:12px;text-align:right;padding-right:29px;}
#respond form a {color: #00c7ee;text-decoration:none}

#content #main .month h2{font-size:45px;font-family:Georgia,serif;font-style:italic;font-weight:normal;margin-bottom:26px;}
#content #main .month ul.dateComment, #content #main .month ul.tags{float:left;width:auto;}
#content #main .month ul.dateComment li {margin-top:2px;}
#content #main .month .post {margin-bottom:30px;}