/* Theme Name: Image River Theme URI: http://www.kadom.net Description: A premium Gallery theme for Wordpress by Kadom. Version: 1.0 Author: Thomas BEAL - Kadom.net Author URI: http://www.kadom.net/ Tags: Css, Gallery, Showcase, Design, Photo */ /* 00 - GLOBAL ELEMENTS /* ----------------------------------------------*/ html { font-size: 100%;} body {margin:0; padding:0;width:auto; height:100%;font: 12px sans-serif, arial, Georgia,"Lucida Sans Unicode", "trebuchet MS" ; line-height:18px;text-align:center;} img {border:0;} .clear{clear:both;} /* Images */ img { border:0px; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright {margin: 4px 4px 6px 11px;display: inline;} img.alignleft {margin: 4px 11px 6px 4px;display: inline;} .alignright, .right {float: right;} .alignleft, .left{float: left } ul , li { margin:0; padding:0; list-style-type:none;} a { font: 1.0em; text-decoration: none;} a:hover{ font: 1.0em; text-decoration: underline;} p{ padding:0; margin:0;} /* 01 - TYPOGRAPHY /* ----------------------------------------------*/ /* Headings */ h1, h2, h3, h4{ padding:0; margin:0;} h1{ font: 26px "trebuchet MS", sans-serif;letter-spacing: -1px;margin:0 0 10px 0;} h2{ font: 24px "trebuchet MS", sans-serif;letter-spacing: -1px;margin:5px 0 3px 0;} h3{ font: 20px "trebuchet MS", sans-serif;} h4{ font: 18px "trebuchet MS", sans-serif;} h5{ font: 14px "trebuchet MS", sans-serif;} h6{ font: 12px "trebuchet MS", sans-serif;} /* 03 - HEADER /* ----------------------------------------------*/ #header {position:relative; height:70px;margin:0 0 15px 0;z-index:1;} ul#menu {position:absolute;top:0;right:0;display:block;} ul#menu li{float:left;height:84px;} ul#menu li a{font:18px Helvetica, Arial, sans-serif; display:block;padding:8px 15px 0 15px;margin:0px 1px 0 1px;height:84px;width:auto;} ul#menu li a:hover{text-decoration:none;} ul#menu li.current_page_item a{text-decoration:none;} #search{position:relative;display:block;z-index:2;height:60px;} #searchform{width:310px;float:left;height:38px;margin:5px 0 0 0;-webkit-border-radius:5px;-moz-border-radius:5px;} #searchform input.text{background:transparent;width:260px;float:left;font: 24px "trebuchet MS", sans-serif;letter-spacing: -1px;margin:4px 0px 4px 0;padding:0px 0px 0px 5px;} #searchform input.submit{height:38px;width:38px;float:left;} #h_widget{float:right; width:318px;padding:2px 0 10px 0;} li.rss{display:block;} div.rss-info{width:308px;float:left;padding:0 0 0 10px;} div.rss-number{font: 20px "trebuchet MS", sans-serif;} div.rss-button{width:40px;float:left;margin:3px 10px 0 0px;} /* 03 - STRUCTURE /* ----------------------------------------------*/ #page{ position:relative; margin-left:auto; margin-right:auto;padding-bottom:20px; width:960px;text-align:left;} #content{position:relative; clear:both;padding:0px; width:620px;min-height:300px; float:left; display:block; margin : 10px 0 0 0px;} .screenshot{position:relative;width:121px;height:122px;float:left;padding:11px 0 0 10px;margin:0 10px 0px 0;} #content .jdGallery .slideInfoZone h2{margin:0px 0px 5px 2px; font-family: "trebuchet MS", sans-serif;font-size: 20px;} #content div#block{width:610px;overflow: hidden;margin:5px;} .featured{position:absolute;z-index:6;} .cat-info{position:absolute;z-index:6;right:0px;} ul#gallery {width:620px;padding:10px 5px 10px 8px;clear:both;overflow:hidden} #gallery li{width:298px; float:left; list-style-type:none;margin:0 8px 8px 0;padding:0px 0px 0px 0px;} #gallery li a{text-decoration:none;} #gallery li div.info{ margin:0px;} #gallery div.cssimg{ position: relative; width:290px; height:180px;padding:3px; overflow: hidden; margin:0; } #gallery div.info{ left: 3px;position:absolute;bottom: -110px; padding-bottom:2px; display: block; width: 290px; min-height: 25px; overflow: hidden;} #gallery div.info a{font: 16px "trebuchet MS", sans-serif;} #gallery div.info-title{width:75%;float:left;} #gallery ul.palette {width:70px;display:block;margin:3px 0 1px 0px;float:right;} #gallery ul.palette li.color {color:#000;width:12px;height:12px;font-size:5px;float:left;padding:0px;margin:1px;text-indent:-9000em; } /* 3.1 - CONTENT /* ----------------------------------------------*/ ul.category_nav{display:block;} ul.category_nav li{float:left;padding:5px 10px 4px 10px;margin:0 5px 0 0;font: 20px "trebuchet MS", sans-serif; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px;} ul.category_nav li h1{font: 20px "trebuchet MS", sans-serif;letter-spacing: 0px;margin:0 0 0px 0;} ul.category_nav li.current h1 a:hover{text-decoration:underline;} ul.category_nav a:hover{text-decoration:none;} .section{clear:both;width:620px;margin-bottom:10px;} .rond {-webkit-border-radius:5px;-moz-border-radius:5px;} .carre{-webkit-border-radius:5px;-moz-border-radius:5px;-moz-border-radius-topleft:0px;-webkit-border-top-radius:0px;} /* 3.2 - ARCHIVE /* ----------------------------------------------*/ ul.sub_category_nav{display:block;padding:10px 5px 10px 9px;} ul.sub_category_nav li{margin:0px 20px 0 0;float:left;} ul.sub_category_nav li a{font: 18px "trebuchet MS", sans-serif;} #blog-post li{width:604px; float:left; list-style-type:none;margin:0 8px 8px 0;padding:0px 0px 0px 0px;} .blogimg{width:100px;float:left;display:block;overflow:hidden;margin:0 10px 0 10px;} .blogimg .blog-post-description{width:450px;float:left;} .blogimg2{width:50px;float:left;display:block;overflow:hidden;margin:10px 10px 0 10px;} .blog-index-description h2{margin:5px 0 0 0px;padding:0px;} .blog-index-description{width:532px;float:left;} .blog-index-description .postmetadata{margin:3px 0 5px 0px;} #gallery ul.bouttons-gallery{display:block;overflow:hidden;padding:0;margin:0 auto 0 auto; width:170px;} #gallery ul.bouttons-gallery li{width:75px;padding:2px 0px;margin:5px 5px 0px 0px;text-align:center;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;} #gallery ul.bouttons-gallery li{color:#909090;background:#161616 url("styles/black/search-bg.png") repeat-x;border:1px #101010 solid;} #gallery ul.bouttons-gallery li a{color:#909090;font: 12px "trebuchet MS", sans-serif;} #gallery ul.bouttons-gallery li a:hover{color:#D3CCB8;} /* 3.2.1 - PAGINATION /* ----------------------------------------------*/ #navigation{margin:0 0 10px 7px;padding:0;} /* 3.3 - SINGLE POST & PAGE /* ----------------------------------------------*/ .single{margin:10px;overflow:hidden;} .single .featured{margin:5px 0 0 5px;} .postmetadata{overflow:hidden; margin:10px 0 10px 0px;overflow:hidden;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} .postmetadata h3,.postmetadata ul {margin:0 0px 0 5px;} .single ul,.post ol{padding:0 15px 10px 15px;margin:0px;} .single ul li {list-style-type:circle;margin:5px 0 5px 30px;} .single ol li {list-style-type:decimal;margin:5px 0 5px 30px;} .postmetadata img.avatar{float:left;margin-right:10px;} .postmetadata small{} .share{overflow:hidden;float:left;width:30%;} .share ul{padding:0 0 0 6px;} .share ul li{list-style-type:none;float:left;margin:0 5px 0 0;} .similar{float:left;width:68%;} .similar li{padding:0 0 1px 10px;} img.post-detail-screenshot{padding:4px;-webkit-border-radius:5px;-moz-border-radius:5px;} ul.color-list{overflow:hidden;margin:10px 0 10px 0;padding:0px;} ul.color-list li{list-style-type:none;width:40px;float:left;margin:0 4px 0 4px; padding:5px 5px 0 5px;text-align:center;font: 11px "trebuchet MS",sans-serif;letter-spacing: -0.02em;-webkit-border-radius:5px;-moz-border-radius:5px;} ul.color-list li.color div{width:40px;height:40px; -webkit-border-radius:2px;-moz-border-radius:2px;} .single p.tags{margin:10px 0 3px 0;} .single p.tags a{margin:0 5px 0 0;padding:3px 8px;font-size:11px;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;} .single p.tags a:hover{border-color:#ccc;} .related_post{font-size:15px;} .single div.link{overflow:hidden;width:280px;float:left;margin:10px ;} .single ul.blogroll{padding:0px;margin:0px;} .single ul.blogroll li{margin:2px 0 0px 0px;padding:0 0 4px 5px;font: 16px Helvetica, Arial, sans-serif;overflow:hidden;} blockquote {margin:0 auto 15px auto; padding:5px 10px 5px 10px; width:90%; font:italic 1.1em "trebuchet MS", sans-serif; line-height:125%;} .single ul.bouttons{display:block;overflow:hidden;padding:0;margin:0 auto 0 auto;} .single ul.bouttons li{float:left;padding:3px 8px;margin:5px 5px 10px 0px;font: 20px "trebuchet MS", sans-serif;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;} .single ul.bouttons li{color:#909090;background:#161616 url("styles/black/search-bg.png") repeat-x;border:1px #101010 solid;} .single ul.bouttons li a{color:#909090;} .single ul.bouttons li a:hover{color:#D3CCB8;} .single .featured-widget ul.palette {width:70px;display:block;float:right;margin:4px 0 0px 0px;border:0px;} .single .featured-widget ul.palette li.color {width:12px;height:12px;font-size:5px;float:left;border:0px;padding:0px;margin:1px;text-indent:-9000em;list-style-type:none; } /* 3.3.1 - COMMENT /* ----------------------------------------------*/ #commentform{width:588px;font: 14px "trebuchet MS", sans-serif;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;padding:5px;} #commentform textarea{font: 16px "trebuchet MS", sans-serif;margin:2px;width:572px;padding:5px;} #commentform input.text{font: 16px "trebuchet MS", sans-serif;margin:2px;width:300px;} #commentform input.submit{padding:3px;margin:5px 2px;font: 20px "trebuchet MS", sans-serif;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;} #commentform label{width:50%;padding:0 0 0 5px;} .commentlist{width:598px;margin:10px 0 10px 0;padding:0;list-style-type:none;} .comment{overflow:hidden;padding:5px 0 5px 0;} .comment img{float:left;margin:0 10px 0 0;} .comment p{font: 14px "trebuchet MS", sans-serif;margin:3px 0 10px 0;} .comment-author{font: 14px "trebuchet MS", sans-serif;} .comment-meta{clear:both;text-align:right;} .commentlist .children{margin-left:40px;padding:5px 0 0 10px;} ol.commentlist li, ol.pinglist li{list-style-type:none;margin:5px 0 5px 10px;} /* 04 - SIDEBAR /* ----------------------------------------------*/ #sidebar{width:318px; float:left;text-align:left; margin : 10px 0 0 20px;padding:0 0 0px 0; -webkit-border-radius:5px;-moz-border-radius:5px;} #sidebar ul li{margin:2px 0 0px 0px;padding:0 0 4px 5px;font: 16px Helvetica, Arial, sans-serif;overflow:hidden;} #sidebar li.ads{display:block;overflow:hidden;} #sidebar li.ads a{float:left;margin:4px;} #sidebar div.adblock{width:270px;margin:0 auto 0 auto;} #sidebar input{font: 18px Helvetica, Arial, sans-serif;padding:2px;-webkit-border-radius:5px; -moz-border-radius:5px;} #sidebar .s_widget, .ads{padding:5px 10px 20px 10px;overflow:hidden} #sidebar .featured-widget ul li a{display:block;float:left;max-width:217px;} #sidebar .featured-widget ul.palette {width:70px;display:block;float:right;margin:4px 0 0px 0px;border:0px;} #sidebar .featured-widget ul.palette li.color {width:12px;height:12px;font-size:5px;float:left;border:0px;padding:0px;margin:1px;text-indent:-9000em; } #sidebar .s_widget .trends{width:290px;float:left;} #sidebar .s_widget .trends li{width:135px;float:left;margin:0 5px 0 0;} #sidebar .s_widget .types {width:145px;float:left;margin-right:8px;} #sidebar .s_widget .types li{width:145px;} #sidebar .s_widget .authors {width:145px;float:left;} #sidebar .s_widget .authors li{width:145px;} #sidebar .children{padding:3px 0px 0px 0px;} #sidebar .children li{border-bottom:0px; padding:0px 0px 2px 12px;font: 15px Helvetica, Arial, sans-serif;} /* 05 - FOOTER /* ----------------------------------------------*/ #footer { width:100%; margin:0px 0 0 0px; padding: 0px 0px 0px 0px; clear:both; min-height:70px;text-align:left;} .footer-inner{font: 14px "trebuchet MS", sans-serif; width:960px; margin:0 auto 0 auto;padding:20px 0 0 0; height:70px;} .footer-icon img{margin-top:0px;} .footer-icon {} #footer-menu{display:block;} #footer-menu li{float:left;margin:0 20px 0px 0;}