/* Theme Name: Amaranthine Theme URI: http://gazpo.com/2011/10/amaranthine/ Description: Amaranthine is a 2-column, clean and professional wordpress theme by gazpo.com. The Theme supports Wordpress Custom Menu, Custom Header and Custom Background. Easily customizable with theme options. The theme supports threaded comments with gravatars. Doesn't require any plugin. For Wordpress 3.2 and above. Version: 1.0 Author: Sami Ch. Author URI: http://gazpo.com Tags: white, light, two-columns, fixed-width, threaded-comments, custom-header, custom-menu, custom-background, theme-options, sticky-post License: GNU General Public License, Version 3. License URI: http://www.gnu.org/licenses/gpl-3.0.txt */ 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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } textarea{ font:inherit; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } :focus { outline: 0; } body { font-family: Arial,sans-serif; font-size: 13px; color: #444444; } hr { display: none; } img { border: 0; } a { color:#036; text-decoration:none; } a:hover { text-decoration: underline; } h2{ font-size: 22px; color: #212b40; } h2 a, h2 a:hover{ text-decoration:none; } h3{ font-size: 16px; font-weight: 700; line-height:22px; margin-bottom:5px; } h5{ font-size: 14px; font-weight: 700; } #wrapper { width: 960px; margin: 0px auto; overflow:auto; } #header { height: 36px; clear:both; } #header .wrap{ width:960px; margin: 0px auto; overflow:auto; } #header .menu a{ color: #DDD; height: 36px; line-height: 36px; vertical-align: middle; float: left; padding-left: 14px; padding-right: 16px; font-weight: bold; } #header ul.social{ float:right; margin-top:7px; } #header ul.social li{ float:left; margin-right:5px; } #header ul.social img{ opacity:0.6 } #header ul.social img:hover{ opacity:0.8 } #logo{ overflow:auto; margin-top:5px; } #site-title{ font-size: 48px; font-weight: normal; color:#333; } #site-title a{ text-decoration: none; color:#000; clear:both; overflow:auto; } /*-- Content --*/ #content { padding: 15px 0; float: left; width: 682px; margin-right:10px; } /*-- Slider --*/ #sliderbox{ margin-bottom:15px; } #sliderbox h2{ margin:7px 0; } #slider { background:#eeeeee; width:100%; overflow:auto; } #slider li{ padding:10px; } #slider .thumb{ height:250px; width:400px; float:left; margin-right:10px; } #slider .info{ width:230px; float:left; } #slider .date{ font-weight:bold; } #slider .more{ background: #21293e; border-radius: 5px 5px 5px 5px; color: #DDD; float: left; padding: 5px 6px; text-decoration: none; margin-top:10px; } #sliderbox .bx-pager { text-align: center; overflow:auto; margin-top:10px; margin-left:300px; width:90px; } #sliderbox .bx-pager a { cursor: pointer; display: block; float: left; text-indent:-9999px; width: 18px; z-index: 999; background: url("images/default.png"); } #sliderbox .bx-pager .pager-active, #sliderbox.bx-pager a:hover { cursor: pointer; display: block; float: left; text-indent:-9999px; width: 18px; z-index: 999; background: url("images/active.png") } /*-- Posts --*/ #content .post-thumb{ width:180px; height:135px; float:left; margin-right:10px; } #content .post .details{ overflow:auto; } #content .post{ overflow:auto; margin-bottom:15px; padding:10px; background:#f9f9f9; } #content .post-meta{ font-size:12px; font-weight:bold; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ececec; } #content .entry p{ margin-bottom:5px; } #content .entry img{ max-width: 97.5%; height:auto; margin:5px; } #content .entry blockquote{ font-style:italic; margin: 7px 35px 7px 45px; font-style:italic; border-left:1px solid #777777; padding-left:10px; } #content .entry ul{ list-style-type:square; margin: 5px 10px 10px 40px; } #content .entry ol{ list-style-type:decimal; margin: 5px 10px 10px 40px; } #content .search-title{ margin-bottom:15px; } /*-- Comments --*/ #comments { margin:15px 0; border-top:1px solid #cccccc; padding-top:10px; } #comments .comment{ overflow:auto; margin-bottom:10px; overflow:auto; position: relative; clear:both; } #comments .avatar{ background: #f5f5f5; border: 1px solid #dbdbdb; float: left; padding: 4px; margin-right:8px; overflow:auto; } #comments .comment-body p{ margin:3px 20px 5px 60px; } #comments .children { list-style-type: none; margin: 15px 30px 0px 60px; } #comments .children .comment-body p{ margin:3px 20px 5px 55px; } #comments .children .avatar{ width:36px; height:36px; } #comments .comment-author , #comments .comment-meta{ display:inline; } #comments .fn{ font-weight:bold; } #comments .says{ display:none; } #comments .reply{ display: block; position: absolute; right: 0; top: 2px; padding-right: 10px; font-size: 12px; font-weight:bold; } #comments .commentmetadata{ margin-left:15px; font-size:11px; } #comments .commentmetadata a{ color: #868686; } #comments .comment-awaiting-moderation{ color: #FF0000; } #respond { margin:30px 5px; background:#f7f7f7; clear:both; border-radius:8px; } #commentform{ padding: 5px 15px 10px; } #reply-title{ padding:10px 0px 0px 15px; } #commentform .logged-in-as{ margin-bottom:5px; } #commentform .comment-notes{ display:none; } #commentform label { display: block; font-weight: bold; margin-bottom: 5px; } #comments #commentform #email, #comments #commentform #author, #comments #commentform #url, #comments #commentform #comment { border: 1px solid #ececec; padding: 8px; width: 240px; margin-bottom:10px; } #comments #commentform #comment { height: 120px; width: 600px; margin-bottom:10px; } #comments .form-allowed-tags{ display:none; } #commentform .required { display: none; } #commentform #submit { border-radius: 6px; cursor: pointer; display: inline-block; padding: 5px 10px; text-align: center; text-decoration: none; background: #EDEDED; background: -moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(#FFFFFF, #EDEDED); background: -o-linear-gradient(#FFFFFF, #EDEDED); border: 1px solid #dddddd; color: #606060; font-weight:bold; } /*-- Sidebar --*/ #sidebar { width: 268px; padding: 20px 0 0 0; float: left; } .widget_text{ margin-bottom:10px; } .widget_categories, .widget_archive, .widget_links, .widget_meta{ overflow:auto; margin-bottom:10px; } .widget_archive li, .widget_meta li{ width:102px; float:left; padding: 3px 0 5px 20px; margin-right:10px; background: url(images/f1.png) no-repeat left center; border-bottom:1px solid #ececec; } .widget_categories li{ padding: 6px 0 6px 20px; border-bottom:1px solid #ececec; background: url(images/f1.png) no-repeat left 6px; } .widget_categories .children { margin-bottom:0 !important; } .widget_categories .children li{ padding-left:0; background:none; margin-bottom:0; border:0 } .widget_tag_cloud{ margin-bottom:10px; padding:5px 0; } .widget_tag_cloud h3{ margin-bottom:10px; } .widget_tag_cloud a { color: #666; background: #eeeeee; border-radius: 4px; padding: 5px 10px; line-height:100%; margin-right:5px; margin-bottom:5px; display: inline-block; } .widget_tag_cloud a:hover { color: #DDD; background: #21293E; text-decoration: none; } .widget_links li{ padding: 3px 0 5px 14px; margin-right:10px; background: url(images/bookmark.png) no-repeat 3px center; } .widget_posts{ overflow:auto; background: #F9F9F9; margin-bottom:10px; } .widget_posts h3{ margin-bottom:0; } .widget_posts ul.tabs { list-style: none; overflow:auto; background:#eeeeee; padding:5px; margin-bottom:5px; } .widget_posts .tabs li { float: left; padding:1px 5px; color: #777; cursor: pointer; } .widget_posts .tabs li:hover { color: #333333; } .widget_posts .tabs li.current { color: #333333; } .widget_posts .post_box.visible { display: block; } .widget_posts .tabs li.recent{ margin-right:5px; } .widget_posts .tabs li.popular{ margin-right:5px; } .widget_posts .posts-list li{ margin-bottom:5px; font-size: 12px; overflow:auto; padding-bottom:5px; border-bottom:1px solid #ececec; } .widget_posts .post_box { display: none; padding: 5px; } .widget_posts .info{ float:left; width:177px; } .widget_posts .meta { font-style:italic; } .widget_posts .meta .date{ float:left; } .widget_posts .meta .cmts{ float:right; margin-right: 10px; background:url(images/comment.png) no-repeat left center; padding-left:18px; } .widget_posts .posts-list li .title{ font-weight:bold; } .widget_posts .thumb{ width: 48px; height: 48px; float:left; margin-right:5px; } .widget_posts .avatar-48{ width: 48px; height: 48px; float:left; margin-right:5px; } .widget_posts .comment-info{ float:left; width:177px; } .widget_ad125{ margin-bottom:10px; overflow:auto; } .widget_ad125 li{ float:left; margin:5px 4px; } .widget_ad125 li img{ width:125px; height:125px; } /*-- Search form--*/ #searchform { margin-bottom:10px; } #searchform input { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BCBBBB; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; margin-top: 4px; outline: medium none; padding: 6px 4px 6px 30px; width: 230px; background:#FFF url(images/s2.png) no-repeat 6px center; color: #999999; } #searchform input:focus{ color:#444; } #searchform input:focus{ color:#444; } .search-form-wrap{ margin-top:15px; } #wp-calendar { width:98%; margin-bottom:10px; } #wp-calendar a { text-decoration:underline; } #wp-calendar caption { background:#eeeeee; padding: 7px 0; text-align: center; font-weight:bold; } #wp-calendar thead th { font-size: 10px; padding: 5px 0; text-transform: uppercase; border-bottom:1px solid #ececec; background: #f7f7f7; } #wp-calendar tbody td { padding: 5px; text-align: center; font-weight: bold; border:1px solid #ececec; background:#ffffff; } #wp-calendar tfoot { color: #e0e0e0; font-size: 12px; text-align: center; } #wp-calendar tfoot td { padding: 10px 10px } #wp-calendar tfoot a { color: #666; font-weight:bold; } #wp-calendar tfoot td#prev { text-align: left } #wp-calendar tfoot td#next { text-align: right } #wp-calendar #today { background: #b4b4b4; color: #ffffff; } /*-- Common --*/ .aligncenter { display: block; margin: 0 auto; text-align: center; } .alignleft { margin-right: 15px; float: left; } .alignright { margin-left: 15px; float: right; } .alignnone { margin-right: 5px; margin-bottom: 0; } .wp-caption { margin-bottom:10px; text-align:center; } .wp-caption img { height:auto; margin-top:5px; } .wp-caption a[rel] { border: 0 none; } .wp-caption-text { margin:1px 0; padding:1px; text-align: center; } .gallery-caption{ text-align: center; } .bypostauthor .avatar { background:#4083A9 !important; } .sticky { border-bottom:3px solid #cccccc; } .sticky h2{ margin-top:7px; } .sticky:before{ content: "Sticky Post"; font-weight:bold; color:#ffffff; font-size:12px; background:#b4b4b4; padding:3px 5px; letter-spacing:1px; border-radius:3px; } /*-- Footer --*/ #footer { clear: both; height:36px; } #footer .wrap{ width:960px; margin: 0px auto; padding:10px 0; overflow:auto; color: #cccccc; } #footer a,#footer a:visited { color: #DDD; font-weight:bold; } #pagination{ text-align: center; } #pagination a { color:#666666; margin-right:4px; padding:2px 4px; text-align:center; text-decoration:none; background:#eeeeee; } #pagination a:hover, #pagination .current { color:#fff; background:#b4b4b4; } #pagination .current { padding:2px 4px; }