/* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ body { background:#111; font:12px Verdana, Arial, Helvetica, sans-serif; color:#333; } a { color:#444; text-decoration:underline; } a:hover { color:#000; text-decoration:underline; } .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } img.centered{ display: block; margin-left: auto; margin-right: auto } img.alignright{ padding: 4px; margin: 3px 0 2px 10px; display: inline } img.alignleft{ padding: 4px; margin: 3px 10px 2px 0; display: inline } .alignleft{ float: left } .alignright{ float: right } hr { color:#fffdea; border:none; border-bottom:1px dotted #372322; margin-bottom:22px; clear:both; } /* -------------------------------------------------- Structure -------------------------------------------------- */ #page { width:980px; margin:15px auto; background:#fff; } #header { height:103px; background:#fff; margin-top:7px; } #header-in { background:#fff; } #navi { border-top:1px solid #989898; border-bottom:1px solid #989898; margin:0 20px; } #content { float:left; } #sidebar_l { float:left; } #sidebar_r { float:right; } #content, #sidebar_l, #sidebar_r { padding-top:10px; padding-bottom:15px; } #footer { clear:both; padding:13px 0 15px 0; height:100%; overflow:hidden; border-top:3px double #ccc; } /* -------------------------------------------------- Header -------------------------------------------------- */ .h_left { width:555px; float:left; position:relative; } .h_right { width:380px; float:right; padding:15px 0 0 0 ; } h1.logo { position: relative; display: block; width:300px; height:40px; font-size:18px; padding:28px 0 20px 20px; border-bottom:none; } .logo span { width: 100%; height: 100%; position:absolute; bottom:0; left:0; } .logo span, .logo span a { width:244px; height:40px; background:url(1-default/logo.png) no-repeat; } .logo span a { display:block; background:url(1-default/logo.png) no-repeat; cursor:pointer; } .logo a:hover { text-decoration:none; color:#a83a01; } /*=== Logo Spot ===*/ #header-in .blog-title{ padding:25px 0 0 0; } #header-in .blog-title a { color:#e3c273; font:normal 32px Arial; text-transform:uppercase; text-decoration:none; padding:10px 15px } #header-in .blog-title a:hover{ text-decoration:none; color:#fff; background:none } #header-in .blog-description{ color:#5E4E38; font-size:14px; padding:0 15px 20px 15px } #header-in h1.logo { text-decoration:none; border:none } #header-in h1.logo a:hover{ background:none; color:#fff; } #header-in h1.logo { margin:28px 0 20px 0; padding:0 } #header-in p.description { position:absolute; left:70px; top:73px; padding-bottom:20px; text-transform:uppercase; color:#ad9778; font-size:12px; } #header-in .h_right p { font-weight:bold; margin:0; padding:6px 0 6px 25px; color:#eb8d59; border-bottom:1px dotted #b0b0b0; } #header-in .h_right p a { color:#7d7d7d; text-decoration:none; } #header-in .h_right p a:hover { color:#333; } .i_rss { background:url(1-default/i_rss.png) no-repeat 0 7px; } #header-in .h_right p.i_email { background:url(1-default/i_subscribe.png) no-repeat 0 6px; border:none; } /* -------------------------------------------------- navigation -------------------------------------------------- */ #nav { clear:both; width:960px; margin:0 auto; } #nav li { margin:0; float:left; font:17px Arial, "Times New Roman", Times, serif; } #nav li a { padding:10px 20px; clear:both; display:block; color:#333; text-decoration:none; border-right:1px solid #d0cdcb; } #nav li a:hover { color:#990000; } #nav li.current_page_item a{ color:#990000; } /* -------------------------------------------------- Home & widget -------------------------------------------------- */ ul { margin:0; padding:0; list-style:none; } p { margin:0 0 10px 0; padding:0; line-height:20px; } h3 { margin:10px 0 10px 0; padding:0; color:#555; } .widget-spot, .widget { margin:6px 0 20px 0; padding:0 } #content .widget h3, #sidebar_l .widget h3, #sidebar_r .widget h3 { margin:0 0 10px 0; letter-spacing:1px; padding:0; font:10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; } #content .widget h3 span, #sidebar_l .widget h3 span { padding:0; } #sidebar_r .widget h3 { padding:5px 10px 5px 0px; } .galler_link_space { margin-top:-28px; } p.more { text-align:right; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; clear:both; } p.more a { color:#000; text-decoration:none; } p.more a:hover { color:#990000; } .ad-box { border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf; padding:10px 0; margin-bottom:20px; text-align:center; } .ad-box2 { border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf; padding:10px 0 0 0 ; margin-bottom:20px; text-align:center; } .ad-box2 img { margin-bottom:10px; } .about_author { padding:0px 15px 10px 15px; width:220px; min-height:310px; _height:310px; float:left; border-right:1px solid #ccc; } #content .about_author img { float:left; border:1px solid #444; margin:0 12px 0 0; } #content .about_author p { margin:0; padding:0; font-size:12px; color:#555; } #twitter { background:#fff url(1-default/twitterbg.png) no-repeat top right; padding:7px 0px 15px 0; width:250px; min-height:310px; _height:310px; float:right; } .widget #twitter h3 span { background:none; padding:0; } .widget #twitter li { list-style:none; margin:0; padding:0; border-bottom:1px dotted #8b7b79; padding:10px 0; line-height:18px; font-size:12px; background:none; color:#555; } .widget #twitter li span a { color:#444; text-decoration:underline; } .widget #twitter li span a:hover { color:#000; text-decoration:underline; } .widget #twitter li a { color:#717171; text-decoration:none; } .widget #twitter li a:hover { color:#333; text-decoration:none; } #sidebar_l .widget .postlist li { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #dadada; background:none; } #sidebar_l .widget .postlist li p { font-size:11px; color:#555; line-height:18px; } #sidebar_l .widget .postlist li h4 { font:17px Georgia, "Times New Roman", Times, serif; margin:0 0 0px 0; padding:0; } #sidebar_l .widget .postlist li h4 a { color:#161616; text-decoration:none; } #sidebar_l .widget .postlist li h4 a:hover { color:#990000; text-decoration:none; } #sidebar_l .widget p { margin:0; padding:0; } .widget .postlist li span.comments, .widget .postlist li span.comments a { color:#9d9c9c; } .widget .postlist li span.comments a { padding:0 3px; text-transform:uppercase; font-size:10px; text-decoration:none; } .widget .postlist li span.comments a:hover { color:#000; } .flickr_badge_image{ float:left; list-style:none; margin:0 3px 10px 0 } .flickr img{ border:3px solid #d4d4d4; background:#fff; padding:0px; float:left; width:70px; height:70px; } .flickr img:hover{ border-color:#9d9d9d } #sidebar_r li { margin:0; padding:5px 0 5px 16px; border-bottom:1px solid #ccc; background:url(1-default/bullet.png) no-repeat 0px 10px; } #sidebar_r li a { color:#444; text-decoration:none; } #sidebar_r li a:hover { color:#000; text-decoration:none; } #sidebar_r .ad-box2 { clear:both; overflow:hidden; height:100%; } #searchform { background:#111; padding:8px; position:relative; margin-bottom:-10px; overflow:hidden; } #searchform label { display:none; } #searchform #s { font:12px Georgia, "Times New Roman", Times, serif; width:135px; color:#666; background:#fff; border:1px solid #bababa; padding:4px; } #searchsubmit { position:absolute; right:12px; top:15px; width:14px; height:14px; cursor:pointer; background:url(1-default/i_search.png) no-repeat; border:none; text-indent:-9009px; } * html #searchsubmit { letter-spacing:-125px; } *+html #searchsubmit { letter-spacing:-125px; } .widget .gallerylist, #content .gallerylist { margin:0 0 20px -20px; padding:0; overflow:hidden; } * html .widget .gallerylist, * html #content .gallerylist { margin:0 0 20px 0px; width:540px; } .widget .gallerylist li, #content .gallerylist li { margin:0 20px 0 0; padding:0; float:left; width:250px; height:180px; position:relative; background:none; } * html .widget .gallerylist li, * html #content .gallerylist li { margin:0 0 0 0; height:178px; } .widget .gallerylist li a, #content .gallerylist li a { margin-left:20px; _margin:0 10px 0px 0; padding:3px; background:#cfcfcf; display:block; float:left; width:240px; text-decoration:none; } * html .widget .gallerylist li a, * html #content .gallerylist li a { overflow:hidden; margin:0 10px 20px 0; } .widget .gallerylist li a:hover, #content .gallerylist li a:hover { background:#a6a6a6; } #content .gallerylist li a span { display:none; } #content .gallerylist li a:hover span { display:block !important; color:#fff; cursor:pointer; background:#000; width:186px; position:absolute; left:23px; _left:4px; top:120px; padding:8px 10px; opacity:0.8; } #content .gallerylist li .i_zoom { position:absolute; right:-13px; _right:0px; background:#000; top:120px; padding:9px 10px; width:15px; border:none; width:none; opacity:0.8; } #content .gallerylist li .i_zoom:hover { width:15px; border:none; background:#000; } * html #content .gallerylist li .i_zoom { position:relative; right:-219px; top:-61px; padding:9px 5px; width:15px; display:block; border:none !important; } * html #content .widget .gallerylist li .i_zoom:hover { padding:9px 5px; width:15px; border:none !important; } *+html #content .gallerylist li .i_zoom { padding:8px 10px 7px 10px; } #content .post_img .i_zoom2 { position:absolute; right:8px; bottom:8px; background:#000; padding:10px; display:block; opacity:0.8; } .post_img { border:1px dashed #ccc; padding:8px 5px; overflow:hidden; background:#eee; margin-bottom:10px; position:relative; text-align:center; } /* -------------------------------------------------- Content -------------------------------------------------- */ .breadcrumb { font:bold 10px Georgia, "Times New Roman", Times, serif ; text-transform:uppercase; padding:0px 0 10px 0px; margin:0; } .breadcrumb a { font-weight:normal; text-decoration:none; padding:0 3px 0 0; margin:0; text-align:left; text-decoration:none; } .breadcrumb strong { padding:0 0 0 5px; margin:0; font-weight:normal; font-size:11px; text-align:left } .breadcrumb a:hover { text-decoration:underline; } blockquote { margin:10px 0 20px 0; padding:10px 0 18px 0; overflow:hidden; height:100%; } blockquote p { padding:3px 10px 8px 10px; font:14px "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-weight:bold; line-height:18px; color:#fff; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } blockquote cite { font-size:12px; float:right; font-weight:bold; font-style:normal; } #content ul { margin:10px 0; } #content ul li ul { margin:5px 0 0 0; } #content li { margin:0; padding:5px 0 5px 16px; background:url(1-default/bullet.png) no-repeat 7px 11px; font-size:14px; color:#333; } #content li ul li { margin:0; padding:5px 0 0px 16px; background:url(1-default/bullet.png) no-repeat 7px 11px; } #content li a { color:#555; text-decoration:none; } #content li a:hover { color:#000; text-decoration:none; } #content h1 { margin:0 0 15px 0; padding:0; color:#000; } #content h2 { color:#333; } #content p { color:#333; font-size:12px; } #content ol { margin:10px 0; } #content ol li ol { margin:5px 0 0 0; } #content ol li { list-style-type:decimal; margin:5px 0 5px 25px; padding:0; background:none; color:#333; } #content li ol li{ list-style-type:decimal; margin:5px 0 5px 25px; padding:0; background:none; } .imgleft { float:left; margin:0 12px 0 0; padding:4px; background:#fff; border:1px dashed #ccc; } .imgright { float:right; margin:0 0 0 12px; padding:4px; background:#fff; border:1px dashed #ccc; } .posts { margin-bottom:20px; border-bottom:3px double #d0d0d0; padding-bottom:20px; } .post_top { margin-bottom:10px; } .post_comments { background:url(1-default/comments.png) no-repeat; float:right; margin-top:5px; width:34px; height:29px; text-align:center; font:14px Georgia, "Times New Roman", Times, serif; } .post_comments a { text-decoration:none; color:#000; } .post_comments a:hover { color:#990000; } .post_top h3 { margin:0; padding:0; text-transform:inherit; color:#000; width:470px; } .post_top h3 a { text-decoration:none; color:#000; } .post_top h3 a:hover { color:#990000; } #content .posts p.postedby { margin:0; padding:5px 0 0 0; width:470px; float:left; font:10px Georgia, "Times New Roman", Times, serif; color:#999; } .month { text-transform:uppercase; } .postedby { text-transform:uppercase; color:#555; } .postedby a { color:#999; text-decoration:none; } .postedby a:hover { color:#333; } .posts h1 { font-size: 25px; } .posts h2 { font-size: 23px } .posts h3 { font-size: 21px } .posts h4 { font-size: 19px;} .posts h5 { font-size: 17px } .posts h6 { font-size: 15px } h1,h2,h3,h4,h5,h6 { font-family:Georgia; font-weight:normal; font-variant:normal; color:#990000; } dl,hr,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 } p { padding:0px 0 10px 0; line-height:20px; margin:0 } code { line-height:18px; background:#cfcfcf; } #content p.price { font-size:16px; } #content .post_content p.price:first-letter { font-size:16px; margin:5px 0; padding:0; } /*---------PAGE NAVIGATION - pagination --------- */ .pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 } .Navi { float: right; padding:25px 25px 25px 0; } .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; color:#fff; background:#990000 !important } .Navi a { text-decoration: none !important;display: block; float: left; padding: 3px 7px; margin-left: 4px; border:1px solid #ccc; color: #666; } .Navi a:hover { color:#333; background: #ccc } /*---------COMMENTS --------- */ #comments{ padding:0 10px 0 10px; margin:0 } #comments_wrap{ padding:20px 0 0 0; margin:20px 0 0 0; } #comments h3{ font:normal 18px Georgia; padding:0 0 20px 0; margin:0 } #comments .commentlist { padding:0; margin:0 } #comments ol{padding:20px 0;} #comments .comment { margin: 10px 0 0 0; padding:0; width: 100%; list-style:none } #comments .comment a{ text-decoration:none; padding:1px 0 } #comments .comment a:hover{ } #comments .comment .meta-left { width: 90px; float:left; } #comments .comment .meta-left p{ padding:2px 0 0 0; margin:0 } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0; color:#333; } #comments ul.children { margin:10px 0 0 20px; padding:0 } #comments .comment .authcomment{ } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; padding:5px 0 0 0 } span.comm-reply a, span.comm-reply a:hover{ font-size:13px; } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0 } #respond a{ } #respond textarea, .commpadd input{ } #respond textarea { margin:0; padding:0 } .commpadd input{ padding:6px; float:left; } .commpadd label{ padding:5px 0 0 0px; display:block; float:left; } .commpadd { height:100%; overflow:hidden; padding-bottom:6px; } input#submit{ font:bold 12px Georgia, "Times New Roman", Times, serif; cursor:pointer; text-align:center; padding: 5px; width:140px; margin:0 0 0 120px; _margin:0 0 0 125px; background:#000; color:#fff; border:none; } #respond textarea, .commpadd input{ font:12px Arial, Helvetica, sans-serif; width:260px; line-height:normal; background:#eee; border:1px solid #cbcbcb; color:#333; } #respond .commpadd textarea { line-height:normal; width:270px; } #respond label { width:120px; float:left; } .avatar { border:1px solid #666; padding:2px; background:#eee; } #respond h3, #comments_wrap h3 { border-bottom:1px dashed #ccc; margin:15px 0 0 0; padding:0; color:#333; } /*---------COMMENTS color settings --------- */ #comments_wrap{ border-top:1px solid #ccc } #comments .comment { background:none; } #comments .comment a{ color:#666; border-bottom:1px solid; font-size:11px; } #comments .comment a:hover{ color:#000 } #comments .comment .meta-left { color:#333 } #comments .comment .text-right { background:#eee url(1-default/commentbg.png) no-repeat left center; padding-left:20px; } #comments .comment .authcomment{ } span.comm-reply{ color:#666; } .red { color:#990000; } /* -------------------------------------------------- footer -------------------------------------------------- */ #footer { overflow:hidden; font-size:11px; } #footer .copyright{ color:#555; padding:0; margin:0 0 8px 0; line-height:18px; } #footer .copyright a{ color:#555; text-decoration:none; } #footer .copyright a:hover{ color:#dd9988; text-decoration:none; } #footer .copyright .fr { margin-right:-12px; } #footer .copyright .fr li{ display:block; float:left; padding:0 10px 0 0px; margin:0 0 0 10px; line-height:12px; border-right:1px solid #746f60; } /* P.I.E. FLOAT CLEARING See http://www.positioniseverything.net/easyclearing.html --------------------- */ .clearfix:after { content:"."; clear:both; height:0; visibility:hidden; display:block; } .clearfix { display: inline-block; /* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */