﻿/*

Theme Name: Light

Theme URI: http://www.hablogs.com/demo/index.php?wptheme=Light

Description: A Light, great looking Wordpress theme

Version: 1.0

Author: Elad Domb

Author URI: http://wordpress.reviewitonline.net

*/



/***************************************************/

* {

	font-family: arial;

	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: #fff url(images/bg1.gif) repeat-x top;

	text-align: center;

}



#container {

	width: 1024px;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

}



#header {

	width: 1024px;

	height: 184px;

}

/***************************************************/

#pagenav {

	float: left;

	width: 627px;

	height: 35px;

}



#pagenav ul {

display: inline-block;
	float: left;

	padding-top: 15px;

	padding-left: 20px;

	height: 25px;

}



#pagenav ul li {

	float: left;

	height: 25px;

	text-align: center;

	margin-right: 10px;

}



#pagenav ul li a {

	/*background: url(images/nav.gif) repeat-x;

	background-position: center 0px;*/

	float: left;

	display: block;

	padding-left: 15px;

	padding-right: 15px;

	line-height: 25px;

	height: 25px;

	font-size: 15px;

	letter-spacing: -1px;

	color: #aaa;

	font-weight: bold;

}



#pagenav ul li a:hover {

	/*background: url(images/nav.gif) repeat-x;

	background-position: center -30px;*/

	color: #fff;

	background: #B12D01;

}



#pagenav ul li.current_page_item a {
	/*background: url(images/nav.gif) repeat-x;

	background-position: center -60px;*/

	color: #fff;
	background-color: #366799;
}



#pagenav ul li.current_page_item a:hover {

	/*background: url(images/nav.gif) repeat-x;

	background-position: center -60px;*/

}

/***************************************************/

#searchform {

	float: left;

	width: 333px;

	height: 45px;

	margin-right: 20px;

}



#searchform form {

	float: right;

	display: inline;

	background: url(images/ico-search.png) no-repeat;

	background-position: left 0px;

	width: 333px;

	height: 45px;

}



#searchform fieldset {

	float: right;

	display: inline;

	padding-top: 10px;

	height: 35px;

}



#searchform label {

	vertical-align: middle;

	color: #666;

	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.png) no-repeat;

	color: #999;

}



#searchbutton {

	width: 35px;

	height: 25px;

	line-height: 1.4em;

	background: url(images/search-button.png) 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 {

	float: left;

	display: inline;

	margin-top: 20px;

	margin-left: 20px;

	margin-right: 20px;

}



#logo h1 {

	padding-top: 9px;

	font-size: 22px;

	font-weight: bold;

}



#logo h1 a {

	font-size: 22px;

	font-weight: bold;

	letter-spacing: -1px;

	color: #366799;

}



#logo h1 a:hover {

	color: #444;

}



#logo .description {

	color: #999;

	font-size: 11px;

	line-height: 1.4em;

}



#ads {

	float: right;

	display: inline;

	margin-top: 20px;

	width: 468px;

	height: 60px;

}



#ads img {

	display: block;

}



ul.listcat {


	margin-top: 20px;
        margin-left: 30px;

}



ul.listcat li {

	float: left;

	display: inline;

	margin-right: 1px;

}



ul.listcat li a {

	padding-left: 5px;

	padding-right: 5px;

	background: #fff;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	font-size: 0.8em;

	font-weight: bold;

	color: #666666;

	line-height: 18px;

	height: 18px;

	display: block;

       border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B12D01;
       

}



ul.listcat li a:hover {

	background: #fffff4;

	color: #B12D01;

border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;

}

/***************************************************/

#column {

	float: left;

	width: 585px;

	margin-right: 18px;

	background: #fff;

}



.post {

	margin-top: 10px;

}



.post a {

	color: #B12D01;

}



.post a:hover {

	color: #444;

}



.post-top {

	width: 585px;

	height: 10px;

}



