/* CSS Document */

#navbar-iframe  {
height : 0;
visibility : hidden;
display : none;
}


body {
margin: 0; padding: 0;color: #666;font-size: 12px; line-height: 17px; font-family: Georgia, 'Times New Roman', serif
  }
.nodisplay { display: none; }
a:link {
  color: #000; 
  text-decoration:none;
  }
a:visited {
  color: #000; 
  text-decoration:none;
  }
a:hover {
 color: #000; 
  text-decoration:underline;
}
a img {
  border-width:0;
  }


div#topside { height: 36px; border-bottom: 1px solid;clear:both; overflow:hidden;}
div#topside-wrapper { margin: 0 auto; width: 960px; height: 36px; }
#googleads { width:740px;  float: left; }
.googleads { text-align:center; padding: 0;}
div#rsstwitter { width:200px; float: right; text-align:right;	font-size: 11px; line-height: 15px; font-family: Verdana, Helvetica, sans-serif; 
	text-transform: uppercase;
}
div#rsstwitter p { display: block; margin: 0; padding: 0; line-height: 36px; }
div#rsstwitter p a { padding: 5px 10px 5px 18px; }
div#rsstwitter p a#twitter { padding-right: 0; }
div#topside { background: #858585 none; border-bottom-color: #cececa; }
div#rsstwitter a, div#rsstwitter a:visited { color: #404040; }
a#rss { background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-rss.gif') no-repeat scroll left center ; }
a#twitter { background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-twitter.gif') no-repeat scroll left center; }
div#rsstwitter a:hover { text-decoration: none; }

div#featabout { width: 100%; border-bottom: 1px solid; }
div#featabout-wrapper { margin: 0 auto; padding: 22px 0; width: 970px; height: 250px; }

div#featabout div.featured { float: left; width: 640px; }
div#featabout div.featured div.top { height: 15px; }
div#featabout div.featured div.mid { padding: 0 15px; }
div#featabout div.featured div.mid div#featured { border: 1px solid; }
div#featabout div.featured div.bot { height: 15px; }

div#featabout div.about { float: right; width: 328px; }
div#featabout div.about div.top { height: 15px; }
div#featabout div.about div.mid { padding: 0 15px; height: 224px; }
div#featabout div.about div.bot { height: 15px; }

div#featabout div.ab-box h2 { display: block; margin: 0; padding: 0 0 8px 0; 	font-size: 12px;
	font-family: Georgia, 'Times New Roman', serif;
	text-transform: uppercase;
}
div#featabout div.ab-box div.interior { padding: 8px 0; }
div#featabout div.ab-box div.interior p { display: block; margin: 0; padding: 0; }
div#featabout div.ab-box-author div.interior { padding: 8px 0 16px 0; min-height: 60px; }
div#featabout div.ab-box-author div.interior img { padding: 3px; border: 1px solid; float: left; margin: 0 5px 0 0; }
div#featabout div.ab-box-burner div.interior { padding: 8px 0 8px 65px; }
div#featabout div.ab-box-burner div.interior p { display: block; margin: 0; padding: 0; line-height: 28px; }
div#featabout div.ab-box-burner div.interior span { display: block; height: 21px; margin: 0 0 0 0; padding: 6px 0 0 0; }
div#featabout div.ab-box-burner div.interior span input { width: 191px; padding: 0 5px; border: 0; }
div#featabout {
	background: #212121 url('http://likeahouseonfire.com/knucklesalad/images/background-featabout.gif') repeat-x scroll left top;
	border-bottom-color: #989687;
}
div#featabout div.featured { background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-featured-mid.gif') repeat-y scroll left top; }
div#featabout div.featured div.top { background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-featured-top.gif') no-repeat scroll left top; }
div#featabout div.featured div.mid div#featured { border-color: #000; }
div#featabout div.featured div.bot { background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-featured-bot.gif') no-repeat scroll left bottom; }
div#featured h2 {
	font-family: Georgia, 'Times New Roman', sans-serif; font-size: 24px;
	line-height: 30px; font-weight: normal;
}
div#featured p { 
	font-family: Georgia, 'Times New Roman', serif; font-size: 13px;
}

