BODY { 
	background-color: #000000  ; 
	background: url(images/new_site_bg.jpg)   ;
	margin: 0; 
	font-family: Arial; 
	font-size: 11px;
	text-align: center;
	color: #4e4e4e;
}

A { 
	color: #ab0e5f;
	text-decoration: none; 
}

A:hover { 
	color: #EF469C;
	text-decoration: underline; 
}

ul {
	list-style-type: circle;
}

.container { 
	margin: 0 auto;
	text-align: left;
	width: 850px; 
	border-left: 1px solid #94039c; 
	border-right: 1px solid #94039c;
	display: table;
	background: #ffe3f6 url(images/background.jpg) top left repeat-y; 
}

.header {  
	width: 850px; 
	height: 90px;
	display: block;
}
.header img { border: 0; }

.navigation { width: 850px; line-height: 31px; background-color: #93049c; display: block; float: left; font-size: 13px; height: 30px; }
.navigation #selected {	color: #000000; background-color: #ffe3f7; padding: 0px 11px; text-transform: uppercase; text-decoration: none; display: block; float: left; border-right: 2px dotted #d129b0; }
.navigation a { color:#ffe3f5; background-color: #93049c; padding: 0px 11px; text-transform: uppercase; display: block; float: left; border-right: 2px dotted #d129b0; }
.navigation a:hover { color: #ffffff; background-color: #f036bb; padding: 0px 11px; text-transform: uppercase; text-decoration: none; display: block; 	float: left; border-right: 2px dotted #d129b0; }

.login { line-height: 31px; }

.login-field input {
	background-color: #ffffff;
	border: 1px solid #797979;
	color: #fd47c0;
	font-weight: bold;
	width: 85px;
}

.login-button input {
	background-color: #000100;
	border: 1px solid #797979;
	color: #fd47c0;
	font-size: 10px;
}

.dash-hr {
	width: 780px;
	height: 2px;
	border-bottom: 2px dotted #ec44bb;
	margin: 4 auto;
	float: left;
	display: block;
}

.content {
	height: auto;
	float: left;
	display: block;
	padding: 30px;
}

.footer-splatter {
	background-color: #e0a1da; 
	width: 850px; 
	height: 15px;
	display: block;
	float: left;
}

#footer {
	background-color: #93049c; 
	width: 850px; 
	display: block;
	float: left;
	text-align: center;
	color: #000000;
	padding: 10px 0px;
}

#footer .links a { color: #000000; font-weight: bold; line-height: 24px; }
#footer .links a:hover { color: #ffffff; }
#footer .records a { color: #ffffff; line-height: 24px; }
#footer .support, #footer .support a { color: #f8b1db; line-height: 24px; }
#footer .support a:hover { color: #ffffff; }

/** HOMEPAGE **/
#home { width: 850px; }
#home #row { float: left; display: block; width: 850px; }
#home .row1-left { float: left; width: 308px; height: 156px; background: url(images/row1-left.jpg); overflow: hidden; }
#home .row1-right { float: left; width: 542px; height: 156px; background: url(images/row1-right.jpg); overflow: hidden; }
#home .row2-left { float: left; width: 401px; height: 307px; background: url(images/row2-left.jpg); overflow: hidden; }
#home .row2-right { float: left; width: 449px; height: 307px; background: url(images/row2-right.jpg); overflow: hidden; }
#home .row3-left { float: left; width: 401px; height: 205px; background: url(images/row3-left.jpg); overflow: hidden; }
#home .row3-left span { color: #FFFFFF; }
#home .row3-right { float: left; width: 449px; height: 205px; background: url(images/row3-right.jpg); overflow: hidden; }
#home .row4-left { float: left; width: 401px; height: 408px; background: url(images/row4-left.jpg); overflow: hidden; }
#home .row4-right { float: left; width: 449px; height: 408px; background: url(images/row4-right.jpg); overflow: hidden; }

#home .counter { margin: 130px 0px 0px 100px; width: 301px; height: 75px; font-size: 17px; color: #e838b7; }

#news { margin: 60px 15px 15px 140px; width: 285px; height: 235px; overflow-y: auto; }
#news img { padding: 4px; }
#news .date { color: #e838b7; font-size: 10px; }
#news .title a { color: #790e80; font-weight: bold; }
#news .text { margin-top: -10px; }

#home-photos { display: block; float: left;	width: 280px; height: 370px; margin: 45px 0px 0px 20px; }
#home-photos .box { width: 50%;	float: left; display: block; }

#home-photos-thumb { padding: 8px; margin: 0 auto;	color: #ffffff;	text-align: left; }
#home-photos-thumb img { border: 0; margin-bottom: 3px; }
#home-photos-thumb .title { color: #e838b7; font-weight: bold; font-size: 12px; }
#home-photos-thumb .date { font-style: italic; }
#home-photos-thumb .link { color: #790e80; font-weight: bold; font-size: 12px; }

#home-video { width: 319px; height: 155px; margin: 20px 50px 30px 80px; }
#home-video .avatar { float: right; display: block; }
#home-video .avatar img { border: 0; margin: 3px; width: 160px; height: 160px; }
#home-video .box { float: left; display: block; margin: 3px; width: 145px; margin-top: 35px; }
#home-video .title a { font-size: 14px; font-weight: bold; color: #e838b7; text-decoration: none; }
#home-video .title a:hover { color: #ffffff; }
#home-video .desc { color: #a2a2a2; margin-bottom: 15px; }
#home-video .view a { font-size: 12px; color: #790e80; text-decoration: none; font-weight: bold; } 
#home-video .view a:hover { color: #e838b7; } 

/** END HOMEPAGE **/

/** SPLASHES **/

#splash-pics { background: url(images/splash-pics.jpg); width: 850px; height: 300px; display: block; float: left; background-repeat: no-repeat; }
#splash-videos { background: url(images/splash-videos.jpg); width: 850px; height: 300px; display: block; float: left; background-repeat: no-repeat; }

#splash-pics .avatar, #splash-videos .avatar { float: left; display: block; }
#splash-pics .avatar img, #splash-videos .avatar img { width: 204px; height: 204px; border: 0; margin: 6px; }
#splash-pics .box, #splash-videos .box { float: left; display: block; margin: 6px; width: 200px; }
#splash-pics .title a, #splash-videos .title a { font-size: 14px; font-weight: bold; color: #e838b7; text-decoration: none; }
#splash-pics .title a:hover, #splash-videos .title a:hover { color: #ffffff; }
#splash-pics .desc, #splash-videos .desc { font-size: 12px; color: #a2a2a2; }
#splash-pics .added, #splash-videos .added { font-size: 13px; color: #fee3f4; margin-top: 10px; }
#splash-pics .view, #splash-videos .view { margin-top: 15px; }
#splash-pics .view a, #splash-videos .view a { font-size: 24px; color: #790e80; text-decoration: none; } 
#splash-pics .view a:hover, #splash-videos .view a:hover { color: #e838b7; }
#splash-pics .space, #splash-videos .space { margin: 55px 30px 0px 390px; width: 430px; height: 245px; }

#splash-join {
	height: auto;
	float: left;
	display: block;
	padding-left: 23px;
}

#splash-free { background: url(images/splash-free.jpg); width: 850px; height: 294px; display: block; float: left; }

#splash-webcam { float: left; display: block; width: 850px; height: 592px; }
#splash-webcam .left { float: left; display: block; width: 366px; height: 552px; background: url(images/splash-webcam-left.jpg) no-repeat; padding: 20px; font-size: 12px;}
#splash-webcam .right { float: left; display: block; width: 444px; height: 592px; background: url(images/splash-webcam-right.jpg); }
#splash-webcam .box { float: left; display: block; width: 400px; margin: 360px 5px 10px 50px; }
#webcam-event { float: left; display: block; width: 180px; height: 150px; margin-top: 30px; padding-right: 10px; border-right: 2px dotted #91059c; }
#webcam-event .next { color: #93049a; font-size: 16px; font-weight: bold; }
#webcam-event .date { color: #ffffff; font-size: 14px; }
#webcam-event .time { color: #ffe2f7; font-size: 13px; }
#webcam-event .text { color: #ffffff; }
#webcam-calendar { float: left; display: block; width: 180px; height: 200px; padding-left: 5px; }

/** END SPLASHES **/

/** CONTENT NAVIGATION **/

#content-navigation {
	display: block;
	float: left;
	width: 780px;
}