.post-bottom {

	width: 585px;

	height: 10px;

}



.entry {

	background: #FFF;

}



.entry h2 {

	padding-left: 15px;

	padding-right: 15px;

	padding-top: 5px;

	line-height: 1.3em;

	font-size: 20px;

	font-weight: normal;

	letter-spacing: -1px;

}



.entry h2 a {

	line-height: 1.3em;

	font-size: 20px;

	letter-spacing: -1px;

}



.entry .date {

	display: block;

	margin-left: 15px;

	margin-right: 15px;

	color: #aaa;

	padding-bottom: 5px;

	font-size: 0.7em;

	line-height: 1.3em;

        
}

.entry .author {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	color: #aaa;
	padding-bottom: 5px;
	font-size: 0.7em;
	line-height: 1.3em;
        float: right;
	
}	

/********* CSS For Post Info Below Header ***************/

.info {

	background: #fff;

	border-top: 1px dotted #ddd;

	border-bottom: 1px dotted #ddd;

	padding-left: 15px;

	padding-right: 15px;

	font-size: 11px;

}



.info .cat {

	float: left;

	color: #aaa;

}



.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: 14px;

	line-height: 1.6em;

	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: #B12D01;

}



.content h2 {

	letter-spacing: -1px;

	font-size: 18px;

	color: #666666;

}



.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: #999;

	margin-bottom: 5px;

	font-size: 12px;

}



.content ul li {

	line-height: 1.5em;

	color: #999;

	background: url(images/bullet.png) 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.png) no-repeat;

	background-position: 8px 8px;

	margin-bottom: 15px;

}



blockquote p {

	font-family: georgia, arial;

	line-height: 1.5em;

	font-size: 12px;

	color: #7590a0;

}



blockquote * {

	font-family: georgia, arial;

	line-height: 1.5em;

	font-size: 12px;

	color: #7590a0;

}



ins {

	text-decoration: underline;

}



del {

	text-decoration: line-through;

}



code {

	color: #999;

	font-family: verdana;

	font-size: 11px;

	background: #eee;

}

/* Thanks! */



.tags {

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	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: #B12D01;

	text-transform:lowercase;

}



.tags a:hover {

	color: #0033CC;

}



.follow {

	background: #f9f9f9;

	padding: 5px;

	margin-left: 15px;

	margin-right: 15px;

	margin-bottom: 3px;
	font-weight: bold;

	font-size: 11px;
        
        float: left;


}



.follow a {

	font-weight:bold;

	background: url(images/rss.png) 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: #B12D01;

}



.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;

	margin-right: 10px;

	margin-bottom: 4px;

}



.alignright {

	float: right;

	display: inline;

	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 {

	float: left;

	width: 420px;

}

/***************************************************/

.box {

	width: 420px;

}



.box h2 {



	margin-top: 20px;



	display: block;



	width: 418px;



	border-left: 1px solid #eee;



	border-right: 1px solid #eee;



	border-top: 1px solid #eee;



	height: 22px;



	background: #eee;



	color: #333;



	line-height: 22px;



	font-weight: bold;



	text-indent: 10px;



	font-size: 13px;



}

.box div p {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
line-height: 1em;

	padding: 5px;
	margin-left: 2px;
	margin-right: 2px;
}
.box div p a {
	font-weight: bold;
	color: #CC3300;
}
/***************************************************/

.ads {

	padding: 10px;

	border: 1px solid #eee;

	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 #eee;

	background: #fffff9;

}



.rssfeed {

	font-size: 12px;

	line-height: 1.4em;

	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.png) no-repeat left;

	padding-left: 22px;

	line-height: 1.5em;

	color: #B12D01;

	margin-right: 40px;

}



.rssfeedlinks a:hover {

	color: #666666;

	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: 16px;

	padding: 3px;

	background: #fff;

	border: 1px solid #ddd;

}



#rssinput:focus {



}



