/* header */

DIV.logosmall
{
float:left;
}

SPAN.toplogo
{
	font-size: 200%;
	color: #eb006f;
}

SPAN.toplogotrail
{
	font-size: 100%;
	color: #000000;
}



/* top nav */

DIV.nav
{
	xfloat: left;
	xmargin: 24px 0px 0px 25px;
	text-transform: uppercase;
	xcolor: #666666;
	xfont-size: 120%;
	xbackground-color: red;
	xwidth: 420px;
	xtext-align: center;
}

DIV.nav a
{
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

DIV.nav a:hover
{
	color: #5175b2;
	text-decoration: none;
	font-weight: bold;
}

DIV.navlink
{
	margin: 0px 20px 0px 0px;
	float: left;
}



/* top user login */


DIV.user
{
	float:left;
	margin: 5px 5px 0px 0px;
}

DIV.userinput
{
	float:left;
	margin: 0px 5px 0px 0px;
}


DIV.pass
{
	float:left;
	margin: 5px 5px 0px 0px;
}


DIV.passinput
{
	float:left;
	margin: 0px 10px 0px 0px;
}

DIV.loginmeta
{
	float: left;
	font-weight: normal;
	margin: -0px 0px 0px 0px;
}

INPUT.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(media/formbg.gif) repeat-x left top;
xheight: 25px;
width: 50px;
}


/* we are */

SPAN.gray
{
	color: #666666;
}


/* public email */


DIV.publicemail
{
	xwidth: 100px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	color: black;
}

/* now serving */

SPAN.nowserving
{
	font-weight: bold;
	color: #eb006f;
}

/* main photo area */


DIV.photos
{
	width: 1020px;
	xheight: 560px;
	background-image: url(../images/bg_photos.gif);
	margin: 0px 0px 0px 0px;
}

DIV.photospad
{
	padding: 10px 0px 10px 10px;
}


DIV.topphotos
{
	text-transform: uppercase;
	color: #ffffff;
	font-size: 150%;
}

DIV.topphotostag
{
	text-transform: uppercase;
	color: #ffffff;
	font-size: 75%;
	margin: 0px 0px 15px 0px;
}

DIV.todaysphotos
{
	text-transform: uppercase;
	xcolor: #ffffff;
	font-size:inherit;
	margin: 15px 0px 0px 0px;
}

DIV.todaysphotospic
{
	width: 52px;
	height: 52px;
	border: thin solid #666666;
	border-width: 1px;
	overflow: hidden;
	margin: 4px;
	float: left;
	align: center;
	background-color: #ffffff;
}

IMG.todaysphotospic
{
	width: 75px;
}

DIV.todaysphotostag
{
	text-transform: uppercase;
	xcolor: #ffffff;
	xfont-size: 75%;
	margin: 0px 0px 15px 0px;
}


DIV.weare
{
	color: #195190;
	font-size: inherit;
	width: 750px;
	text-align: center;
	margin: 20px 0px 20px 125px;
}

DIV.weare a
{
	color: #195190;
	text-decoration: underline;
}

DIV.weare a:hover
{
	color: #666666;
	text-decoration: none;
}


DIV.viewmore
{
	margin: 10px 0px 0px 10px;
}

/* just snapped */


