/* Theme Name: artisan Description: A clean theme for news, magazine or personal blogging called artissan Version: 1.0 Author: chevelle-- Author URI: http://www.renehornig.com/ Tags: red, black, silver, two-columns, fixed-width, threaded-comments */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } fieldset legend {display:none;} /* remember to define focus styles! */ :focus { outline: 0; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } body{ line-height: 1; background:#000 /*url(images/bg.png) left top repeat-x*/; padding-top:0px; margin:0px auto; font-family:Georgia, "Times New Roman", Times, serif; } p{ margin:10px 0px; color:#333; } a{ color:#830000; text-decoration:none; } img{ border:none; } .clearfix{ clear:both; } .clear{ clear:both; } h1, h2, h3, h4{ font-family:Arial, Helvetica, sans-serif; } #w{ width:100%; background:url(images/bg.png) left top repeat-x; position:relative; } #container{ width:940px; position:relative; margin:0px auto; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /*==================HEADER==================*/ #header{ height:180px; width:940px; margin:0 auto; } #logotitle h1{ float:left; } #logotitle h1 a{ color:#ffffff; font-size:48px; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight:normal; text-shadow:-1px -1px 0px #000; } .withlogo{ width:400px; /*height:130px;*/ background:url(images/logo.png) left top no-repeat; display:block; text-indent:-9999px; } .withoutlogo{ display:block; padding:0; margin-top:25px; } #logotitle img{ border:none; } /*===============NAVIGATION================*/ #navigation { padding: 0px; position:relative; padding-right:10px; padding-top:0px; float:left; width:600px; height:60px; overflow:hidden; } #navigation em { display: none } #navigation ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; } #navigation ul li{ float:left; } #navigation ul li ul { display: none; } #navigation li { padding: 0px; margin: 0px 0px 5px 2px; display: inline; } #navigation a { font-size: 16px; line-height: 11px; text-decoration:none; color:#989898; padding: 0px 0px 0px 12px; margin-right: 0px; float: left; } #navigation a span{ padding: 25px 12px 24px 0px; float:right; } #navigation a:hover { background: url(images/lnav.png) top left no-repeat ; color:#ffffff; } #navigation a:hover span{ background: url(images/rnav.png) top right no-repeat ; } #navigation .on, #navigation .current_page_item { background: url(images/lnav.png) top left no-repeat ; color:#ffffff; } #navigation .on span, #navigation .current_page_item span { background: url(images/rnav.png) top right no-repeat ; color:#ffffff; } #tweetandrss{ /* border:#f2f2f2 solid 1px;*/ float:right; display:block; position:relative; overflow:visible; padding:0px; margin-top:5px; /*background:#fff;*/ } #tweetandrss ul{ padding:0px; margin:15px 20px 0px 0px; } #tweetandrss li{ float:left; list-style-type:none; margin:0px 0px 0px 0px; /*padding:0px 0px 5px 10px;*/ } #tweetandrss li a{ color:#777777; text-transform:uppercase; font-size:10px; padding:12px 30px 10px 10px; } #tweetandrss li a:hover{ color:#fff; text-shadow:0 0 2px #fff; } #twitterfeed{ background:url(images/twitter.png) right top no-repeat; } #rssfeed{ background:url(images/rss.png) right top no-repeat; } #search{ background:url(images/search.png) left top no-repeat; float:right; margin:45px 0px 0px 0px; width:320px; } #search #s{ width:210px; margin:0px 0px 0px 10px; padding:5px 10px 5px 8px; background:#ebebeb; border:#ebebeb 1px inset; color:#777; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; float:left; } #search #sb{ width:70px; /*height:30px;*/ background:#b50000; color:#fff; font-size:12px; padding:6px 0; border:#b50000 1px outset; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:-moz-linear-gradient(-90deg, #b50000, #860000); background: -webkit-gradient(linear, 0 top, 0 bottom, from(#b50000), to(#860000)); float:right; text-shadow:-1px -1px 0 #000; } /*===============FEATURE POST==============*/ #slider { margin-top:20px; margin-left:20px; margin-bottom:20px; width: 590px; height: 300px; position:relative; overflow:hidden; clear:both; border:#000 1px solid; } /* override single pane */ #slider div.item { float:left; display:block; width:610px; font-size:14px; position:relative; } /* our additional wrapper element for the items */ #slider .items { width:20000em; position:absolute; clear:both; margin:0px 0 0 0 ; padding:0; left:-400px; } #slider .less, #slider .less a { /*color:#999 !important;*/ font-size:11px; } #slider .title{ margin-top:20px; width:300px; float:left; } #slider .title h2{ padding-bottom:10px; font-size:26px; line-height:30px; border-bottom:#d7d7d7 1px solid; } #slider .info { position: absolute; width: 580px; top: 220px; left: 0px; background: #111; opacity: .75; filter: alpha(opacity=75); padding: 10px 5px 10px 5px; margin: 0px; text-align:center; } #slider .info h2{ font-size: 16px; color: #fff; padding: 5px 30px; overflow: hidden; } #slider .info p{ margin: 0px 5px; font-size: 12px; line-height: 15px; color: #f0f0f0; padding: 0px 30px; } #slider .datefeat{ color:#919191; } #slider .info a{ text-decoration: none; color: #fff; } #slider .info a:hover{ text-decoration: underline; } #slider a.prev{ position:absolute; left:0px; top:235px; display:block; height:30px; width:30px; background:url(images/prev.png) left top no-repeat; } #slider a.next{ position:absolute; right:0px; top:235px; display:block; height:30px; width:30px; background:url(images/next.png) left top no-repeat; } /*===============THE BODY==================*/ #postsdesc{ margin:40px 20px 20px 100px; padding:0px 0px 10px 0px; color:#ffffff; } #postsdesc h2{ margin-left:0px; padding-left:0px; } #thebodyhead{ height:2px; } #thebody{ background:url(images/bgbody.png) center top repeat-y; width:940px; margin:0 auto; position:relative; padding-bottom:0px; /*overflow:auto;*/ -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; } #thebodybottom{ background:#fff url(images/cbottom.png) center bottom no-repeat; height:10px; } #content{ float:left; position:relative; width:632px; } #content .datepost{ background:url(images/date.png) left top no-repeat; float:left; width:90px; /*height:80px;*/ color:#545454; font-family:Georgia, "Times New Roman", Times, serif; font-size:48px; letter-spacing:0px; text-align:center; padding:0px 0px 0px 0px;; line-height:30px; margin-top:10px; margin-left:10px; /*text-shadow:0px 1px 1px #666666;*/ } #content .datepost span{ font-size:12px; font-weight:normal; } #content .posthead{ padding:0px 20px 0px 0px; float:left; margin-left:0px; margin-top:20px; width:520px; } #content #archinfo{ background:url(images/hbevel.png) left bottom repeat-x; padding:10px 0; margin:20px 20px 0 20px; } #content #archinfo h2{ padding-left:0px !important; } .thumb{ margin-left:20px; border:#fff 5px solid; } .posthead h2{ margin:0px; padding:0px 0px 0px 20px; font-weight:normal; } #content h2 a{ color:#830000; font-size:24px; text-decoration:none; } #content .meta{ clear:both; margin:0px 0px 0px 0px; padding:0px 0px 10px 20px; color:#777777; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; background:url(images/hbevels.png) bottom left repeat-x; } .post_content .body{ padding:0px 0px 0px 20px; margin:0px 20px 0px 0px;; overflow:hidden; font-size:14px; } .body{ overflow:hidden; line-height:18px; clear:both; } .body blockquote{ font-style:italic; margin-left:20px; margin-right:10px; padding:5px 10px 5px 10px; border-left:#cdcdcd solid 4px; background:#dedede; } .body ol { list-style: decimal inside; } .body ol { padding: 10px 0px 10px 20px; margin: 0px; } .body ol li { padding: 2px 0px 2px 0px; } .body ul { list-style:square inside; } .body ul { padding: 0px 0px 0px 20px; margin: 0px; } .body ul li { padding: 2px 0px 2px 0px; } .bb{ background:url(images/hbevel.png) top left repeat-x; height:2px; margin:0px 20px 0px 20px; } .more{ margin:0px 0px 0px 0px; padding:6px 0px 0px 20px; position:relative; text-transform:capitalize; font-size:11px; font-family:Arial, Helvetica, sans-serif; width:300px; height:30px; display:block; } .more a{ color:#fff; background:#c7c200; padding:6px 5px; margin-top:6px; position:relative; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border:#b50000 1px outset; background:#b50000; background:-moz-linear-gradient(-90deg, #b50000, #860000); background: -webkit-gradient(linear, 0 top, 0 bottom, from(#b50000), to(#860000)); text-shadow:0 -1px 0 #000; } .more a:hover{ border:#222222 1px outset; background:#555555; background:-moz-linear-gradient(-90deg, #555555, #222222); background: -webkit-gradient(linear, 0 top, 0 bottom, from(#555555), to(#222222)); } .Nav{ margin:20px auto; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .Nav a{ margin-left:5px; } .Nav .on{ margin-left:5px; } .socialbookmark{ clear:both; padding:10px 0px 0px 0px; margin:0px 20px 0px 20px; background:url(images/hbevel.png) bottom left repeat-x; display:block; position:relative; height:40px; } .socialbookmark ul{ padding-left:0px; margin-top:8px; display:block; } .socialbookmark li { float:left; list-style-type:none; margin:0px 4px 5px 0px; } .socialbookmark .bwith{ font-weight:normal; padding-top:2px; color:#674400; margin-right:10px; } .socialbookmark .shareicon{ max-width:24px; max-height:24px; } #sidebar{ width:308px; margin:0px 0px 0px 0px; float:left; position:relative; padding:20px 0px 0px 0px ; font-size:13px; } #sidebar li{ list-style:none; } #adsblock { background:url(images/bgads.png) right top no-repeat; text-align:center; width:290px; height:280px; /*background-color:#fff;*/ padding:10px 0px 0px 0px; margin:-10px 0px 10px 10px; display:block; } #adsblock h4{ text-align:left; } #adsblock img{ width:125px; height:125px; margin:4px; } #tab-posts a{ color:#537500; } #tab-posts p{ padding:0px 0; } #tab-posts .datetp{ font-size:10px; padding-bottom:0px; } .widget{ margin-bottom:0px; padding:20px 0px 20px 10px; background:url(images/widget.png) left top no-repeat; font-family:Georgia, "Times New Roman", Times, serif; } .widget h2{ padding:8px 0px 8px 10px; color:#000; font-size:18px; text-transform:capitalize; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-shadow:0px 1px 1px #fff; } .widget li{ /*list-style-type:none;*/ } .widget ul { padding-left:10px; width:280px; } .widget ul li { background:url(images/bullet.gif) 1px 7px no-repeat; /*border-bottom:#006dbf dashed 1px;*/ list-style:none; padding-left:15px; margin-top:0px; padding-bottom:5px; margin-top:5px; /*border-bottom:#ffebc5 solid 1px;*/ } .widget ul li a{ /*color:#000000;*/ text-decoration:none; } #footer{ width:100%; /* background:-moz-linear-gradient(-90deg, #b50000, #860000) ; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#b50000), to(#860000)) ; */ background:#8e0101 url(images/bgfooter.png) left top repeat-x; padding-bottom:10px; } #footerwidgetbody{ width:940px; position:relative; overflow:auto; margin: 0 auto; } .footerwidget{ float:left; width:290px; margin:0px 10px 0px 10px; padding:20px 0px 20px 0px; color:#fdfdfd !important; font-size:12px; overflow:hidden; } .footerwidget a{ color:#ed0000; } .footerwidget h3{ padding-top:0px; margin-top:0px; margin-bottom:20px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#fff; text-shadow:0 -1px 0 #000; } .footerwidget p{ line-height:20px; color:#fdfdfd; } .footerwidget ul{ margin:0px 0px 0px 0px; list-style-type:none; padding:0px; } .footerwidget ul li{ margin:0px 0px 10px 0px; list-style-type:none; } #footer_copyright{ width:940px; height:32px; padding-top:20px; margin:0px auto; text-align:center; font-size:11px; color:#fdfdfd; background:#980000 url(images/dahsed.png) left bottom repeat-x; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; } #footer_copyright a{ color:#cceeee; text-decoration:underline; font-weight:bold; } /* ================================COMMENTS========================== */ #comments { clear:both; float:left; margin:20px 20px 0px 20px; padding:0px 0px 0px 0px; } #comments h2{ padding:10px 0px 20px 0px; font-weight:normal; } #comments .even{ } #comments a { /*color:#666;*/ } #comments p.notice { margin:0 0 10px 0; padding:0px; text-align:center; font-weight:bold; } #comments .commentlist { clear:both; list-style:none; margin:0 0 10px 0; padding:0; } #comments .commentlist li { clear:both; padding:0px; margin:10px 0 0px 0; font-size:12px; } #comments .commentlist li div.comment-body { padding:10px; } #comments .commentlist li.pingback div.comment-body, #comments .commentlist li.trackback div.comment-body { border:none; } #comments .commentlist li div.comment-author .avatar { padding:0; margin:0 10px 0 0; float:left; width:50px; height:50px; border:5px solid #fff; } #comments .commentlist li div.comment-author cite { font-size:12px; color:#6b6b6b; text-transform:capitalize; font-style:normal; } #comments .commentlist li div.comment-author .says { margin-left:3px; display:none; } #comments .commentlist li div.comment-meta { margin-bottom:10px; font-size:12px; color:#000000; /*border-bottom:5px solid #E0E4CC;*/ } #comments .commentlist li div.comment-meta a { text-decoration:none; color:#000000; } #comments .commentlist li p { padding:0; margin:0 0 10px 0; } #comments .commentlist li .reply { float:right; font-style:italic; } #comments .commentlist .depth-2{ /*border-top:#ffe9c3 solid 1px;*/ } #comments .commentlist li .reply a { float:left; margin:0 0 0 0; padding:5px 8px; font-size:11px; } #comments .commentlist li.pingback .reply, #comments .commentlist li.trackback .reply { display:none; } #comments .commentlist li ul.children { float:left; clear:both; list-style:none; padding:0 0 0 10%; margin:0; width:90%; /*background:url(images/comment_reply.jpg) top left no-repeat;*/ } #comments .commentlist li ul.children li { clear:both; float:left; margin:0px 0 0 0; padding:0; width:100%; } #comments .commentlist li #respond { margin:20px 0 0 0; } #comments .commentlist li:after, #comments .commentlist li div.comment-body:after, #comments .commentlist li ul.children li:after { content:""; display:block; height:0; clear:both; visibility: hidden; } #comments #respond { clear:both; margin:0 0 30px 0; padding:0px 0px 0px 0px; } #comments #respond .cancel-comment-reply { float:left; margin:-10px 0 20px 0; text-transform:uppercase; } #comments #respond .cancel-comment-reply small a { float:left; } #comments #commentformdiv{ position:relative; display:block; overflow:auto; padding:20px 0px 0px 0px; } #comments #respond .form { clear:both; /*float:left;*/ margin:0; padding:0; } #comments #respond .form p { position:relative; float:left; width:100%; margin:0 0 20px 0; padding:0; } #comments #respond .form p label { float:left; width:35%; margin-top:4px; font-size:12px; } #comments #respond .form p label small { margin-left:5px; font-size:10px; } #comments #respond .form .tf, #comments #respond .form textarea.tf { float:right; width:55%; margin:0px 0px 0px 10px; padding:5px 10px 5px 8px; background:#fff; border:#ebebeb 1px inset; color:#777; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #comments #respond .form #submit { float:right; padding:5px 11px 5px 11px; text-transform:uppercase; background:#b50000; color:#fff; font-size:12px; border:#b50000 1px outset; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:-moz-linear-gradient(-90deg, #b50000, #860000); background: -webkit-gradient(linear, 0 top, 0 bottom, from(#b50000), to(#860000)); text-shadow:-1px -1px 0 #000; } .comment{ padding:5px 5px 5px 5px; display:block; background:url(images/hbevel.png) left bottom repeat-x; } .comment p{ display:block; } .comment-author{ margin-top:0px; margin-left:5px; }