body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	color: #434548;  */
	color: #ffeedd;
	background: url(http://www.gayblacksandwhites.com/images/gays.jpg) no-repeat;
	background-color: #000000;
  margin: 0;
  padding: 0;
}

form {
  padding: 0;
  margin: 0;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
}

/* hides text-align to the left from IE, because the next 2 rules doesn't apply to IE */
html>body td {
  text-align: left;
}

html>body td[align="center"] {
  text-align: center;
}

html>body td[align=center] {
  text-align: center;
}

html>body td[align=right] {
  text-align: right;
}

html>body td[align="right"] {
  text-align: right;
}

*[align="center"] {
  text-align: center;
}

*[align=center] {
  text-align: center;
}

*[align="right"] {
  text-align: right;
}

*[align=right] {
  text-align: right;
}


.main_outer_table{
  
}

.headbg{
  background-color: #000000;
}
.headbgbox{
  background-color: #202020;
}
.loginbarbg{
  background-color: #008000;
}

.module_head, .calendar_module_head {
  background-color: #5d5e5a;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;

}

.module_head1 {
  background-color: #800000;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;

}


.module_head_right {
  background-color: #5d5e5a;
  font-size: 11px;
  color: #fab001;
}

.module_head_right a {
  background-color: #5d5e5a;
  font-size: 11px;
  color: #fab001;
}

.module_head_right a:hover {
  background-color: #5d5e5a;
  font-size: 11px;
  color: #fab001;
}

td.edituserlink{
  background-color: #5d5e5a;
  color: #fab001;
  font-weight: bold;
  
}
td.edituserlink a{
  background-color: #5d5e5a;
  color: #fab001;
  font-weight: normal;
} 
td.edituserlink a:hover{
  background-color: #5d5e5a;
  color: #fab001;
  font-weight: normal;
}

.text_head1 {
  font-size: 14px;
  font-weight: bold;
  color: #9f8f8c;
  text-decoration:none;
}
a.text_head1 {
  font-size: 14px;
  font-weight: bold;
  color: #9f8f8c;
  text-decoration:none;
}
a:hover .text_head1 {
  font-size: 14px;
  font-weight: bold;
  color: #9f8f8c;
  text-decoration:none;
}

.text_head2, .text_head2:hover {
  font-size: 14px;
  font-weight: bold;
  color: #9f8f8c;
}

.offer_head {
  font-size: 16pt;
  color: #695f5d;
}

.oddrow {
  background-color: #000000;
}

.evenrow {
  background-color: #333333;
}

.module_detail_inside {
  font-size: 11px;
  font-weight: normal;
  background-color: #202020;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #5d5e5a;
  border-right-color: #5d5e5a;
  border-bottom-color: #5d5e5a;
  border-left-color: #5d5e5a;
  text-align:left;
}

.module_detail_inside1 {
  font-size: 11px;
  font-weight: normal;
  background-color: #000000;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #000000;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
  text-align:left;
}

.im_text {
  font-size: 11px;
  font-weight: normal;
  background-color: #202020;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #5d5e5a;
  border-right-color: #5d5e5a;
  border-bottom-color: #5d5e5a;
  border-left-color: #5d5e5a;

}

.module_detail,  .calendar_module_detail {
  font-size: 11px;
  font-weight: normal;
  background-color: #000000;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #5d5e5a;
  border-right-color: #5d5e5a;
  border-bottom-color: #5d5e5a;
  border-left-color: #5d5e5a;
  text-align:left;

}
.leftside_detail {
  font-size: 11px;
  font-weight: normal;
  background-color: #202020;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #800000;
  border-right-color: #800000;
  border-bottom-color: #800000;
  border-left-color: #800000;

}

.leftside_detail1 {
  font-size: 11px;
  font-weight: normal;
  background-color: #000000;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #800000;
  border-right-color: #800000;
  border-bottom-color: #800000;
  border-left-color: #800000;

}

.picgallery {
	background-color: #202020;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.statusbar {
  background-color: #800000;
}


th {
  font-weight: bold;
  color: #cccccc;
  background-color: #555555;
  font-size: 11px;

}

th a {
  text-decoration: none;
  color: #cccccc;
}
th a:hover {
  color: #ffffff;
  text-decoration: none;

}


