/* make changes in this file, making changes in luna core will

be overwritten on next update, override luna core styles here */



@import url(luna_core.css);

body {

  margin-top: 10px;

  padding: 0px;

  color: #33332E;

  background-color: #0F3B92;

  background-image: url(http://www.gay-porn-pig.com/images/bg_page.jpg);

  background-repeat: repeat-x;

   font: normal 12px Arial, Helvetica, Verdana, sans-serif;

  /*font: normal 14px verdana, arial, tahoma, geneva, sans-serif;*/

  text-align: center;

}

.tbox {

      padding: 7px;

  margin: 17px 8px 10px 0px;

height: 80px;

width: 220px;

border: 1px solid #2222dd;

  color: #33332E;

  background-color: #6ea9e3;

   font: normal 12px Arial, Helvetica, Verdana, sans-serif;

  /*font: normal 14px verdana, arial, tahoma, geneva, sans-serif;*/

  text-align: center;

}



#datesummary li {margin-top: 8px;

  padding: 10px;

  border: 1px solid #003192;

  background: #b7e5ff;

  font-size: 14px;

  clear: both;

  list-style: circle;}



/*Bolding for Dates in New html file */

.bolded {font-weight: bold;}



/* category featured sites */



#adborderdotted {border-bottom: 1px dotted #0c3696;

	border-top: 1px dotted #0c3696;
	
	  color: #dddddd;

	padding: 10px;}



#adborderdotted {border: 1px dotted #001e57;}



#adborder {border: 1px solid #0c3696;

	  color: #dddddd;
	  
	  bgcolor="#001e57";

}



#adborderbottom {border-bottom: 1px solid #0c3696;}

	

.adthirteen {font-size: 13px;

	color: #ffffff;

	font-weight: bold;}

	

.adfourteen {font-size: 14px;

	color: #ffffff;

	font-weight: bold;}

	

#adpad {padding-left: 20px;

	padding-bottom: 20px;}

	

.adpic {padding: 2px;

	border: 1px solid #0c3696;}



	

.adpicdark {padding: 2px;

	border: 1px solid #001e57;}



#adleftpad {padding-left: 20px;}



#adpadfour {padding: 4px;}



#adpadten {padding: 10px;}



.watchpad {padding-top: 6px;

	padding-left: 20px;}



/* front page galleries */

.galleryboxB {font-size: 10px;

	color: #FFFFFF;

	padding: 8px;

	text-align: center;}



.galleryboxBB {font-size: 11px;

	color: #FFFFFF;

	padding: 8px;

	text-align: center;

	font-weight: bold;}



.galleryboxhead {font-size: 11px;

	color: #FFFFFF;

	padding: 4px;

	margin: 4px;

        font-size: 11px;

	text-align: center;

	font-weight: bold;

	background-color: #002B80;

	border-top: 1px solid #00256F;

	border-bottom: 1px solid #00256F;}

	

.elevenb {font-size: 11px;

	font-weight: bold;}



.picborder {border: 1px solid #0065cd;

	padding: 4px;

	margin: 4px;}



/* official pig gallery */



.bannerborder {border: 1px solid #002f72;}



.gallery {padding: 4px 10px 4px 4px;

    float: left;}



/* movie links at top of page */



#topborder {border-top: 1px solid #306FC3;

	border-bottom: 1px solid #306FC3;}

	

.mybig {font-family: tahoma, geneva, verdana, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #ffffff;}

	

.mymed {font-family: tahoma, geneva, verdana, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;}



.mysmall {font-family: tahoma, geneva, verdana, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;}	



.mytiny {font-family: tahoma, geneva, verdana, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #052055;}	



#borderpad {padding: 6px;

	border: 1px solid #306FC3;

	margin: 6px;}



/* searched items */



.searchhl-1 {

  background: #faf82e;

}

.searchhl-2 {

  background: #fc8638;

}

.searchhl-3 {

  background: #fd916b;

}

.searchhl-4 {

  background: #9bfd6b;

}

.searchhl-5 {

  background: #6bfbfd;

}



/* new and updated item buttons */



.new-item {

  background-color: #002877;

}

.new-item2 {

  background-color: #002877;

  color: #ffffff;

   font: normal 12px Arial, Helvetica, Verdana, sans-serif;

  padding: 3px;

}

.updated-item {

  background-color: #002877;

}

.popular-item {

  background-color: #002877;

}



/* links */

a {

  color: #052055;

}

a:visited {

  color: #052055;

}

a:hover {

  color: #052055;

  text-decoration: none;

}

}

a.red:hover {

  color: #ee2222;

  text-decoration: none;

}

a.red {

  color: #dd1111;

}

/* headings */



h1 {font-size: 20px;}



h2 {font-size: 18px;

    text-transform: uppercase;

    line-height: 1em;

    font-style: normal;}



h3 {font-size: 16px;

    font-weight: bold;

    font-style: normal;}



h4 {font-size: 14px;

    font-weight: bold;}



.lasttitle {font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

    font-style: italic;}



.crumb {

  font-size: 14px;

  font-weight: bold;

  text-transform: uppercase;

  font-style: italic;}



/*--------*\

|* header *|

\*--------*/

#logo {

  width: 962px;

  height: 100px;

  background: transparent url(http://www.gay-porn-pig.com/gppimages/linklisttop2.jpg) top left no-repeat;

  text-indent: -9999px;

}

#logo h1, #logo a {

  margin: 0px;

  width: 100%;

  height: 100%;

}

#logo a {

  text-decoration: none;

  display: block;

}

#header {

  background: #00349a;

}

/*Added this for the masthead phrase loginbar wasn't working */

#masthead {float: right;

  text-align: right;  

  margin: 26px 20px 0px 0px;}



