/* CSS Document */
a {
	text-decoration: none;
	cursor: hand;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
a:link {
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #00008B;
	text-decoration: none;
	cursor: hand;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
a:visited {
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #800000;
	text-decoration: none;
	cursor: hand;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
a:active {
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #00008B;
	text-decoration: none;
	cursor: hand;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
a:hover {
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #00008B;
	text-decoration: none;
	cursor: hand;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-image: url(http://www.download-gay-story.com/0-elements/reading-online.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	margin: 0px;
	background-color: #FFFFFF;
	border: 0px;
}
/* main containment blocks */
.global {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
}
.header {
	clear: both;
	float: none;
	width: 995px;
	position: relative;
	visibility: visible;
	height: auto;
	margin-top: 100px;
}
.footer {
	margin-left: 5px;
	margin-top: auto;
	margin-right: auto;
	clear: none;
	float: left;
	position: relative;
	width: 995px;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 15px;
	height: auto;
}
.ad1 {
	float: left;
	width: 990px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-color: #CCCCCC;
	text-align: left;
	padding: 10px;
	border: thin solid #999999;
}
.ad2 {
	float: left;
	width: 990px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 10px;
}
/* main columns for directory pages */
.nav {
	float: left;
	width: 200px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 10px;
	padding-top: 10px;
}
.C460 {
	float: left;
	width: 460px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 10px;
}
.R310 {
	float: left;
	width: 310px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 350px;
}
/* for when page has four columns - keeping right & left narrow for ads and navigation */
.B300 {
	float: left;
	width: 300px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 100px;
}
.B200 {
	float: left;
	width: 200px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 100px;
}
.B225 {
	float: left;
	width: 225px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 100px;
}
.C260 {
	float: left;
	width: 260px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 350px;
}
.C230 {
	float: left;
	width: 230px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 100px;
}
.D200 {
	float: left;
	width: 200px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 600px;
}
/* for srticles story review pages */
.B560 {
	float: left;
	width: 560px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 100px;
}
.C540 {
	float: left;
	width: 540px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 15px;
	padding-top: 10px;
	padding-left: 10px;
	margin-top: 40px;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	display: block;
	border: 3px outset #006699;
}
.B500 {
	float: left;
	width: 500px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 10px;
}
/* peel away page layout columns */
.B475 {
	float: left;
	width: 475px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 100px;
}
.C265 {
	float: left;
	width: 265px;
	position: relative;
	visibility: visible;
	height: auto;
	font-style: normal;
	text-decoration: none;
	margin-left: 5px;
	padding-top: 10px;
	margin-top: 500px;
}
/*advertising blocks adjustment */
#models {
	margin-top: 800px;
}
#disk {
	margin-top: 1200px;
	text-align: center;
}
#rage {
	margin-top: 300px;
	text-align: center;
}
#security {
	margin-top: 170px;
}
.box{
	padding: 15px;
	margin-top: 10px;
}
/*header styles */
h1 {
	font-family: "Script MT Bold";
	font-size: 40px;
	text-align: center;
	color: #996600;
}
h2 {
	text-align: center;
	color: #0033CC;
	font-family: "Trebuchet MS";
	font-size: 23px;
	font-weight: normal;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
h3 {
	text-align: center;
	color: #0000CC;
	font-family: "Trebuchet MS";
	font-size: 19px;
	font-weight: normal;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/* font styles colors */
#black {
	color: #000000;
	font-weight: bold;
}
#maroon {
	color: #800000;
	font-weight: bold;
}
#red {
	color: #FF0000;
	font-weight: bold;
}
#purple {
	color: #660099;
	font-weight: bold;
}
#yellow {
	color: #FFFF00;
	font-weight: bold;
}
#white {
	color: #FFFFFF;
	font-weight: bold;
}
#price {
	color: #FF0000;
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 26px;
	border: thin outset #990000;
	margin: 10px;
	padding: 5px;
	text-align: center;
}
#norm-11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}
#article {
	font-family: "Script MT Bold";
	font-weight: bold;
	font-size: 22px;
	color: #666600;
}
#advance {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}
/* text highlight colors */
#h-p-yellow {
	background-color: #FFFF00;
	padding: 0px 4px;
}
#h-p-soft-yellow {
	background-color: #FFFFCC;
	padding: 0px 4px;
}
/*Used in Footer*/
#norm-12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
.norm-10, .norm-10 a:visited, .norm-10 a:hover,{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.norm-10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}
.bold-11, .bold-11 a:visited, .bold-11 a:hover,{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.bold-11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
/*text classes size */
.image-link, .image-link a:visited, .image-link a:hover,{
	text-decoration: none;
	border: none;
	background-color: none;
	border-bottom-style: none;
	cursor: hand
}
.image-link a {
	text-decoration: none;
	background-color: none;
	cursor: hand;
	border-bottom-style: none;
}
.image-link {
	text-decoration: none;
	border: none;
	cursor: hand;
	background-color: none;
}
.MsoNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
.commentout{
	padding: 10px;
	border: thin ridge #00FF00;
}
.border-green{
	padding: 15px;
	border: 4px double #00FF00;
	margin-top: 10px;
}
.border-blue{
	padding: 10px;
	border: thin dashed #0000FF;
	margin-top: 10px;
}
.border-red{
	padding: 10px;
	border: thin dashed #FF0000;
	margin-top: 10px;
}
.border-purple{
	padding: 10px;
	border: thin dashed #6600FF;
	margin-top: 10px;
}
.border-teal{
	padding: 10px;
	border: 4px double #006666;
	margin-top: 10px;
}
/* animated arrow class */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrow a:link {
	color: #0000FF;
	white-space: nowrap;
	text-decoration: none;
}
.arrow a:visited {
	text-decoration: none;
	color: #006666;
}
.arrow a:hover {
	text-decoration: none;
	background-image: url(http://www.gaystoryman.com/0-css/animated_underline.gif);
	background-repeat: repeat-x;
	background-position: 100% 100%;
	padding-bottom: 3px;
	color: #CC9900;
}
.arrow a:active {
	text-decoration: none;
	color: #000000;
}
/* arrow comment box */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.commentbox440-y{
background-color: #FFFF00;
width: 440px;
padding: 10px;
}
.commentfootery{
background: url(http://www.download-gay-story.com/0-elements/arrow-yel.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
.commentbox440a{
background-color: #CCCCCC;
width: 440px;
padding: 10px;
}
.commentfootera{
background: url(http://www.download-gay-story.com/0-elements/arrow-ccc.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
.commentbox440b{
	background-color: #999999;
	width: 440px;
	padding: 10px;
}
.commentfooterb{
background: url(http://www.download-gay-story.com/0-elements/arrow-999.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
.commentbox440c{
	background-color: #666666;
	width: 440px;
	padding: 10px;
}
.commentfooterc{
background: url(http://www.download-gay-story.com/0-elements/arrow-666.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
.commentbox440{
background-color: #ececec;
width: 440px;
padding: 10px;
}
.commentbox280{
background-color: #ececec;
width: 280px;
padding: 10px;
}
.commentbox340{
background-color: #ececec;
width: 340px;
padding: 10px;
}
.commentbox300{
background-color: #ececec;
width: 300px;
padding: 10px;
}
.commentfooter{
background: url(http://www.download-gay-story.com/0-elements/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
/* individual thumbnail pop up */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}
/*vertical menu layout */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}
#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#ddblueblockmenu li a{
	display: block;
	padding: 3px 0;
	padding-left: 9px;
	width: 169px;
	text-decoration: none;
	color: white;
	background-color: #2175bc;
	border-bottom: 1px solid #90bade;
	border-left: 7px solid #1958b7;
	font-weight: bolder;
	background-position: left;
	text-align: left;
}
* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}
#ddblueblockmenu li a:hover {
background-color: #FF0000;
border-left-color: #1c64d1;
}
#ddblueblockmenu div.menutitle{
	color: white;
	border-bottom: 1px solid black;
	padding: 1px 0;
	padding-left: 5px;
	background-color: black;
	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	text-align: center;
}
/* color tabbed horizontal menu styles */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}
#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}
#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}
#ddcolortabs a{
float:left;
color: white;
background: #098DDE url(http://www.gay-247.com/0-menu/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}
#ddcolortabs a span{
float:left;
display:block;
background: transparent url(http://www.gay-247.com/0-menu/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}
#ddcolortabs a span{
float:none;
}
#ddcolortabs a:hover{
background-color: #076EAD;
}
#ddcolortabs a:hover span{
background-color: #076EAD;
}
#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #076EAD;
}
#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #82CFFF;
border-top: 2px solid #0000FF; /*Remove this to remove border between bar and tabs*/
}
p {
	margin-top: 8px;
	margin-right: 12px;
	margin-bottom: 8px;
	margin-left: 10px;
}
/* cool menu  Credits: Dynamic Drive CSS Library  URL: http://www.dynamicdrive.com/style/  */
#coolmenu{background-color:#D2B48C;border:1px solid #000;border-bottom-width:0;width:170px;}
* html #coolmenu{width:164px;}
#coolmenu a{border-bottom:1px solid #000;color:#000;display:block;font:bold 13px Verdana;padding:2px 2px 2px 4px;text-decoration:none;width:100%;}
html>body #coolmenu a{width:auto;}
#coolmenu a:hover{background-color:#000;color:#FFF;}
/*Credits: Dynamic Drive CSS Library  URL: http://www.dynamicdrive.com/style/  */
#chromemenu{font-size:90%;font-weight:700;width:99%;}
#chromemenu:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
#chromemenu ul{background:url(http://www.dm-gifts.com/0-elements/chromebg.gif) center center repeat-x;border:1px solid #BBB;margin:0;padding:5px 0;text-align:left;width:100%;}
#chromemenu ul li{display:inline;}
#chromemenu ul li a{border-right:1px solid #DADADA;color:#494949;margin:0;padding:5px;text-decoration:none;}
#chromemenu ul li a:hover{background:url(http://www.dm-gifts.com/0-elements/chromebg2.gif) center center repeat-x;}
/* pagination code for story pages */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.pagination{
padding: 2px;
}
.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}
.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}
.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #fff;
background-color: #098DDE;
}
.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}
.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}
.pagination li.nextpage{
font-weight: bold;
}
* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #660099;
	text-decoration: none;
	background-position: left;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	display: block;
	margin-left: 45px;
	border-left-width: 6px;
	border-left-style: double;
	border-left-color: #000000;
	visibility: visible;
	padding-left: 10px;
}
dd {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #006666;
	text-indent: 15px;
	display: block;
	padding-top: 6px;
	padding-bottom: 9px;
}
dl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #FF6600;
	padding-top: 7px;
	padding-bottom: 8px;
}
dt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #0000FF;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
}