#content-navigation .cats { display: block;	float: left; width: 50%; }
#content-navigation .pages { display: block; float: right; width: 50%; text-align: right; }

#pagination { font-size: 13px; color: #e838b7; }
#pagination .outer { color: #000000; font-weight: bold; }
#pagination .inner { color: #e838b7; font-weight: bold; }
#pagination .singles { color: #790e80; font-weight: bold; }
#pagination .current { color: #000000; font-weight: bold; }

/** END CONTENT NAVIGATION **/

/** CONTENT TABLES (PICS/VIDS) **/

#content-table {
	display: block;
	float: left;
	width: 790px;
}

#content-table .box {
	width: 263px;
	float: left;
	display: block;
}

#content-thumb-box {
	padding: 14px;
	margin: 0 auto;
	color: #000000;
	text-align: center;
}

.join-button a { float: left; display: block; padding: 3px; text-transform: uppercase; background-color: #eb38b8; border: 1px solid #2c2c2c; color: #FFFFFF; font-size: 20px; width: 140px; margin-bottom: 4px; text-align: center; }
.join-button a:hover { background-color: #93049c; text-decoration: none; }


.free-content-title { padding: 5px 0px 2px 0px; font-size: 13px; font-weight: bold; color: #93049c; }
.free-content-item a { color: #eb38b8; margin-right: 5px; }

#content-thumb-box img { border: 1px solid #e838b7; margin-bottom: 4px; }
#content-thumb-box .title { font-size: 13px; color: #790e80; font-weight: bold; }
#content-thumb-box .date { color: #e838b7;}

#video-header { float: left; display: block; width: 780px; }
#video-header .avatar { float: left; display: block; }
#video-header .avatar img { width: 244px; height: 244px; border: 0; margin: 6px; }
#video-header .screenshots { float: left; display: block; width: 260px; }
#video-header .screenshots img { width: 116px; height: 116px; border: 0; margin: 6px; }
#video-header .text { float: left; display: block; width: 250px; margin: 6px; }
#video-header .buttons { margin-top: 5px; }
#video-header .buttons a { float: left; display: block; padding: 3px; text-transform: uppercase; background-color: #eb38b8; border: 1px solid #2c2c2c; color: #FFFFFF; font-size: 15px; width: 160px; margin-bottom: 4px; text-align: center; }
#video-header .buttons a:hover { background-color: #93049c; text-decoration: none; }

#gallery-header { float: left; display: block; margin-bottom: 20px; }
#gallery-header .avatar { float: left; display: block; }
#gallery-header .avatar img { width: 204px; height: 204px; border: 1px solid #e838b7; margin: 6px 15px 6px 0px; }
#gallery-header .title { font-size: 12px; color: #000000; font-weight: bold; margin-top: 6px; }
#gallery-header .title span { font-size: 16px; color: #e838b7; font-weight: bold; }
#gallery-header .desc { font-size: 12px; }

#gallery-table img { border: 1px solid #e838b7; margin: 3px; }

#gallery-comments { float: left; display: block; width: 650px; }
#gallery-comments .entry { float: left; display: block; margin-bottom: 5px; }
#gallery-comments .thumb { float: left; display: block; width: 120px; }
#gallery-comments .comment { float: left; display: block; width: 400px; padding: 10px; }
#gallery-comments .text { line-height: 14px; color: #444444; overflow: auto; margin-bottom: 5px; }
#gallery-comments .posted {	color: #a2a2a4; }
#gallery-comments .date { color: #ac0c66; }

#gallery-cols { float: left; display: block; margin-top: 5px; }
#gallery-cols .left { float: left; display: block; padding: 0px 10px 0px 0px; }
#gallery-cols .right { float: left; display: block; }

/** END CONTENT TABLES **/

/** THUMBNAILS **/

.thumb-box0 {
	width: 105px;
	background: url(images/thumb_bg1.jpg) top center no-repeat; 
	color: #FFFFFF;
	float: left;
	margin: 2px 1px 2px 2px;
}

.thumb-box1 {
	width: 105px;
	background: url(images/thumb_bg2.jpg) top center no-repeat; 
	color: #FFFFFF;
	float: left;
	margin: 2px 1px 2px 2px;
}

.thumb-box2 {
	width: 105px;
	background: url(images/thumb_bg3.jpg) top center no-repeat; 
	color: #FFFFFF;
	float: left;
	margin: 2px 1px 2px 2px;
}

#thumb-box-details { padding: 5px; }
#thumb-box-details .title {	font-size: 11px; color: #ffffff; }
#thumb-box-details .model {	font-size: 10px; color: #f3d0d8; }

/** END THUMBNAILS **/

/* BEGIN CALENDAR */

table.calendar { background-color: #2c2c2c; color: #ec39b9; width: 183px; float: left; margin: 5px; }
table.calendar td, th {text-align: center; border: 0}
table.calendar th {height: 10px; font-size: 13px; }
table.calendar td {width: 20px; height: 23px; font-size: 13px; background-color: #2c2c2c;}

table.calendar .calendar-month {
	font-family: Arial; 
	font-size: 11px; 
	color: #ffe2f7; 
	padding: 30px 0px 1px 0px; 
	text-align: center; 
	text-transform: uppercase;
}

table.calendar .calendar-month a {
	text-decoration: none;
	color: #ffe2f7; 
}

table.calendar .calendar-prev, table.calendar .calendar-next {
	font-weight: normal;
}

table.calendar th {
	color: #f3f3f3;
	text-align: center;
}

table.calendar td.linked-day, table.calendar td.linked-day a {
	font-weight: bold; 
	color:#ffffff; 
}

table.calendar td.today {
	font-weight: bold; 
	color:#ec39b9; 
	text-decoration: underline;
}

/* END CALENDAR */

/** FORMS **/

.gallery-form textarea { width: 500px; height: 160px; border: 1px solid #e838b7; margin: 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.gallery-form input { padding: 2px; background-color: #e838b7; color: #FFFFFF; border: 1px solid #444444; text-transform:uppercase; margin: 5px; font-size: 13px; }

/** END FORMS **/

/* TAB MENUS */

.shadetabs{
	padding: 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: 10px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: underline;
	position: relative;
	z-index: 1;
	padding: 1px 4px 1px 2px;
	color: #93049e;
	border-right: dotted 2px #ed38b9;
}

.shadetabs li a:visited{
	color: #93049e;
}

.shadetabs li a:hover{
	text-decoration: none;
	color: #ed38b9;
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	text-decoration: none;
	color: #838383;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
}

.tabcontent{
	display:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #949494;
}

.tabcontent ul {
	margin: 0px;
	padding: 0px;
}

.tabcontent li {
	margin-bottom: 5px;
	list-style-type: none;
}

/* END TAB MENUS */

/* THUMBS */

.thumb-box0 {
	width: 105px;
	background: url(images/thumb_bg1.jpg) top center no-repeat; 
	color: #FFFFFF;
	float: left;
	margin: 2px 1px 2px 2px;
}

.thumb-box1 {
	width: 105px;
	background: url(images/thumb_bg2.jpg) top center no-repeat; 
	color: #FFFFFF;
	float: left;
	margin: 2px 1px 2px 2px;
}

.thumb-box2 {
	width: 105px;
	background: url(images/thumb_bg3.jpg) top center no-repeat; 
	color: #FFFFFF;
	float: left;
	margin: 2px 1px 2px 2px;
}

.thumb-box-pink0 {
	width: 105px;
	background: url(images/bg_pink1.gif) top center no-repeat; 
	color: #FFFFFF;
	float: left;
	margin: 2px 1px 2px 2px;
}

.thumb-box-pink1 {
	width: 105px;
	background: url(images/bg_pink2.gif) top center no-repeat; 
	color: #FFFFFF;
	float: left;
	margin: 2px 1px 2px 2px;
}

.thumb-box-pink2 {
	width: 105px;
	background: url(images/bg_pink3.gif) top center no-repeat; 
	color: #FFFFFF;
	float: left;
	margin: 2px 1px 2px 2px;
}

.thumb-box-details {
	padding: 5px;
}

.thumb-box-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

.thumb-box-model {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f3d0d8;
}

.thumb-box-add, .thumb-box-add a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	text-align: right;
}

.thumb-box-data1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
}

.thumb-box-data2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	text-align: right;
}

.thumb-box-data3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ba3f78;
}

/* END THUMBS */

/* JOIN PAGE */
.join_sub {font-size: 9px; color: #878787; font-family:arial,helvetica}

.offer_lg {font-size: 20px; color: #000000; font-weight: bold;  font-family:arial,helvetica}

.offer_med {font-size: 16px; color: #000000; font-weight: bold;  font-family:arial,helvetica}

.join-form-field {font-size: 12px; color: #000000;  font-weight: bold; font-family:arial,helvetica}
.join-form-intro {font-size: 11px; font-family:arial,helvetica}

.special {font-size: 11px; color: #000000;  font-weight: bold; font-family:arial,helvetica}

.bottom_join {font-size: 11px; color: #444444;  font-weight: bold; font-family:arial,helvetica}

.graphtext1 {color:#ffffff; font-size:13px;line-height: 16px; font-family:Times,Garamond;font-weight:plain;}
.graphtext2 {color:#C90876; font-size:13px;line-height: 16px; font-family:Times,Garamond;font-weight:plain;}


input.join_btn{
   color:#ffffff;
   font-family:helvetica,sans-serif;
   padding: 5px;
   font-size:18;
   font-weight:bold;
   background-color: #E428AA;}
   
   
/* END JOIN PAGE */