.masthead {color: #052055;

  font-family: Arial, Verdana, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: bold;

  margin-bottom: 0px;}



#loginbar {

  float: right;

  text-align: right;

}

#loginbar a {

  margin: 0px 10px 0px 0px;

  padding: 10px 10px 10px 0px;

  color: #ffffff;

  font-weight: bold;

  display: block;

}

/* these colours are the same as defined by 'a', but we unset a:visited */

#loginbar a:hover {

  color: #ffffff;

}



#loginbar a.in {

  background: transparent url(images/login.gif) center right no-repeat;

}

#loginbar a.out {

  background: transparent url(images/logout.gif) center right no-repeat;

}





/*---------*\

|* content *|

\*---------*/


#outeroc    {

background-image:url('http://www.gay-porn-pig.com/gppimages/p_middle2.png');
background-repeat:repeat-y;

  width: 962px;

}

#ocwrapper {

/* background colour of left sidebar */

  border-left: 0px solid #e2ebf8;

/* background colour of right sidebar */

  border-right: 260px solid transparent;

background: none;

background-image:url('http://www.gay-porn-pig.com/gppimages/p_middle2.png');
background-repeat:repeat-y;
  }



#content {background: #c9ebff;}



/*---------------*\

|* contentheader *|

\*---------------*/

#contentheader {

  padding: 10px 10px 10px 10px;

  background: #0c3696;

}

#contentheader .error, #contentheader .message {

  margin: 0px 300px 0px 0px;

  padding: 2px;

  color: #ffffff;

  font-size: 12px;

  text-align: center;

}

#contentheader .error {

  background: #0c3696;

}

#contentheader .message {

  background: #306FC3;

}

#contentheader .error *, #contentheader .message * {

  margin: 0px;

  padding: 0px;

}

/* controls background colour behind form field entries */

.row.required {

  background: #c9ebff;

  border: 1px solid #000000;

}



/* links */

/* the only original characteristic in linklisting was margin I added

everything else, so it can safely be removed*/

.linklisting {

  margin: 5px 15px 5px 20px;

  padding: 1px;

  }

.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {

  margin: 3px 0px;
  
    background: #b7e5ff;

}

.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: 7px 0px 5px 0px;

  padding: 6px;

  border: 1px solid #b7e5ff;

  background: #c9ebff;

  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;

}

.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {

  padding: 1px 4px;

  border: 1px solid #b2d9f0;

  font-size: 9px;

  text-decoration: none;

}

.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {

  background: #c9ebff;

}





/*-----------*\

|* searchbar *|

\*-----------*/

.searchbar {margin-bottom: 3px;

  padding: 5px 10px;

  color: #ffffff;

  border-bottom: 1px solid #0065cd;

border-right: 1px solid #3867c7;

border-left: 1px solid #3867c7;

  background: #c9ebff;

  }

.searchbar input.text, .searchbar input.submit {

  margin-right: 5px;

}

/* setting this in mozilla causes rendering issues */

* html .searchbar input.submit {

  height: 21px;

}

