/* Theme Name: Aureola Theme URI: http://www.clickonf5.org/aureola Description: Aureola is a light, fresh-looking, feature-packed, widget-ready, 3-column Magazine theme with a solid design and a friendly interface. Brought to you by Internet Techies. Version: 1.0.0 Author: Tejaswini, Sanjeev Author URI: http://www.clickonf5.org/ Tags: green,purple,silver,white,light,one-column,two-columns,three-columns,right-sidebar,fixed-width,custom-header,theme-options,threaded-comments,translation-ready,front-page-post-form Copyright 2009 Internet Techies http://www.clickonf5.org/ (email : tedeshpa@gmail.com) This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA Both the design and code are released under GPL. http://www.opensource.org/licenses/gpl-license.php */ /************************************************ * initialize the html tag properties * ************************************************/ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; } html,body { height:100%; } /************************************************ * body * ************************************************/ body { font-family:"Lucida Grande",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:15px; font-style:normal; color:#6E6E6E; min-height:100%; height:auto !important; /* <- ie6 ignores it */ height:100%;/* fix */ } body#withad { background:#eef0dd url(images/header_top_ad.png) no-repeat center top; } body#noad { background:#eef0dd url(images/header_top.png) no-repeat center top; } /************************************************ * Form Elements * ************************************************/ input, textarea { font-family:"Lucida Grande",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:15px; font-style:normal; color:#6E6E6E; border:2px solid #C6D0AE; } label { color:#91956e; font-weight:bold; } .searchtext{ width:400px; padding-left:2px; } .content #searchform{ margin:20px 20px 0px 80px; } fieldset { border:1px solid #CFDDC6; padding:5px; } legend{ padding:0px 10px; } /************************************************ * Miscellaneous Elements * ************************************************/ img { border:none; } hr { height:1px; background:#CFDDC6; border:none; } table{ border-color:#CFDDC6; border-width:1px; border-style:solid; border-collapse:collapse; width:100%; } table th { background:#F0F2E1; } table th, table td{ text-align:left; padding:5px 10px 5px 10px; border-style:solid; border-color:#CFDDC6; border-width:1px; } blockquote{ margin:5px 0px; padding:2px 15px; border-left:3px solid #B9C58B; } img, div, a, input { behavior: url(/scripts/iepngfix.htc) } /************************************************ * Headers elements * ************************************************/ h1,h2,h3,h4,h5 { margin:10px 0px; } h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:60px; font-weight:bold; } h2 { font-family:"Lucida Grande",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:24px; font-weight:bold; } h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold } h4 { font-family:"Lucida Grande",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:18px; font-weight:bold; } h5 { font-family:"Lucida Grande",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:16px; font-weight:bold; } h6 { font-family:"Lucida Grande",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold; } /************************************************ * Links * ************************************************/ a:link { color:#91956e; text-decoration:none; } a:visited { color:#91956e; text-decoration:none; } a:hover { color:#c39387; text-decoration:underline; } /************************************************ * Header Section * ************************************************/ #wrap { margin:0px auto; background-color:transparent; width:963px; } #aur-search{ float:left; } #aur-search #searchform{ background:url(images/searchbox.png) no-repeat center left; height:37px; margin-top:12px; } #aur-search .searchtext{ margin:7px; width:345px; height:19px; background:transparent; border:none; padding-left:5px; } #aur-search .searchtext:focus{ background:#fff; } #aur-search #searchsubmit,#submit{ background:url(images/submit.png) no-repeat center center; color:#91956e; font-weight:bold; border:none; width:75px; height:30px; vertical-align:top; margin-top:2px; text-align:center; } #rss_top a{ clear:none; float:right; display:block; background:url(images/rss-button-sprite.png) no-repeat top left; height:35px; width:160px; margin-left:12px; margin-top:15px; } #rss_top a:hover{ background-position:-160px 0; } #twitter_top a{ clear:none; float:right; display:block; background:url(images/twitter-button-sprite.png) no-repeat top left; height:35px; width:160px; margin-top:15px; } #twitter_top a:hover{ background-position:-160px 0; } #header { clear:both; display:block; height:127px; margin-top:12px; padding-top:30px; } #logo { float:left; margin-left:30px; width:420px; height:100%; } #logo h1, #logo h4, #logo h1 a, #logo h4 a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:48px; font-weight:normal; color:#faf4f2; text-shadow:#f6f0ee 1px 1px 1px; margin:0px; } #logo_image { float:left; width: 420px; margin-left:30px; height: 100%; text-indent: -10000px; background: url(images/logo.png) no-repeat top left; } #logo_image a { display: block; width: 100%; height: 100%; } #logo p { font-size:18px; font-style:italic; color: #faf4f2; padding: 0px 0px 5px 0px; margin: 0px; line-height: 20px; } #head_banner { float:right; margin-right:20px; width:490px; height:85px; background:url(images/head_banner.png) no-repeat center top; } #head_banner img { margin:9px 0px 0px 11px; } /************************************************ * Top Navigation * ************************************************/ ul#navigation{min-height:32px;z-index:15;bottom:0;left:0;width:100%;padding:0;margin:0;list-style-type:none;border-top:2px solid #fff;background:transparent url(images/nav-divb.gif) repeat-x left bottom;} ul#navigation li{display:block;position:relative;float:left;list-style-type:none;padding:0 1px 0 0;margin:0;} ul#navigation li a{min-height:32px;display:block;font-weight:bold;font-size:120%;text-decoration:none;text-shadow:#A2B189 1px 1px 1px;text-align:center;color:#FFFFFF;padding:0 13px 0 11px;position:relative;line-height:31px;background:transparent url(images/nav-div.gif) repeat-y right top;} ul#navigation li a.home span.title{background:transparent url(images/icons.png) no-repeat 0px -756px;padding-left:20px;} ul#navigation li.active a.home span.title,ul#navigation li.current_page_item a.home span.title{background-position:0px -710px;} ul#navigation li a:hover,ul#navigation li:hover a{background-color:#d8aea3;} ul#navigation li.active a:hover,ul#navigation li.active:hover a{background-color:#000;} ul#navigation li a span.title{display:block;padding:0;} ul#navigation li a span.pointer{display:none;} ul#navigation li.active a span.pointer,ul#navigation li.current_page_item a span.pointer,ul#navigation li.current_page_parent a span.pointer,ul#navigation li.current_page_ancestor a span.pointer{position:absolute;width:100%;height:7px;bottom:-7px;left:0;display:block;background:transparent url(images/nav-pointer.gif) no-repeat center top;} ul#navigation li.active a,ul#navigation li.current_page_item a,ul#navigation li.current_page_parent a,ul#navigation li.current_page_ancestor a{background:#ebedda;color:#84876b;text-shadow:#fff 1px 1px 1px;border:none;} ul#navigation li a span.arrow{display:none;} ul#navigation li.current_page_item a.home{background:transparent;color:#FFFFFF;text-shadow:#A2B189 1px 1px 1px;background:transparent url(images/nav-div.gif) repeat-y right top;} /* fade on mouse out */ ul#navigation li a.fadeThis{position:relative;z-index:1;} ul#navigation li a.fadeThis span.hover{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-color:#fff;z-index:-1;margin:0;padding:0;} ul#navigation li.active a.fadeThis span.hover,ul#navigation li.current_page_parent a.fadeThis span.hover,ul#navigation li.current_page_ancestor a.fadeThis span.hover{background:none;} ul#navigation li.active a.fadeThis span.hover,ul#navigation li.current_page_item a.fadeThis span.hover{background-color:transparent;} /* submenus */ ul#navigation ul li a span.pointer{display:none !important;} ul#navigation ul{list-style-type:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;position:absolute;display:none;width:150px;top:32px;left:0;margin:0;line-height:100%;z-index:20;} ul#navigation li.active ul,ul#navigation li.current_page_item ul,ul#navigation li.current_page_parent ul,ul#navigation li.current_page_ancestor ul{background:#ebedda;color:#84876b;text-shadow:#fff 1px 1px 1px;} ul#navigation li.active li a,ul#navigation li.current_page_item li a,ul#navigation li.current_page_parent li a,ul#navigation li.current_page_ancestor li a{background:none;} ul#navigation ul li{float:none;margin:0;background:none;} ul#navigation ul li a span.title{padding-left:10px;} ul#navigation ul li a{min-height:1px;height:auto;padding:4px 0 4px 12px;margin:0;text-align:left;text-transform:none;line-height:125%;} ul#navigation li.active ul a,ul#navigation li.current_page_item ul a{background:none;} ul#navigation ul li a:hover{background-color:#959a66;color:#fff;text-shadow:#969d5e 1px 1px 1px;} ul#navigation ul li.active a,ul#navigation ul li.current_page_item a{background:#ebedda;color:#84876b;text-shadow:#fff 1px 1px 1px;;} ul#navigation ul li.current_page_item li a{background:#ebedda;color:#84876b;text-shadow:#fff 1px 1px 1px;} ul#navigation ul li a span.title{padding:0;} ul#navigation ul ul{left:150px;top:0;} ul#navigation li:hover ul ul,ul#navigation li:hover ul ul ul,ul#navigation li:hover ul ul ul ul{display:none;} ul#navigation li:hover ul,ul#navigation li li:hover ul,ul#navigation li li li:hover ul,ul#navigation li li li li:hover ul{display:block;} ul#navigation li li a span.arrow{display:block;position:absolute;right:6px;top:0;line-height:32px;} /* fade on mouse out */ ul#navigation li li a.fadeThis span.hover,ul#navigation li.active li a.fadeThis span.hover,ul#navigation li.current_page_item li a.fadeThis span.hover,ul#navigation li.current_page_ancestor li a.fadeThis span.hover{background:#ebedda;color:#84876b;text-shadow:#fff 1px 1px 1px;} /************************************************ * Main Container * ************************************************/ #container { width:959px; margin-left:auto; margin-right:auto; background: url(images/container_bg.png) repeat; line-height:18px; border-left:2px solid #fff; border-right:2px solid #fff; } #navbar { height:40px; } #content,#author_content,#single_content,#archives_content,#home_content{ margin:0 10px; width:620px; float:left; text-align:justify; } #author_content h1,#archives_content h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; text-shadow:#A2B189 1px 1px 1px; font-weight:bold; color:#fff; text-align:center; margin:0px; } .obox { border:1px double #B8C180; margin:10px 0 0 0; padding:4px; } .ibox { background:#fff url(images/content_top.png) no-repeat top left; padding:5px; } #content .ibox,#author_content .ibox,#single_content .ibox,#archives_content .ibox,#page_full_content .ibox{ min-height:100px; height:auto !important; height:100px; padding:10px; } #content h2, #author_content h2, #archives_content h2, #home_content h2{ font-size:18px; margin:0px; } .content ul li{ list-style:none; background:url(images/cbullet.png) no-repeat left top; padding-left:20px; } .content ol li{ margin-left:20px; } .entry { margin-top:5px; } .entry img{ margin:10px 0px; } .entry p{ margin-bottom:10px; } #home_content .indvpost h2, .hexcerpt{ font-family:Arial, Geneva, Helvetica, sans-serif; font-size:13px; } /************************************************ * Home/Magazine Page * ************************************************/ #home_content .ibox { min-height:100px; height:auto !important; height:100px; padding:0 10px 10px 10px; } #home_content{ font-size:15px; line-height:17px; text-align:left; } .home_left { float:left; width:295px; margin-right:10px; } .home_right { float:right; width:295px; } p.home_cat{ display:block; margin:0px; padding:2px 5px; background:#ecdbcc; font-size:18px; font-weight:bold; color:#fff; text-shadow:#A2B189 1px 1px 1px; } #home_content h2{ font-family:"Lucida Grande",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:15px; font-style:normal; } #home_content h2 a:link,#home_content h2 a:visited { color:#be8577; text-decoration:none; } #home_content h2 a:hover { color:#91956e; text-decoration:underline; } .indvpost{ padding:10px 0; border-bottom:1px dotted #d6dbaa; min-height:70px; height:auto !important; height:70px; } /************************************************ * Post Loop - Index Page * ************************************************/ .post_line{border-top:1px dotted #d6dd9d;border-bottom:1px dotted #d6dd9d;margin-top:5px;font-size:small;} .post-info{margin-left:11px;color:#bbb;} .post-info a{font-weight:bold;color:#d6dd9d;} .post-info a:hover{color:#969c66;} .post-info p{margin:0;padding:0;} .post-info p.author{padding: 0 100px 0 6px;} .post-info p.comments{padding: 0;} .post-info p.comments a.comments:link{background:transparent url(images/com_icon.gif) no-repeat 0px 0px;padding-left:25px;} .post-info p.comments a.comments:hover{background:transparent url(images/com_iconh.gif) no-repeat 0px 0px;} .post-info p.comments a.no.comments:link{background:transparent url(images/com_icon0.gif) no-repeat 0px 0px;} .post-info p.comments a.no.comments:hover{background:transparent url(images/com_icon0h.gif) no-repeat 0px 0px;} .post-date{background:transparent;float:left;} .post-date p{background:transparent;padding:0 16px 0 0;margin:0;font-weight:115%;color:#bbb;} /************************************************ * Single Post/Page * ************************************************/ #single_content h1, #page_full_content h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; font-style:normal; font-weight:normal; letter-spacing:0px; line-height:36px; margin-top:0px; margin-bottom:10px; text-align:left; text-shadow:#F9FAF8 1px 1px 1px; } #page_full_content { margin:0 10px; text-align:justify; } .s_pline{ color:#bbb; } .s_pdate{ background:url(images/date.gif) no-repeat center left; padding-left:20px; } #single_content .tags{ clear:both; background:url(images/tags.gif) no-repeat top left; padding-left:20px; border-top:1px dotted #d6dd9d;margin-top:5px; } /************************************************ * Sidebar * ************************************************/ #sidebar{ float: right; width: 300px; padding: 0px; margin-right:10px; /*display: inline;*/ } #sidebar h2, #sbar2 h2, #sbar3 h2{ margin:0px; padding:2px 5px; background:#ecdbcc; font-size:18px; color:#fff; text-shadow:#A2B189 1px 1px 1px; } #sbar1 ul li,#sbar2 ul li,#sbar3 ul li{ list-style:none; } #sbar1 ul li ul li,#sbar2 ul li ul li,#sbar3 ul li ul li,#sbar4 ul li ul li{ list-style:none; background:url(images/bullet.png) no-repeat left top; padding-left:20px; } #sbar1 li.widget,#sbar2 li.widget,#sbar3 li.widget{ border:1px double #B8C180; margin:10px 0 0 0; padding:4px; } #sbar1 li.widget ul,#sbar2 li.widget ul,#sbar3 li.widget ul{ background:#fff url(images/content_top.png) no-repeat top left; padding:5px; } #sbar1 li.widget ul ul,#sbar2 li.widget ul ul,#sbar3 li.widget ul ul{ background:transparent; padding:0; } #sidebarbottom { float:right; width: 305px; margin-right: 5px; clear: right;} #sbar2 { float:left; width:130px; margin-right:10px;} #sbar3 { float:left; width:160px; } /************************************************ * Overall Misc * ************************************************/ .clearfloat{display:block;visibility:hidden;clear:both;height:0;content:".";} .alignleft{float:left;margin-right:8px;} .alignright{float:right;margin-left:8px;} .aligncenter{display:block;margin-left:auto;margin-right:auto;} .thumbnail_image { border:none; float:left; margin-right:6px; text-decoration:none; border:1px solid #E3E8D7; vertical-align:top; } .font_bold{ font-weight:bold; } .error{ color:#673A12; } .pad_top{ padding-top:10px; } #back_top { background:url(images/back_top.png) no-repeat center center; margin:5px 0px auto; padding-top:5px; padding-bottom:5px; font-size:16px; font-weight:bold; text-align:center; } #back_top a{ color:#FFFFFF; text-decoration:none; } /************************************************ * Newsletter * ************************************************/ #newsletter{ background:url(images/newsletter.png) no-repeat top center; padding-top:85px; } #newsletter .email{ width:240px; } #newsletter .submit{ background:#e1e7ae url(images/subscribe.png) no-repeat center center; color:#91956e; font-weight:bold; border:none; width:94px; height:30px; vertical-align:top; } /************************************************ * Archives * ************************************************/ ul.aureola-arch-list li{ list-style:none; background:url(images/bullet.png) no-repeat left top; padding-left:20px; } ul.aureola-arch-list ul li{ list-style:none; background:none; padding-left:0px; } a.aureola-arch-toggler { display:block; float:right; background:#89A067; color:#fff; font-weight:bold; border:1px solid #9AAB74; padding:5px; } .aureola-arch-yearmonth { font-family:"Lucida Grande",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:15px; font-weight:bold; color:#91956e; } /************************************************ * Footer attributes * ************************************************/ .aur-mbtop{ padding:5px 0 5px 0; border-top:2px solid #fff; background:#d9ddba; } .aur-small { font-size:13px; } .aur-faint{ color:#999999; } .aur-white, .aur-white a:link, .aur-white a:visited { color:#fff; text-shadow:#A2B189 1px 1px 1px; } .aur-white a:hover{ color:#91956e; text-shadow:none; } .aur-center{ text-align:center; } /************************************************ * Footer * ************************************************/ #footer { min-height:20px; background:#d59f91; border-bottom:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #fff; } .footer_con { padding:10px; } /*bottom categories */ #bottom_cat h2{ padding:2px 5px; background:#d9ddba; font-size:18px; color:#fff; text-shadow:#A2B189 1px 1px 1px; margin:0px; } #bottom_cat { padding:0; background:#eef0dd; min-height:20px; position:relative; font-size:18px; color:#fff; border:2px solid #fff; margin-left:5px; margin-right:5px; } #bottom_cat li{ display:inline; position:relative; list-style:none; padding: 0 20px 0 0; line-height:30px; } ul.botcat_ul{ padding:0 10px; } #bottom_cat li a:hover { } /*Footer Widgets*/ #sbar4 ul li{ list-style:none; } #sbar4 li.widget, #sbar4 li.pagenav{ margin-top:10px; width:31.7%; min-height:20px; display: -moz-inline-stack; display:inline-block; vertical-align:top; margin-right:5px; margin-left:5px; *display: inline; _height: 20px; border:2px solid #fff; } #sbar4 h2{ margin:0px; padding:2px 5px; background:#d9ddba; color:#fff; text-shadow:#A2B189 1px 1px 1px; font-size:18px; } #sbar4 li ul, #sbar4 li div{ background:#eef0dd; padding:5px 5px 5px 5px; } #sbar4 li ul ul{ background:transparent; padding:0; } /************************************************ * Comments * ************************************************/ ol.commentlist li, ol.commentlist ul{list-style:none;margin-left:0px;}.avatar img{float:left}.ctext{margin-left:70px}.trackbacks a{color:#069;border-bottom:1px dotted #e6e6e6;width:550px;text-align:left}.user{font-weight:bold;font-size:14px;padding-top:10px;padding-left:5px}#commentform input,#commentform textarea{font-family:'Lucida Grande',Calibri,"Trebuchet MS",Verdana,Arial,Sans-serif;font-size:15px;line-height:18px}#commentform p{padding-bottom:5px} .depth-1 { border-bottom:1px solid #e6e6e6; clear:both; padding-left:10px;padding-top:5px;padding-right:5px; } .comment ul li, .children.comment{background:none;} .reply{ float:right; } ul.children li div{ background:none; } .reply a:link{ display:block; width:68px; height:24px; padding-top:4px; background:url(images/replyf.png) no-repeat center center;margin-left:10px; color:#fff; text-align:center; } .reply a:hover { background:url(images/reply.png) no-repeat center center; } .comment-body{ padding-bottom:30px;padding-right:5px;padding-top:0px; border-bottom:1px solid #DDE9C5; margin-bottom:5px; } .vcard img { float:left; padding:2px; border:1px solid #E5E5E5; background:#FFFFFF; margin:0 12px 0 0px; } .fn { font-size:15px; font-weight:bold; font-style:normal; } .says{ display:none; } .commentmetadata{ margin-top:2px; font-size:smaller; } .comment-body p{ margin-left:68px; color:#666666; text-align:justify; } li.thread-even, li.thread-odd{ background:#eff4db url(images/comment_bg.png) no-repeat center top; border:1px solid #e6e6e6; margin:10px 0; } #page_full_content li.thread-even, #page_full_content li.thread-odd { background-color:#eff4db; background-image:none; border:1px solid #e6e6e6; margin:10px 0; } .thread-even li, .thread-odd li { margin-left:25px; } #respond{ clear:both; } h4.postcomment{ font-family:"Lucida Grande",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:18px; font-weight:bold; color:#91956e; margin-bottom:5px; } #respond a:link, #respond a:visited { color:#c39387; text-decoration:none; } #respond a:hover { color:#91956e; text-decoration:underline; } #comments-wrap{ margin-top:10px; } #comments-wrap h6{ background:url(images/comment_number.gif) no-repeat top left; padding-left:20px; }