/*Theme Name: Vibrant WordPress ThemeTheme URI: Description: A truly vibrant theme for WordPress.Version: 1.0Author: Ahmad FouadAuthor URI: *//***************************************************/ * { font-family: Tahoma, arial, "Trebuchet MS"; outline: 0; padding: 0; margin: 0; border: 0 none; text-decoration: none; white-space: normal; vertical-align: baseline;} html, body {line-height: 1} hr {display: none} blockquote:before, blockquote:after, q:before, q:after {} blockquote, q {border:1px dotted #CCC;} ul {list-style-type: none} ol {list-style-type: decimal} .clear {clear: both} strong {color:#444;} /***************************************************/ body{background: #444;} #container { width: 960px; margin-right: auto; margin-left: auto; text-align: right;} #header { width: 960px; height: 173px;} /***************************************************/ .wrapper-a{background: #444 url(images/wa-pattern.jpg);padding:5px;direction:rtl;} .wrapper-b{-moz-border-radius: 5px 5px 5px 5px;background: #444 url(images/wb-pattern.jpg);border:1px solid #999;padding:5px;width:980px;} .wrapper-c{-moz-border-radius: 5px 5px 5px 5px;border:1px solid #CCC;width:978px;background: #e6f3f5 url(images/bg.gif) repeat-x top;text-align: center;} /***************************************************/ #pagenav { float: right; width: 607px; height: 45px;} #pagenav ul { float: right; padding-top: 15px; padding-right: 20px; height: 30px;} #pagenav ul li { float: left; height: 30px; text-align: center; margin-left: 1px;} #pagenav ul li a { float: left;background: url(images/nav.gif) repeat-x; background-position: center 0px;display: block; padding-left: 20px; padding-right: 20px; line-height: 30px; height: 30px; font-size: 12px; color: #a0d21a; font-weight: bold; -moz-border-radius:5px 5px 0 0; } #pagenav ul li a:hover { background: url(images/nav.gif) repeat-x; background-position: center -30px;} #pagenav ul li.current_page_item a { background: url(images/nav.gif) repeat-x; background-position: center -60px; color: #FFF;} #pagenav ul li.current_page_item a:hover { background: url(images/nav.gif) repeat-x; background-position: center -60px;} /***************************************************/ #searchform { float: right; width: 333px; height: 45px; margin-left: 20px;} #searchform form { float: left; display: inline; background: url(images/ico-search.gif) no-repeat; background-position: right 0px; width: 333px; height: 45px;} #searchform fieldset { float: left; display: inline; padding-top: 10px; height: 35px;} #searchform label { vertical-align: middle; color: #FFF; font-weight: bold; font-size: 11px;} #searchform input { display: inline; vertical-align: middle; font-size: 11px;} #searchinput { width: 177px; height: 20px; padding-left: 6px; padding-top: 6px; padding-right: 6px; background: url(images/search-input.gif) no-repeat; color: #999;} #searchbutton { width: 35px; height: 25px; line-height: 1.4em; background: url(images/search-button.gif) no-repeat; font-weight: bold; color: #FFF; text-align: center; cursor: pointer;} /***************************************************//* Search form CSS */ form#srcform { background: #EEE; padding: 10px;} form#srcform fieldset {} form#srcform input { vertical-align: middle; font-size: 11px;} form#srcform #srcinput { padding: 4px; width: 250px; background: #FFF; color: #333; font-weight: normal; border: 1px solid #ddd;} form#srcform #srcbutton { padding: 2px; width: 50px; background: #aaa; color: #FFF; font-weight: bold; text-align: center; cursor: pointer;} /***************************************************/ #logo { display: none; margin-top: 50px; margin-right: 20px; margin-left: 20px; padding-right: 40px; padding-left: 40px; border-left: 1px solid #aaa;} #logo h1 { padding-top: 9px; font-size: 22px; font-weight: bold; color: #FFF;} #logo h1 a { font-family: Georgia,Arial; font-size: 22px; font-weight: bold; color: #FFF;} #logo h1 a .green { font-size: 22px; font-weight: bold; color: #aeec07;} #logo h1 a:hover { color: #aeec07;} #logo .description { color: #feffe3; font-size: 11px; line-height: 1.4em;} #about { float:right; background:url(images/banner.jpg); display: inline; margin-top: 5px; margin-right: -9px; width: 978px; height:120px; font-size: 11px;} #about p { color: #FFF; font-size: 11px; line-height: 1.4em;} /***************************************************/ #column { float: left; width: 540px; margin-right: 10px;} .post { margin-top: 20px;} .post a { color: #2c78b9;} .post a:hover { color: #4ba5f2;} .post-top { width: 540px; height: 10px; background: url(images/post-top.gif) no-repeat; overflow: hidden;} .post-bottom { width: 540px; height: 10px; background: url(images/post-bottom.gif) no-repeat; overflow: hidden;} .entry { background: #FFF; border-right: 1px solid #bddbe6; border-left: 1px solid #bddbe6;} .entry h2 { font-family: Tahoma,Arial,Georgia; padding:5px 15px 5px 15px; line-height: 1.3em; font-size: 13px; font-weight: bold;} .entry h2 a { font-family: Tahoma,Arial,Georgia; line-height: 1.3em; font-size: 13px; font-weight: bold;} .entry .date { display: block; margin-left: 15px; margin-right: 15px; color: #999; padding-bottom: 5px; font-size: 11px;} /********* CSS For Post Info Below Header ***************/ .info { background: #f5feff; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding-left: 15px; padding-right: 15px; font-size: 11px;} .info .cat { float: right;} .info .comments { float: left;} .info .cat a { line-height: 26px; padding-top: 1px; padding-bottom: 1px;} .info .comments a { line-height: 26px; background: url(images/ico-comment.gif) no-repeat; background-position: right center; padding-top: 1px; padding-bottom: 1px; padding-right: 20px;}/********* CSS For Article CONTENT ***************/.content { padding-top: 15px; padding-right: 15px; padding-left: 15px; padding-bottom: 1px;}.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { line-height: 1.5em; margin: 0px 0px 5px 0px; padding: 0;}.content p { font-size: 12px; line-height: 1.5em; margin: 0px 0px 10px 0px; padding: 0;}.content .more-link {background:url(images/page_go.png) no-repeat right; font-size: 11px; font-weight: bold; text-transform: uppercase; padding-right:20px; display: block;}.content h1 { font-size: 14px; color: #97aab1;}.content h2 { font-size: 18px; color: #1394ef;}.content h3 { font-size: 16px; font-weight: bold; color: #333;}.content h4 { font-size: 14px; font-weight: bold;}.content h5 { font-size: 12px; font-weight: bold; color: #999;}.content h6 { font-size: 11px; font-weight: bold;}/* CSS for UL/OL lists */.content ol {padding-right: 20px;}.content ul {margin: 5px 5px 20px 5px;}.content ol {margin: 5px 5px 20px 5px;}.content ul ul {margin: 5px 5px 5px 5px;}.content ol ol {margin: 5px 5px 5px 5px;}.content ol li { line-height: 1.5em; color: #333; margin-bottom: 5px; font-size: 12px;}.content ul li { line-height: 1.5em; color: #333; background: url(images/bullet.gif) no-repeat; background-position: right 6px; padding-right: 20px; margin-bottom: 5px; font-size: 12px;}/* End CSS for UL/OL lists *//* Additional post tags */blockquote { padding: 7px 10px 10px 30px; padding-right: 40px; background: #f7fcea url(images/blockquote.gif) no-repeat; background-position: 8px 8px; margin-bottom: 15px;}blockquote p { font-family: georgia, arial; line-height: 1.5em; font-size: 12px; color: #366799;}blockquote * { font-family: georgia, arial; line-height: 1.5em; font-size: 12px; color: #366799;}ins { text-decoration: underline;}del { text-decoration: line-through;}code { color: #333; font-family: verdana; font-size: 11px; background: #eee;}/* Thanks! */.tags { background:url(images/tag_green.png) no-repeat right 5px ; border-top: 1px solid #ddd; font-weight: bold; line-height: 2em; color: #bbb; padding-left: 15px; padding-right: 20px; margin-right:5px; text-align: right; font-size: 11px;}.tags a { font-weight: normal; color: #333; text-transform:lowercase;}.tags a:hover { color: #ff9600;}.follow { background: #fcffeb; padding: 10px; margin-left: 15px; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #dcddd6; font-weight: bold; font-size: 11px;}.follow a { font-weight:bold; background: url(images/rss.gif) no-repeat; background-position: right center; padding-right: 20px;}.state { margin-right: 15px; margin-bottom: 15px; font-size: 12px; line-height: 1.5em;}.state a { line-height: 1.5em;}/***************************************************/.navigation ,.pagenavi{ padding-top: 10px; padding-right: 5px; padding-left: 5px; font-size: 11px; line-height: 1em; text-transform: uppercase; font-weight: bold;}.pagenavi{text-align:center;direction:ltr;}.navigation a,.pagenavi a { color: #333;}.navigation a:hover,.pagenavi a:hover { color: #2c78b9;}.navleft { float: right; width: 48%;}.navright { float: left; width: 48%; text-align: left;}/***************************************************/.alignleft img, .alignright img, .aligncenter img { border: 4px solid #ccc;}.alignleft { float: right; display: inline; background: #fff; margin-left: 10px; margin-bottom: 4px;}.alignright { float: left; display: inline; background: #fff; margin-right: 10px; margin-bottom: 4px;}.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto;}.alignnone {}/*Caption*/.wp-caption { border:1px solid #ccc; background:#EEE; text-align: center; padding-top: 4px; margin: 10px; direction:ltr;}.wp-caption a { border: 0 none !important;}.wp-caption img { margin: 0 !important; padding: 0 !important; border:1px solid #DDD;}.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 4px 0; text-indent:0; margin: 0}/*/Caption*//***************************************************/#sidebar { float: right; width: 420px;}/***************************************************/.cat-head{font-family: "courier new",arial;text-align:center;font-size:14px;font-weight:normal;}.banner{background: url(images/b-head.jpg) no-repeat;width:510px;height:107px;border:1px solid #CCC;-moz-border-radius:5px 5px 5px 5px;}.box { width: 420px;}.box h2 { margin-top: 20px; display: block; background: url(images/bigheader.gif) no-repeat; width: 420px; height: 30px; color: #FFF; line-height: 27px; font-weight: bold; text-indent: 10px; font-size: 11px;}/***************************************************/.ads { padding: 10px; border: 1px solid #bfe3eb; background: #FFF;}.ads ul {}.ads ul li { float: right; display: inline; width: 125px; height: 125px; margin-right: 5px; margin-left: 2px;}.ads ul li a { float: right; display: block; width: 125px; height: 125px;}.ads ul li a img { float: right; display: block; width: 125px; height: 125px;}/***************************************************/.subscribe { padding: 10px; border: 1px solid #bfe3eb; background: #FFF;}.rssfeed { font-size: 12px; line-height: 1.4em; background: url(images/bullet.gif) no-repeat; background-position: right 5px; padding-right: 15px; margin-bottom: 5px;}.rssfeedlinks { padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dotted #ddd; font-size: 11px;}.rssfeedlinks a { float: right; font-weight: bold; background: url(images/rss.gif) no-repeat right; padding-right: 22px; line-height: 1.5em; color: #2c78b9; margin-left: 40px;}.rssfeedlinks a:hover { color: #ff9600; line-height: 1.5em;}.subscribe form { display: inline;}.subscribe fieldset { display: inline;}.subscribe input { display: inline; vertical-align: middle; font-size: 11px;}#rssinput { width: 300px; height: 20px; padding-right: 7px; padding-top: 7px; background: url(images/rss-input.gif) no-repeat top;}#rssinput:focus { width: 300px; height: 20px; padding-right: 7px; padding-top: 7px; background: url(images/rss-input.gif) no-repeat bottom;}#rssbutton { width: 36px; height: 36px; background: url(images/rss-button.gif) no-repeat; cursor: pointer;}/***************************************************/.tabs { margin-top: 20px; width: 420px; overflow: hidden;}.tabs li { float: right; display: inline; margin-right: 1px; text-align: center; overflow: hidden; font-size: 11px;}.tabs li a { float: right; display: block; color: #FFF; font-weight: bold; padding-left: 20px; padding-right: 20px; line-height: 26px; height: 26px; background: url(images/tab.gif) repeat-x top;}.tabs li a:hover { display: block; color: #c0ef05;}.tabs li a.selected { display: block; background: url(images/tab.gif) repeat-x bottom; color: #FFF;}.tabs li a.selected:hover { display: block; background: url(images/tab.gif) repeat-x bottom; color: #FFF;}/***************** CSS For TAB Content *******************/.tabcontent { display: none; background: #fcffec url(images/tabtop.gif) no-repeat top; border: 1px solid #bfe3eb; border-top: 0; padding-top: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; overflow: hidden; font-size: 11px;}.tabcontent a, .tabcontent a strong { color: #2c78b9; line-height: 1.4em;}.tabcontent a:hover, .tabcontent a:hover strong { color: #4ba5f2;}.tabcontent ul li { display: block; background: url(images/bullet.gif) no-repeat; background-position: right 5px; border-bottom: 1px dotted #ddd; padding-bottom: 5px; margin-bottom: 5px; padding-right: 20px; color: #999; line-height: 1.4em; font-size: 11px}.tabcontent ul li a { color: #2c78b9; line-height: 1.4em;}.tabcontent ul li a:hover { color: #4ba5f2;}.tabcontent ul li span { display: block; color: #999;}/***************** CSS For TAB Content *******************/@media print { .tabcontent { display: block !important; }}/***************************************************/.sidebar { float: left; width: 200px; margin-right: 10px; font-size: 11px;}.sidebar a { color: #2c78b9;}.sidebar a:hover { color: #4ba5f2;}.sidebar ul li h2 { margin-top: 10px; display: block; background: url(images/header.gif) no-repeat; width: 200px; height: 33px; color: #FFF; line-height: 30px; font-weight: bold; text-indent: 10px; font-size: 11px;}.sidebar ul li div {}/***********************************************/.sidebar ul ul { padding: 10px; border: 1px solid #bfe3eb; background: #FFF;-moz-border-radius: 0 0 5px 5px;}.sidebar ul li ul li ul li { background: url(images/bullet2.gif) no-repeat; background-position: right 9px; border-bottom: none; border-top: none;}.sidebar ul ul ul { padding: 0px; border: 0; background: #FFF;}.sidebar ul li ul li { display: block; background-position: right 9px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px;}.sidebar ul li ul li a { color: #2c78b9; line-height: 1.4em;}.sidebar ul li ul li a:hover { color: #4ba5f2;} /***************************************************/ #footer { margin-top: 20px; width: 100%; background: #444; border-top: 5px solid #aaa; padding-top: 15px; padding-bottom: 15px;} #footercontent { font-size:11px; width: 960px; height: 60px; margin-right: auto; margin-left: auto;} #footercontent ul { float: right; margin-bottom: 10px;} #footercontent ul li { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ddd; line-height: 1.5em;} #footercontent ul li a { float: left; font-size:11px; display: block; color: #FFF; text-transform: uppercase; line-height: 1.5em;} #footercontent ul li a:hover { color: #aeec07; line-height: 1.5em;} .copyright { float: left; color: #feffe3; line-height: 1.5em; font-size: 11px;} .copyright a { font-weight: bold; border-bottom: 1px dotted #ff9600; line-height: 1.5em; color: #FFF;} .copyright a:hover { color: #aeec07; line-height: 1.5em;}.rss { float: right; font-size: 11px;} .rss a { float: right; display: block; font-weight: bold; background: url(images/rss.gif) no-repeat right; padding-right: 25px; line-height: 1.5em; color: #aeec07; margin-left: 25px;} .rss a:hover { color: #edf50c; line-height: 1.5em;} .property { float: left; color: #ddd; line-height: 1.5em; font-size: 11px;} .property a { font-weight: bold; color: #aeec07;} .property a:hover { text-decoration: underline;} /***************************************************//* CSS for Search Results Only Optional */ .result { border-top: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px; font-size: 11px;} .result h3 { font-size: 16px; font-weight: bold; padding:0;margin:0; line-height: 1em;} .result h3 a { font-size: 16px; font-weight: bold; padding:0;margin:0; line-height: 1em;} .result .rdate { float: right; line-height: 2em; color: #aaa;} .result .rcomment { float: left; line-height: 1.5em; color: #aaa; font-weight: bold;} .result .rcomment a { color: #999; font-weight: bold;} .result .rcomment a:hover { color: #ff9600;} .result .rsummary { padding: 10px; border: 1px dotted #eee; background: #f8fcef;} .result .rsummary p { font-size: 12px; margin:0; padding:0;}.result .rcat { float: right; line-height: 2em; color: #aaa;}.result .rcat a { color: #999; font-weight: bold;}.result .rcat a:hover { color: #ff9600;}.result .rtags { float: left; line-height: 2em; color: #aaa;}.result .rtags a { color: #999; text-transform: lowercase;}.result .rtags a:hover { color: #a2d700;}/***************************************************//* Commenting System CSS */#combox { border-top: 5px solid #bbb; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px;}h3#respond { font-size: 14px; font-weight: bold; line-height: 1em; padding-bottom: 5px; margin-bottom: 2px; border-bottom: 1px dotted #ddd;}h3#comments { font-size: 14px; font-weight: bold; line-height: 1em; padding-bottom: 5px; margin-bottom: 2px; border-bottom: 1px dotted #ddd;}ol.commentlist { list-style-type: none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 5px solid #a4d5e5;}ol.commentlist li { background: #f8fcef; border: 1px solid #eee; padding: 20px; margin-top: 20px;}ol.commentlist li.alt { background: #FFF; border: 1px solid #eee; padding: 20px; margin-top: 20px;}.avatar { float: right; display: inline; width: 32px;}.commentbody { float: right; display: inline; margin-right: 20px; width: 410px;}.commentbody em { font-size: 11px;}/***************************************************/p.comment_author, p.comment_author a { font-weight: bold; color: #455c6b; font-size: 11px;}p.comment_author a:hover { font-weight: bold; color: #ff3600;}p.comment_time { line-height: 1.5em; color: #999; font-size: 10px; font-family: tahoma; font-weight: bold; text-transform: uppercase;}.comment_text { line-height: 1.5em; color: #333; margin-top: 15px; font-size: 11px;}/***************************************************/.reply form { background: #EEE; width: 488px; padding: 10px;}.reply p { margin-top: 10px; font-size: 11px;}.reply fieldset { vertical-align: middle; display: inline;}.reply input { vertical-align: middle; display: inline; font-size: 11px;}.reply textarea { vertical-align: middle; display: inline; font-size: 11px;}.reply label { vertical-align: middle; display: inline; font-size: 11px; font-weight: bold; font-family: tahoma; margin-right: 10px;}.replytext { border: 1px solid #d9f6fa; width: 200px; padding: 5px; color: #366799;}.replytext:focus { border: 1px solid #c3e5ea; background: #fefff7;}.replyarea { border: 1px solid #d9f6fa; line-height: 1.5em; padding: 5px; width: 470px; height: 120px; color: #366799;}.replyarea:focus { border: 1px solid #c3e5ea; background: #fefff7;}.replybutton { background: url(images/tab.gif) repeat-x; text-align: center; width: 100px; height: 25px; font-weight: bold; color: #FFF; cursor: pointer;}/***************************************************//***********Related Post**********/.related{text-align:center;margin: 30px 0px 20px 0px;padding:10px 0px 0px 0px;border-top:1px solid #CCC;}.related h3{font-size:12px;margin-bottom: 10px;}.related td{text-align:right;border:1px solid #CCC;padding:3px;}.repic{text-align:center;}.related a{font-size:12px;}.related small{font-size:11px;}/**************IE6*****************/.ifIE-6{width : 100%;height : 25px;top : 0;text-align : center;background : #fcfce3;border-bottom : 1px solid #ccc;} .tips{background:#F5FFD6;border:1px solid #CCC;font-size:11px; padding:5px; margin:10px 5px 5px 5px;line-height:15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .tips-box{background: url(images/box.png) no-repeat right; padding-right:20px;line-height:16px;} .tips-coin{background: url(images/coins.png) no-repeat right; padding-right:20px;line-height:16px;} .tips-money{background: url(images/money.png) no-repeat right; padding-right:20px;line-height:16px;}