@import url(luna_core.css);

body {
      margin: 0px;
      padding: 0px;
      color: #33332e;
      background: #ffffff;
      background: #E6E6E6;
	  background: black;	
	  font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
    }

#logo {
  width: 250px;
  height: 80px;
  width: 840px;
  height: 28px;
  background-image: none; 
  background: #000;
  background: #FFF;
  color: #383741; 
/* background-image: url(images/main-logo1.jpg); */
/* background-image: url(/images/pittsburghpostcards_header_s.jpg); */
  text-indent: -9999px;
  text-indent: 0px;
}



/* Logo size and image source */
#home #logo {
  width: 840px;
  height: 28px;
/* background-image: url(images/main-logo1.jpg); */
/* background-image: url(/images/pittsburghpostcards_header.jpg); */
/* text-indent: -9999px; */
  padding-bottom: 3px;
}


#home #header {
  /* background: transparent url(images/swirls.gif) top right no-repeat; */
  /* background: none;  */
  /* background: #000; */
}






#logo h1, #logo a {
  margin: 0px;
/*
  width: 100%;
  height: 100%; 
*/
  color: #383741;
}
#logo a {
  text-decoration: none;
  display: block;
  font-size:	30px;
/*  padding-top:	20px; */ /* not needed with graphic logo, MSIE has issues, and FireFox cuts off the bottom*/
}


#logo_gforum {
  width: 800px;
  height: 40px;
  float: left;
  background: white; 
  background-image: url(images/main-logo1.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}


#logo_gforum h1, #logo_gforum a {
  margin: 0px;
/*
  width: 100%;
  height: 100%; 
*/
  color: #383741;
}
#logo_gforum a {
  text-decoration: none;
  display: block;
  font-size:	30px;
  padding-top:	20px;
}

#header {
  /* background: transparent url(images/swirls.gif) top right no-repeat; */
  /* background: none;  */
  background: transparent url(images/swirls.gif) bottom right no-repeat;
}

#header {
  /* background: transparent url(images/swirls.gif) top right no-repeat; */
  /* background: none;  */
  background: #000;
}




/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* Show the left sidebar */
/*
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/

/* Hide the right sidebar */
/*
#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: none;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}
*/

/* Change the right sidebar width.  Note that the sidebars have a 10px left or
right padding (left sidebar has a left padding and right sidebar has a right
padding), hence the 150px - 10px = 140px width */

#ocwrapper {
  border-right-width: 172px;
}
#rightsidebar {
  margin-right: -172px;
  width: 162px;
}
#contentheader .error, #contentheader .message {
  margin: 0px 172px 0px 0px;
}


/* Change width of document */

#wrapper {
  width: 840px;
}

/* Don't want the shadows? */
/* */

#home .shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
#home .shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}
/* */

/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total). */
/*
#category dl {
  width: 33%;
}
*/

#detailed_full #ocwrapper {
  border-right-width: 0px;
}
#detailed_full #rightsidebar {
  margin-right: 0px;
  width: 0px;
}

#detailed_full #contentheader .error, #contentheader .message {
  margin: 0px 0px 0px 0px;
}

#detailed_full #contentheader .error, #contentheader .message {
  margin: 0px 0px 0px 0px;
}


#pugdog_content {
  margin: 15px;
 }



/*begin home segement */

#home #ocwrapper {
  border-left-width: 175px;
  border-right-width: 172px;
}

#home #rightsidebar {
  margin-right: -180px;
  width: 160px;
}

#home #leftsidebar {
/*      background: #E6E6E6; */
/*      background: #ffffff; */
  margin-left: -165px;
/*  margin-top: 10px; */
  padding: 10px 10px 10px 10px; 
  width: 135px;
  float: left;
  position: relative;
/* hide the left sidebar by default */
  display: none;  
}

#home #contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}

#home #contentheader .error, #contentheader .message {
  margin: 0px 226px 0px 0px;
}


/* end home segment */




/* Don't want the shadows? */
#slideshow .shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
#slideshow .shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}
#slideshow #content {
  margin: -12px 5px 0px 10px;
  padding: 0px;
  background: none;
  float: right;
}