/* these colours are the same as defined by 'a', but we unset a:visited */

.searchbar a {

  color: #ffffff;

  font-size: 10px;

}

.searchbar a:hover {

  color: #ffffff;

}



/*--------*\

|* footer *|

\*--------*/

#footer {

  margin-top: 3px;

  padding: 5px;

  border-top: 1px solid #0065dc;

  background: #00349a;

}

#footer img {

  float: inherit;

}

#footer p {

  margin: 0px;

  padding: 10px 0px;

  color: #ffffff;

  font-size: 9px;

}



/*------------*\

|* navigation *|

\*------------*/



.navbar {

  margin-bottom: 1px;

}

ul.primarynav, ul.secondarynav {

  margin: 0px;

  padding: 0px;

  border-bottom: 1px solid #002f82;

  float: left;

  list-style: none;

}

ul.primarynav {

  width: 100%;
  
  height: 65px;
  
    background-color: #002466;

   background-image: url(http://www.gay-porn-pig.com/gppimages/menu_bg2.gif);

}

ul.secondarynav {

  width: 100%;

  background: #003bad;

}

ul.primarynav li, ul.secondarynav li {

  float: left;

  list-style: none;
  


}

ul.primarynav li {
  
         padding-left: 8px;

padding-top: 11px;

}

ul.primarynav a {

  margin-right: 1px;

  padding: 7px 2px 7px 10px;

  float: left;

  color: #ffffff;

  font-size: 12px;

  text-decoration: none;

  font-weight: bold;

  font-family: tahoma;

}

ul.primarynav a:visited {

  color: #ffffff;

}



ul.primarynav li.home {

  border-right: 1px solid #ffffff;

  background: #003bad;

}

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: #245290;

}



/*

This file inherits from luna_core.css, so styles in this file will override

styles defined in it.  Changes to this file will NOT be overwritten during

upgrades.



Here's a quick tutorial on overriding styles.  Say you want to change the

background colour of the body.  Looking at luna_core.css, the colour is

defined in the rule:



    body {

      margin: 0px;

      padding: 0px;

      color: #33332e;

      background: #ffffff;

      font: normal 11px tahoma, geneva, verdana, sans-serif;

      text-align: center;

    }



To change the background colour of white (#ffffff) to gray (#dddddd), you would

add the following to this file:



    body {

      background: #dddddd;

    }



If you also wanted to change the font as well as the background, then you could

use:



    body {

      background: #dddddd;

      font: normal 12px times new roman;

    }



Also note that every template's body id is assigned the template name (without

the .html extension).  So if you want to change the h2 heading in the

category.html template, you can do this by:



    #category h2 { 

      color: red; 

      font-weight: bold; 

    }



To start you off, some sample overriding styles have been provided below.  Note

that you will have to uncomment the rules for them to work.

*/



/* Logo size and image source */

/*

#logo {

  width: 250px;

  height: 80px;

  background-image: url(images/logo.gif);

}

*/

/* 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: 150px;

}





#rightsidebar {

  margin-right: -150px;

  width: 140px;

  }



#contentheader .error, #contentheader .message {

  margin: 0px 150px 0px 0px;

}

*/



/* Change width of document - comment below to reset to default */



#wrapper {

  width: 962px;



}





/* Don't want the shadows? */



.shadowtop, .shadowbottom, .shadowleft, .shadowright {

  background: none;

}

.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%;

}

*/



#rightsidebar {

  margin-right: -250px;

  padding: 10px 15px;

  width: 220px;

  float: right;

  position: relative;

}



/* recips */

	

.recip {border: 1px dotted #052055;

	text-align: center;

	padding: 6px;}



.rbig {font-size: 13px;

	font-weight: bold;

	text-decoration: none;

	color: #052055;}

	

.rbig a:link	   		{color: #052055; text-decoration: underline;}

.rbig a:visited			{color: #052055; text-decoration: underline;}

.rbig a:active 			{color: #052055; text-decoration: underline;}

.rbig a:hover			{color: #052055; text-decoration: none;}



.rsmall {font-size: 11px;

	text-decoration: none;

	color: #052055;}

	

.rsmall a:link	   			{color: #052055; text-decoration: underline;}

.rsmall a:visited			{color: #052055; text-decoration: underline;}

.rsmallg a:active 			{color: #052055; text-decoration: underline;}

.rsmall a:hover				{color: #052055; text-decoration: none;}