/* Theme Name: Advance-Simple-Blue Theme URI: http://demo.wppremium.co.in/?themedemo=Advance-Simple-Blue Description: 3 Columns with Left and Right Sidebars, Custom Background Color, Theme Options for Custom Header Version: 1.0 Author: Kailash Aghera Author URI: http://www.wppremium.co.in/ Tags: blue,white,three-columns,fixed-width,custom-header,theme-options,left-sidebar,right-sidebar This theme is released under the GPL: http://www.gnu.org/licenses/gpl.html */ /***** GLOBAL FORMATTING *****/ * { padding: 0; margin: 0; } body { font-size: 12px; color: #000; font-family: Verdana, Arial, Helvetica, Sans-Serif; } a { color: #00F; text-decoration: none; } a:hover { color: #49647d; text-decoration: underline; } a:visited { color: #009; } img { border: 0; } /***** PAGE FORMATTING *****/ #header { width: 1000px; background: url(images/header.gif) top center no-repeat; height: 100px; margin-top: 0; color: #fff; } .blogtitle { float:left; width: 975px; } .rss{ float:right; width:25px; } h1.blogtitle a{ font-size: 35px; font-family: "Verdana", Arial, Helvetica, Sans-serif; font-weight: normal; color: #F7F7F7; padding: 10px 10px 0px 17px; text-decoration: none; margin-left: 10px; } h3.slogantext{ font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-weight: normal; color: #F7F7F7; padding: 0px 10px 0px 17px; text-decoration: none; margin-left: 10px; } /****** RSS ICON ON HEADER ******/ .rssicon { position: relative; display:block; float:right; background-image: url('images/rss.png'); background-position: center right; background-repeat: no-repeat; margin: 5px 5px auto auto; height: 17px; width: 17px; } .title { padding: 5px 5px 5px 20px; color: #fff; } #NaviBar { display: block; } #container { display: block; margin: 0 auto; width: 1000px; position: relative; background: url(images/contentbackground.gif) repeat-y; border: 1px solid #484848; } #content { width: 538px; color: #000000; padding: 20px; float:left; } #nextprev { clear: both; display: block; text-align: center; margin-top: 30px; margin-bottom: 30px; } /***** GENERAL TEXT FORMATTING *****/ .post { margin-bottom: 20px; } .article { float:left; width: 538px; text-align: justify; } blockquote { border-color:#CCC; border-width: 1px; border-style: solid; margin:10px 10px 10px 50px; padding:20px 5px 5px 41px; background-color:#E6E6FF; background-image:url('images/BlockQuote.png'); background-position:left top; background-repeat:no-repeat; } p { margin-bottom: 15px; line-height: 1.6em; } p a { border-bottom: 1px dotted #ccc; text-decoration: none; } p a:hover { text-decoration: underline; } p.center { text-align: center; } .postmeta { font-size:9px; margin-top:2px; color: #666; padding-bottom:10px; float:left; width: 538px; } .commentCount { text-align:right; margin-right:10px; font-size:10px; } .small { font-size: 10px; } code { font: 12px 'Courier New', Courier, Fixed; } h1.posttitle, h2.posttitle{ font-size: 20px; text-align: left; font-weight: normal; margin-bottom: 8px; color: #333; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; border-bottom: 1px solid #CCC; padding: 0; } h1,h2,h3,h4,h5,h6{ border-bottom: 0; font-weight: normal; padding: 0; } h1 { font-size: 22px; text-align: left; margin-bottom: 8px; color: #333; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; } h2 { font-size: 18px; text-align: left; color: #333; margin-bottom: 5px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; } h3 { font-size: 16px; text-align: left; color: #333; margin-bottom: 5px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; } h4 { font-size: 14px; text-align: left; color: #333; margin-bottom: 5px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; } h5, h6 { font-size: 12px; text-align: left; color: #333; margin-bottom: 5px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; } /***** LISTS FORMATTING *****/ .post ul { margin-left: 0px; padding: 0 0 10px 30px; list-style-image: url(images/bullet.png); padding-left: 30px; } .post li { margin: 7px 0 8px 10px; } .post ol { padding: 0 0 0 35px; margin: 0; } .post ol li { margin: 0; padding: 0; } /**** TABLE FORMATTING ****/ .post table { background:#FFF; border:2px solid #CCC; border-collapse:collapse; margin:5px 0 10px; } .post th, .post td { border:1px solid #CCC; padding:3px 10px; text-align:left; vertical-align:top; } .post tr.even td { background:#F7F7F7; } .post th { background:#EDEFF0; } /***** NAVIGATION BAR FORMATTING *****/ ul#NaviBar { margin: 0; padding: 0; list-style: none; width: 999px; float: left; background: #272d33 url(images/navBar.gif) repeat-x; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-size: 13px; border: 1px solid #484848; } ul#NaviBar li { float: left; } ul#NaviBar li.first { border-left: none; } ul#NaviBar a { display: block; float: left; padding: 0 0.9em; line-height: 30px; text-decoration: none; color: #fff; } ul#NaviBar a:hover { background: #1d6dae url(images/navHover.gif) repeat-x; text-decoration: none; } ul#NaviBar li.current_page_item a { color: #fff; background: url(images/navHover.gif) repeat-x; text-decoration: none; } /***** SEARCH FORM FORMATTING *****/ /***** SEARCH FORM FORMATTING *****/ #search { display: inline; float: right; margin: 0px 5px 0; padding: 0px 0 0; text-align: left; top: 0px; } #searchbox { width: 180px; float:left; padding: 5px 0px 3px 0px; background: #fff; border: 1px solid #333; margin: 2px 2px 2px 0; color: #000; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; } .go { margin-top: 6px; margin-left: -20px; padding: 0px; color: #000; display:inline; } /***** SIDEBAR FORMATTING *****/ #sidebarLeft { width: 190px; float: left; color: #000; padding: 5px 10px 10px 10px; } #sidebarRight { width: 190px; float:right; color: #000; padding: 5px 10px 10px 10px; } #sidebarRight h2{ font-size: 13px; font-weight: bold; text-align: left; padding: 3px; color: #FFFFFF; background:url(images/sidebarbg.gif) repeat-x; background-color: #285b87; margin-top:10px; margin-bottom: 5px; border: 1px solid #484848; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; } #sidebarRight h2 a{ color: #FFFFFF; text-decoration: none; } #sidebarRight h2 a:hover{ color: #FFFFFF; text-decoration: underline; } #sidebarLeft h2{ font-size: 13px; font-weight: bold; text-align: left; padding: 3px; color: #FFFFFF; background:url(images/sidebarbg.gif) repeat-x; background-color: #285b87; margin-bottom: 5px; margin-top:10px; border: 1px solid #484848; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; } #sidebarLeft h2 a{ color: #FFFFFF; text-decoration: none; } #sidebarLeft h2 a:hover{ color: #FFFFFF; text-decoration: underline; } #sidebarRight a { color: #03C; text-decoration: none; } #sidebarRight a:hover { background: none; color: #49647d; text-decoration: underline; } #sidebarLeft a { color: #03C; text-decoration: none; } #sidebarLeft a:hover { background: none; color: #49647d; text-decoration: underline; } .sidebar ul, .sidebar ol { margin: 0 0 1em 0; font-size: 11px; } .sidebar ul { list-style-type: none; } .sidebar li { list-style-type: none; } .sidebar ul li { margin: 0 0 0.6em 7px; list-style-image: url(images/bullet.png); list-style-position: inside; } .sidebar ul li ul, .sidebar ul li ol, .sidebar ol li ul, .sidebar ol li ol { margin: 0.5em 0 0.5em 5px; } /***** FOOTER FORMATTING *****/ #footer { clear: both; width: 1000px; background: #000; color: #CCC; text-align: left; } #footer p { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-size: 11px; text-align: center; margin-bottom: 0px; margin-left: 20px; padding: 5px 0 5px 0; } #footer p.author { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-size: 10px; text-align: center; margin-bottom: 0px; margin-left: 20px; padding: 5px 0 5px 0; } #footer a { color: #CCC; text-decoration: none; border-bottom: none; } #footer a:hover { color: #FFF; background: none; text-decoration: underline; border-bottom: none; } /***** IMAGE FORMATTING *****/ img.post { padding: 5px; border: 1px solid #CCC; margin: 10px 5px 10px 5px; float: right; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 5px; border: 1px solid #CCC; } img.alignright { padding: 5px; border: 1px solid #CCC; background: #fff; margin: 10px 5px 10px 5px; display: inline; } img.alignleft { padding: 5px; border: 1px solid #CCC; margin: 10px 5px 10px 5px; display: inline; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } /***** COMMENTS *****/ #comments { width: 100%; float:left; margin: 5px 0px 5px 0px; } .commentlist { width: 100%; float:left; margin: 5px; } .commentlist li ul li { font-size: 12px; } .commentlist li { font-weight: bold; color: #666; } .commentlist li .avatar { background: #FFFFFF; float: right; border: 1px solid #EEEEEE; margin: 0px 5px 0px 10px; padding: 2px; } .commentlist cite, .commentlist cite a { font-weight: bold; color: #666; font-style: normal; font-size: 12px; } .commentlist p { font-weight: normal; text-transform: none; } .commentmetadata { padding: 5px 0 0 0; font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; } #commentform { margin: 5px 10px 0px 0px; } #commentform textarea { width: 98%; padding: 10px; border: 1px solid #666; } #respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } #commentform p { margin: 5px 0px 5px 0px; } #commentform #submit { margin: 5px 0px 20px 0px; float: left; border: 1px solid #0CC; } .alt { margin: 0px; padding: 10px; } .commentlist { margin: 0px; padding: 0px; } .commentlist ol { margin: 0px; padding: 10px; } .commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 0px 10px 0px; padding: 0px; } .children { margin: 0px; padding: 0px; } .nocomments { text-align: center; margin: 0px; padding: 0px; } .commentmetadata { font-size: 10px; margin: 0px; display: block; } #author, #email, #url { background: #FFFFFF; color: #222222; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 4px; border: 1px solid #666; } .thread-alt { background: #FFFFFF; margin: 0px; padding: 0px; } .thread-even { background: #dfeaf2; margin: 0px; padding: 0px; } .depth-1 { border: 1px solid #E6E6E6; margin: 0px; padding: 0px; } .even, .alt { border: 1px solid #CCC; margin: 0px; padding: 0px; } .pinglist { margin-top: 10px; width: 500px; float: left; margin-left: 20px } li.pings { border-bottom: 1px dotted #CCC; margin: 0; padding: 5px 0 5px 5px; width: 500px; } .pings:first-child { border-top: none; } .pings:last-child { border-bottom: none; margin-bottom: 30px; } /**** CAPTION FORMATTING ******/ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions & aligment */ #wp-calendar { border: 1px solid #900; empty-cells: show; font-size: 14px; margin: 0; width: 90%; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; text-decoration: none; } #wp-calendar a:hover { background: #e0e6e0; color: #333; } #wp-calendar caption { color: #630; font-size: 16px; text-align: left; } #wp-calendar td { color: #933; font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: normal; padding: 2px 0; text-align: center; } #wp-calendar td.pad:hover { background: #fff; } #wp-calendar td:hover, #wp-calendar #today { background: #eee; color: #bbb; } #wp-calendar th { font-style: normal; text-transform: capitalize; }