/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

.hide 
{ 
display:none; 
}

img.left
{ 
float:left; 
margin-right:20px;
}

img.right
{ 
float:right; 
margin:0;
}

.center
{
text-align:center;
}

a img
{ 
border:0px
}

.floatleft
{
float:left;
margin-right:15px;
}


/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body
{
	background: #383838;
	padding:0px;
	margin:0px;
	text-align:center;
	color:#616167;
	font-size:12px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
}

#main
{
background-color:#fff;
width:960px;
height:100%;
min-height:100%;
margin:auto;
text-align:center;
padding-top:15px;
padding-bottom:15px;
}

#page
{
background-color:#cccccc;
width:920px;
margin:auto;
padding:0px;
text-align:left;
}

#page .top
{
height:15px;
background: url(images/page-top.gif) left top no-repeat;
}

#page .bottom
{
height:15px;
background: url(images/page-bottom.gif) left top no-repeat;
}

#header
{
padding:0px;
margin-left:15px;
margin-bottom:0px;
}

#banner
{
padding:0px;
margin-top:0px;
margin-left:15px;
}

#menu
{
background: url(images/menu-bg.gif) left top no-repeat;
width:920px;
height:30px;
margin-left:15px;
padding-top:3px;
text-align:left;
color:#cccccc;
}

#menu a:link,
#menu a:visited
{
color:#fff;
font-size:14px;
margin-left:5px;
margin-right:5px;
}

#menu a:hover,
#menu a:active
{
color:#6e942c;
}

#content
{
width:890px;
padding:0px;
margin-top:0px;
margin-left:15px;
margin-top:15px;
margin-right:15px;
background-color:#fff;
}

#content .top
{
background: url(images/content-top.gif) center top no-repeat;
margin-bottom:20px;
}

#content .bottom
{
background: url(images/content-bottom.gif) center bottom no-repeat;
}

#content .nav
{
padding:0px;
text-align:center;
font-weight:bold;
color:#000;
}

#content .navarrows
{
margin-top:-20px;
}

.pink
{
color:#db418d;
}

.blue
{
color:#3ba4da;
}

.orange
{
color:#ed4b1a;
}

.bigthumbnail
{
float:left;
margin:10px 11px 10px 10px;
text-align:center;
line-height:10px;
font-size:10px;
}

.grrlsthumbnail
{
float:left;
margin:10px 8px 10px 12px;
}

.frontthumbnail
{
float:left;
margin:0px 5px 0px 5px;
text-align:center;
line-height:10px;
font-size:10px;
}

#content .thumbnail
{
width:110px;
height:130px;
float:left;
margin-top:25px;
text-align:center;
line-height:10px;
font-size:10px;
}

#content-left
{
width:695px;
padding:0px;
margin-top:0px;
margin-left:15px;
margin-top:15px;
float:left;
}

#content-right
{
background-color:#fff;
width:180px;
float:right;
padding:0px;
margin-top:15px;
margin-right:15px;
text-align:center;
}

#content-right .top
{
background: url(images/sidebar-top.gif) center top no-repeat;
}

#content-right .bottom
{
background: url(images/sidebar-bottom.gif) center bottom no-repeat;
}

.sidebar
{
width:160px;
margin:auto;
font-size:11px;
line-height:11px;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
}

.sidebar img
{
border:1px solid black;
}

#footer
{
padding-top:0px;
text-align:center;
line-height:14px;
}

#footerbox
{
margin-top:10px;
background: url(images/footer-bg.gif) center top no-repeat;
height:80px;
padding-top:10px;
}

#footer a:link,
#footer a:visited
{
color:#000;
margin-right:10px;
margin-left:10px;
}


#footer a:hover,
#footer a:active
{
color:#6a0094;
}

#latest-update
{
width:215px;
float:left;
background-color:#fff;
padding:0px;
margin-right:24px;
margin-bottom:10px;
text-align:center;
}

#latest-update .title
{
width:215px;
height:25px;
background: url(images/latest-update.gif) center top no-repeat #fff;
}

#previous-updates
{
background-color:#fff;
width:215px;
float:left;
margin-right:24px;
text-align:center;
}

#previous-updates .title
{
width:215px;
height:25px;
background: url(images/previous-updates.gif) center top no-repeat #fff;
}

#jgrrl-month
{
width:215px;
float:left;
background-color:#fff;
text-align:center;
}

#jgrrl-month .title
{
width:215px;
height:25px;
background: url(images/jgrrl-month.gif) center top no-repeat #fff;
}

#latest-update .bottom,
#jgrrl-month .bottom,
#previous-updates .bottom
{
height:10px;
background: url(images/updates-bottom.gif) center bottom no-repeat #fff;
}

#latest-update .pic,
#jgrrl-month .pic,
#previous-updates .pic
{
height:260px;
padding-top:10px;
}

