/*
Theme Name : Project Web Design
Theme URI  : http;//www.projectwebdesign.com
Version    : 3.0
Author     : Dinusha (BigD)
*/

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #222;
	margin: 0px;
	padding: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
}
/*  ---------------------- CSS GENERAL  ---------------------- */
a {
	color: #085b9b;
	text-decoration: underline;
}
a:visited { color: #085b9b; text-decoration: underline;
}
a:hover { color: #d63c00; text-decoration: underline;

}
h1, h2, h3, h4 {
    font-family: Verdana, Arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
}
h1 {
    text-align: left;
}
h1 a {
    font-size: 18px;
	color: #505050;
	font-weight: normal;
	text-decoration: none;
}
h1 a:visited { color: #505050; text-decoration: none;
}
h1 a:hover { color: #97450e; text-decoration: none;
}
.h1-ca {
    font-size: 18px;
	color: #505050;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 12px;
}
h2 {

	font-size: 14px;
	font-weight: bold;
clear: both;
}
p {
    font-family: Verdana, sans-serif;
	margin-top: 3px;
}
/*  ---------------------- HOME H1 TITLE  ---------------------- */
.home-h1 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	color: #505050;
	font-weight: normal;
	text-decoration: none;
}
.home-h1 a:visited { color: #505050; text-decoration: none;
}
.home-h1 a:hover { color: #97450e; text-decoration: none;
}
/*  ---------------------- CAT & ARCHIVES H1 TITLE  ---------------------- */
.ca-h2 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	color: #505050;
	font-weight: bold;
	text-decoration: none;
}
.ca-h2 a:visited { color: #505050; text-decoration: none;
}
.ca-h2 a:hover { color: #97450e; text-decoration: none;
}
/*  ---------------------- TITLE WRAPPER  ---------------------- */
#titlewrapper {
	width: 558px;
	height: 28px;
}
/*  ---------------------- TITLE  ---------------------- */
.title {
	width: 473px;
	height: 28px;
	float: left;
}
.title-home {
	width: 558px;
	height: 28px;
	float: left;
	text-align: center;
}
/*  ---------------------- DATE  ---------------------- */
.date {
        padding-top: 7px;
	width: 85px;
	height: 21px;
	float: left;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #026900;
	text-align: right;
}
/*  ---------------------- CONTENT HR ---------------------- */
.content-hr2 {
	width: 558px;
	height: 3px;
	padding-top: 2px;
	padding-bottom: 5px;
}
/*  ---------------------- WRAPPER  ---------------------- */
#wrapper {
    position: relative;
	top: -13px;
	width: 984px;
	margin: 0 auto;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
#wrapperfloat1 {		
        position: relative;
		width: 771px;
		float:left;
}
#wrapperrel {
        position: relative;
		top: 234px;
		height:100%;
}
/*  ---------------------- CONTAINER 1  ---------------------- */
#container1 {
    position: relative;
	top: 13px;
	width: 984px;
	height: 90px;
}
/*  ---------------------- CONTAINER 2  ---------------------- */
#container2 {
    position: relative;
	top: 108px;
	width: 984px;
	height: 41px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/nav-bg.gif);
	background-repeat: repeat-x;
}
/*  ---------------------- CONTAINER 3  ---------------------- */
#container3 {
        position: relative;
	top: 13px;
	width: 972px;
	height: 31px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/breadcrumb-bg.gif);
	background-repeat: repeat-x;
	padding-left: 12px;
}
/*  ---------------------- BREADCRUMBS  ---------------------- */
.breadcrumbs a {
        font-size: 10px;
	color: #026900;
	font-weight: bold;
	text-decoration: underline;
}
.breadcrumbs a:visited { color: #034c01; text-decoration: underline;
}
.breadcrumbs a:hover { color: #97450e; text-decoration: underline;
}
/*  ---------------------- LOGO  ---------------------- */
#logo {
        float: left;
	width: 244px;
	height: 55px;
	margin-top: 15px;
	margin-left: 1px;
}
/*  ---------------------- SPBLOCK HEADER  ---------------------- */
#spblockheader {
        float: left;
	width: 728px;
	height: 90px;
	margin-left: 11px;
}
/*  ---------------------- BODY WRAPPER ---------------------- */
#body-wrapper {
    position: relative;
	top: 11px;
	width: 984px;
	background-color: #ffffff;
	clear: both;
	float: left;
}
/*  ---------------------- CONTENT ---------------------- */
#content {
    float: right;
	width: 558px;
	margin-left: 17px;
	line-height: 18px;
}
/*  ---------------------- POST IMAGE ---------------------- */
.postimage {
    padding-top: 5px;
	float: right;
	height: 247px;
}
.post-image-thumb {
    float: left;
}
/*  ---------------------- HOME ABOUT ---------------------- */
.home {
    width: 558px;
	height: 167px;
	background-image: url(images/home-bg.gif);
	overflow: hidden;
}
.excerpt-image {
        width: 100px;
	height: 100px;
	float: left;
	padding-right: 5px;
}
.excerpt-txt {
        width: 452px;
	height: 100px;
	float: left;
}
.excerpt-h2 {
        padding-top: 2px;
	padding-bottom: 2px;
        background-color: #f3f3f3;
}
.hometxt {
        color: #FFFFFF;
        width: 252px;
	height: 167px;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
}
.homepic {
        width: 301px;
	height: 152px;
	float: left;
}