#rssbutton {
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.7em;
	font-weight: bold;
	cursor: pointer;
	height: 20px;
	background-color: #366799;
}



#rssbutton:hover {background: #B12D01}

/***************************************************/

.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: #333;

	font-weight: bold;

	padding-left: 20px;

	padding-right: 20px;

	line-height: 26px;

	height: 26px;

	background: #eee;

}



.tabs li a:hover {

	display: block;

	background: #ddd;

}



.tabs li a.selected {
	display: block;
	color: #FFF;
	background-color: #366799;
}



.tabs li a.selected:hover {
	display: block;
	color: #FFF;
	background-color: #B12D01;
}

/***************** CSS For TAB Content *******************/

.tabcontent {

	display: none;

	border: 1px solid #eee;

	overflow: hidden;

	font-size: 11px;

}



.tabcontent a, .tabcontent a strong {

	color: #B12D01;

	line-height: 1.4em;

}



.tabcontent a:hover, .tabcontent a:hover strong {

	color: #444;

}



.tabcontent ul li {

	display: block;

	border-bottom: 1px dotted #ddd;

	color: #999;

	line-height: 1.4em;

	font-size: 11px;

	padding: 5px;

}



.tabcontent ul li:hover {background:#f9ffe6}



.tabcontent ul li a {

	color: #B12D01;

	line-height: 1.4em;

}



.tabcontent ul li a:hover {

	color: #444;

}



.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: #B12D01;

}



.sidebar a:hover {

	color: #666;

}



.sidebar ul li h2 {

	margin-top: 20px;

	display: block;

	background: #eee;

	width: 198px;

	border-left: 1px solid #eee;

	border-right: 1px solid #eee;

	border-top: 1px solid #eee;

	height: 22px;

	color: #333;

	line-height: 22px;

	font-weight: bold;

	text-indent: 10px;

	font-size: 13px;

	margin-bottom: 5px;

}



.sidebar ul li div {

	padding: 10px;

	background: #FFF;

	line-height: 1.4em;

	font-size: 11px;

}

/***********************************************/

.sidebar ul ul {

}



.sidebar ul ul ul {

}



.sidebar ul li ul li {

	display: block;

}



.sidebar ul li ul li a {

	display: block;

	color: #B12D01;

	line-height: 1.4em;

	padding-left: 4px;

	padding-top: 4px;

	padding-bottom: 4px;

	border-left: 5px solid #ddd;

	margin-bottom: 1px;

	border-bottom: 1px solid #eee;

}



.sidebar ul li ul li a:hover {

	border-left: 5px solid #366799;

}

/***************************************************/

#footer {

	margin-top: 20px;

	width: 100%;

	background: #eee;

	border-top: 5px solid #fff;

	padding-top: 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 #bbb;

	line-height: 1.5em;

}



#footercontent ul li a {

	float: left;

	display: block;

	color: #666;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: -1px;

	line-height: 1.5em;

}



#footercontent ul li a:hover {

	color: #333;

	line-height: 1.5em;

	background: #fff;

}



.copyright {

	float: right;

	color: #999;

	line-height: 1.5em;

	font-size: 11px;

}



.copyright a {

	font-weight: bold;

	border-bottom: 1px dotted #b5f001;

	line-height: 1.5em;

	color: #666;

}



.copyright a:hover {

	color: #333;

	line-height: 1.5em;

}



.rss {

	float: left;

	font-size: 11px;

}



.rss a {

	float: left;

	display: block;

	font-weight: bold;

	background: url(images/rss.png) no-repeat left;

	padding-left: 25px;

	line-height: 1.5em;

	color: #B12D01;

	margin-right: 25px;

}



.rss a:hover {

	color: #333;

	line-height: 1.5em;

}



.property {

	float: right;

	color: #366799;

	line-height: 1.5em;

	font-size: 11px;

}



.property a {

	font-weight: bold;

	color: #B12D01;

}