a.subhead {
  text-decoration: underline;
  color: #fab001;
  font-weight: bold;
}
a.subhead:hover {
  color: #fab001;
  text-decoration: none;
  font-weight: bold;
}

.smallpic {
  border: 1px solid #666666;

}


input {
  font-size: 11px;
}
textarea {
  font-size: 11px;
}
select {
  font-size: 11px;
}
.searchselect {
  font-size: 11px;
}

.formbutton {
  font-size: 11px;
  color: #ffffff;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #cccccc;
  background-color: #800000;
}

.errormsg {
  color: #ff0000;
}

a.main_title{
  font-size: 40px;
  color: #ffffff;
  text-decoration: none;
}
a:hover .main_title{
  font-size: 40px;
  color: #ffffff;
  text-decoration: none;
}
.dotted{
  border-bottom-width: 1px;
  border-bottom-style: dashed;
}

.s_table_blue{
  color: #27277e;
  font-weight: bold;
}
.s_table_white{
  color: #27277e;
}

.table_blue{
  background-color: #d3e1fa;
  color: #27277e;
}
.table_white{
  background-color: #ffffff;
  color: #27277e;
}

.table_green{
  background-color: #d8f9d5;
  color: #003300;
}
.table_red{
  background-color: #ffd5d5;
  color: #990000;
}
.table_pink{
  background-color: #ffe1ff;
  color: #7d0067;
}
.table_gray{
  background-color: #efefef;
  color: #333333;
}
.table_yellow{
  background-color: #ffffcc;
  color: #b08d00;
}


.main_text1{
  font-size: 24px;

}
.page_heading {
  font-size: 14pt;
  border: 1px solid #a9bdf1;
  background-color: #dadada;
  text-align: center;
}
.headrow {
  border: 1px solid #a9bdf1;
  background-color: #c8e0fb;
  text-align: center;

}
.text8pt {
  font-size: 8pt;
}
.searchtitle {
  font-size: 14pt;
  font-weight: bold;
  color: #003366;
}
.xtitle {
  font-size: 14pt;
  border: 1px solid #a9bdf1;
  background-color: #dadada;
  text-align: center;

}
.title {
  font-size: 12pt;
  border: 1px solid #a9bdf1;
  background-color: #dadada;
  text-align: left;
  font-weight: bold;
  padding: 4px 4px 4px 11px;
  margin-left: 11px;

}
.subtitle {
  font-size: 10pt;
  color: #003366;
  border: 1px solid #96b0f5;
  background-color: #d7e1ee;
  font-weight: bold;
  padding: 1px;
}

a {
  color: #aaa282;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #cccccc;
}

a.menulink {
font-size: 11px;
color: #ff66cc;
text-decoration: none;
}
a.menulink:hover {
font-size: 11px;
color: #ff66cc;
text-decoration: none;
}
.panellinkhdr {
  background-color: #5d5e5a;
  font-size: 11px;
  font-weight: bold;
  color: #fab001;
}

a.panellink {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #fab001;
}
a.panellink:hover {
  font-weight: bold;
  font-size: 11px;
  text-decoration: underline;
  color: #fab001;
}
.panelbox {

}
.footer {
  background-color: #000000;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
}
a.footerlink {
font-size: 8pt;
color: #cccccc;
text-decoration: none;
}
a.footerlink:hover {
font-size: 8pt;
color: #cccccc;
text-decoration: none;
}
.copyright{
color: #aaaaaa;
font-size: 11px;
text-decoration: none;
}

.paneltable{
  background-color: #003366;
}
.modulehead{
  color: #003366;
}


.storyhead{
  color: #cc3300;
  font-weight: bold;
}
.storydate{
  font-size: 9px;
  color: #fab001;
  font-style: italic;
}
.storyby{
  color: #695f5d;
}
.storytext{
color: #111111;
}

.newshead{
  color: #cc3300;
  font-weight: bold;
}
.newsdate{
  font-size: 9px;
  font-style: italic;
color: #fab001;
}
.newstext{
color: #111111;
}

.pollquestion{
  color: #cc3300;
  font-weight: bold;
}
.polloptions{

}

.payment_mod_head{
  font-size: 11px;
  color: #695f5d;
  background-color: #f7a3f8;
}

.admin_head{
  font-size: 12px;
  color: #fab001;
  font-weight: bold;
}
h4{
  font-size: 12px;
}

