/* @override http://muthemes.com/kundera/wp-content/themes/kundera/style.css */ /* @override http://s130236.gridserver.com/yeats/wp-content/themes/kundera/style.css */ /* @override http://drippl.com/wp-content/themes/kundera/style.css */ /* Theme Name:Kundera Theme URI:http://www.justinyoung.me Description: Kundera is a creative WordPress minimalist tumblog built by the minimalist gallery people at Siiimple.com. It's stylish, simple, powerful, and pretty darn unique if you think about it. It has a dark and light color scheme, a whole bunch of admin options, a couple custom post types for your portfolio, three different slider options. I mean, really, what couldn't be cooler than this theme?! Version:1 License: GNU General Public License License URI: license.txt Author:Justin Young Author URI:http:www.justinyoung.me Tags:post types, golden grid, tumblog, creative, minimalist */ /*Visit Siiimple.com for more custom minimalist themes.*/ /*----------------------------------------------------------------------------------- 0. CSS Reset 1. Grid 2. Header 3. Container 4. Navigation 5. Post 6. Sidebar 7. Slideshow 8. Post Slideshow 9. Tabs 10. Foot 11. Single 12. Comments 13. Portfolio 14. Shortcodes -----------------------------------------------------------------------------------*/ /*0***********************************************Reset**/ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0} table{border-collapse:collapse; border-spacing:0} fieldset, img{border:0} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal} ol, ul, li{list-style:none} caption, th{text-align:left} h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal} q:before, q:after{content:''} strong{font-weight:bold} em{font-style:italic} a img{border:none} html, body, div{border:0; margin:0; padding:0} .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } .sticky { } .wp-caption-text {font-size:11px;} .gallery-caption {font-size:11px;} .bypostauthor {font-size:11px;} ul.display {display: inline; float:left; } ul.display li { float: left; margin-left: 30px !important; list-style: none !important;} ul.display li:first-child { margin-left: 0 !important; } /*1***********************************************Grid**/ .main{width:1078px; padding-top:0px; margin:0 auto} .g160, .g320, .g480, .g640, .g800, .g960, .g80, .g240, .g400, .g560, .g720, .g880, .g960{float:left; display:inline; margin-left:0px} .g160{width:200px} .g320{width:230px} .g480{width:470px} .g640{width:655px; border:1px solid #eee; background:white; padding:15px; margin-bottom:0px} .g800{width:790px} .g960{width:950px} .g80{width:70px} .g240{width:230px} .g400{width:390px} .g560{width:550px} .g720{width:710px} .g880{width:870px} .clear{clear:both; height:1px} .clearfix:after, .main:after{visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0} .clearfix, .main{display:block} body{border-top:5px solid #444; font-family:"Crimson Text"; color:#444; text-align:justify} ul li{list-style:none} p{font-family:"Crimson Text"; font-size:16px; line-height:24pxp} h1, h2, h3, h4, h5{font-family:"Crimson Text"; margin-bottom:10px} h1{font-size:20px} h2{font-size:20px} h3{font-size:18px} a{color:#8E0085; text-decoration:none} h1.title{text-decoration:none; padding-right:0px !important; margin-top:0px; margin-bottom:20px} h1.title a{color:#8E0085} h2.title{margin-bottom:10px} h2.title a{color:#8E0085; padding-right:0px !important} .top{margin-top:0px; padding-bottom:32px; margin-bottom:0px; background: #333 url(framework/images/topdark.png);} .full-tag { border-top: 1px solid #444; background: url(framework/images/bottomdark.png)bottom repeat-x; border-bottom: 3px solid #ccc; padding-top: 20px; padding-bottom: 20px; } body { background:url(framework/images/foot-bg.png); } /*2***********************************************Header**/ h1.theme-name a{ font-size: 28px; color:#8E0085; text-decoration: none; text-shadow:0px 0px 0 rgba(0,0,0,0.5); } h1.theme-name a:hover { color:#8E0085; } h1.theme-name { margin-bottom: 0; } p.description { color: #a931a1; text-shadow:0px 0px 0 rgba(0,0,0,0.5); padding: 0; margin:0; } #logo{padding-top:30px; background:none} .full-page{margin-top:100px; padding-top:20px; padding-bottom:20px} p.tagline, h2.archive{font-family:"Crimson Text"; font-style: italic; font-size:0px; line-height:0px; color:#f1eee5; text-shadow:0px 0px 0 rgba(0,0,0,0.5); text-align:center; font-weight: 100;} .up{position:absolute; margin-left:421px; margin-top:27px; z-index:100} .down{position:absolute; margin-top:-21px; margin-left:2px} #tagline.g960{ width:854px;margin-top:0px; margin-bottom:0px; padding-left:100px !important; padding-right:100px !important; padding-top:0px; padding-bottom:0px; text-align:left} span.top-tag { font-style: normal; font-size: 32px; } span.bottom-tag { font-size: 22px; color: #777; } .icon-quote{position:absolute; opacity:.3; margin-top:-50px} blockquote p{margin-top:50px; font-family:"Crimson Text"; font-weight:100; font-style:italic; font-size:24px; color:#8E0085; padding:10px; line-height:32px} blockquote a{text-decoration:none} blockquote a p:hover{color:#8E0085} /*3***********************************************Container**/ #content{margin-bottom:50px} #container{float:left; width:840px; margin-top:20px; padding-bottom:30px} ul.meta{margin-bottom:20px} ul.meta li a{font-family:"Droid Sans"; display:inline; color:#444; font-size:12px} ul.meta li{font-family:"Droid Sans"; display:inline; color:#444; font-size:12px} li.comment a{text-decoration:none} li.comment a:hover{color:#8E0085} .g240 li{margin-bottom:30px} .g240 li p{font-family:"Droid Sans"; line-height:22px; font-size:12px} ul.clearfix li ul li{margin-bottom:5px; font-size:14px} ul.clearfix li a{color:#51a5ec} .link{margin-top:50px} a.link-meta{font-family:"Crimson Text"; font-weight:100; font-style:italic; font-size:40px; color:#ccc; text-decoration:none} h3.toggle{color:#8E0085; font-size:11px} .arrow img{position:absolute; margin-top:-27px} .full-top{background:#111; height:20px} .post img{float:left} p.twitter{font-size:11px; font-family:"Droid Sans"; color:#ccc} .icon img{margin-right:10px; position:absolute; margin-top:-40px} input#s{background: #fcfcfc; border:1px solid #ddd !important; color:#ccc} /*4***********************************************Navigation**/ #nav.g640{border:none; width:743px; padding:0; margin-top: 43px; margin-bottom: 0; background:none} #nav.g640 ul{margin-top:0px; float:right; } #nav.g640 ul li{display:inline; float:left; margin-left:10px; padding: 0px;background: #333;} #nav.g640 ul li a{font-size:14px; font-family:"Crimson Text"; color:#8E0085; text-shadow:0px 1px 0 rgba(0,0,0,0.5); text-decoration:none;} .sf-menu a:focus,.sf-menu a:active { background: url(framework/images/darkmenu.png); outline: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } a.sf-with-ul, #nav.g640 ul li a { background: url(framework/images/topdark.png); } #nav.g640 ul li a:hover { background: url(framework/images/darkmenu.png); outline: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } ul.sub-menu li:hover { background: #444 !important; border-bottom: 1px solid #444 !important; } ul.sub-menu li a:hover { -webkit-border-radius: 0px !important; -moz-border-radius: 0px; border-radius: 0px; } p.submenu{font-family:"Crimson Text"; font-style:italic; color:#ccc; margin-top:0px; font-size:12px} li.nav-one{padding-left:0 !important} li.nav-three{border-right:none !important} li.date, li.date-image{font-size:12px; margin-left: 5px; font-family:"Droid Sans"; color:#8E0085 !important} span.sf-sub-indicator { margin-top: 3px; } /*5***********************************************Post**/ .g640{background: #fcfcfc; width:230px; border:1px solid #ddd; margin-right:15px !important; margin-bottom:40px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .g640:hover{border:#ccc 1px solid} .g640 h2 {margin-top:0px; text-align:left} .g640 h2 a{color:#8E0085; text-decoration:none;} .g640 h2 a:hover, .g640 .meta ul li.comment a:hover{color:#8E0085} .g640 .meta ul li.comment a{color:#ffffff} .meta ul li{display:inline; float:left; margin-right:5px; font-size:12px; color:#ccc} #gallery.g640 div.meta { margin-top: 60px !important; } .meta{border-top:1px solid #eee; margin-top:20px; margin-bottom:20px; padding-top:20px; padding-left:12px} .meta ul li.date, .meta ul li.date-image{ color: #8E0085 !important; background:url(framework/images/foot-bg.png); padding: 4px 3px 4px 3px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top: -4px; font-size: 11px; border: 1px solid #ddd;} div.meta a{text-decoration:none !important; color: #8E0085;} li.date-image{background: #eee; color: #8E0085;} /*6***********************************************Sidebar**/ #sidebar.g160{margin-top:20px; margin-right:38px} #sidebar.g160 p{font-size:12px; line-height:22px} #sidebar.g160 li a, #sidebar.g160 li{font-size:12px} #sidebar.g160 li a:hover {color:#8E0085} ul.clearfix{margin-bottom:40px} #sidebar.g160 input{border:1px solid #ccc; padding:5px; width:150px} ul#recent_comments li img{height:48px; width:48px; float:left; margin-right:10px} #sidebar.g160 #flickr.list h1.title {display: none;} #sidebar.g160 div#flickr.list ul.flickr li img{display: inline;float: left;height: 65px;width: 65px;margin-right: 10px;margin-left: 10px;} #sidebar.g160 .list-wrap {min-height: 200px;} /*7***********************************************Slideshow**/ #s7{height:326px; margin-bottom:0px;margin-top: 40px; overflow:hidden; position:relative; width:1054px} .imgslider, #noslide{padding:15px; background:#fff;border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; min-height: 280px; } .imgslider p{margin-bottom:10px; padding-right:20px} p.slider-time { color: #999; } .imgslider h1.title{margin-top:10px; margin-bottom:10px} .imgslider h1.title a{text-decoration:none; color:#444} .imgslider h1.title a:hover{color:#51a5ec} .imgslider img{float:left; margin-right:25px; max-width:628px; max-height:280px} .imgslider p{font-size:12px} #slider-nav{display:block; height:25px; position:absolute; margin-top:-65px; margin-left:667px; z-index:200 !important} #slider-nav a{float:left; display:block; float:left; margin:0px 6px 2px 0; padding:4px 7px 3px 7px; text-decoration:none; width:auto; color:#777; font-family:"Droid Sans",arial,Helvetica; font-weight:normal; font-size:12px; border:1px solid #eee} #slider-nav a:hover{background:#444; color:#fff} #slider-nav a.activeSlide{color:#fff; background: #444; opacity:1} .pagination{ width: 813px; margin-left:245px; background: url(framework/images/pagination-border.png)top repeat-x; padding-top: 30px;} .full-pagination { margin-bottom: 100px; } body.page .pagination{margin-left:0} span.current{display:block; float:left; margin:0px 6px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; color:#fff !important; background: #444 !important;font-family:"Droid Sans",arial,Helvetica; font-weight:normal; font-size:12px; border:1px solid #ddd} .pagination a:hover{background:#444; color:#fff} .pagination a, .pagination span{background: #fff; display:block; float:left; margin:0px 6px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; color:#8E0085; font-family:"Droid Sans",arial,Helvetica; font-weight:normal; font-size:12px; border:1px solid #ddd} /*8***********************************************Post Slideshow**/ #show{width:230px; height:300px; margin-top:0px; overflow:hidden; margin-bottom:30px} div#single.g480 #show{width:480px; height:400px; margin-top:0px; overflow:hidden; margin-bottom:30px} #gallery.g640 {margin-bottom: 0px !important; max-height: 440px; padding-top: 5px;} div#single.g480 #show img{width:480px; height:400px} body.archive #show, body.search #show{width:310px; height:500px} body.archive #featured-page.g320{min-height:500px} body.archive.category.category-tweets #featured-page.g320 img{display:none} body.archive .gallery a, body.search .gallery a{border: 1px solid #ddd !important;} body.archive .gallery, body.search .gallery{margin-bottom:0px; margin-top:-5px; float:right;} .gallery{ margin-top: 10px !important; } .gallery a{float:left; display:block; margin:5px 6px 2px 0; padding:4px 7px 3px 7px; text-decoration:none; width:auto; color:#777; font-family:"Droid Sans",arial,Helvetica; font-weight:normal; font-size:12px; border:1px solid #eee} .gallery a:hover, .gallery .activeSlide{color:#fff; background: #444; } .isotope, .isotope .isotope-item{-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s} .isotope{-webkit-transition-property:height,width; -moz-transition-property:height,width; transition-property:height,width} .isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity; -moz-transition-property:-moz-transform,opacity; transition-property:transform,opacity} .isotope.no-transition, .isotope.no-transition .isotope-item{-webkit-transition-duration:0s; -moz-transition-duration:0s; transition-duration:0s} .isotope.infinite-scrolling{-webkit-transition:none; -moz-transition:none; transition:none} .list-wrap{margin-bottom:50px !important; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px;} .hide{position:absolute; top:-9999px; left:-9999px} /*9***********************************************Tabs**/ #tabs .list-wrap{background:#fff; margin:0 0 15px 0; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; } #tabs ul{list-style:none; padding-bottom:10px;} #tabs ul li{font-family:"Crimson Text";display:inherit; border-bottom:1px solid #eee; color:#8E0085; padding-bottom:5px; padding-top:20px; text-decoration:none} #tabs ul.nav li.nav-one a, #tabs ul.nav li.nav-two a, #tabs ul.nav li.nav-three a { font-family: "Droid Sans"; font-size: 11px !important; } #tabs ul li a { font-size: 13px !important; } #tabs ul li.nav-one:first-child { padding: 0; } #tabs ul li:first-child { padding-top: 10px; } #tabs ul li a:hover{color:#8E0085} #tabs ul li:last-child a{border:none} #tabs ul li:last-child {border: none;} #tabs .nav{overflow:hidden} #tabs p.date { font-size: 11px; color: #FFFFFF; } #tabs ul.nav{background: #fff;border-bottom:1px solid #ddd; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0;-moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px} #tabs .nav li{float:left; margin-right:0px; border-bottom:0; padding: 0;border-right:1px solid #ddd} #tabs .nav li.last{margin-right:0} #tabs .nav li a{display:block; color:#8E0085; font-size:12px; text-align:left; text-decoration:none;padding:10px 10px 10px 10px;} #tabs li a.current, #tabs li a.current:hover{color:#8E0085;} .tabs-title{ color:#8E0085; margin-bottom:0px; text-decoration: underline;} #tabs ul#core2 li{border-bottom:none} #tabs ul#core2 li:first-child{padding-top:10px} #tabs ul#recent_comments li{border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:10px; padding-right: 10px;} #tabs ul#recent_comments li a:hover{color:#8E0085} #tabs ul li a{color:#8E0085; text-decoration:none} #tabs ul#recent_comments li a{font-size:11px !important; font-family: "Droid Sans"; text-shadow:none; color:#999; } #tabs ul#recent_comments li{border-bottom:1px solid #eee !important} #tabs ul#comments.hide li:first-child{padding-top:15px} #tabs ul#recent_comments li:first-child{padding-top: 0px !important;} #tabs ul#comments.hide li{border-bottom:0} #tabs img.avatar {width: 40px;height: 40px;} /*10***********************************************FOOT**/ .full-bottom{background: #333 url(framework/images/topdark.png); padding:20px; padding-bottom: 0; height: 45px;border-top:1px solid #444} #foot.full-footer{background: url(framework/images/darkmenu.png); border-top:2px solid #ddd; min-height:600px !important} p.footer{font-size:12px; color:#555} p.footer a{color:#8E0085} #foot ul li{margin-bottom:5px; font-size:12px; color:#555} #foot ul li a:hover{color:#ccc} #foot .g240{margin-right:60px; width:200px; margin-bottom:50px; min-height:200px; max-height:200px} #foot{line-height:22px; background:#222; padding-bottom:50px; color:#ccc} #foot h1.title{padding-bottom:15px} #foot a{font-size:12px; color:#f1eee5; text-shadow:0px 1px 0 rgba(0,0,0,0.5)} #foot p{font-size:12px; color:#777; text-shadow:0px 1px 0 rgba(0,0,0,0.5)} #foot h1.title{ color:#f1eee5; text-shadow:0px 1px 0 rgba(0,0,0,0.5)} ul#recent_comments li{font-size:12px; margin-bottom:30px; min-height:50px} #tabs ul#recent_comments li:last-child { border-bottom: none !important; } ul#recent_comments img{margin-bottom:20px} ul#recent_comments li a{text-decoration:none; color:#444; line-height:18px} .aktt_tweets ul li{font-size:12px; color:#777 !important; text-shadow:0px 1px 0 rgba(0,0,0,0.5); margin-bottom:30px !important; padding-right:30px} span.recent_comment_name{font-family: "Droid Sans"; font-style: normal;color:#444; font-size:11px} span.comment-by{color:#ccc; font-size:11px; font-style:italic; font-family:"Droid Serif"} span.says{font-weight:normal} /*11********************************************* 13- Single*/ div#single.g480{width:497px; margin-right:30px} body.archive div#content.main,body.single div#content.main, body.page div#content.main, body.page div#content.main { margin-top: 70px; } div#single-content.g480{width:550px; } div#single-content.g480 p{margin-top:15px; margin-bottom:15px; } div#single-content.g480 ul{margin-bottom:60px: } div#single-content.g480 ul li{margin-bottom:0px; list-style:circle; margin-left:20px; font-size:12px} h1#content-title{text-align:left; font-size:32px; font-family:"Droid Sans"; margin-bottom:20px} div#single-content.g480 .meta{font-family:"Droid Serif"; padding:0} div#single.g800 img{margin-top:20px, margin-bottom:20px} div#single-content.g480 ul.meta li{margin-right:10px; margin-left:0; border-right:1px solid #eee; padding-right:10px} div#single-content.g480 ul.meta li:last-child{ border-right:0} div#single-content.g480 ul.meta{width:550px;text-align: center; background:url(framework/images/fade.png)top repeat-x; padding-top:10px; padding-bottom:0px; margin-top:10px; padding-left:0; border-bottom: 1px solid #eee;} span.meta{border-top:0; font-style:italic; color:#ccc; padding:0; font-size: 11px;} ul.meta li a:hover {color:#51a5ec;} .audio-single{float:right} .page-nav{margin-bottom:20px} .page-nav h1 a{font-size:12px; color:#8E0085} .page-nav h1{color:#ccc} /*12********************************************* 13- Comments*/ div.commentlist{width:670px; margin-top:0px; margin-bottom:100px} h3#comments{font-size:22px; margin-bottom:10px; margin-top:0px; color:#444; text-align:center; padding-top:50px; background:none; text-shadow:0px 0px -1px #333} p.comment-sub{text-align:center; font-family:"Droid Sans", helvetica; margin-bottom:80px; color:#999; padding-bottom:50px; background:#e0e0e0 url(framework/images/comment-area.png)bottom repeat-x;} div#respond{padding-bottom:50px; padding-top:30px} em.comment-awaiting-moderation{font-size:12px; color:#51a5ec; font-style:normal} div#respond h3{font-size:22px;color: #444;margin-bottom:20px; margin-top:20px; text-shadow:0px 0px -1px #333; } form#commentform p{color:#ccc; font-size:12px; padding-left:0 !important} form#commentform p label small{font-size:12px; color: #444;} form#commentform input{border:1px solid #ccc; margin-bottom:10px; padding:7px 9px; width:200px; color:#777; background:#eee} form#commentform p a{color:#444; text-decoration:underline} span.required{color:#51a5ec} input#submit{background:url(framework/images/button.png) no-repeat !important; text-align:center; height:32px; border:none; width:150px; text-align:center; height:32px; width:150px !important; margin-left:0px; margin-top:10px; color:#111 !important; border:none !important; cursor:pointer} body.single .comment{width:700px; margin:0 auto} #comment-wrap.main{margin:0 auto} #comment-area{background:#e0e0e0 url(framework/images/comment-area.png)top repeat-x; margin-top: 100px;} .comment-form-left{float:left} .comment-form-right{float:right} .comment p{text-shadow:0px 0px -1px #333; margin-top:30px; margin-bottom:30px; font-size:12px !important; line-height:22px !important; border:1px solid #ccc; padding:40px; background:#eee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#444; } textarea#comment{width:450px; min-height:200px; background:#eee; border:0; padding:15px; color:#444; font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; font-style:normal; border:1px solid #ccc} .full-comment{list-style:none} .full-comment li{margin-left:20px; padding-right:0; padding:20px; padding-position:relative; margin-bottom:40px; width:700px} .full-comment li.pingback comment-author{padding:0 270px 0 0} .full-comment li div.vcard{font-size:12px; line-height:16px; margin-bottom:5px; font-weight:bold} .full-comment li div.vcard cite.fn{font-size:12px; line-height:16px; margin-bottom:5px; font-weight:bold} .full-comment li div.vcard cite.fn a.url{font-size:12px; line-height:16px; margin-bottom:5px; font-weight:bold} .full-comment li div.vcard cite.fn a.url:hover{color:#000} div.comment-author.vcard{float:left; margin-left:0px} .comment-date{margin-left:66px; margin-top:5px} .comment-date a{font-size:11px; color:#444 !important; text-shadow:0px 0px -1px #333} cite.fn{margin-left:20px} span.says{color:#777; font-style:italic; font-family:"Droid Serif"; font-size:12px} div.reply{background:none; border-top:1px solid #e1e1e1; margin-right:0px; float:right; margin-top:-49px; padding:2px; padding-right:5px; padding-left:5px; border-left:1px solid #e1e1e1} div.reply:hover{color:#777} div.reply a{color:#777; font-style:italic; font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:11px; font-style:normal} a.comment-reply-link{background:none !important; border:none !important} div.reply a:hover{color:#51a5ec} ul.children li{padding-right:0px !important} li ul.children{list-style:none; text-indent:0} ul.children li.depth-2{margin:0 0 23px; margin-left:0px; border-left:1px solid #e4e4e4} ul.children li.depth-2 .comment{margin-top:60px; padding-left:10px; margin-bottom:60px; width:500px} div.comment em{font-family:"Droid Serif"; font-size:11px; color:#51a5ec} ul.children li.depth-3{margin:0 0 23px; margin-left:195px; width:400px} ul.children li.depth-4{margin:0 0 23px; width:300px; margin-left:100px} ul.children li.depth-5{margin:0 0 23px} ol.commentlist ul.children li.odd{background:#fff} ol.commentlist ul.children li.even{background:#fff} ol.commentlist li.pingback div.vcard{padding:0 170px 0 0} .cancel-comment-reply{margin-bottom:20px} a.url{color:#444; font-size:12px; text-transform:uppercase} a#cancel-comment-reply-link{color:#51a5ec; font-weight:normal !important} h3.sidebar{display:none} #flickr.list ul.flickr li img{float:left; display:inline; margin-right:30px; margin-bottom:20px; height:60px; width:60px} form#contact input{color:#777; padding:10px} form#contact textarea{width:250px; height:275px; padding:15px; border:1px solid #555; background:none; color:#777} form#contact input#nameinput, form#contact input#emailinput, form#contact textarea#commentinput{font-family:Droid Sans; border:1px solid #444; color:#777; text-shadow:0px 1px 0 rgba(0,0,0,0.5); background: url(framework/images/topdark.png); width:250px; padding:10px} form#contact textarea#commentinput { width: 250px !important; } form#contact input#submitinput.submit{ background:url(framework/images/button.png) no-repeat; text-align:center; height:32px; border:none; width:150px; margin-left:0px; margin-top:-10px; color:#111; cursor:pointer} #featured-page.g320{margin-right:62px; margin-bottom:105px} #featured-page.g320 h2 a:hover { color: #8E0085; } #featured-page.g320 img{margin-bottom:20px} body.page #tagline.g960 img.up, body.single #tagline.g960 img.up, body.search #tagline.g960 img.up, body.error404 #tagline.g960 img.up{margin-top:16px} /*13********************************************* 13- Portfolio*/ body.page h2 a { color: #444; font-size: 20px; } body.page h2 a:hover { color: #8E0085; } #featured-page.g320 h2 a { font-size: 20px; } #featured-page.g320 h2 a:hover { color: #8E0085; } #featured-page.g320 h2 { text-align:left } #portfolio-wide.g960{width:1052px; margin-bottom:50px; padding-bottom:50px; background: url(framework/images/pagination-border.png)bottom repeat-x;} #portfolio-wide.g960 img{float:left; margin-right:50px} /*14********************************************* 13- Shortcodes*/ .tipsy { padding: 5px; font-size: 11px; line-height: 1.4; position: absolute; z-index: 100000; } .tip {cursor: pointer;} .tipsy-inner { padding: 6px 8px; background: #1e2124 repeat-x top left; color: white; color: rgba(255,255,255,.9); max-width: 130px; text-align: center; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.5); box-shadow: 1px 1px 3px rgba(0,0,0,.5); } .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-arrow { position: absolute; background: url(framework/images/tipsy-arrow.png) no-repeat top left; width: 10px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } div.bs{ margin-top:20px; margin-bottom:20px; background:#F5F5F5; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px} div.bs p{ color:#777; font-size:12px; font-style:italic; padding-left: 30px !important; padding-right: 30px;} h3.toggle{ background:transparent url(framework/images/show.png)left no-repeat; font-size:16px; margin-top:20px; margin-bottom:15px; padding:0 0 0 20px; padding-left: 20px !important;} h3.toggle a{ color:#96248f; font-size:16px; padding-top:0px; text-decoration:none; display:block} h3.toggle a:hover{ color:#96248f} h3.active{ background:transparent url(framework/images/hide.png)left no-repeat} h3.active a:link{ color:#96248f} .toggle_content{ -moz-border-radius:6px; -webkit-border-radius:6px; background:#F5F5F5; border:1px solid #f3f3f3; clear:both; margin:0 0 20px 30px; overflow:hidden} .toggle_content .block{ padding:30px} .download{ display:inline-block; color:#fff; font-weight:normal; font-size:1.2em; background:green; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:5px 20px; text-align:center; -shadow:0px 1px 0px #6c0909; text-decoration: none;} .download:hover{ background:-webkit-gradient(linear,left top,left bottom,from(#73b338),to(#88c841)); background:-moz-linear-gradient(center top,#73b338,#88c841)} .half, .half-last{ float:left; width:47%; margin:10px 0; margin-right:6%} .half-last{ margin-right:0} ul.flickr img{ float:left; margin-right:15px; margin-bottom:15px; border:1px solid #eee; padding:5px} ul.rp img{ float:left; margin-right:15px; margin-bottom:20px} ul.rp img:hover{ border:1px solid #777} div.recentposts{ clear:both; margin-bottom:20px} span.rp-title{ font-size:12px; margin-bottom:0; color:#444; line-height:18px; text-decoration:underline} span.rp-title:hover{ color:#777} span.rp-date{ font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-style:normal; font-size:10px; color:#ccc} ul.rp img{ border:1px solid #eee; padding:5px} div.bottom p{ font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:11px; padding-top:3px; color:#96248f} div.bottom p a{ color:#96248f; font-size:11px} .social{ padding-top:35px} .social li{ display:inline; margin-right:5px} .social li img{ border:none !important} ::-moz-selection{color:#fff; background:#51a5ec} ::selection{color:#fff; background:#51a5ec} .info {float: none;margin-right: 30px;padding-bottom: 0;} .info span {color: #ccc;font-family: "Droid Serif", serif;font-style: italic;} .info ul li {list-style: none !important;margin-left: 0 !important;font-size: 14px !important;} .info ul li a { color: #444;} .tags {float: left;margin-right: 30px;padding-bottom: 0; position: absolute; left: -999em; } #nav.g640 ul li a { font-size: 14px; font-family: "Crimson Text"; color: #ffffff; text-shadow: 0px 1px 0 rgba(0,0,0,0.5); text-decoration: none; }