/* Theme Name: Brightwizard Theme URI: http://wordpressroom.com/brightwizard-theme-document.html Description: Simple theme with three column structure. Flickr and Ad. banners (125px X 125px) widgets enabled, inbuild functionality for customised home page and switch between 3 color options. Created by wordpressRoom. Version: 1.0 Author: WordpressRoom Author URI: http://wordpressroom.com Tags: dark, green, blue, orange, three-columns, fixed-width, theme-options Arclite Wordpress theme http://wordpressroom.com/brightwizard-theme-document.html Design and coding by wordpressRoom http://wordpressroom.com */ /* !!!!! GLOBAL ELEMENTS !!!!! */ /* ........................... */ *{margin:0; padding:0;} body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#1f1f1f; font-size:12px; background:url(images/main_bg.gif) repeat-x;} h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea, select, a, blockquote, table, td, th{font-family:Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6{margin:0; padding:0;} /* HEADERS */ h1{font-size:20px;} h2{font-size:18px; font-weight:normal;} h3, h3 a{font-size:16px; color:#000000;} h4{font-size:14px;} h5{font-size:12px; color:#4f6a02;} h6{font-size:10px;} p{margin:0; padding:0;} img, a img{border:0;} a{text-decoration:none; color:#537304;} a:hover{text-decoration:underline;} /*___ end global elements ___*/ /* !!!!! GLOBAL CLASSES !!!!! */ /* .......................... */ .alignleft, .float_left { float:left; } .alignright, .float_right { float:right; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .float_clear{clear:both;} br.float_clear{clear:both; height:0; font-size:0; line-height:0;} /*___ end global classes ___*/ /* !!!!! STRUCTURAL CLASSES !!!!! */ /* .............................. */ .wrapper{width:989px;} #content{margin:8px 0 12px 0;} /*___ end structural classes ___*/ /* !!!!! ELEMENT SPECIFIC CLASSES !!!!! */ /* .................................... */ /*Top Part CSS */ #toppart{background:url(images/top_bg.jpg) no-repeat right top; height:93px;} #toppart #logo_width{width:814px; text-align:left;} #toppart #logo{padding-top:30px; padding-left:13px; font-size:30px; font-weight:bold;} #toppart #logo a{color:#000000;} /*Top Links CSS */ .toplk{width:172px; text-align:left; margin-top:18px; padding-bottom:25px;} .toplk .img{margin:0 18px; _margin:0 19px;} .toplk .img1{_margin:0 11px;} .toplk .img_3{margin-left:22px;} .toplk .top_lk{color:#FFFFFF; font-size:11px; line-height:22px; padding:0 5px; height:22px; overflow:hidden;} .toplk .top_lk a{color:#FFFFFF; padding:0 4px;} .toplk .top_lk ul{margin:0; padding:0;} .toplk .top_lk li{display:inline;} .toplk .top_lk li a{border-left:1px solid #FFFFFF; padding:0 2px 0 8px;} .toplk .top_lk .noborder{border:0;} .toplk .top_lk li li{display:inline;} /*Tabs Navigation CSS */ .navigation_height{height:41px;} #tabs {float:left; color:#FFFFFF; padding:0 25px; margin-top:5px; font-size:15px; line-height:23px;} #tabs ul {list-style:none;} #tabs li {display:inline; margin:0; padding:0; position:relative;} #tabs a {float:left; margin:0; padding:0 0 0 4px; text-decoration:none; color:#FFFFFF;} #tabs a span {float:left; display:block; padding:5px 15px 4px 6px;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span {color:#323232;} #tabs a:hover {padding:0 5px; margin:0 -3px; background:url(images/nav_lft_hover.gif) no-repeat left top;} #tabs a:hover span {background:url(images/nav_rgt_hover.gif) no-repeat right top; } #tabs .selected a {padding:0 5px; background:url(images/nav_lft_hover.gif) no-repeat left top; color:#323232; margin:0 0px;} #tabs .selected a span{background:url(images/nav_rgt_hover.gif) no-repeat right top;} #tabs .selected a:hover {padding:0 5px; background:url(images/nav_lft_hover.gif) no-repeat left top; color:#323232; margin:0 0px;} #tabs .selected a:hover span{background:url(images/nav_rgt_hover.gif) no-repeat right top;} .nav_cat_w{width:752px;} #navigation {margin:0; float:left; color:#FFFFFF; padding:0 25px; font-size:15px; line-height:23px;} #navigation li { background:none; float:left; position:relative; list-style:none; padding:0 3px;} #navigation li a{ display:block; line-height:41px; text-decoration:none; color:#FFFFFF; padding:0 5px; } #navigation li a:hover{ background-color:#72aa01; } #navigation ul li ul{position:absolute; left:3px; top:40px; background-color:#000; width:200px; z-index:1000; display:none; } #navigation ul li ul li { padding:0px; margin:0px; text-align:left;} #navigation ul li:hover ul, #navigation ul li.hover ul {display:block; background-color:#72aa01;} #navigation li li {border-bottom:1px solid #000; width:100%; } #navigation li li a {display:block; line-height:28px; text-decoration:none; color:#FFFFFF; background-color:#72aa01;} #navigation li li a:hover { color:#FFFFFF; background-color:#000; } #navigation ul li:hover ul ul, #navigation ul li.hover ul ul {display:none;} #navigation ul ul ul {left:200px; top:0px; background-color:#000; width:200px; z-index:1000; display:none; background-color:#000; } #navigation li li a { background-color:#72aa01; } /* SEARCH BOX */ #search{text-align:left; margin:8px 0; padding:0 10px; } #search .input{border:1px solid #c5c5c2; background:#FFFFFF; width:60%; font-size:11px;padding:3px; margin-right:2px;} .search_button{background:url(images/search_btn.gif) no-repeat; cursor:pointer; width:56px; height:21px; display:block; border:0; margin:1px 0 0 2px; *margin-top:2px;} #content #search .input{border:1px solid #c5c5c2; background:#FFFFFF; width:60%; padding:2px; margin-right:2px;} #content #search .search_button{ margin-top:0px; *margin-top:1px; height:21px; display:block;} #leftside #search .input{border:1px solid #c5c5c2; background:#FFFFFF; width:60%; padding:2px; margin-right:2px;} #leftside #search .search_button{ margin-top:0px; *margin-top:1px; height:21px; display:block;} #content #leftside{width:206px; text-align:left;} #content #middleside{margin-left:5px; width:565px; _margin-left:2px; text-align:left;} #content #rightside{margin-left:3px; width:206px; _width:205px; text-align:left; } /*Left Side CSS */ /*Pages CSS */ .pages{margin:0; padding:0; width:100%;} .pages ul{list-style:none;} .pages li{margin:0; padding:0;} .pages li h2{background:url(images/cat_lft_hdrbg.gif) no-repeat left; width:206px;} .pages li span{background:url(images/arrow_1.gif) no-repeat left; margin-left:20px; font-size:14px; padding:0 0 0 16px; line-height:32px;} .pages li ul{list-style:none; width:94%; background:url(images/cat_midbg.gif) repeat-y; padding:7px;} .pages li li{color:#000000; padding:3px 0; width:99%; border-bottom:1px solid #d3d3d3;} .pages li li a{color:#000000; padding-left:15px; margin-left:5px; background:url(images/cat_bullet.gif) no-repeat left top; display:block;} .pages li li a:hover{color:#577600; text-decoration:none;} .pages .selected{border:0;} #content #leftside .midbg{background:url(images/cat_midbg.gif) repeat-y; padding:7px;} .sidebar{margin:0; width:100%; } .sidebar ul{list-style:none; margin:0; padding:0; display:block; } .sidebar li{margin:0; padding:0; } .sidebar li h2{background:url(images/cat_hdr_arrow.gif) no-repeat left #9ecf14; line-height:27px; font-size:14px; padding-left:28px; margin-bottom:1px;} .sidebar ul ul{list-style:none; display:block;} .sidebar li li{color:#000000; padding:3px 0; border-bottom:1px solid #d3d3d3; background:url(images/cat_bullet.gif) no-repeat left 5px; padding-left:15px; margin:0 5px; display:block;} .sidebar li li a{color:#000000; display:block;} .sidebar li li a:hover{color:#577600; text-decoration:none;} .sidebar .selected{border:0;} .sidebar ul ul ul {border:0;} .sidebar ul ul ul li{list-style:none; border:0;} .sidebar #sidebar ul.lifestream li, .sidebar ul.lifestream li{background:0px 2px; padding:0 0 0 20px; margin:0 5px;} /* ACCORDION */ .Collapsible{margin:0;} .CollapsiblePanel{margin: 0px; padding: 0px; } .CollapsiblePanelTab{background:url(images/cat_hdr_arrow.gif) no-repeat left #9ecf14; margin: 0px; padding: 2px; cursor: pointer; line-height:27px; font-size:14px; padding-left:28px; margin-bottom:1px; -moz-user-select: none; -khtml-user-select: none; width:85%;} .CollapsiblePanelContent{overflow:hidden; margin:0px; padding:0px;`} .CollapsiblePanelOpen .CollapsiblePanelTab{background:url(images/cat_hdr_arrow.gif) no-repeat left #9ecf14;} .CollapsiblePanelTabHover{color:#577600; text-decoration:none;} .CollapsiblePanelOpen .CollapsiblePanelTabHover{color:#555555;} .CollapsibleFocused .CollapsiblePanelTab{} .CollapsibleFocused .CollapsiblePanelOpen .CollapsiblePanelTab{} .news{ margin:0 0 10px 0;} .tags { padding:10px; } /*New Tabs CSS Here */ .TabbedPanels {margin:0; padding:0px; clear:none; width:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/} .TabbedPanelsTab {position:relative; top:1px; float:left; list-style:none; cursor:pointer; background:url(images/mid_rgt_redbg.gif) repeat-x; line-height:28px; text-align:center; padding:0 8px;} .TabbedPanelsTab {position: relative; top:0px; float:left; list-style:none; cursor:pointer; color:#FFF; margin-right:1px; background:url(images/tab_lk.gif) repeat-x; line-height:28px; text-align:center; padding:0 8px;} .TabbedPanelsTabSelected {background:url(images/tab_hover.gif) repeat-x; text-align:center;} .TabbedPanelsTab a {color:#FFF; display:block;} .TabbedPanelsTab a:hover{background:url(images/tab_hover.gif) repeat-x; color:#FFF; display:block; padding:0 10px; margin:0 -10px; text-decoration:none;} .TabbedPanelsContentGroup{clear:both; background-color:#a9d825; margin-bottom:15px;} .TabbedPanelsContent{padding:4px; } .tab_inr_txt{color:#0e0e0e; padding:3px 0; font-size:11px; margin:0;} .tab_inr_txt a{color:#969eb2; background:url(images/tab_arrow.gif) no-repeat left top; display:block; padding:0px 0 0px 15px; color:#0e0e0e;} .tab_inr_txt a:hover{color:#4f6a02; text-decoration:none; } .tab_inr_txt ul{margin:0; padding:0;} .tab_inr_txt li{color:#0e0e0e; border-bottom:1px solid #d4ec92; padding:3px 0; font-size:11px; list-style:none; margin:0;} .tab_inr_txt li a{color:#969eb2; background:url(images/tab_arrow.gif) no-repeat left top; display:block; padding:0 0 0 15px; margin:0; color:#0e0e0e;} /*Right Side CSS */ /*From the Blog CSS */ .blog{background:url(images/right_hdr.gif) no-repeat; width:206px; height:41px; position:relative;} .blog h3{padding-left:19px; padding-top:14px; font-size:14px; font-weight:bold; color:#050505;} .blog .rss_pos{position:absolute; right:11px; bottom:-8px; *bottom:-9px;} .blog .rss_pos .rss{background:url(images/rss_img.gif) no-repeat; width:37px; height:38px; cursor:pointer; display:block; } #rightside .midbg{background:url(images/cat_midbg.gif) repeat-y; padding:10px 7px; width:94%;} #rightside .midbg .padding{padding:0 14px; } .blog_hdr{font-weight:bold; color:#000000;} .blog_hdr a{color:#000000; text-decoration:underline;} .blog_hdr a:hover{text-decoration:none;} .blog_date{color:#7ba504; margin:3px 0; font-size:14px;} .blog_date a{color:#7ba504;} .blog_txt{color:#5e5e5e; border-bottom:1px solid #d5d5d5; margin-bottom:5px; padding:0 0 10px 0; height:53px; margin:0 0 5px 0; overflow:hidden; _width:96%;} /*Middle Part CSS */ #banner1{background:url(images/h_bnner1.jpg) no-repeat left top; width:565px; height:243px; overflow:hidden; } #banner1 p{padding-left:300px; padding-top:78px; color:#FFFFFF; font-size:25px; font-weight:bold; text-align:center;} #banner1 p span{color:#000000;} .banner_btmbg{background:#f6f6f6; padding:5px; width:98%; } .banner_btmbg p{line-height:18px; text-align:justify; margin-bottom:5px;} /*2 sections CSS */ .banner_btmbg .section_bg{background:#FFFFFF; width:100%;} .banner_btmbg .section_bg .padding{padding:10px !important; } .banner_btmbg .section_bg .lftwidth{ width:49%; margin-right:5px; overflow:hidden;} .banner_btmbg .section_bg .lftwidth .width{width:95%; margin-left:5px;} .banner_btmbg .section_bg .lftwidth .margin{margin-bottom:3px;} .banner_btmbg .section_bg .lftwidth p{font-size:11px; line-height:normal; overflow:hidden; text-align:justify;} .banner_btmbg .section_bg .lftwidth a{text-align:right; text-decoration:underline;} .banner_btmbg .section_bg .lftwidth a:hover{text-decoration:none;} .banner_btmbg .section_bg .lftwidth .readmore{*padding-bottom:10px;} /* RSS */ .sociable_tagline strong{display:none;} .sociable ul li a img{ margin:2px; } /*Special Profile CSS */ .sp_profile{background:#9ecf14; line-height:29px;padding-left:19px; font-size:14px; font-weight:bold;} .bk_padding{padding:10px 14px;} .bk_padding .img_width{width:16px; margin-right:10px;} .bk_padding .link a{font-size:14px; color:#323232;} /*Photo Gallery CSS */ .photo_gallery{padding-top:5px; text-align:center;} .hslice h2{display:none;} .photo_gallery .ngg-widget-slideshow{padding:5px 10px;} .entry-content a img{border:1px solid #d5d5d5; padding:1px;} .brd_none{border:0;} /*Recent Posts CSS */ .post_hdr{background:#9ecf14; line-height:31px; padding-left:13px; margin:5px 0 0 0;} .post {background:url(images/post_bg.gif) repeat-x bottom left #fafafa; padding:10px; } .post .padding{padding:3px 0; font-size:11px;} .post .author{width:40%;} .post .author a{color:#010101;} .post .post_date a{color:#010101;} .post .post_date .post_icn{background:url(images/post_icn.gif) no-repeat left; padding-left:21px; line-height:23px;} .post .post_date .post_icn a{margin-right:8px; color:#010101;} .post .post_date .date_icn{background:url(images/date_icn.gif) no-repeat left; line-height:23px; padding:5px 0 5px 21px;} .post .txt{line-height:18px; font-style:italic;} .post .margin{margin-top:10px;} .post .margin .readmore{width:80%;} .post .margin .readmore a{font-weight:bold; color:#618b04; font-size:11px;} .post .margin .links{width:20%;} .post .margin .links a{color:#010101;} h2.pagetitle{border-bottom:1px solid #d5d5d5; margin:5px 0 10px 0; padding:5px 0 10px 5px; color:#769815;} .left_txtsize { padding:10px; margin:10px 0; } .left_txtsize span.readmore a:link, .readmore a:hover {color:#393939; } .left_txtsize h1, .left_txtsize h2, .left_txtsize h3,.left_txtsize h4, .left_txtsize h5,.left_txtsize h6 { display:block; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; font-weight:bold; } .left_txtsize h1, .left_txtsize h1 a { font-size:15px; margin:0 0 10px 0 !important; padding:0 !important; color:#1d1d1d; } .left_txtsize h2, .left_txtsize h2 a { font-size:14px; margin:0 0 10px 0 !important; padding:0 !important; color:#1d1d1d; } .left_txtsize h3, .left_txtsize h3 a { font-size:13px; margin:0 0 10px 0 !important; padding:0 !important; color:#1d1d1d; } .left_txtsize h4, .left_txtsize h4 a { font-size:12px; margin:0 0 10px 0 !important; padding:0 !important; color:#1d1d1d; } .left_txtsize h5, .left_txtsize h5 a { font-size:11px; margin:0 0 10px 0 !important; padding:0 !important; color:#1d1d1d; } .left_txtsize h6, .left_txtsize h6 a { font-size:10px; margin:0 0 10px 0 !important; padding:0 !important; color:#1d1d1d; } .left_txtsize p { margin-bottom:8px;} .left_txtsize img { margin-bottom:5px; } .left_txtsize img.alignleft { margin-right:5px; display:block; } .left_txtsize img.alignright { margin-left:5px !important; display:block; float:right !important; } .left_txtsize img.alignnone { display:block; clear:both; } .left_txtsize ul, .left_txtsize ol { padding:5px 0 10px 15px; } .left_txtsize li { font-size:12px; line-height:22px; } .left_txtsize li a { text-decoration:underline; } .left_txtsize li a:hover { text-decoration:none; } .left_txtsize ul { margin:0; padding:0; } .left_txtsize ul li { background:url(images/cat_bullet.gif) no-repeat left 7px; padding:0 0 0 15px; list-style:none; } .left_txtsize ol { padding-left:25px; } .left_txtsize ol li { list-style:decimal; } .left_txtsize blockquote { padding:10px 50px; background-color:#dfdfdf; margin:10px 0; color:#000000; clear:both;} .left_txtsize blockquote:after {content: close-quote; margin:-40px 0px 30px 100%; } .left_txtsize blockquote:before {content: open-quote; margin:-5px 0 0 -40px; } .left_txtsize blockquote:before, blockquote:after { color:#000000; height:20px; display: block; font-size: 8em; width: 20px; } .title{margin:0 0 15px 0;} /* COMMENT LIST */ .commentlist cite, .commentlist cite a { font-weight: bold; font-style:normal; font-size:16px; color:#618b04; } .commentlist { padding: 0; text-align: justify; background:#FFFFFF; } .commentlist li { font-weight: bold; margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; border-bottom:1px dashed #303947; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } #commentform .input{margin:5px 0; border:1px solid #706F6F; padding:2px; width:170px; font-size:12px;} #commentform .textarea { width:470px; margin:5px 0; border:1px solid #706F6F; padding:2px; font-size:12px; } .commentlist li ul li { font-size: 1em; } .commentlist li .avatar { float: right; border: 1px solid #9ecf14; padding: 2px; background: #fff; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } .commentmetadata { font-weight: normal; } #respond{padding:10px; background:#f8ffe6;} #commentform #submit { margin: 0 0 5px auto; background:#9ecf14; padding:5px; border:0; width:15%; cursor:pointer; height:25px; color:#FFFFFF;} #commentform label{padding:5px; font-size:11px;} .red{color:#FF0000;} /* PAGINATION */ .navigation a{background:#618b04; padding:5px; color:#FFFFFF; display:block;} acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; } .postmetadata { clear: both; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } .archives_link a {background:#666; padding:5px; font-weight:bold; color:#FFF; } /* Socialize */ .sociable ul li { list-style:none; background:none; } /* Calendar */ #calendar_wrap { padding: 0 15px; text-align: center; } #calendar_wrap table { width:100%; } #calendar_wrap td { border: none; } #calendar_wrap td a { padding:0; margin:0; } #calendar_wrap td#prev { text-align: left; font-weight: bold; border: none; } #calendar_wrap td#prev a { border: none; color:#618b04;} #calendar_wrap td#next { text-align: right; font-weight: bold; border: none; } #calendar_wrap td#next a { border: none; color:#618b04; } #calendar_wrap caption { font-weight:bold; font-size:13px; line-height: 30px; } #calendar_wrap a{ color:#618b04;} /* Calendar */ #calendar { padding: 0 15px; text-align: center; } #calendar table { width: 100%; } #calendar td { border: none; } #calendar td a { padding:0; margin:0; } #calendar td#prev { text-align: left; font-weight: bold; border: none; } #calendar td#prev a { border: none; color:#618b04; } #calendar td#next { text-align: right; font-weight: bold; border: none; } #calendar td#next a { border: none; color:#618b04; } #calendar caption { font-weight:bold; font-size:13px; line-height:30px; } #calendar a{ color:#618b04;} /* WP-CAPTION */ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */-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; } /* FOOTER */ .sidebat_btmbg{background:url(images/cat_ftr_bg.gif) no-repeat; width:206px; height:33px;} .footer_bg{background:#96c200; height:57px;} .footer{width:80%; margin:0; padding:5px; font-size:11px;} .footer ul{margin:0; padding:0;} .footer li{list-style:none; display:inline;} .footer li a{color:#000000; margin:10px 0px; padding:0 15px; border-right:1px solid #000000;} .copyrights, .copyrights a{color:#314000; font-size:11px;} .ftr_posrel{position:relative;} .ftr_posabs{position:absolute; right:10px; top:20px;} /* Flickr and Advt. Banner CSS */ .midbg #wr_flickr h3{color:#000000; width:85%;} .midbg #wr_flickr, .midbg #wr_flickr{clear: both; padding: 0px; list-style:none; margin:0;} .midbg #wr_flickr .flickr_badge_image a{float: left;display: inline; margin: 5px 0 4px 6px;border: 1px dashed #888;padding: 5px;} .midbg #wr_flickr .flickr_badge_image a:hover{border: 1px dashed #444;} #browseFlickr{width: 91px; height: 11px;margin: 0 25px 10px 12px;float:right;} #video{padding: 10px;} #advt_125x125{margin:15px 0;padding:8px; background:#f1f1f1; text-align:center; } #advt_125x125 img{margin:5px; } #advt_125x125 span{ font-size:10px; color:#666666; display:block;text-align:center;}