div#featabout div.about { color: #999; background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-about-mid.gif') repeat-y scroll left top; }
div#featabout div.about div.top { background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-about-top.gif') no-repeat scroll left top; }
div#featabout div.about div.bot { background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-about-bot.gif') no-repeat scroll left bottom; }

div#featabout div.ab-box h2 { color: #e1e1c7; background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-featabout-title.gif') repeat-x scroll left bottom; }
div#featabout div.ab-box-burner div.interior { color: #999; background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-feedburner.jpg') no-repeat scroll 0px 8px; }
div#featabout div.ab-box-burner div.interior span { background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-input-burner.gif') left top no-repeat; }
div#featabout div.ab-box-burner div.interior span input { background: transparent none; color: #666; }

/* Header
-----------------------------------------------
 */

#header-wrapper {
margin: 0; padding: 0; width: 100%; height: 150px; border-bottom: 1px solid; background: #515151 none; border-bottom-color: #4f4f4f;clear:both; overflow:hidden; background-image: url('http://likeahouseonfire.com/knucklesalad/header-bg.gif'); background-repeat: repeat-x;
  }

#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}
div#title-wrapper {  margin: 0 auto; width: 960px; height: 96px; }

#header { 
margin: 0; padding: 0; float: left; width: 500px; height: 96px;
}

#header h1 {
display: block; margin: 0 0px 5px; padding: 20px 0 0 0px; font-family: Verdana, 'Times New Roman', sans-serif; color:#f8f8f8;text-transform:uppercase;
	font-size: 22px;letter-spacing:0;

}

#header a,#header a:hover {
color:#f8f8f8;
  }

#header .description {
  margin:0 5px 5px;
  padding:0 0px 15px;
  text-transform:none;
  letter-spacing:.1em;
  line-height: 1.4em;
  font-family: Verdana, 'Times New Roman', sans-serif;
  font-size: 12px;
  color:#f8f8f8;
 }

#header img {
  margin: 0;
}

#myads { width:486px; overflow:hidden; float: right;}
.myads { margin: 10px 0 0; background: #383838 none;}
#myads img { border: 0; }

div#menusearch { height: 44px; border-bottom: 1px solid;	background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-menusearch.gif') repeat-x scroll left top;
	border-bottom-color: #848482;overflow:hidden; 
 }
div#menusearch-wrapper { margin: 0 auto; width: 960px; height: 44px; }
div#search { background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-search.gif') no-repeat scroll left top;margin: 0; float: right; width: 320px; height: 44px; }
div#search form { height: 44px; }
div#search form p { display: block; margin: 0; padding: 14px 0 0 30px; }
div#search form p input { width: 285px; border: 0; background: transparent none; color: #5d5c5c; }

div#navmenu { margin: 0 0 0 10px; padding: 0; height: 44px; float: left;overflow:hidden; }
div#navmenu ul { display: block; margin: 0; padding: 0 0 0 2px; height: 44px; float: left; }
div#navmenu ul li { display: block; margin: 0; padding: 0 2px 0 0; float: left; height: 44px; }
div#navmenu ul li a, div#navmenu ul li a:visited {
	display: block; margin: 0; padding: 5px 0 0 0; height: 39px; line-height: 39px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; text-transform: uppercase;
	color: #bf9ba9;float: left; 
}
div#navmenu ul li a span, div#navmenu ul li a:visited span {
	display: block; float: left; margin: 0; padding: 0 0 0 26px;
	height: 39px; line-height: 39px;
	color: #bf9ba9;
}
div#navmenu ul li a span span, div#navmenu ul li a:visited span span {
	display: block; float: left; margin: 0; padding: 0 26px 0 0;
	height: 39px; line-height: 39px;
	color: #bf9ba9;
}
div#navmenu ul li a:hover, div#navmenu ul li.current_page_item a, div#navmenu ul li.current_page a:visited { 
	color: #734c59;
	background: transparent url('http://likeahouseonfire.com/knucklesalad/images/navmenu-hover-c.gif') repeat-x scroll left bottom; text-decoration: none;
}
div#navmenu ul li a:hover span, div#navmenu ul li.current_page_item a span, div#navmenu ul li.current_page_item a:visited span {
	background: transparent url('http://likeahouseonfire.com/knucklesalad/images/navmenu-hover-l.gif') no-repeat scroll left bottom; text-decoration: none;
	color: #734c59;
}
div#navmenu ul li a:hover span span, div#navmenu ul li.current_page_item a span span, div#navmenu ul li.current_page_item a:visited span span {
	background: transparent url('http://likeahouseonfire.com/knucklesalad/images/navmenu-hover-r.gif') no-repeat scroll right bottom; text-decoration: none;
	color: #734c59;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