.home-link a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
        text-align: left;
}
.home-link a:visited { color: #CCCCCC; text-decoration: none; font-style: italic;
}
.home-link a:hover { color: #CC9933; text-decoration: underline;
}

.excerpt-titlewrapper {
	width: 558px;
	height: 22px;
	background-color: #ededed;
	padding-top: 2px;
}
.excerpt-title {
	width: 450px;
	height: 20px;
	float: left;
}
.excerpt-date {
	width: 108px;
	height: 20px;
	float: left;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #026900;
	text-align: right;
}
.excerpt-footer {
	margin-top: -14px;
	width: 558px;
	height: 25;
}
.excerpt-link {
	width: 410px;
	height: 25px;
	float: left;
	text-align: left;
}
.excerpt-comments {
	width: 148px;
	height: 25px;
	float: left;
	text-align: right;
}


/*  ---------------------- LEFT SIDEBAR ---------------------- */
#l_sidebar {
    float: left;
	width: 196px;
	
	
}
/*  ---------------------- RIGHT SIDEBAR ---------------------- */
#sidebar {
    float: right;
	width: 196px;
	
}
/*  ---------------------- BOX ---------------------- */
.box {
	width: 196px;
	background-image: url(images/box-expand-bg.gif);
	background-repeat: repeat-y;
}
.box-frontpage {
	width: 278px;
	background-color: #FFFF00;
	}
.box-tb-frontpage {
	width: 278px;
	height: 30px;
	background-color: #000000;
}


