/*CSS for www.cuddleparty.com copyright 2004 Atlas Spooned*/

@import url("layouts/layout-2d.css");

.calendar { border-color: #979797; }

.calendar table {
  border-color: #979797;
  color: #000;
  background-color: #FFFDE3;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  background-color: #AAA196;
  color: #000000;
}

.calendar .nav {
  background-color: #AAA196;
}

.calendar thead .title { /* This holds the current "month, year" */
  background-color: #FFCC00;
  color: #000000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-color: #565;
  color: #000;
 
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #CC0000;

}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #FFF5CC;
  color: #000;
  border-color: #ffffff;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #FFFDE3;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
   background-color: #F3EEAF;
   
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  color: #333333;
  background-color: #FFFDE3;
}
.calendar tbody .day.othermonth {
  color: #888;
}
.calendar tbody .day.othermonth.oweekend {
  color: #E68080;
}

.calendar table .wn {
  border-color: #000000;
  background-color: #F3EEAF;
}

.calendar tbody .rowhilite td {
  background-color: #FFEA95;
}

.calendar tbody .rowhilite td.wn {
  background-color: #FFFDE3;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background-color: #FFEA95;
  border-color: #ffffff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background-color: #FFFDE3;
}

.calendar tbody td.selected { /* Cell showing today date */
  border-color: #FFCC00;
  background-color: #FFCC00;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #CC0000;
}

.calendar tbody td.today { color: #000000;

 }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  background-color: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background-color: #DED8B7;
  color: #000000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background-color: #afa;
  border-color: #084;
  color: #000;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background-color: #7c7;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  border-color: #AAA196;
  background-color: #FFFDE3;
  color: #333333;
}

.calendar .combo .hilite {
  background-color: #DED8B7;
}

.calendar .combo .active {
  border-color: #AAA196;
  background-color: #FFEA95;
}

/* time */

.calendar tfoot tr.time td { border-color: #8a8; }
.calendar tfoot tr.time td.hour,
.calendar tfoot tr.time td.minute { border-color: #aca; }
.calendar tfoot tr.time td.hilite { background-color: #FFEA95; }
.calendar tfoot tr.time td.active { background-color: #FFFDE3; }


body {
background:#ffffff;
font-family: verdana, arial, san serif;
}

a:link {
color: #5b0072;
font-family: verdana, arial, sans-serif;

}

a:visited {
color: #ce007b;
}

a:active {
color: #5b0072;
}

a:hover {
color:#ce007b;
}

#news1 {
width: 132px;
}

.banner {
text-align: center;
margin: auto;
padding: 0px;
border: solid black 0px;

}

#news2 {
padding-left: 25px;
}


.topnewsquote {
color: #5b0072;
font-family: verdana, arial, sans-serif;
font-size:x-small;
}
.topnewstext {
color: #5b0072;
font-family: verdana, arial, sans-serif;
font-size:x-small;
font-style: italic;
}

hr.banner3 {
height:0px;
border: 0px solid #ffe806;
border-top-width:5px;
margin-top:0px;
padding: 0px;
}

hr {
height:0px;
border: 0px solid #ffe806;
border-top-width:1px;
margin-top:0px;
}

#main {

}

#menubar {
vertical-align: top;
width: 137px;
background: #ffe806;
padding-top: 10px;
padding-left: 5px;
margin-left: 5px;
margin-right: 5px;
border: 0px black solid;
font-family: verdana, arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #5b0072;
}