margin: 0; padding: 0; width: 100%;
  }
div#wrapper {
width: 100%; border-top: 1px solid;
	background: #f2edf0 url('http://likeahouseonfire.com/knucklesalad/images/background-wrapper.gif') repeat-x scroll left top;
	background: #f2edf0 url('http://likeahouseonfire.com/knucklesalad/images/bgwrapper-purple.jpg') repeat-x scroll left top;
	border-top-color: #f2edf0;
overflow:hidden;
}
div#wrapper-wrapper { margin: 0 auto; width: 960px; padding: 18px 0 0 0;background: transparent none; }

#main-wrapper {
margin: 0; padding: 0; width: 630px; float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
margin: 0; padding: 0 0 10px 0; width: 320px; float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}


/* Headings
----------------------------------------------- */

.sidebar h2, .sidebar1 h2 {
display: block; margin: 0; padding: 5px 10px;color: #666; background: #bf9ba9 none;	font-family: Georgia, 'Times New Roman', serif;
	font-size: 12px; text-transform: uppercase;

}


/* Posts
-----------------------------------------------
 */
.printonly {display: none;}

h2.date-header {
  margin:0;
  display:none;
  }
div.post div.title { display: block; margin: 0; padding: 0; }
div.post div.title h2 { display: block; margin: 0; padding: 5px 0 0 0; 	font-family: Georgia, 'Times New Roman', serif;
	font-size: 18px; line-height: 24px; text-transform: uppercase;
}
div.post div.title p { 	font-family: Georgia, 'Times New Roman', sans-serif;
	font-size: 10px; line-height: 20px; text-transform: uppercase;
display: block; margin: 0; padding: 0; border-top: 6px solid; text-align: right; height: 22px; background: transparent url('hthttp://likeahouseonfire.com/knucklesalad/images/background-post-title-para.gif') repeat-x left bottom; border-top-color: #bf9ba9;}
div.post div.title p span.date { padding: 5px 10px 5px 15px; background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-post-date.gif') left center no-repeat;}
div.post div.title p span.comments { padding: 5px 10px 5px 15px; background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-post-comments.gif') left center no-repeat;}
div.post div.title p span.categories {font-size: 12px; font-weight: normal;  padding: 4px 10px 4px 10px;background: #bf9ba9 none; }
div.post div.title p span a, div.post div.title p span a:visited { color: #666; }

div.post ol {
margin-left: 0;
}
div.post ol li { margin-top: 16px;}

div.post .separator {margin-left: -8px;}
div.post .separator img {max-width: 600px; margin-top: 8px;}

.post {
padding: 10px; margin: 0 0 10px 0; 
background: #ffffff;
overflow:hidden;
  }

.post h3 {
display: block; margin: 0; padding: 10px 0 0 0;color: #734c59;	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px; 
line-height: 30px; 
text-transform: none;
letter-spacing: -1px;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
color: #734c59;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px; 
line-height: 30px; 
text-transform: none;
background-color: #FFFFFF;
letter-spacing: -1px;
}

.post h3 strong, .post h3 a:hover {
  color: #734c59;

}

.post-body {
  margin:0;
padding: 8px;
font-size: 15px;
  line-height:1.6em;
}

.post-body blockquote {
  line-height:1.3em;  
}

.post-footer {
  margin: .75em 0;
  color:#333;
  text-transform:none;
  letter-spacing:.1em;
  font-size: 11px;
  font-weight:bold;
  font-family:verdana;
  line-height: 1.4em;
}

.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #aaa;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: #999999;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  background:#fff;
  padding:10px;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: $startSide;
 }
 
#blog-pager-older-link {
  float: $endSide;
 }

#blog-pager { 
  text-align: center;
	background:#fff;
overflow:hidden;
padding: 15px 25px;
 }

.feed-links {
display:none;margin:0padding:0;
}

#comments-block .comment-kristina {
  clear: both;
padding: 10px;
}

#comments-block .comment-general {
  clear: both;
padding: 10px;
}