.display-frontpage { padding: 0 0 0 0; margin: 0 0 0 0; width: 252px; background-color: #00FF00;}

.frontpage-image-icon {width: 60px;height: 60px;margin: 5px 8px 5px 1px;border:1px solid #ccc; background-color: #FFFF00;}
.new_date-frontpage { padding: 0; margin: 0; color: #666; font-size: 0.9em;clear: both; background-color: #00FFFF; width: 250px;
}
.review-hr {
     text-align: center;
}	 
.post-excerpts {

}

.frontpage-h3-rev {
   margin-top: 5px;
   width: 278px;
}





.box-footer {
	width: 196px;
	height: 32px;
	background-image: url(images/box-footer.gif);
}
.box-footer-nolink {
	width: 196px;
	height: 32px;
	background-image: url(images/box-footer-nolink.gif);
}
.box-footer-rss {
	width: 196px;
	height: 16px;
	background-image: url(images/box-footer-rss.gif);
}
.box-footer-spblock {
	width: 196px;
	height: 17px;
	background-image: url(images/box-footer-spblock.gif);
}

.box-footertxt {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding-top: 8px;
	padding-right: 41px;
	clear: both;
}
/*  ---------------------- BOX FOOTER TEXT  ---------------------- */

.box-footertxtl a { color: #d63c00; text-decoration: none; }

.box-footertxtl a:visited { color: #d63c00; text-decoration: none; }

.box-footertxtl a:hover { color: #085b9b; text-decoration: none; }

.box-headers {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 14px;
}
/*  ---------------------- POPULAR POSTS ---------------------- */
.popular {
	width: 196px;
	height: 30px;
	background-image: url(images/bg-popular.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.ul-popular {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
	font-weight: bold;
    list-style: none;
    margin-top: 3px;
}
.li-popular {

    margin:0;
    padding:0;
	margin-left: -38px;
	padding-left: 20px;
	padding-right: 5px;
    background-image:url(images/bullet-recent.gif);
    background-repeat:no-repeat;
    background-position:6px 6px;
	line-height: 22px;
}
.ul-popular-2 {
    list-style: none;
}
/*  ---------------------- CATEGORIES ---------------------- */
.cats-side {
	width: 196px;
	height: 30px;
	background-image: url(images/bg-cats.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.ul-cats-side {
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
	font-weight: none;
    list-style: none;
    margin-left: 34px;
	margin-top: 5px;
	padding: 0px;
	line-height: 18px;
}
.cat-item {
	list-style: none;
	margin-left: -24px;
	padding: 0px;
}
/*  ---------------------- RESOURCES ---------------------- */
.resources {
	width: 196px;
	height: 30px;
	background-image: url(images/bg-resources.gif);
	background-repeat: repeat-x;
	background-position: top;
}
/*  ---------------------- RSS ---------------------- */
.rss {
	width: 196px;
	height: 30px;
	background-image: url(images/bg-rss.gif);
	background-repeat: repeat-x;
}
.rssvrbg {
    background-image: url(images/box-expand-vr-bg.gif);
	width: 192px;
	margin-left: 2px;
}
.rsstxt {
    height: 94px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 9px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	overflow: hidden;
}
.rssform {
    position: relative;
	top: 10px;
}
/*  ---------------------- REVIEWS ---------------------- */
.reviews {
	width: 196px;
	height: 30px;
	background-image: url(images/bg-reviews.gif);
	background-repeat: repeat-x;
}
/*  ---------------------- RECENT POSTS ---------------------- */
.recent {
	width: 196px;
	height: 30px;
	background-image: url(images/bg-recent.gif);
	background-repeat: repeat-x;
}	
.ul-recent {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
	font-weight: bold;
    list-style: none;
    margin-top: 3px;
}
.li-recent {

    margin:0;
    padding:0;
	margin-left: -38px;
	padding-left: 20px;
	padding-right: 5px;
    background-image:url(images/bullet-recent.gif);
    background-repeat:no-repeat;
    background-position:6px 6px;
	line-height: 22px;
}
.ul-recent-2 {
    list-style: none;
}
/*  ---------------------- SPBLOCK RIGHT ---------------------- */
.spblock-right {
	width: 196px;
	height: 10px;
	background-image: url(../custom/images/bg-spblock-right.gif);
	background-repeat: repeat-x;
}
.spblockrightvrbg {
    background-image: url(images/box-expand-vr-spblock-bg.gif);
	width: 192px;
	margin-left: 2px;
}
.spblockrighttxt {
    text-align: center;
}
#container2-nav {
width: 729px;
float: left;
}
#container2-search {
width: 255px;
height: 36px;
float: right;
}
#cse-search-box {
padding:0;
margin:0;
margin-top: 6px;
}
/*  ---------------------- NAVIGATION BAR ---------------------- */
#ddnav{height:36px;margin:0;padding:0;}
#nav{height:36px;width:729px;font-weight:700;margin:0 auto;padding:0px 0 0;}
ul.nav{height:36px;line-height:36px;float:left;list-style:none;font-size:12px;text-transform:inherit;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;border-right:1px solid #ffffff;margin:0;padding:0;}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{background:url(images/nav.gif) repeat-x;color:#ffffff;float:left;display:block;text-decoration:none;padding:0 12px;}
ul.nav li a:hover,ul.nav li a:active{background:url(images/navhover.gif) repeat-x;color:#ffeed9;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;background:url(images/navhover.gif) repeat-x;color:#fff;}
ul.nav li.current-cat a{text-decoration:none;background:url(images/navhover.gif) repeat-x;color:#fff;}
ul.nav li.current-cat-parent a{text-decoration:none;background:url(images/navhover.gif) repeat-x;color:#fff;}
ul.nav li ul{float:left;margin:0;padding:0;}

/*  ---------------------- BOTTOM NAVIGATION BAR ---------------------- */
.navigation-bottom {
    padding-bottom: 20px;
}
/*  ---------------------- UTILITY BAR ---------------------- */
.utilitybar {
	width: 558px;
	height: 28px;
	padding-bottom: 15px;
}
.utilitybarl {
	width: 9px;
	height: 28px;
	background-image: url(images/ubarl.gif);
	background-repeat: no-repeat;
	float: left;
}
.utilitybarm {
	width: 543px;
	height: 24px;
	background-image: url(images/ubarbg.gif);
	float: left;
	color: #FFFFFF;
	padding-top: 4px;
	text-align: center;
}
.utilitybarr {
	width: 6px;
	height: 28px;
	background-image: url(images/ubarr.gif);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
}
.ulinks a { color: #ffffff; text-decoration: none; }

.ulinks a:visited { color: #ffffff; text-decoration: none; }

.ulinks a:hover { color: #CCCCCC; text-decoration: none; }


/*  ---------------------- COMMENTS ---------------------- */
.comments {
	font-size: 13px;
}
.commentlist {
    width: 558px;
    margin-left:0px;
	padding: 0px;
}
.alt {
    background-color: #f8f8f8;
	margin: 0px;
	padding: 0px;
}
.comment-holder {
	height: 32px;
}
.gravatar {
    width: 32px;
	height: 32px;
	float: left;
	padding-right: 10px;
}
.comment-metadata {
    font-size: 10px;
}
.comment-number {
    width: 72px;
	height: 32px;
	float: left;
	text-align: right;
	color: #999999;
}
.comment-author {
    width: 444px;
	height: 32px;
	float: left;
}


.review-display { padding: 2px 0 0 0; margin: 0 0 0.8em 0; width: 194px;}

.left {float: left;width: 60px;height: 60px;margin: 5px 8px 5px 5px;border:1px solid #ccc; background-color: #FFFF00;}
.new_date { padding: 0; margin: 0; color: #666; font-size: 0.9em;clear: both; background-color: #00FFFF; width: 194px;
}
.review-hr {
     text-align: center;
}	 
.post-excerpts {

}

h3 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	
}
h3 a:visited { color: #ffffff; text-decoration: underline;
}
h3 a:hover { color: #97450e; text-decoration: underline;
}
.h3-rev {
   margin-top: 5px;
	
}
.code {
   margin-top: 1px;
   margin-bottom: 1px;
   margin-left: 1px;
   margin-right: 1px;
   background-color: #CCCCCC;
}
.ul-connect {
  padding-left: 0;
  margin-top: 5px;
  margin-left: 20px;
  list-style: none;


}
.li-connect {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*  ---------------------- FOOTER ---------------------- */
#footer {
	width: 984px;
	height: 38px;
	text-align: center;
	clear: both;
	
}
/*  ---------------------- FOOTER HR ---------------------- */
#footer-hr {
    position: relative;
	top: 0px;
	width: 984px;
	height: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}


/*  ---------------------- FRONT PAGE UPDATES ---------------------- */
.fpboxwrap {
    width: 558px;
	margin-top: -12px;
}
.fpbox {
    width: 278px;
	float: left;
}
.fpboxtitlewrap {
    width: 558px;
}
.fpboxtitle {
    width: 278px;
	background-color: #df3a00;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #FFFFFF;
	float: left;
}
.frontpage-box-body {
    width: 278px;
	
}
.frontpage-box-body2 {
    width: 278px;
	margin-left: 28px;
}
.frontpage-box-entry-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
    height: 60px;
    width: 200px;
	background-color:#0000FF;
}
.entry {
   clear: both;
  }
.fpimage {
    width: 120px;
	height: 80px;
	text-align: left;
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-top: 5px;
	
}
.fptxt {
    height: 80px;
    width: 150px;
	float: left;
	clear: right;
	
}
.frontpage-image-icon {
    width: 60px;
    height: 60px;
    margin: 0px 0px 0px 0px;
    border:1px solid #CCC;
    background-color: #CCCCCC;
}
.h2-update-title {
    color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #0098d1;
	color: #c32e00;
}
.clr-orange {
    color: #c32e00;
}
/*  ---------------------- REVIEWS ---------------------- */
.review-post-head {
    width: 558px;
	height: 143px;
	background-image: url(images/review-post-bg.gif);
	overflow: hidden;
}
.review-post-lft {
    width: 267px;
	height: 143px;
	float: left;
	border-right:3px solid #000000;
	text-align: center;
	color: #FFFFFF;
}
.review-post-mdl {
    width: 88px;
	height: 143px;
	float: left;
	border-right:3px solid #000000;
	text-align: center;
	color: #FFFFFF;
}
.review-post-rgt {
    width: 197px;
	height: 143px;
	float: left;
	color: #FFFFFF;
}
.review-post-linkhold {

}
.darkbg-link a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
	color: #ff9600;
	font-weight: bold;
	text-decoration: none;
	
}
.darkbg-link a:visited { color: #ff9600; text-decoration: none;

}
.darkbg-link a:hover { color: #ffbb59; text-decoration: underline;
}
.review-post-raws-over{
    height: 17px;
	margin-top: 5px;
}
.review-post-raws {
    height: 17px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.review-post-raws2 {
    height: 17px;
	margin-top: -5px;
}
.star {
    margin-right: 2px;
	margin-top: 2px;
}
.review-post-raws-sep-l {
    width: 70px;
    float: left;
}
.review-post-raws-sep-r {
    width: 100px;
    float: left;
}
.body-image {
    border:2px solid #666666;
}
.reviewullist {
    line-height: 22px;
}
.reviewextra {
    background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
    border-top: 1px solid #666666;
	padding-top: 3px;
	padding-bottom: 7px;
	margin-bottom: 5px;
}
.table-wrap {
    width: 558px;
}
.table-float {
    width: auto;
	float: left;
}
.table-li {
    list-style: none;
}
.table-li2 {
    list-style: none;
	margin-bottom: 39px;
}
.table-ul {
    margin-top: 30px;
}
.table-img {
    padding-right: 10px;
}



.stepcarousel{
position: absolute; /*leave this value alone*/
top: 142px;
border: 0px solid #000000;
overflow: scroll; /*leave this value alone*/
width: 963px; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
background-image: url(images/gliderbg.jpg);

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 5px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px ; /*margin around each panel*/
width:150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

height:160px;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/

}



.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#000000; /*clip content that go outside dimensions of holding panel DIV*/
margin-left: 25px;
margin-bottom: 5px;

}
.stepcarousel .panel h2 a{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:13px;
font-weight: normal;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
}
.stepcarousel .panel h2 a:visited { color: #ffffff; text-decoration: none;
}
.stepcarousel .panel h2 a:hover { color: #fc7240; text-decoration: underline;

}
.h2con {
text-align: center;
}
#headcontainer {
  position: absolute;
  top: 3px;
  clear: both;
}
.ratinglabel2 {
  margin-top: 5px;
  width: 558px;
  clear: both;
}
.excerptcontainer {
  width: 558px;
  height: 120px;

 }
.excerptimg {
  width: 180px;
  height: 100px;
  float: right;
  margin-right: 5px;
  margin-top: 5px;
}
.excerpttxt {
  width: 373px;
  height: 96px;
  float: right;
  overflow: hidden;
}





table.ratings {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

ul.ratings {
	margin: 0;
	padding: 0;
}

ul.ratings li {
	display: inline;
	list-style: none;
}

.rating_label {
	white-space: nowrap;
	background: #eee;
	font-family: Arial;
	font-size: 8pt;
	padding: 1px 4px;
}

.rating_value {
	white-space: nowrap;
	padding: 1px 3px;
	font-family: Arial;
	font-size: 8pt;
}

.rating_value .no_ratings {
	color: #666;
}
.spblockcontent {
    width: 558px;
	height: 247px;
	
}
.spblockcontentad {
    float: right;
	width: 120px;
	height: 247px;
}
.spblock-content-top {
width: 558px;
height: 60px;
}