.copyright:hover {
  color: #0000ff;
  font-size: 11px;
  text-decoration: underline;
}

.headerfooter, .headerfooter:hover {          /*** style of "xxx's profile", "last logge" ***/
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
}

.headerfooter:hover {             /*** hover: style of "xxx's profile", "last logge" ***/
  color: #ffffff;
  text-decoration: none;
}

.nickwidth {                /*** width of sections ***/
	margin-left: 10px;
	margin-rightt: 10px;
	margin-bottom: 10px;
	text-align: center;
}

/* Following are added in 2.1.0 for DIV specifications */

.stats_line {
	float: left;
}

.stats_line_outer {
	width: 99%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}

.display_error {
	font-weight: normal;
	background-color: #E1EFFB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4E1F6;
	border-right-color: #D4E1F6;
	border-bottom-color: #D4E1F6;
	border-left-color: #D4E1F6;
}

.required_info {
	color: #FF0000;
}

.bloglink_hdr02 {
	float:left; 
	margin: 1px; 
	padding: 4px; 
	text-align: center;
}
 
.colhead {
	font-weight: bold;
	color: #4278D3;
	background-color: #D4E1F6;
	font-size: 11px;

}

.colhead a {
	text-decoration: underline;
	color: #4278D3;
}
.colhead a:hover {
	color: #4278D3;
	text-decoration: none;

}

.panelbox_div {
	line-height:16px; 
	vertical-align:middle;
	padding-left: 6px; 
	padding-right: 3px;
}

.panellinkhdr_div {
	line-height:16px;
	background-color: #5d5e5a;
	font-size: 11px;
	font-weight: bold;
	color: #fab001;
	vertical-align:middle; 
	padding-left: 6px; 
	padding-right: 3px;
}
.panellinkhdr_div  a {
	text-decoration: none;
}
a.panellink_div {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #fab001;
}
.panellink a:hover {
	text-decoration: underline;
}
.signup_line_outer {
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 3px;
	margin-right: 4px; 
	vertical-align:middle; 
}
.line_outer {
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 3px;
	padding-right: 4px; 
}

.signup_line_leftside {
	float: left;
	width: 188px;
}

.profile_line_leftside {
	float: left;
	width: 35%;
}
.loadsnaps_column {
	float: left;
	width: 49.9%;
	vertical-align: middle;
	text-align: center;
}

.column_head {
	font-weight: bold;
	background-color: #D4E1F6;
	font-size: 11px;
	line-height: 20px;
	vertical-align: middle;
}

.column_head a {
	text-decoration: none;
}

.column_head a:hover {
	text-decoration: underline;

}

.line_leftside {
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 3px;
	margin-right: 2px; 
	vertical-align:middle; 
}

.line_rightside {
	margin-top: 3px;
	margin-left: 2px;
	margin-bottom: 3px;
	margin-right: 4px; 
	vertical-align:middle; 
}

.line_top_bottom_pad {
	padding-top: 3px;
	padding-bottom: 3px;
}

.top_margin_6px {
	margin-top: 6px;
}
.profile_links {
	background-color: #E1EFFB;
}

.current_monthday {
        background-color: #110011;
}

.other_monthday {
        background-color: #ffeeff;
        color: #111111;
}
.errors {
	color: red;
}
div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:auto;
}







/* ######### Style for Drop Down Menu ######### */

.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
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: black url(http://www.blacksandwhites.net/images/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.blacksandwhites.net/images/color_tabs_right.gif) no-repeat right top;
padding: 4px 8px 2px 7px;
}

.ddcolortabs a span{
float:none;
text-decoration: none;
}

.ddcolortabs a:hover{
background-color: #800000;
text-decoration: none;
}

.ddcolortabs a:hover span{
background-color: #800000;
text-decoration: none;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #800000;
text-decoration: none;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: black;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


.dropmenudiv_a{
position:absolute;
top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 11px verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 4px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;

}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #800000;
color: white;
text-decoration: none;
}

/*fin menu*/

/*table des news*/

.contentslide{
border: 6px solid #800000;
border-bottom-width: 3px;
padding: 2px;
width: 580px;
height: 177px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 460px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/

text-align: right;
background-color : #800000;
border: 10px solid #800000;
border-width: 0 4px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 460px; /*IE5 width*/
width: 460px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}