@charset "utf-8";


/* CSS Document */



*{border:none; outline:none; margin:0; padding:0;}



body{margin:0; padding:0; width:100%; background:#121212;  font-family:Tahoma,"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#666; font-size:12px; line-height:16px;}



/* TYPOGRAPHY */



a{text-decoration:none; color:#7191a6; cursor:pointer;}


a:hover{text-decoration:underline;}


h2 a{color:#222;}


h1{color:#555; font-size:26px; font-weight:normal;  margin:16px 0px 18px;letter-spacing:1px; line-height:27px;}


h2{color:#555; font-size:20px; margin:0px 0px 14px; font-weight:normal; clear:both; letter-spacing:1px; line-height:22px;}


h3{color:#555; font-size:15px;  margin:18px 0px 18px; font-weight:normal; letter-spacing:1px; }


h4{color:#777; font-size:12px;  margin:20px 0px 10px; font-weight:normal; letter-spacing:1px; }

/* removed from above: text-transform:uppercase;  */


h5{color:#666; font-size:11px;  font-family:Tahoma,"Lucida Sans Unicode", "Lucida Grande", sans-serif;  font-weight:normal; margin:2px 5px 5px 5px; margin:0px 0px 0px 82px;}


/* margin: top, something, something, left  */


p{line-height:19px; margin:0px 0px 12px 0px; letter-spacing:.1px;}


blockquote p{margin:18px 35px 18px 25px; font-style:italic;}


blockquote.pullquote p { width: 205px; padding: 0px 15px 0px 0px; margin:0px 15px 15px; font-size: 14px; line-height: 20px; float:left; border-right:1px solid #dbdbdb; text-align:right; font-style:italic; }



blockquote.pushquote p{ width: 205px; padding: 0px 0px 0px 15px; margin:0px 0px 15px 15px; font-size: 14px; line-height: 20px; float:right; border-left:1px solid #dbdbdb; text-align:left; font-style:italic;}



pre{ line-height:20px; margin-bottom:20px; max-width:100%; text-align:left;}



pre,code{font-family:mono-space,monospace;white-space:pre;overflow:auto;padding:20px;}



hr{width:100%; height:1px; margin:20px 0px; clear:both; float:left;  border-top:1px dotted #ccc; color:#dbdbdb;}

ul{margin:2px 20px 20px; padding:0; list-style-type:square; width:auto; display:block; }

ol{margin:2px 20px 20px; padding:0; list-style-type:decimal; width:auto; display:block; }

ul li, ol li{ clear:both; padding:4px 0px; margin:0px; color:#777; width:auto; text-align:left; line-height:19px;}

ul li a{}

ul li a:hover, ol li a.hover{}




table.pagetable{width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 0px 0px;}



table.pagetable caption{ padding:12px 12px; color:#999; font-weight:bold; background:#e7e7e7; border:1px solid #ccc; border-bottom:none;}



table.pagetable th,table td {padding:12px 12px; border:1px solid #ccc; text-align:left;  display:table-cell; width:auto;}



table.pagetable tr {}



table.pagetable tr:hover{background:#efefef;}



table.pagetable th {background:#f7f7f7;}



table.pagetable a{font-weight:bold; padding:4px 8px;}



table.pagetable a:hover{color:#999; padding:4px 8px;}











/* Page structure */



#body-wrap{width:100%; background:#fff;text-align:center; float:left;padding:0px; margin:0px;}



#header-wrap{float:left; width:100%; padding:0px 0px 30px 0px; background:url(images/bg_header.jpg) no-repeat bottom center;}



#menu-wrap{float:left; margin:0; padding-bottom:2px;}











/* SEARCHBOX */



#searchform{ margin:20px 0; float:left; padding:20px; background:#f7f7f7; border:1px solid #ddd;}



#searchform .screen-reader-text{display:none;}



#searchform #s{background:#efefef; border:1px solid #ddd; padding:5px; color:#999; font-size:100%; margin:0px 0px 10px 0px; clear:both; width:230px;}



#searchform #s:focus{background:#e7e7e7;}



#searchform #searchsubmit{display:block; background:#ccc; border:none; margin:2px 0px 0px 0px; padding:4px 10px;cursor:pointer; color:#555;}



#searchform #searchsubmit:hover{background:#e7e7e7;}



/* -------------------------------------------------------------- */



/* TOP MENU (Not main menu ;-) */



#top-menu{float:left; clear:both; width:960px; height:55px; text-align:right; display:inline;}



#top-menu ul{list-style:none; margin:26px 0px 0px 0px; padding:0; display:inline-block; float:right;}



#top-menu li{color:#333;  float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none; display:inline;}



#top-menu li ul{display:none;}



#top-menu a{color:#777;}



#top-menu a:hover{text-decoration:none;}







#header-top{width:960px; float:left; clear:both; background:url(images/header-top.png) no-repeat; height:20px;}



#header-content{width:960px; float:left; clear:both; background:url(images/header-content.png) repeat-y; min-height:50px;}



#header-bottom{width:960px; float:left; clear:both; background:url(images/header-bottom.png) no-repeat; height:20px;}







#logo{width:300px; display:inline; float:left; padding:14px 10px 0px 10px; text-align:center;}



#menu{width:576px; display:inline; float:left; padding:12px 20px 0px 24px;}







/* -------------------------------------------------------------- */



/* MAIN MENU */







/* Level 1 */



#menu ul {margin:0px; padding:0; list-style:none; display:inline; width:576px;}



#menu ul li{clear:none; float:left; margin:0;  position:relative; z-index:10; }

/* removed from above: text-transform:uppercase; */



#menu ul li a {display:inline-block; width:auto;float:left; margin-right:0px; }



#menu ul li a span{ padding:11px 18px 20px 5px; display: inline-block; cursor:pointer;color:#ccc;  margin-left:15px;}



#menu ul li a:hover span{text-decoration:none; color:#fff; }



#menu ul li a:hover {text-decoration:none; color:#fff;}



#menu ul li.current_page_item a {background:url(images/menu-hover-left.png) no-repeat top left; text-decoration:none}



#menu ul li.current_page_item a span{background:url(images/menu-hover-right.png) no-repeat top right; color:#333; }



#menu ul li.current_page_item a:hover span{text-decoration:none; color:#333;}











	



/* Level 2 */



#menu ul li ul{ margin: 0px 0px 0px 16px; padding:0px 0px 0px; position:absolute; z-index:1000;visibility: hidden; width:auto; z-index:2000;}







#menu ul li.current_page_item ul li a{border:none; background:#efefef url(images/arrow.png) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 34px; height:auto; }



#menu ul li.current_page_item ul li a:hover {border:none; background:#f7f7f7 url(images/arrow.png) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 34px; height:auto;}



#menu ul li.current_page_item ul li a span{margin:0; padding:0; background-image:none; display: inline-block; color:#777}



#menu ul li.current_page_item ul li a:hover span{margin:0; padding:0; background-image:none;  display: inline-block; color:#777};







#menu ul li ul li.current_page_item {float: left; display: inline; clear:both; margin:0px 0px 0px 0px; text-transform:none; padding:0px; }



#menu ul li ul li.current_page_item a{border:none; width:176px; background:#efefef url(images/arrow.png) no-repeat 12px 14px; color:#777; margin:0px; padding:10px 10px 10px 34px; font-weight:normal; display:inline; }



#menu ul li ul li.current_page_item a:hover {border:none; background:#f7f7f7 url(images/arrow.png) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 34px; height:auto;}



#menu ul li ul li.current_page_item a span{margin:0; padding:0; background-image:none; display: inline-block; color:#777}











#menu ul li ul li {float: left; display: inline; clear:both; margin:0px 0px 0px 0px; text-transform:none; padding:0px; }



#menu ul li ul li a{border:none; width:176px; background:#efefef url(images/arrow.png) no-repeat 12px 14px; color:#777; margin:0px; padding:10px 10px 10px 34px; font-weight:normal; display:inline; }



#menu ul li ul li a:hover {border:none; background:#f7f7f7 url(images/arrow.png) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 34px; height:auto;}



#menu ul li ul li a span{margin:0; padding:0; background-image:none; display: inline-block; color:#777}



#menu ul li ul li a:hover span{margin:0; padding:0; background-image:none;  display: inline-block; color:#777};











/* Level 3 */















#menu ul ul ul{ margin: 0px 0px 0px 0px; left:0px; padding:0px 0px 0px; position:absolute; z-index:1000;visibility: hidden; width:auto; z-index:2000;}



#menu ul ul ul li {float: left; display: inline; clear:both; margin:0px 0px 0px -16px; text-transform:none; padding:0px; }



#menu ul ul ul li a{border:none; width:176px; background:#ccc url(images/arrow.png) no-repeat 12px 14px; color:#777; margin:0px; padding:10px 10px 10px 34px;  font-weight:normal; display:inline; height:auto; }



#menu ul ul ul li a:hover{border:none; background:#f7f7f7 url(images/arrow.png) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 34px; height:auto;}







#menu ul li.current_page_item ul ul li a{border:none; background:#ccc url(images/arrow.png) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 34px; height:auto; }



#menu ul li.current_page_item ul ul li a:hover {border:none; background:#f7f7f7 url(images/arrow.png) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 34px; height:auto;}











/* -------------------------------------------------------------- */



/* SLIDESHOW */



#feature-wrap{width:100%; float:left; background:url(images/bg_slide.jpg) no-repeat bottom center; padding-bottom:0px; display:inline; }



.centerdiv{width:960px; margin:0 auto;}



#feature-wrap .slide{float:left; overflow:hidden;}



#feature-wrap .slide-wrap{position:relative; z-index:1; width:960px; margin:0 auto; background:url(images/bg_slide.jpg) no-repeat bottom center; padding-bottom:60px;  }



#feature-wrap .slide-wrap .slideimage{position:relative;z-index:1; margin:0px; padding:0px; width:960px;  overflow:visible; background:url(images/loading.gif) 50% 50% no-repeat}



.hidden img {display:none;}



/* Rounded corners */



 .corner-ul{position:absolute; display:block; top:0; left:0; width:24px; height:24px; background:url(images/corner-ul.png) no-repeat;} 



 .corner-dl{position:absolute; display:block; bottom:0; left:0; width:24px; height:24px; background:url(images/corner-dl.png) no-repeat;}



 .corner-ur{position:absolute; display:block; top:0; right:0; width:24px; height:24px; background:url(images/corner-ur.png) no-repeat;}



 .corner-dr{position:absolute; display:block; bottom:0; right:0; width:24px; height:24px; background:url(images/corner-dr.png) no-repeat;}







#feature-wrap .slide-wrap .slideinfo{position:absolute; bottom:20px; left:8px; width:920px; height:100px; text-align:left; z-index:2;}



.slideinfo .start{float:left;width:40px; height:122px; background:url(images/info-start.png) no-repeat;}



.slideinfo .content{float:left; background:url(images/info-content.png) no-repeat; padding:26px 20px 20px 0px; min-width:320px; height:122px;}



.slideinfo .content h1 {margin:0; font-size:24px;}



.slideinfo .end{float:left;width:20px; height:122px; background:url(images/info-end.png) no-repeat;}



.slideinfo .nav{float:left;width:100px; height:122px; background:url(images/bg-nav.png) no-repeat;}



.slideinfo .nav .prev{width:38px; height:80px; background:url(images/prev-arrow.gif) no-repeat  20px center; float:left;}



.slideinfo .nav .next{width:38px; height:80px; background:url(images/next-arrow.gif) no-repeat 8px center; float:left;}



















/* -------------------------------------------------------------- */



/* PAGE CONTENT */







#breadcrumb{width:900px; float:left; clear:both; margin-bottom:15px;}



#content-wrap{width:100%; height:auto; float:left; padding-bottom:30px;}



#content-wrap.page{background:url(images/bg_pagecontent.jpg) no-repeat bottom center; padding-bottom:50px;}



#content-wrap .inner{margin:0 auto; width:960px;}



#content-wrap .content{float:left; width:900px; background:#fff; padding:10px 30px 10px 30px;}



#content-wrap .content-bottom{float:left; width:960px; height:29px; background:url(images/pagecontent-bottom.png) no-repeat left bottom;}



#content-wrap #welcome{width:580px; float:left;  margin:0px 40px 0px 30px;}



#content-wrap #about{width:280px; float:left;}



#pagecontent{width:580px; float:left;  margin:0px 20px 0px 0px; padding-right:19px; border-right:1px dotted #ccc;}







/* Content boxes within articles */



.one-third{width:280px; float:left; margin:0px 20px 20px 0px; padding-top:0px;}



.one-third img {margin-bottom:8px;}



.two-third{width:600px; float:left; margin:0px 0px 0px 20px;}









/* -------------------------------------------------------------- */



/* SIDEBAR */





#sidebar{width:280px; float:left;  margin:0px;   display:inline; padding-top:2px;}



#sidebar ul{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px dotted #bbb;}



#sidebar ol{margin:0px 0px 20px 20px; padding:0; list-style:decimal; float:left; clear:both; width:280px;}



#sidebar ul li{width:260px;  background:url(images/arrow.png) no-repeat 6px 10px; float:left; clear:both; padding:8px 0px 8px 20px; margin:0px; border-bottom:1px dotted #bbb; line-height:16px;}




#sidebar ul li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }



#sidebar ul li:hover{background:#e7e7e7 url(images/arrow.png) no-repeat 6px 10px;}



#sidebar ul li a:hover{width:260px;text-decoration:none;  padding:0px 0px 0px 20px; margin-left:-20px; line-height:16px;}



#sidebar ul ul{margin:10px 0px 10px; padding:0; list-style:none; float:left; clear:both; width:260px; border:none; }



#sidebar ul ul li{width:240px; border:none;}



#sidebar ul ul li a{width:240px;clear:both; padding:0px; margin:0px; background:none;} 



#sidebar ul ul li a:hover{text-decoration:underline;}








/* -------------------------------------------------------------- */



/* PORTFOLIO AND GALLERY STYLES */




.portfolio {width:280px; float:left;  margin:0px 30px 30px 0px;position:relative; overflow:hidden;}



.portfolio a{display:block;}



.portfolio-image{float:left; width:280px; /*height:187px;*/ display:inline; margin-bottom:8px; clear:both; background:#eee url(images/loading.gif)  50% 50% no-repeat; }



.portfolio-image img {display:none;}



#footer-content-wrap .portfolio-image img {display:inline;}



.portfolio h2, .portfolio h3, .portfolio h4 {margin-top:10px;}



.innerwrapper{width:280px; position:absolute; top:0; height:187px;}



.innerinfo{position:absolute; bottom:-100px; background:url(images/white-80.png); padding:12px 20px; width:240px; }



.innerinfo h4 {margin:0px 0px 8px 0px; color:#333;}









/* -------------------------------------------------------------- */







/* -------------------------------------------------------------- */



/* BLOG STYLES */




.blogpost {width:580px; float:left; margin:0px 0px 40px;  border-bottom:2px solid #ccc;}

.blogpost ul{margin:2px 20px 20px; padding:0; list-style-type:square; width:auto; display:block; color:#CCC;}

/* Changes list colour on blog page and not homepage */
/* .blogpost li{color:#CCC;} */



.blogpost h2{margin:20px 0px;}



.post-meta-top{width:580px; float:left;  padding:12px 0px 12px; border-bottom:1px dotted #ccc; margin:0px 0px 20px 0px; font-size:10px; color:#999;}



.post-meta-bottom{width:580px; float:left; padding:12px 0px 12px;  margin:0px 0px 0px 0px; font-size:10px; font-size:10px; color:#999;}



.post-date{width:200px; float:left;}



.post-date span{background-color:#e7e7e7; padding:8px;}



.post-tags{width:380px; float:left; text-align:right; }



.post-categories{width:480px; float:left; }



.post-comments{width:100px; float:left; text-align:right; }



.post-meta-top a, .post-meta-bottom a{color:#999;}



.blog-image{float:left; width:580px; /*height:260px;*/ display:inline; margin-bottom:20px; clear:both; background:#eee url(images/loading.gif)  50% 50% no-repeat}



.blog-image img{display:none;}



/* -------------------------------------------------------------- */







/* FOOTER CONTENT */





/* Content in footer on index page */



#footer-content-wrap{width:100%; background-color:#1A1A1A; float:left; border-bottom:1px solid #333; padding:0px 0px 20px 0px}



#footer-content-wrap h1, #footer-content-wrap h2, #footer-content-wrap h3{color:#ccc;}



#footer-content-wrap h1{margin-bottom:30px;}



#footer-content-wrap .inner{width:960px; margin:0 auto; background: url(images/bg-footerwidget-divider.png) no-repeat 608px 0px; text-align:left; min-height:50px;}



.home-content{float:left; width:900px; padding:30px 0px 10px 0px; margin:40px 30px 0px 30px; border-top:1px dotted #555;}







/* Articles in footer on index page */



#pagelist{width:590px; float:left;  margin:40px 30px 0px 30px;} /* Left side */



#rightwidget{width:280px; float:left;  margin:40px 0px 0px 0px;} /* Right side */



#rightwidget img{margin-bottom:8px; clear:both; float:left;}



#rightwidget {width:280px; float:left; margin:40px 0px 0px 0px;   display:inline;}



#rightwidget ul{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px dotted #333;}



#rightwidget li{width:260px;  background:url(images/arrow.png) no-repeat 6px 10px; float:left; clear:both; padding:8px 0px 8px 20px; margin:0px; border-bottom:1px dotted #333; line-height:16px;}



#rightwidget li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }



#rightwidget li:hover{background:#252525 url(images/arrow.png) no-repeat 6px 10px;}



#rightwidget li a:hover{width:260px;text-decoration:none; padding:0px 0px 0px 20px; margin-left:-20px; line-height:16px;}







/* Content in footer for all pages */



#footer-widgets-wrap{width:100%; background-color:#050505; float:left; }



#footer-widgets-wrap h1, #footer-widgets-wrap h2, #footer-widgets-wrap h3 {color:#ccc;}



#footer-widgets-wrap .fullwidth{width:930px; float:left; clear:both; text-align:left; margin:0px 0px 0px 30px; padding:20px 0px;}



#footer-widgets-wrap .inner{width:960px;  margin:0 auto; background:url(images/bg-footerwidget-divider.png) no-repeat 608px 0px; text-align:left;}



#footer-widgets-wrap.index .inner{background:none;}



.footerwidget{width:280px; float:left; margin:20px 30px 0px 0px; padding:0px 0px;}	



.footerwidget-right{width:280px; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 19px; border-left:1px dotted #444;}



.footerwidget h1, .footerwidget h2{color:#ccc;}











/* Footer widgets lists */



.footerwidget ul{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px dotted #333;}



.footerwidget li{width:260px; background:url(images/arrow.png) no-repeat 6px 11px; float:left; clear:both; padding:8px 0px 8px 20px; margin:0px; border-bottom:1px dotted #333; line-height:16px;}



.footerwidget li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }



.footerwidget li:hover{background:#151515 url(images/arrow.png) no-repeat 6px 11px;}



.footerwidget li a:hover{width:260px;text-decoration:none;  padding:0px 0px 0px 20px; margin-left:-20px; line-height:16px;}



.footerwidget ul ul{margin:10px 0px 10px; padding:0; list-style:none; float:left; clear:both; width:260px; border:none; }



.footerwidget ul ul li{width:240px; border:none;}







/* Social media links in footer */



ul.socialmedia{margin:-4px 0px 0px 0px; padding:0; list-style:none; clear:both; float:right;}



ul.socialmedia li{float:left; clear:none; padding:0px; margin-left:8px; color:#777; overflow:hidden; border:none; background:none;}







/* Menu in footer  */



#footermenu ul{list-style:none; margin:0; padding:0;}



#footermenu li{color:#555;  float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none;}



#footermenu li ul{display:none;}



#footermenu a{color:#777;}







/* Copyright notice */



#copyright{width:450px; float:left;  margin:0px 20px 0px 0px;}







/* Links in footer (links to the right of the copyright notice  */



#footerlinks{width:430px; float:left; text-align:right; margin:0px 0px 0px 0px;}



#footerlinks ul{list-style:none; margin:0; padding:0; display:inline-block; float:right;}



#footerlinks li{color:#555;  float:left; width:auto; clear:none; margin-left:20px; padding:0px;text-transform:none;}



#footerlinks li ul{display:none;}



#footerlinks a{color:#777;}







#footer-wrap{width:100%; float:left; background:#131313;}















/* -------------------------------------------------------------- */



/* PAGER */



#pager{float:left; clear:both; display:inline;}



/*  --- #pager ul{margin:0; padding:0; list-style:none; width:900px;} replaced by following line Oct 21
to stop page numbers from overflowing into sidebar-------------------------------------------------*/

#pager ul{margin:0; padding:0; list-style:none; width:600px;}


#pager ul li{clear:none; float:left; display:block; padding:0px; margin-right:4px; text-align:center;}



#pager ul li a{background-color:#ccc; width:20px; height:20px; padding:3px 6px 7px 6px; line-height:24px; margin:1px;float:left; display:inline-block; text-decoration:none; color:#333;}



#pager ul li a:hover{background-color:#000; color:#efefef; display:inline-block; margin-bottom:0;}



#pager ul li.current a{background-color:#000; color:#ccc; display:inline-block; margin-bottom:0;}



#pager ul li a span{ padding-top:0px; text-align:center; display:block; }



#pager .pages{display:none;}



.home-content #pager, #pagelist #pager{display:none;}
















/* -------------------------------------------------------------- */



/* MISC CLASSES */



.alignright{float:right; margin:0px 0px 8px 20px;}



.alignleft{float:left; margin:0px 20px 8px 0px;}



.last{margin:0;}



.break{width:100%; float:left; clear:both;}



.inner{width:960px; margin:0 auto;  text-align:left;}



.dashedborder{border-top:1px dotted #444;}







/* Shortcode boxes */




.box{float:left; margin:0px 20px 20px 0px;}



.single{width:280px;}



.double{width:580px;}



.triple{width:860px; padding:20px; background:#f2f2f2;}



.single h1, .single h2, .single h3 .single h4 {margin:10px 0px 20px}



.double h1, .double h2, .double h3 .double h4 {margin:10px 0px 20px}



.triple h1, .triple h2, .triple h3 .triple h4 {margin:10px 0px 20px}




.fullwidth{width:900px; float:left; clear:both; text-align:left; margin:0px 30px 0px 30px; padding:20px 0px;}







/* Buttons */



a.lightbtn {background-color:#ccc; height:20px; padding:3px 10px 7px 10px; line-height:24px; margin-right:6px;float:left; display:inline-block; text-decoration:none; color:#333;}



a.lightbtn span{ }



/*a.lightbtn:hover{background-color:#333; color:#efefef; display:inline-block; margin-bottom:0;}



a.lightbtn:hover span{}*/



a.darkbtn {background-color:#222; height:20px; padding:3px 10px 7px 10px; line-height:24px;  margin-right:6px; float:left; display:inline-block; text-decoration:none; color:#777;}



a.darkbtn span{ }



/*a.darkbtn:hover{background-color:#444; color:#efefef; display:inline-block; margin-bottom:0;}



a.darkbtn:hover span{}*/



#footer-content-wrap .lightbtn, #footer-content-wrap .lightbtn{color:#CCC;background-color:#444444; }







/* List width dotted lines for dark background */



ul.darklines{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px dotted #222;}



ul.darklines li{width:260px;  background:url(images/arrow.png) no-repeat 6px 10px; float:left; clear:both; padding:8px 0px 8px 20px; margin:0px; border-bottom:1px dotted #222; line-height:16px;}



ul.darklines li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }



ul.darklines li:hover{background:#333 url(images/arrow.png) no-repeat 6px 10px;}



ul.darklines li a:hover{width:260px;text-decoration:none; padding:0px 0px 0px 20px; margin-left:-20px; line-height:16px;}







/* List width dotted lines for light background */



ul.lightlines{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px dotted #999;}



ul.lightlines li{width:260px;  background:url(images/arrow.png) no-repeat 6px 10px; float:left; clear:both; padding:8px 0px 8px 20px; margin:0px; border-bottom:1px dotted #bbb; line-height:16px;}



ul.lightlines li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }



ul.lightlines li:hover{background:#222 url(images/arrow.png) no-repeat 6px 10px;}



ul.lightlines li a:hover{width:260px;text-decoration:none; padding:0px 0px 0px 20px; margin-left:-20px; line-height:16px;}











/* Gradient buttons */



a.lightbtn-round {display:inline-block; width:auto;float:left;margin-right:10px;  margin-top:0px; background:url(images/btn-left.png) no-repeat top left; text-decoration:none}



a.lightbtn-round span{padding:6px 16px 8px 6px; display: inline-block; cursor:pointer;color:#FFF;  margin-left:10px; background:url(images/btn-right.png) no-repeat top right; color:#666; }



a.lightbtn-round:hover{background:url(images/btn-left-dark.png) no-repeat top left;}



a.lightbtn-round:hover span{background:url(images/btn-right-dark.png) no-repeat top right; color:#888;}



a.darktbtn-round {display:inline-block; width:auto;float:left;margin-right:10px;  margin-top:0px; background:url(images/btn-left-dark.png) no-repeat top left; text-decoration:none}



a.darktbtn-round span {padding:6px 20px 8px 10px; display: inline-block; cursor:pointer;color:#FFF;  margin-left:10px; background:url(images/btn-right-dark.png) no-repeat top right; color:#666; }



a.darktbtn-round:hover{background:url(images/btn-left.png) no-repeat top left; }



a.darktbtn-round:hover span{background:url(images/btn-right.png) no-repeat top right; color:#666;}



#prettycontact{width:500px; height:300px; background:#666;}



.hide { display: none; }





.home-post{float:left; margin-bottom:10px; clear:both; width:580px; color:#999;}



.home-post-image{float:right; margin:0px 0px 12px 12px;}



.home-post-meta-top{width:580px; float:left;  padding:12px 0px 0px;  margin:0px 0px 10px 0px; font-size:10px; color:#999;}



.home-post-meta-bottom{width:580px; float:left; padding:12px 0px 12px;  margin:0px 0px 0px 0px; font-size:10px; font-size:10px; color:#999;}



.home-post-date{width:180px; float:left;}



.home-post-date span{}



.home-post-tags{width:380px; float:left; text-align:right; }



.home-post-categories{width:480px; float:left; }



.home-post-comments{width:100px; float:left; text-align:right; }



.home-post-meta-top a, .home-post-meta-bottom a{color:#999;}









/* --------------------------------------------------------------*/



/* POST COMMENTS */



#respond{margin:0px 0px; float:left;}



#respond input{background-color:#f7f7f7; border:1px solid #dbdbdb; padding:2px 10px; color:#7F7F89; width:300px; margin-right:20px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px;}



#respond input:focus, #contact-form textarea:focus, #respond textarea:focus {background-color:#efefef;}



#respond textarea{width:560px; height:200px; background-color:#f7f7f7; border:1px solid #dbdbdb;padding:10px; color:#999; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px}







#respond input#submit, #contact-form #submitbutton{background-color:#ccc; border:none; padding:4px 10px; color:#555;  margin-right:20px; clear:both; margin-bottom:20px;  width:auto; cursor:pointer; }



#respond input#submit:hover, #contact-form #submitbutton:hover{background-color:#e7e7e7;}



#comments{float:left; margin-top:40px;}



.commentlist{margin:1px 0px 0px; float:left; list-style:none; padding:0; width:100%;}



.commentlist li{border-bottom:1px solid #dbdbdb; float:left; margin-bottom:10px; width:100%;}



.commentlist p{}



.comment-body{}



.comment-author{float:left; margin: 0px 10px 6px 0px; display:inline; width:50px;}



.comment-author cite{clear:both; font-weight:bold;}



.vcard{float:left; clear:both; display:block; width:100px; text-align:center; padding:18px 4px; background:#fff; border:1px solid #ccc; margin-bottom:10px;}



.comment-meta{ margin-bottom:8px; width:450px; display:inline; float:left; clear:right;}



.fn{float:left;  width:100px; background:#fff; clear:both; margin:0px; text-align:center;}



.says{display:none;}











/* Contact form */



#contact-form{margin:10px 0px; float:left;}



#contact-form ul{list-style:none; margin:0;padding:0;}



#contact-form input{background-color:#f7f7f7; border:1px solid #ccc; padding:6px; color:#999; width:300px; margin-right:20px; }



#contact-form input:focus, #contac



t-form textarea:focus {background-color:#efefef;}



#contact-form textarea{width:560px; height:200px; background-color:#f7f7f7; border:1px solid #ccc;padding:10px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%}











/* Contact form widget */



.input-wrap{float:left; padding:4px 0px;}



#contactform{margin:10px 0px; float:left;}



#contactform ul{list-style:none; margin:0;padding:0;}



#contactform input{background-color:#f7f7f7; border:1px solid #ccc; padding:10px; color:#999; width:260px; }



#contactform input:focus, #contact-form textarea:focus {background-color:#efefef;}



#contactform textarea{width:260px; height:100px; background-color:#f7f7f7; border:1px solid #ccc;padding:10px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%}



#contactform .submit-btn{background-color:#ccc; border:none; padding:4px 10px; color:#555;  clear:both; margin-bottom:20px; width:auto; cursor:pointer; }



#contactform .submit-btn:hover{background-color:#e7e7e7;}