/*Theme Name: Vibrant WordPress ThemeTheme URI: Description: A truly vibrant theme for WordPress.Version: 1.0Author: Ahmad FouadAuthor URI: *//***************************************************/* {	font-family: arial, "Trebuchet MS";	color: #666;	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 {content: ''}blockquote, q {quotes: "" ""}ul {list-style-type: none}ol {list-style-type: decimal}.clear {clear: both}/***************************************************/body {	background: #e6f3f5 url(images/bg.gif) repeat-x top;	text-align: center;}#container {	width: 980px;	margin-right: auto;	margin-left: auto;	text-align: left;}#header {	width: 980px;	height: 173px;}/***************************************************/#pagenav {	float: left;	width: 627px;	height: 45px;}#pagenav ul {	float: left;	padding-top: 15px;	padding-left: 20px;	height: 30px;}#pagenav ul li {	float: left;	height: 30px;	text-align: center;	margin-right: 1px;}#pagenav ul li a {	background: url(images/nav.gif) repeat-x;	background-position: center 0px;	float: left;	display: block;	padding-left: 20px;	padding-right: 20px;	line-height: 30px;	height: 30px;	font-size: 14px;	letter-spacing: -1px;	color: #a0d21a;	font-weight: bold;}#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;}/***************************************************/#logo {	float: left;	display: inline;	margin-top: 50px;	margin-left: 20px;	margin-right: 20px;	padding-right: 40px;	padding-left: 40px;	border-right: 1px solid #aaa;	background: url(images/logo.gif) no-repeat;		background-position: left 0px;}#logo h1 {	padding-top: 9px;	font-size: 22px;	font-weight: bold;	letter-spacing: -2px;	color: #FFF;}#logo h1 a {	font-size: 22px;	font-weight: bold;	letter-spacing: -2px;	color: #FFF;}#logo h1 a .green {	font-size: 22px;	font-weight: bold;	letter-spacing: -2px;	color: #aeec07;}#logo h1 a:hover {	color: #aeec07;}#logo .description {	color: #feffe3;	font-size: 11px;	line-height: 1.4em;}#about {	float: left;	display: inline;	margin-top: 50px;	width: 500px;	font-size: 11px;}#about p {	color: #FFF;	font-size: 11px;	line-height: 1.4em;}/***************************************************/#column {	float: left;	width: 540px;	margin-right: 20px;}.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 {	padding-left: 15px;	padding-right: 15px;	padding-top: 5px;	line-height: 1.3em;	font-size: 16px;	font-weight: bold;	letter-spacing: -1px;}.entry h2 a {	line-height: 1.3em;	font-size: 16px;	font-weight: bold;	letter-spacing: -1px;}.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: left;}.info .comments {	float: right;}.info .cat a {	line-height: 26px;	background: url(images/ico-date.gif) no-repeat;	background-position: left center;	padding-top: 1px;	padding-bottom: 1px;	padding-left: 20px;}.info .comments a {	line-height: 26px;	background: url(images/ico-comment.gif) no-repeat;	background-position: left center;	padding-top: 1px;	padding-bottom: 1px;	padding-left: 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 {	font-size: 11px;	font-weight: bold;	text-transform: uppercase;	display: block;}.content h1 {	letter-spacing: -2px;	font-size: 20px;	color: #97aab1;}.content h2 {	letter-spacing: -1px;	font-size: 18px;	color: #1394ef;}.content h3 {	letter-spacing: -1px;	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-left: 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: left 6px;	padding-left: 20px;	margin-bottom: 5px;	font-size: 12px;}/* End CSS for UL/OL lists *//* Additional post tags */blockquote {	padding: 10px;	padding-left: 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 {	border-top: 1px solid #ddd;	font-weight: bold;	line-height: 2em;	color: #bbb;	padding-left: 15px;	padding-right: 15px;	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: left center;	padding-left: 20px;}.state {	margin-left: 15px;	margin-bottom: 15px;	font-size: 12px;	line-height: 1.5em;}.state a {	line-height: 1.5em;}/***************************************************/.navigation {	padding-top: 10px;	padding-right: 5px;	padding-left: 5px;	font-size: 11px;	line-height: 1em;	text-transform: uppercase;	font-weight: bold;}.navigation a {	color: #333;}.navigation a:hover {	color: #2c78b9;}.navleft {	float: left;	width: 48%;}.navright {	float: right;	width: 48%;	text-align: right;}/***************************************************/.alignleft img, .alignright img, .aligncenter img {	border: 4px solid #ccc;}.alignleft {	float: left;	display: inline;	background: #fff;	margin-right: 10px;	margin-bottom: 4px;}.alignright {	float: right;	display: inline;	background: #fff;	margin-left: 10px;	margin-bottom: 4px;}.aligncenter {	text-align: center;	display: inline;}.alignnone {}p.wp-caption-text {	padding: 3px;	margin: 0;	font-size: 11px;	color: #999;}/***************************************************/#sidebar {
	overflow: hidden;	float: left;	width: 420px;}/***************************************************/.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: left;	display: inline;	width: 125px;	height: 125px;	margin-left: 5px;	margin-right: 2px;}.ads ul li a {	float: left;	display: block;	width: 125px;	height: 125px;}.ads ul li a img {	float: left;	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: left 5px;	padding-left: 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: left;	font-weight: bold;	background: url(images/rss.gif) no-repeat left;	padding-left: 22px;	line-height: 1.5em;	color: #2c78b9;	margin-right: 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-left: 7px;	padding-top: 7px;	background: url(images/rss-input.gif) no-repeat top;}#rssinput:focus {	width: 300px;	height: 20px;	padding-left: 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: left;	display: inline;	margin-left: 1px;	text-align: center;	overflow: hidden;	font-size: 11px;}.tabs li a {	float: left;	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: left 5px;	border-bottom: 1px dotted #ddd;	padding-bottom: 5px;	margin-bottom: 5px;	padding-left: 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: 20px;	font-size: 11px;}.sidebar a {	color: #2c78b9;}.sidebar a:hover {	color: #4ba5f2;}.sidebar ul li h2 {	margin-top: 20px;	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 {	padding: 10px;	border: 1px solid #bfe3eb;	background: #FFF url(images/corner.gif) no-repeat bottom;	line-height: 1.4em;	font-size: 11px;}/***********************************************/.sidebar ul ul {	padding: 10px;	border: 1px solid #bfe3eb;	background: #FFF url(images/corner.gif) no-repeat bottom;}.sidebar ul ul ul {	padding: 0px;	border: 0;	background: #FFF;}.sidebar ul li ul li {	display: block;	background: url(images/bullet.gif) no-repeat;	background-position: left 9px;	border-bottom: 1px dotted #ddd;	padding-left: 20px;	padding-top: 4px;	padding-bottom: 4px;}.sidebar ul li ul li a {	display: block;	color: #2c78b9;	line-height: 1.4em;}.sidebar ul li ul li a:hover {	color: #4ba5f2;}/***************************************************/#footer {	margin-top: 20px;	width: 100%;	background: #666;	border-top: 5px solid #aaa;	padding-top: 15px;	padding-bottom: 15px;}#footercontent {	width: 980px;	height: 60px;	margin-right: auto;	margin-left: auto;}#footercontent ul {	float: left;	margin-bottom: 10px;}#footercontent ul li {	float: left;	margin-right: 20px;	padding-right: 20px;	border-right: 1px dotted #ddd;	line-height: 1.5em;}#footercontent ul li a {	float: left;	display: block;	color: #FFF;	font-size: 14px;	font-weight: bold;	text-transform: uppercase;	letter-spacing: -1px;	line-height: 1.5em;}#footercontent ul li a:hover {	color: #aeec07;	line-height: 1.5em;}.copyright {	float: right;	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: left;	font-size: 11px;}.rss a {	float: left;	display: block;	font-weight: bold;	background: url(images/rss.gif) no-repeat left;	padding-left: 25px;	line-height: 1.5em;	color: #aeec07;	margin-right: 25px;}.rss a:hover {	color: #edf50c;	line-height: 1.5em;}.property {	float: right;	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;	letter-spacing: -1px;	padding:0;margin:0;	line-height: 1em;}.result h3 a {	font-size: 16px;	font-weight: bold;	letter-spacing: -1px;	padding:0;margin:0;	line-height: 1em;}.result .rdate {	float: left;	line-height: 2em;	color: #aaa;}.result .rcomment {	float: right;	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: left;	line-height: 2em;	color: #aaa;}.result .rcat a {	color: #999;	font-weight: bold;}.result .rcat a:hover {	color: #ff9600;}.result .rtags {	float: right;	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;	letter-spacing: -1px;	line-height: 1em;	padding-bottom: 5px;	margin-bottom: 2px;	border-bottom: 1px dotted #ddd;}h3#comments {	font-size: 14px;	font-weight: bold;	letter-spacing: -1px;	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: left;	display: inline;	width: 32px;}.commentbody {	float: left;	display: inline;	margin-left: 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-left: 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;}/***************************************************/