#comments-block .comment-details {
	float: left;
	width: 150px;
}

#comments-block .comments-comment {
	width: 410px;
	float: right;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-left: 1px dotted #996699;
	padding-left: 10px;
	margin-left: 10px;

}


#comments-block .comment-author {
  font-size: 16px;
  margin:.5em 0;

  }

#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  line-height: 1.4em;
  letter-spacing: normal;
  font-size: 9px;
  text-transform: none;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;

  }

.comment-kristina .comment-details {
	background-color: #ebdee3;
	padding-left: 5px;
  }
.comment-kristina .comment-author {
  }
.comment-kristina .comment-body {
  }
.comment-kristina .comment-footer {
  }
.comment-kristinak .comment-body p {
  }



/* Sidebar Content
----------------------------------------------- */
.sidebar, .sidebar1 { 
 }

.sidebar ul, .sidebar1 ul {
display: block; list-style-type: none; margin: 0;  padding: 5px 0 0 0;
}
.sidebar li, .sidebar1 li {
border-bottom-color: #24292e;display: block;
background: transparent url('http://likeahouseonfire.com/knucklesalad/images/background-box-list-item.gif') 10px 7px no-repeat;
padding: 5px 0 5px 25px;border-bottom: 1px dotted;

  }
.sidebar a, .sidebar a:visited, .sidebar1 a, .sidebar1 a:visited { 
color: #734c59;font-family: Helvetica, Arial, sans-serif;
font-size: 11px; text-transform: uppercase;

}

.sidebar .widget { 
padding: 10px; margin: 0 0 8px 0;background: #ebdee3 none;	font-family: Georgia, 'Times New Roman', serif;
	font-size: 12px;

 }
.sidebar1 .widget { 
padding: 10px; margin: 0 0 8px 0;background: #fff;	font-family: Georgia, 'Times New Roman', serif;
	font-size: 12px;

 }
.googleads .widget { 
padding: 10px; margin: 0;font-family: Georgia, 'Times New Roman', serif;
	font-size: 12px;
 }
.myads .widget { 
padding: 8px; margin: 0;font-family: Georgia, 'Times New Roman', serif;
	font-size: 12px;border: 1px solid;border-color: #484848;
 }
.main .widget { 
  margin:0 0 10px;
  padding:0;
 }

.main .Blog { 
  border-bottom-width: 0;
}


/* Profile 
----------------------------------------------- */
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid #cccccc;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: #999999;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer { width: 100%;  margin: 0; padding: 26px 0 0 0; color: #262626; background: #404040 url('http://likeahouseonfire.com/knucklesalad/background-footer.gif') left top repeat-x;font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px}
#footer-wrapper { margin: 0 auto; width: 960px; padding: 0; }
#footer-wrapper p { display: block; margin: 0; padding: 20px 15px; text-align: left; }
#footer a, div#footer a:visited { color: #262626; }



#flickrGallery
{
width: 500px;
height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
display: none;
}