a:link.menu {
color: #5b0072;
font-family: verdana, arial, sans-serif;
font-size:12px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

a:visited.menu {
color: #5b0072;
font-family: verdana, arial, sans-serif;
font-size:12px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

a:active.menu {
color: #ce007b;
font-family: verdana, arial, sans-serif;
font-size:12px;
font-weight: bold;
text-align: center;
text-decoration: none;
}
a:hover.menu {
color: #ce007b;
font-family: verdana, arial, sans-serif;
font-size:12px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#maincontent {
vertical-align: top;
padding-top: 10px;
padding-left: 7px;
padding-right: 4px;
border: 0px solid black;
font-family: verdana, arial, sans-serif;
font-size: small;
}

td {
font-size: 11px;
font-family: verdana, arial, sans-serif;
}

td.narrow {
background: #E6E6E6;
margin-right: 50px;
}

li {
font-family: verdana, arial, sans-serif;
font-size: small;
padding-bottom: 5px;
}

.pic {
border: 2px solid #5b0072;
}

.init {
font-size: 60px;
color: #5b0072;
float: left;
font-weight: bold;
margin-top: -15px;
margin-bottom:-5px;
}

.init1 {
font-size: 20px;
color: #5b0072;
font-weight: bold;
}

.dateposted {
font-size: x-small;
color: #5b0072;
}

#bottomnews {
margin-right:20px;
width: 225px;
vertical-align:top;
border-left: 1px solid #ffe806;
padding-left:5px;
padding-top: 10px;
font-size: small;
font-family: verdana, arial, sans-serif;
}

.sidebarpic {
text-align: center;
margin: auto;
 
}

.sidepic {
border: 1px solid #5b0072;

}

.caption {
font-family: verdana, arial, sans-serif;
font-size: small;
font-style: italic;
color: #5b0072;
}

.insetr {
float:right;
color: #5b0072;
font-family: verdana, arial, sans-serif;
font-size:1.3em;
font-weight: bold;
width: 135px;
border: #ba84c9 0px dotted;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
padding-left: 5px;
}

.insetl {
float: left;
color: #5b0072;
font-family: verdana, arial, sans-serif;
font-size:1.3em;
font-weight: bold;
width: 135px;
border: #ba84c9 0px dotted;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
padding-left: 5px;

}

.blankright {
width: 20px;
margin:0px;
padding: 0px;
border: 0px solid black;
}

h1 {
font-family: verdana, arial, sans-serif;
font-weight: bold;
font-size: large;
color: #5b0072;
text-align:left;
}

h3 {
font-family: verdana, arial, sans-serif;
font-style: italic;
font-weight: normal;
font-size: small;
color: #5b0072;
text-align:left;

}

h4 {
font-family: verdana, arial, sans-serif;
font-weight: bold;
color: #5b0072;
text-align:left;
}

h5 {
font-family: verdana, arial, sans-serif;
font-size: large;
font-weight: bold;
color: #5b0072;
text-align:center;
margin-bottom: 5px;
}

.footer {
font-family: verdana, arial, sans-serif;
font-size: 10px;
text-decoration: italic;
color: #5b0072;
text-align: center;
}

.cpall {
font-size: small;
color: #007700;
}

.cpgb {
font-size: small;
color: #007799;
}

.cpwomen {
font-size: small;
color: #ff0000;
}

.cpmen {
font-size: small;
color: #0000ff;
}

.cpsig {
font-size: small;
color: #bd0078;
}

.cptalk {
font-size: small;
color: #7f007f;
}

.cpholiday {
font-size: small;
color: #ff7f00;
}

.cptrain {
font-size: small;
color: #00bb88;
}

.cpwk {
font-size: small;
color: #00bb33;
}

input { 
		font-size: 11px; 
		font-family : Tahoma, monospace
}

input.box { 
		font-size: 10px; 
		background-color: #CCCCFF;
		font-family : Tahoma, monospace
}

input.box2 { 
		font-size: 10px; 
		background-color: #CCCCFF;
		font-family : Tahoma, monospace
}

select { 
		font-size: 11px; 
		width: 195px
}

select.box { 
		font-size: 10px; 
		background-color: #CCCCFF;
		font-family : Tahoma, monospace
}

select.box2 { 
		font-size: 10px; 
		font-family : Tahoma, monospace
}

textarea.box { 
		font-size: 10px; 
		background-color: #CCCCFF;
		font-family : Tahoma, monospace;
		moz-box-sizing:border-box
}

textarea.box2 { 
		font-size: 10px; 
		font-family : Tahoma, monospace
}

strong.noULtitle {
        font-size : 11pt;
		color : #000000;
		font-family : Tahoma;
		text-decoration :  none
		
}

strong.noULtitleRed {
        font-size : 10pt;
		color : red;
		font-family : Tahoma;
		text-decoration :  none
		
}

.smallRed {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 11px;
color: red;
}

.smallerRed {
font-family: Arial;
font-size: 9px;
font-weight: normal;
color: red;
text-decoration : none
}

.siteDev {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 9px;
color: #5b0072;
}

.instructions {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 10px;
color: black;
}

.hide {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 3px;
color: white;
text-decoration :  none
}

.city {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #5b0072;
}

.signup {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: black;
}

.partyfull {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: red;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
font-size: 11px;
font-family: verdana, arial, sans-serif;
font-weight: bold;
font-color:black;
text-decoration: none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCCCFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
font-weight: normal;
width: 250;
}

.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: 60px; /*position where enlarged image should offset horizontally */
}

.thumbnail a:link {
color: #5b0072;
font-family: verdana, arial, sans-serif;
}
		
.thumbnail a:visited {
color: #5b0072;
}
		
.thumbnail a:active {
color: #ce007b;
}
		
.thumbnail a:hover {
color:#ce007b;
}
-->
</style>