.property a:hover {

	text-decoration: underline;

}

/***************************************************/

/* CSS for Search Results Only Optional */

.result {

	border-top: 1px solid #eee;

	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: #B12D01;

}



.result .rcomment a:hover {

	color: #666666;

}



.result .rsummary {

	line-height: 1.7em;

}



.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: #B12D01;

}



.result .rtags {

	float: right;

	line-height: 2em;

	color: #aaa;

}



.result .rtags a {

	color: #999;

	text-transform: lowercase;

}



.result .rtags a:hover {

	color: #B12D01;

}

/***************************************************/

/*           Commenting System CSS        */

#combox {

	border-top: 5px solid #fff;

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 15px;

	padding-right: 15px;

}



h3#respond {

	font-size: 16px;

	font-weight: bold;

	letter-spacing: -1px;

	line-height: 1em;

	padding-bottom: 5px;

	margin-bottom: 2px;

	border-bottom: 1px dotted #ddd;
       color: #366799;

}



h3#comments {

	font-size: 16px;

	font-weight: bold;

	letter-spacing: -1px;

	line-height: 1em;

	padding-bottom: 5px;

	margin-bottom: 2px;

	border-bottom: 1px dotted #ddd;

        color: #366799;

}



ol.commentlist {

	list-style-type: none;

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B12D01;
}



ol.commentlist li {

	background: #eee;

	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;

}



.avatar img {	border: 3px solid #ddddd4}



.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: #666;

	font-size: 11px;

}



p.comment_author a:hover {

	font-weight: bold;

	color: #B12D01;

}



p.comment_time {

	line-height: 1.5em;

	color: #999;

	font-size: 11px;

	font-family: tahoma;

}



.comment_text {

	line-height: 1.6em;

	color: #666;

	margin-top: 15px;

	font-size: 12px;

}
.comment_text p{

	margin-bottom: 10px;

}
/***************************************************/

.reply form {

	width: 488px;

}



.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: Verdana, Arial, Helvetica, sans-serif;

	margin-left: 10px;

}



.replytext {

	border:2px solid #eee;

	width: 200px;

	padding: 5px;

	color: #B12D01;

}



.replytext:focus {

	background: #fffff9;

}



.replyarea {

	border: 1px solid #ccc;

	line-height: 1.5em;

	padding: 5px;

	width: 470px;

	height: 120px;

	color: #366799;

}



.replyarea:focus {

	background: #fffff9;

}



.replybutton {

	text-align: center;

	width: 150px;

	height: 25px;

	font-weight: bold;

	color: #B12D01;

	cursor: pointer;

       background-color: #eee;

       border: 1px solid #ccc;

}





#headerimage {

height: 180px; background: url('images/page_logo.jpg') top right no-repeat; list-style: none;

}

.logintext {



	border:1px solid #ddd;
font-size: 12px;
width: 180px;
height: 20px;
	color: #B12D01;



}

.userinfo {

padding-bottom: 5px;
	font-size: 12px;
padding-top: 5px;
}

.user {
	padding-right: 45px;
	padding-left: 10px;
}

.pass {
	padding-right: 25px;
	padding-left: 75px;
}

.loginbutton {

	color: #fff;

	padding-left: 10px;

	padding-right: 10px;

	font-size: 0.7em;

	font-weight: bold;

	cursor: pointer;

	height: 20px;

	background-color: #366799;

}

}
.contact {
	border: thin solid eeeeee;
}

.register {
	font-size: 12px;
	font-weight: bold;
	color: #CC3300;
	width: 200px;
	text-align: center;
}

#random-post-box-frame {
	text-indent: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#random-post-box-frame #random-post-box-frame #random-post-box a {
	text-indent: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #CC3300;
}
#random-post {
	
	padding: 10px;
}
#random-post h2 {
	text-indent: 50px;
	font-size: 18px;
}
/***************************************************/