.jdGallery
{
overflow: hidden;
position: relative;
}


.jdGallery img
{
border: 0;
margin: 0;
}

.jdGallery .slideElement
{
width: 100%;
height: 100%;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black.gif');
}

* html .jdGallery .slideInfoZone
{
bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
padding: 0;
font-size: 14px;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: #FFFFFF;
bacground: transparent;
}
.jdGallery .slideInfoZone ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
color: #FFFFFF;
}
.jdGallery .slideInfoZone li {
list-style:none;
margin:0 0 0;
padding:0 0 0;
color: #FFFFFF;
}
.jdGallery .slideInfoZone p
{
padding: 0;
font-size: 11px;
margin: 2px 5px;
color: #FFFFFF;
}

.jdGallery div.carouselContainer
{
position: absolute;
height: 135px;
width: 100%;
z-index: 10;
margin: 0px;
left: 0;
top: 0;
}

.jdGallery a.carouselBtn
{
position: absolute;
bottom: 0;
right: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #000;
color: #fff;
cursor: pointer;
}

.jdGallery .carousel
{
position: absolute;
width: 100%;
margin: 0px;
left: 0;
top: 0;
height: 115px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}

.jdExtCarousel
{
overflow: hidden;
position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
position: absolute;
width: 100%;
height: 78px;
top: 10px;
left: 0;
overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
cursor: pointer;
background: #000;
background-position: center center;
float: left;
border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
font-size: 13px;
position: absolute;
bottom: 5px;
left: 10px;
padding: 0;
margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
font-size: 10px;
position: absolute;
bottom: 5px;
right: 10px;
padding: 1px 2px;
margin: 0;
background: #222;
border: 1px solid #888;
cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
color: #b5b5b5;
}

.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
position: absolute;
height: 99%;
width: 25%;
cursor: pointer;
z-index:10;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.jdGallery a.left
{
left: 0;
top: 0;
background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
right: 0;
top: 0;
background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.withArrows a.open
{
position: absolute;
top: 0;
left: 25%;
height: 99%;
width: 50%;
cursor: pointer;
z-index: 10;
background: none;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
filter:alpha(opacity=80); }


/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
z-index: 15;
position: absolute;
top: 0;
left: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #000;
color: #fff;
cursor: pointer;
opacity: .4;
-moz-opacity: .4;
-khtml-opacity: 0.4;
filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
z-index: 20;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
}

.jdGallery .gallerySelector h2
{
margin: 0;
padding: 10px 20px 10px 20px;
font-size: 20px;
line-height: 30px;
color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
margin-left: 10px;
margin-top: 10px;
border: 1px solid #888;
padding: 5px;
height: 40px;
color: #fff;
cursor: pointer;
float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
background: #000;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
background: #000;
background-position: center center;
float: left;
border: none;
width: 40px;
height: 40px;
margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #aaa;
}

.extra div.box { width: 310px; padding: 0px; margin:0;}
.extra div.box-popular { float: left; }
.extra div.box-recent { float: right; }

#myGallery, #myGallerySet, #flickrGallery {
width: 606px;
height: 220px;
z-index:5;
border: 1px solid #000;
overflow:hidden;
}

.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 80px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}

#infobox #mygallery {width: 200px;}


<!--Related Posts with thumbnails Scripts and Styles Start-->
#related-posts {
float:left;
text-transform:none;
height:250px;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts img { margin: 0; }

#related-posts .descro {width:85px;padding-left:5px;height:75px;border: 0pt none; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
letter-spacing: 0.5px;
font-family: Helvetica, Arial, sans-serif;

}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#add262;

}
<!--Related Posts with thumbnails Scripts and Styles End-->

#tips, #tips li{
margin:0;
padding:0;
list-style:none;
}
#tips{
width:250px;
font-size:16px;
line-height:120%;
}
#tips li{
padding:20px;
background:#e1e1e1;
display:none; /* hide the items at first only */
}