/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 1px;
}
ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #ffffff;
  float: left;
  list-style: none;
}
ul.primarynav {
  width: 100%;
  background: #194C46;
}
ul.secondarynav {
  width: 100%;
  background: #777c8d;
}
ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}
ul.primarynav li {
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
}
ul.primarynav a {
  margin-right: 1px;
  padding: 7px 9px 7px 10px;
  float: left;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold; 
 text-decoration: none;
}
ul.primarynav a:visited {
  color: #ffffff;
}
ul.primarynav a:hover {
  color: #ffffff;
  background: #1DB683;
}
ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #383741;
}
ul.primarynav li.home a {
  margin-right: 0px;
}
ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #212126;
}


.navbar a:hover {
	color: #411; 
	background: #AAA;
	border-right: 5px double white;
	border-left: 5px double white;
}



/* 
 modified for popups and visuals
*/

ul.primarynav a span {
	display: none;
}

ul.primarynav a:hover span {
	display: block;
	position: absolute; 
	top: 2px; 
/*	left: 330px;  */ /* moves the block with window size */
/*	width: 240px; */
	width: auto;
	padding: 8px;   /* padding: 10px + margin: 10px + top: 2px sets it right on top of the nav bar */
					 /* padding: 8px + margin: 10px + top: 2px gives some room */
	margin: 10px;   /* not using top: 10px */
	border: 5px double #383741;
	color: #fff; 
	background: #006699;
	font: 10px Verdana, sans-serif; 
	font-weight: bold;
	text-align: center;
}

span#add_span {
	margin-left: 98px;
}
span#mod_span {

}
span#new_span {
	margin-left: -65px;
}
span#pop_span {
	margin-left: -134px;
} 
span#rated_span {
	margin-left: -203px;
}
span#forum_span {
	margin-left: -292px;
}
span#news_span {
	margin-left: -391px;
}
span#rand_span {
	margin-left: -300px;
}
span#newsletter_span {
	margin-left: -350px;
}
span#book_span {
	margin-left: -400px;
}
span#editor_span {
	margin-left: -500px;
}





/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 0px;
  padding: 10px 10px;
  vertical-align: middle;
/*  border-bottom: 1px solid #57594b; */
/*  background: white; */
  background: #ebebeb url(/images/gr_backgd.gif) repeat-x; 
  height: 18px;
  border: 1px solid #CACACA;
}
#searchbarbox {
	width: auto;
	display: block;
	float: left;
}
#searchbarbox input.text, #searchbarbox input.submit {
  margin-right: 5px;
}
/* setting this in mozilla causes rendering issues */
* html #searchbarbox input.submit {
  height: 21px;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
#searchbarbox a {
  color: #212126;
  font-size: 10px;
}
#searchbarbox a:hover {
  color: #5c5b66;
}

#search_input_image {
	display: inline;
	vertical-align: middle;
	padding: 0px 15px 0px 0px;
}

#total_bar {
	display: block;
	width: 250px;
	float: right;
	font-size: 8pt;
	text-align: right;
}



/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 0px;
  padding: 5px;
  background: #E6E6E6;
}
#footer p {
  margin: 0px;
  padding: 10px 0px;
  color: #8a8d77;
  font-size: 10px;
}


/*--------*\
|* link   *|
\*--------*/

.linkwrapper {
}

.linkimagewrapper {
  width: 130px;
/*  height: 200px; */
/*  width: 122px;
  height: 92px;
  border: 1px solid #000000;
  background: white url(images/logo_image_place_holder_blob_140x130.gif) top left  no-repeat; */
  float: left;
  margin: 3px;
  display: block;
}

.linkdescriptionwrapper {
  width: 440px;
  float: right;
  display: block;
}

.linktitlewrapper {
	width: 100%;
	display: block;
}


/* links */
.linklisting {
  margin: 15px 0px 20px 20px;
  display: block;
	clear: right;
}
.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  margin: 2px 0px;
}
.linklisting h4.linktitle a {
  padding-bottom: 0px;
}
.linklisting p.linkurl a {
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkrating {
  font-size: 9px;
}
.linklisting p.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}
.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .linklisting .linkdescription, * html .review .reviewcontent {
  width: 96%;
}
.linklisting p.linkactions {
  margin: 0px 0px 10px 0px;
}
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  border: 2px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
  display: inline;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}

.submitbutton {
  padding: 1px 4px;   border: 1px solid #bbbfa1;  font-size: 9px;  text-decoration: none;
}

#recommend_it #leftsidebar, #recommend_it #rightsidebar {
display: none;
}
#recommend_it #ocwrapper {
  border-right: 0px solid #e2e1eb;
}
#recommend_it #icwrapper {
  width: 100%;
}
#recommend_it #contentwrapper {
  width: 100%;
}