/* Theme Name:Black mix Description: A simple colorful Theme by balu Version: 1 Author:Pradeep Balu Author URI: http://www.amateurdesigner.com Tags: black, red,two-columns,threaded-comments */ /*-------- reset css-----------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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 { list-style:none; } caption,th { text-align:left; } abbr,acronym { border:0; } a { text-decoration:none; color:#7A7A7A; } /*--------------------end reset-----------*/ html,body { background:#000000 ; height:100%; } #page-wrap { margin:0 auto; width:960px; height:100%; background:url(images/red.png) repeat; } body >#page-wrap { height:auto; min-height:100%; } /*---------------------header ----------*/ #header-wrap { background:url(images/FIRST-ONE.png) top center repeat-x; width:960px; height:173px; } #header { background:url(images/header.gif) top center repeat-x; width:960px; height:135px; position:relative; top:35px; } #header h1 { color:#E8E8E8; font-size:30px; text-transform:capitalize; } #header h1 a { color:#E8E8E8; } #header div.description { color:#E1E1E1; } /*-----------------end of header--------------*/ /*---------nav-menu----------------------*/ div.menu { background:url(images/menubar.gif) top center repeat-x; height:38px; width:960px; } div.menu ul { float:left; list-style:none; } div.menu ul li { float:left; } div.menu li a { display:block; text-transform:uppercase; font-weight:bold; padding:5px 15px 9px 5px; font-size:16px; } div.menu li a:link ,.menu li a:visited { color:#575757; } div.menu li a:hover, .menu li a:active { color:#FFF; background:#003333; } /*-----------------end of nav menu--------------*/ #container { width:960px; padding-bottom:40px; } div #content { width:560px; float:left; margin-left:10px; } div.post{ background:#FFFFFF url(images/post.png) top center no-repeat; width:560px; color:#000; margin-bottom:10px; } div.post-wrap { padding:15px 10px 10px;; } div.post-time { float:left; background:#CC6600 url(images/date.jpg) top center no-repeat; height:58px; margin-top:9px; width:38px; margin-top:20px; } div.post-time span { display:block; padding-left:5px; } div.post-title { background:url(images/post-title.jpg) top center no-repeat; height:52px; padding:10px 0 0 50px; margin-top:9px } div.post-title a { text-transform:capitalize; } div.post-meta span.comments{ background:url(images/comments.png) top left no-repeat; padding-left:30px; margin-left:20px; } div.post-meta span.category { background:url(images/category.png) top left no-repeat; padding-left:40px; margin-left:30px; text-transform:capitalize; } div.entry { text-indent:10px; text-align:justify; } /*-------------sidebar stuff------------------*/ #sidebar-wrap { width:390px; float:right; } #sidebar { width:360px; margin:0 auto; } #sidebar ul { list-style:none; } #sidebar ul li.widget{ background:#fff; margin-bottom:10px; width:360px; min-height:100px; } #sidebar ul li.widget h3 { background:url(images/sidebar.png) no-repeat top center; font-size:18px; text-align:center; height:38px; } #sidebar ul li.widget ul li{ list-style:none; margin-left:40px; } #sidebar li a { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; } #sidebar h3 { font-size:20px; color:#000000; text-transform:capitalize; text-decoration:underline; } #sidebar div.widget { background:#fff; margin-bottom:10px; width:360px; min-height:100px; } #sidebar div.widget h3 { background:url(images/sidebar.png) no-repeat top center; font-size:18px; text-align:center; height:38px; } #sidebar div.widget li { margin-left:40px; } /*-----------------end sidebar--------------*/ .clearfix:after { content:"."; height:0; visibility:hidden; display:block; clear:both; } .clearfix { display:inline-block; } /*end hide from mac \ */ *html .clearfix { height:1%; } .clearfix { display:block; } /* end of mac hide */ /*-----------------end of sidebar --------------*/ /*--------------------footer-----------*/ #footer { height:40px; margin:-40px auto ; width:960px; background:url(images/footer.png) repeat-x top left; clear:both; } #footer p { float:right; } #footer a { text-decoration:underline; font-family:Georgia, "Times New Roman", Times, serif; color:#E1E1E1; } /*-------------end footer------------------*/ /*-----------------search--------------*/ form#search { float:right; margin-right:10px; height:40px; } #search input.form-input { background:url(images/form.jpg) repeat-x top left; height:25px; float:left; } #search input.submit { background:url(images/search.jpg) no-repeat top left; width:30px; height:25px; margin-top:2px; float:left; } /*--------------------end of search-----------*/ /*----------------------RSS---------*/ div.rss { clear:both; float:right; margin-right:10px; width:200px; } div.rss img { float:right; } div.rss h3 a { display:block; } /*-----------------comments--------------*/ #commentform { padding-bottom:20px; } ol.commentlist { padding-top:20px; } div#respond { margin-top:20px; } h3#comments { margin-top:20px; font-size:18px; } .commentlist li.odd { color:#FF4646; } .commentlist li.depth-2 { margin-left:20px; } .commentlist li.depth-3 { margin-left:40px; } img.avatar { margin:0 10px; float:left; } .commentlist li { margin-bottom:10px; } cite.fn a.url { text-decoration:none; font-size:16px; text-align:center; text-transform:uppercase; } cite.fn { text-transform:uppercase; } div.comment-meta { margin-left:50px; } li.comment p{ margin-left:50px; } div.reply a { margin-left:30px; } p input#author ,p input#email,p input#url{ margin:10px 0 10px 10px; } #comment { width:300px; margin:10px 0 10px 10px; } /*-----------------endo of comments--------------*/ /*--------------page navigation-----------------*/ div.alignleft { float:left; color:#CCCCCC; font-size:16px; font-weight:bold; } div.alignright{ float:right; color:#CCCCCC; font-size:16px; font-weight:bold; } /*-------------------end of page navigation------------*/ /*------------------default styles-------------*/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid red; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ } .wp-caption img { margin: 0; padding: 0; border: 1px solid black; } .wp-caption p.wp-caption-text { font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; line-height: 17px; padding: 4px 4px 5px; margin: 0; } .center { text-align:center; } /*------------------------end default image styles-------*/ /*------------------form controls-------------*/ .contactform { width:350px; } .contactform p { margin-bottom:10px; } .contactform label { display:block; margin-bottom:5px; font-size:16px; font-weight:bold; } .contactform input { margin-left:50px; } .contactform textarea { margin:0 0 10px 50px; }