#fotoland-updates
{
width:695px;
height:160px;
background: url(images/fotoland-updates.gif) left top no-repeat #fff;
margin-top:5px;
font-size:10px;
}

#movieland-updates
{
width:695px;
height:160px;
background: url(images/movieland-updates.gif) left top no-repeat #fff;
margin-top:15px;
font-size:10px;
}

#jgrrl-updates
{
width:695px;
height:160px;
background: url(images/jgrrl-updates.gif) left top no-repeat #fff;
margin-top:15px;
font-size:10px;
}

#heyjuli-updates
{
width:695px;
height:160px;
background: url(images/heyjuli-updates.gif) left top no-repeat #fff;
margin-top:15px;
font-size:10px;
}

#fotoland-updates .thumbnail,
#movieland-updates .thumbnail,
#jgrrl-updates .thumbnail,
#heyjuli-updates .thumbnail
{
width:107px;
height:100px;
float:left;
margin-top:15px;
text-align:center;
line-height:10px;
}

#featured-jgrrls
{
width:695px;
height:290px;
background: url(images/featured-jgrrls.gif) left top no-repeat #000;
margin-top:15px;
padding-top:25px;
font-size:10px;
}

.updateslinkleft
{
float:left;
}

.updateslinkright
{
float:right;
}

#feed
{
width:160px;
text-align:left;
line-height:12px;
font-size:11px;
margin:auto;
}

#feed img
{
display:none;
}


.newsletterform
{
width:160px;
display:block;
height:30px;
margin:0px;
border:0px;
line-height:30px;
background: url(images/newsletter-bg.gif) center bottom no-repeat;
}
.newslettertext
{
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
border:0px;
width:100px!important;
font-size:11px;
background-color:#cccccc;
}

.about,
.webmasters,
.privacy,
.terms,
.help,
.sitemap,
.previous,
.join,
.submit,
.tour,
.members,
.feature,
.about,
.title18,
.contact,
.newsletter
{
padding-left:30px;
padding-right:30px;
}

.banners
{
padding-left:100px;
padding-right:30px;
}

.profile
{
padding-left:22px;
padding-right:22px;
}

.wallpaper
{
width:250px;
margin:20px;
float:left;
line-height:11px;
}

.podcast,
.gallery
{
width:830px;
margin-left:30px;
margin-top:10px;
}

.fotoland
{
margin-left:20px;
}

.gallerypic
{
float:left;
width:300px;
height:392px;
}

.galleryinfo
{
float:right;
width:515px;
height:282px;
background: url(images/gallery-bg.gif) right top no-repeat;
margin-left:10px;
margin-bottom:20px;
text-align:center;
padding-top:120px;
font-size:16px;
color:#000;
}

.videoinfo
{
float:right;
width:515px;
height:382px;
background: url(images/gallery-bg.gif) right top no-repeat;
margin-left:10px;
margin-bottom:20px;
text-align:center;
padding-top:20px;
font-size:16px;
color:#000;
}

.jgrrlprofilepic
{
float:left;
margin-right:20px;
margin-bottom:20px;
}

.podcastpic
{
float:left;
width:400px;
height:400px;
}

.podcastinfo
{
float:right;
width:400px;
height:400px;
background: url(images/podcast-bg.gif) right top no-repeat;
margin-left:10px;
margin-bottom:20px;
text-align:center;
padding-top:100px;
font-size:16px;
color:#000;
}


.single
{
width:800px;
margin-left:20px;
float:left;
padding:15px;
background-color: #fff;
margin-bottom:15px;
}


.membersnav
{
width:600px;
padding:10px;
background-color: #fff;
margin-bottom:15px;
float:right;
text-align:center;
}

.cell
{
width:186px;
float:left;
line-height:14px;
margin-top:10px;
margin-right:10px;
}

.bio
{
padding-top:5px;
height:315px;
}

#setnav
{
width:250px;
text-align:center;
padding-top:30px;
height:140px;
background: url(images/setnavbg.gif) right top no-repeat;
float:right;
}

#setnav a
{
padding:1px;
}

.singletags
{
width:500px;
text-align:justify;
float:left;
}
.tags
{
text-align:justify;
margin-bottom:15px;
}

#imagesmall
{
width:600px;
height:600px;
padding:10px;
float:right;
margin-right:50px;
margin-bottom:20px;
border:0px solid #dcdcdc;
background-color: #fff;
text-align:center;
}

.imagenav
{
padding:10px;
text-align:center;
line-height:30px;
}
.imagenavtxt
{
color:#606166;
font-size:120%;
font-style:italic;
font-weight:bold;
}
.imagepage
{
margin:20px;
background-color: #fff;
padding:5px;
text-align:center;
}

#joinpage
{
margin-left:30px;
margin-right:20px;
text-align:center;
}