DIV.justsnapped
{
	width: 1019px;
	height: 208px;
	background-image: url(../images/bg_just_snapped.gif);
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

DIV.justsnappedpad
{
	padding: 10px 0px 10px 10px;
}

DIV.jsphotos
{
	text-transform: uppercase;
	color: #163566;
	font-size: 150%;
	margin: 0px 0px 0px 0px;
}

DIV.jsphotostag
{
	text-transform: uppercase;
	color: #666666;
	font-size: 75%;
	margin: 0px 0px 15px 0px;
}

DIV.todays_photo {
	width: 52px;
	height: 52px;
	border: thin solid #FFF;
	border-width: 1px;
	overflow: hidden;
	margin: 4px;
	float: left;
	align: center;
}

DIV.jsphotopad
{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	text-align: center;
}

DIV.jsimage
{
	float: left;
	width: 121px;
	height: 105px;
	overflow: hidden;
	margin: 0px 0px 0px 15px;
	border: 1px solid #000000;
}

IMG.jsimage
{
	width: 200px;
	xxheight: 121px;
	xpadding: 2px;
	
}

xxIMG.jsimage{
	background-image: url(../images/picture_10min.png);
	background-repeat: no-repeat;
    padding: 3px 4px 2px 4px;
	width: 121px;
	heigth: 121px;
	border: none;
	margin-bottom: 2px;
	margin-right: 18px;
}


/* show photo */

DIV.showphotopik
{
	float: left;
	xbackground-color: blue;
	xwidth: 190px;
	xheight: 500px;
	xborder: 2px solid #3d6fbe;
	text-align: center;
}

IMG.showphotopik
{
	float: left;
	xbackground-color: red;
	width: 300px;
	xheight: 240px;
	border: 2px solid #ffffff;
}


DIV.showphotocode
{
	float:left;
	margin: -28px 0px 0px 60px;
	xbackground-color: red;
	width: 210px;
}

DIV.getcode
{
	margin: 0px 0px 15px 0px;
}

SPAN.codetitle
{
 color: #eb006f;
}

TEXTAREA.code
{
	width: 250px;
	height: 50px;
}

DIV.picoptions
{
	flot:left;
	width: 200px;
	margin: -140px 0px 0px 50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 120%;
	xbackground-color: red;
}


/* star rating */

DIV.starvote
{
	float: left;
	width: 300px;
	xtext-align: center;
	xbackground-color: red;
	margin: -30px 0px 0px 0px;
	color: #666666;
}


SPAN.voted
{
	margin: 0px 0px 0px 0px;
	font-size: 65%;
}

DIV.votescasted
{
	margin: 0px 0px 0px 0px;
	font-size: 65%;
	xcolor: #eb006f; /* pink */
	color: #5175b2;  /* blue */
}

DIV.voted
{
	width: 145px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	xbackground-color: red;
	color: #666666;
}



DIV.thanks
{
	margin: 0px 0px 0px 0px;
}

/* giga */


DIV.giga
{
	float: left;
	margin: 0px 0px 0px 65px;
}


/* my account */

IMG.profilepik
{
	border: 1px solid #000000;
	width: 150px;
}

DIV.profilepik
{
	float: left;
	xbackground-color: red;
	width: 190px;
	min-height: 135px;
	margin: 0px 0px 0px 0px;
}

IMG.profilecurrent
{
	margin: 0px 0px 0px 0px;
	border: 1px solid #000000;
	width: 150px;
}

DIV.infoname
{
	float:left;
	width: 75px;
	color: #666666;
	text-transform: uppercase;
	xfont-weight: bold;
	font-size: 90%;
	xmargin: -7px 0px 20px 0px;
}

DIV.infovalue
{
	float: left;
	width: 100px;
	color: #666666;
	xtext-transform: uppercase;
	font-size: 90%;
	xmargin: -7px 0px 20px 0px;
}


/* your photos */

DIV.yourphotos
{
	width: 52px;
	height: 52px;
	float: left;
	overflow: hidden;
	margin: 0px 8px 8px 0px;
	border: 1px solid #666666;
}

DIV.pagenumbers
{
	width: 320px;
	xbackground-color: red
	font-size: 60%;
}

DIV.page
{
	float: left;
	xwidth: 10px;
	text-align: center;
	xbackground-color: lime;
	margin: 0px 5px 0px 0px;
}


/* manage photos */

DIV.tagbox
{
	margin: -5px 0px 10px 0px;
}

/* help */

DIV.helphide
{
	width: 500px;
	border: 3px solid #666666;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	background-color: $ffffff;
}



/* send to phone */

DIV.sendphone
{
	padding: 0px 20px 0px 20px;
	xxbackground-color: lime;
}

/* send to email */

DIV.sendemail
{
	padding: 0px 20px 0px 20px;
	xxbackground-color: lime;
}


/* site headers and notes*/

DIV.head1
{
	margin: 0px 0px 0px 0px;
	font-size: 150%;
	color: #666666;  /* grey */
	font-weight: bold;
	text-transform: uppercase;
}

DIV.head2
{
	margin: -9px 0px 5px 5px;
	color: #5175b2;  /* blue */
}

DIV.head3
{
	margin: 0px 0px 5px 0px;
	font-size: 135%;
	color: #eb006f; /* pink */
}

DIV.qnote
{
	margin: -3px 0px 5px 0px;
	color: #5175b2;  /* blue */
}



/* header */


H1.or
{
	color: #195190; /* blue */
	text-transform: uppercase;
	margin: 25px 0px 25px 250px;
	padding: 0px 0px 0px 0px;
	font-size: 400%;
}


H2.starvote
{
	color: #666666;
	text-transform: uppercase;
	margin: 0px 0px 0px 90px;
	padding: 0px 0px 0px 0px;
	font-size: 125%;
}

H2.showphoto
{
	color: #ffffff;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

H2.myaccount
{
	color: #ffffff;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

H2.publicemail
{
	color: #3d6fbe;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

H2.my
{
	color: #ffffff;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2.todaysphotos 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    outline: 0;
    color: #666666;
    xfont-weight: inherit;
    xfont-style: inherit;
    xfont-size: 100%;
    xfont-family: inherit;
    vertical-align: baseline;
}

H3.todaysphotostag 
{
    margin: -15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    text-transform: uppercase;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

H3.publicemail
{
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	margin: -50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 175%;
}

H4
{
	color: #ffffff;
	text-transform: uppercase;
    margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

H4.publicemail
{
	color: #ffffff;
	text-transform: uppercase;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

H4.mysites
{
	color: #ffffff;
	text-transform: uppercase;
    margin: 10px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}

H4.notop
{
	color: #ffffff;
	text-transform: uppercase;
    margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

H4.otherphotos
{
	color: #ffffff;
	text-transform: uppercase;
    margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

H4.showphoto
{
	color: #ffffff;
	text-transform: uppercase;
    margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

H4.myaccount
{
	color: #cdcdcd;
	text-transform: uppercase;
    margin: -5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

H4.my
{
	color: #cdcdcd;
	text-transform: uppercase;
	font-size: 70%;
    margin: -5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}


H4.publicemail
{
	color: #285392;
	font-size: 65%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


H1.headertags
{
	color: #285392;
	text-align: center;
	letter-spacing: 8px;
}



H3.publicemail
{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}





/* clears */

DIV.clear
{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


DIV.clear2
{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
}

DIV.clear100
{
	clear: both;
	height: 20px;
}

BR.clear
{
	clear: both;
}


/* h'ies */

H3.proptitle
{
	color: #195190; /* blue */
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}

H3.desctitle
{
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

/* boldies */


B.user
{
	color: #eb006f; /* pink */
}


B.unit
{
	color: #eb006f; /* pink */
}