.joinbox
{
background: url(images/join-box.gif) right top no-repeat;
width:340px;
padding-left:60px;
padding-top:30px;
height:170px;
text-align:left;
font-size:14px;
line-height:30px;
margin:auto;
color:#000;
font-weight:bold;
}

.jointext
{
color:#757a88;
font-size:16px;
width:720px;
line-height:25px;
margin:auto;
}

.join1
{
background-color: #810041;
float:left;
text-align:center;
padding:20px;
width:28%;
}

.join2
{
background-color: #00777f;
float:left;
text-align:center;
padding:20px;
width:28%;
}

.join3
{
float:left;
background-color: #6a0094;
text-align:center;
padding:20px;
width:28%;
}


/*-----------------------------------------------------------------------------------------------
  Text styles and link colors
-----------------------------------------------------------------------------------------------*/
h1
{
color:#2c687e;
font-size:18px;
margin-bottom:0px;
margin-top:0px;
}

h2
{
font-size:24px;
margin-bottom:5px;
margin-top:10px;
color:#08977a;
}

h3
{
color:#8ba10f;
font-size:36px;
margin-bottom:10px;
margin-top:10px;
}

.black
{
color:#000;
}

.featuretext
{
	color:#4d5155;
	font-size:12px;
	line-height: 24px;
}

.error
{
color:#af0b0b;
font-weight:bold;
font-size:16px;
}

.dash
{
margin:10px;
color:#b03f55;
width:90%;
border-bottom: 1px dashed;
}

a:link, a:visited
{
color:#b4485c;
text-decoration: none;
}

a:hover, a:active
{
color:#89283f;
}


.date
{
font-size:95%;
font-style:italic;
color:#828288;
}


.nav a:link, 
.nav a:visited
{
font-weight: bold;
font-size:100%;
margin:5px;
padding:5px;
}

#content-right a:link, 
#content-right a:visited
{
font-weight: bold;
font-size:100%;
color:#000;
}

#content-right a:hover, 
#content-right a:active
{
font-weight: bold;
font-size:100%;
color:#a53e75;
}

.download-red
{
width:300px;
height:45px;
background: url(images/download-red.gif) center top no-repeat;
margin:auto;
padding-top:15px;
font-size:22px;
font-weight:bold;
}

.download-blue
{
	width:300px;
	height:45px;
	background: url(images/download-blue.gif) center top no-repeat;
	margin:auto;
	padding-top:15px;
	font-size:12px;
	font-weight:bold;
}

.download-pink
{
width:300px;
height:45px;
background: url(images/download-pink.gif) center top no-repeat;
margin:auto;
padding-top:15px;
font-size:22px;
font-weight:bold;
}

.download-green
{
width:300px;
height:45px;
background: url(images/download-green.gif) center top no-repeat;
margin:auto;
padding-top:15px;
font-size:22px;
font-weight:bold;
}

.download-blue a:link,
.download-pink a:link,
.download-green a:link,
.download-red a:link,
.download-blue a:visited,
.download-pink a:visited,
.download-green a:visited,
.download-red a:visited
{
color:#fff;
}

.button-blk
{
width:300px;
height:45px;
background: url(images/button-blk.gif) center top no-repeat;
margin:auto;
padding-top:10px;
font-size:22px;
font-weight:bold;
}

.button-blk a:link,
.button-blk a:visited
{
color:#ce44a9;
}

.button-blk a:hover
{
color:#fff;
}

.readmore
{
display:block;
float:right;
margin-top:-5px;
}

/*-----------------------------------------------------------------------------------------------
 image styles
-----------------------------------------------------------------------------------------------*/

.hs
{ 
width:420px;
float:left;
margin-right:15px;
margin-top:10px;
margin-bottom:8px;
}

#thumbsfeature
{
float:right;
margin-top:10px;
width:155px;
height:315px;
}
#featurehs
{
float:left;
margin-top:10px;
width:420px;
height:315px;
}

/*-----------------------------------------------------------------------------------------------
  Forms
-----------------------------------------------------------------------------------------------*/

textarea
{
border:1px dashed #0c9095;
background-color:#ddeaeb;
font-style:verdana;
font-size:12px;
padding:10px;
}





/*-----------------------------------------------------------------------------------------------
 search
-----------------------------------------------------------------------------------------------*/

.searchbar
{
color:#536070;
font-style:italic;
font-weight:bold;
font-size:110%;
padding-bottom:20px;
border-bottom:dashed 1px #536070;
}

ul
{
padding:0px;
list-style-type:none;
}

li
{
margin-top:5px;
margin-bottom:5px;
clear:both;
}

input.input
{
height:15px; 
background:url(images/input.gif) repeat-x 0 0; 
padding:3px 0; 
margin:0; float:left; line-height:15px;
border:0px;
}

