/*---------- GENERAL STYLES ----------*/
body{
	margin:0px;
	padding:0px;
	font: normal 0.8em/1.2em verdana,arial,sans-serif;
	background: #ffffff url("http://www.all4love.net/images/body.png") no-repeat fixed top center; /* DEFAULT: FIXED BACKGROUND */
	color: #333333;
}

img{
	border-width: 0px;
}

h1, h2, h3{
	font-size: 100%;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
table{
	margin: 0px 0px 10px 0px;
}

p{
	font-family: tahoma, sans-serif;
	margin: 0px 0px 10px 0px;
}

a{
	color: #333333;
	text-decoration: none;
}

a:hover{
	color: #000000;
	background-color: #fde;
}

/*---------- /WRAPPER ----------*/
#wrapper{
	margin: 0px auto;
	width: 950px; /* ref: http://www.w3schools.com/browsers/browsers_display.asp */
	background-color: #ffffff;
}

/*---------- /WRAPPER/TOPOFPAGE ----------*/
#topofpage{
	background: #804d89 url("http://www.all4love.net/images/topofpage.png") no-repeat scroll top left;
	height: 65px;
}

#logobox{
	float: left;
	width: 40%;
	text-align: center;
}

#logobox a:hover{
	background-color: transparent;
}

#taglinebox{
	text-align: center;
	line-height: 5em;
	color: #fffffe;
}

/*---------- GOOGLE AD IN /WRAPPER, /WRAPPER/OUTER/SECOND & /WRAPPER/OUTER/THIRD ----------*/
.adv{
	margin: 0px auto 10px auto;
	text-align: center;
}

#ga_top{			/* GOOGLE ADS IN TOP */
	height: 25px;
	padding-top: 15px;
	background: url("http://www.all4love.net/images/ga_top.png") repeat-x scroll top left;
}

#ga_top2 [class=adv]{
	padding-left: 10px;
}

#ga_top2 [class=forms]{
	padding-right: 15px;
}

#ga_top2 [class=forms] form{
	font-size: 100%;
	border: 1px solid #804d89;
	height: 70px;
	width: 160px;
	margin: 0px;
}

#ga_top2 [class=forms] form input[type=text]{
	margin: auto auto 3px auto;
}

#ga_top2 [class=forms] form input[type=submit]{
	border-color: #ecd;
}

.header{
	clear: both;
	margin: 0px;
	padding: 10px;
	text-align: center;
	font-size: 125%;
	border-top: 1px #ccc dashed;
}

#breadcrumbs{
	clear: both;
	margin: 0px 16px 10px 10px;
	text-align: left;
}
#breadcrumbs > a:first-child + a + a + a {
	float: right;
}

/*---------- /WRAPPER/OUTER ----------*/
#outer{
	clear: both;
	border-top: 1px #ccc dashed;
}

.brown_border{
	border: 1px dashed #C39C4E;
	padding: 10px;
}

.brown_border h1{
	padding: 5px;
	font-size: 100%;
}

.purple_h1 > h1{
	border: 1px solid #fef;
	background-color: #fde;
}

/*---------- /WRAPPER/OUTER/THIRD ----------*/
#third{
	float: left;
	width: 160px;
	padding: 10px;
}

/*---------- /WRAPPER/OUTER/SECOND ----------*/
#second{
	float: left;
	width: 540px;
	padding: 10px;
	border: 1px #ccc dashed;
	height: 100%;
	border-width: 0px 0px 0px 1px;
}

.titlebar{ /* STYLE USED BY CATEGORY PAGE */
	border: 4px dotted white;
	background-color: #ffe7f7;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	font-size: 125%;
}

.button_square{ /* STYLE USED FOR SEMI-TRANSPARENT, DYNAMIC-WIDTH, SQUARE-EDGES BUTTONS */
	text-decoration: none;
	color:black;
	display: inline-block;
}
.button_square > span{
	font: caption;
	font-size: small;
	background: transparent url("http://www.all4love.net/images/button_square_400x20.png") no-repeat top left;
}
.button_square > span:hover:active{
	background-image: url("http://www.all4love.net/images/button_square_400x20_clicked.png");
}
.button_square > span > span{
	padding: 3px 8px 2px 0px;
	background-color: #804d89;
	background-repeat: inherit;
	background-image: inherit;
	background-position: top right;
}
.button_square > span > span:first-child{
	padding: 3px 0px 2px 8px;
	background-position: top left;
}

.cat_pagelink{	/* CATEGORY PAGE LINK NUMBERS */
	font-weight: normal;
}

.left_right_aligned{
}

.left_right_aligned div{
	margin: 0px auto 10px auto;
	float: right;
}

.left_right_aligned div:first-child{
	float: left;
}

.tinytot{ /* STYLE USED BY INDEX PAGE */
	clear: both;
	margin: 0px auto 10px auto;
	padding: 10px;
	border: 1px dashed #C39C4E;
	text-align: center;
}

.tinytot div a{
	display: inline-block;
	margin: 0px 25px 10px 25px;
	width: 70px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

/* STYLE USED BY BIRTHDAY PAGE TEMPLATE */
.row_icons{
	margin: 0px auto 10px auto;
	width: 470px;
}

.row_icons [class=brown_border]{
	background-position: -2px -2px;
	width: 201px;
	height: 101px;
	padding: 10px;
}

.row_icons [class=brown_border] h1{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 125%;
	text-align: left;
}

.row_icons [class=brown_border] a.button{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	background: url("http://www.all4love.net/images/button_left.png") no-repeat scroll top left;
}
.row_icons [class=brown_border] a.button span{
	padding: 5px 19px 5px 19px;
	background: url("http://www.all4love.net/images/button_right.png") no-repeat scroll top right;
}
.row_icons [class=brown_border] a.button:hover{
	background-image: url("http://www.all4love.net/images/new_left.png");
}
.row_icons [class=brown_border] a.button span:hover{
	background-image: url("http://www.all4love.net/images/new_right.png");
}

/* CAT.PAGE SPECIFIC STYLE (REPLACING TINYTOTS)*/
.cat_row_icons > table{
	width: auto; /* OVERRIDE TINYTOT'S TABLE 95% WIDTH */
	padding: 0px;
	border: 1px dashed #C39C4E;
	margin: 0px auto 10px auto;
}
.cat_row_icons>table tr>td{
	vertical-align: top;
}
.cat_row_icons>table tr>td>table{
	width: 150px; /* OVERRIDE TINYTOT'S SUB-TABLE WIDTH=125 */
	margin: 0px auto 0px auto;
	padding: 10px;
}
.cat_row_icons>table tr>td>table:hover{
	background-color: #fde;
}
.cat_row_icons>table tr>td>table tr>td{
	border: 0px; /* THIS REMOVE CMS'S TINYTOT DASHED BORDER */
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#mixed div:first-child [class=forms]{
	clear: both;
	float: none;
}

.cj_links{
	width: 220px;
	border: 1px dashed #C39C4E;
}

.cj_links h1{
	border: 1px solid #fef;
	background-color: #fde;
	padding: 5px;
	margin: 10px;
	font-size: 100%;
}

.cj_links [class=adv]{
	float: none;
}

.cj_links [class=adv] *{
	margin: 0px auto 10px auto;
}

/* STYLE USED IN /WRAPPER/OUTER/SECOND & /WRAPPER/OUTER/THIRD: 
   NEWSLETTER, CARD OF THE DAY, SEARCH & PICKUP FORMS. */
.forms{
	text-align: center;
}

.forms form{
	margin: 0px auto 10px auto;
	padding: 8px;
	border: 1px dashed #C39C4E;
	font-size: 80%;
}

.forms form h1{
	margin: 0px 0px 8px 0px;
}

.forms form input[type=text]{
	font-size: 100%;
	border: 1px solid #fde;
	margin: 0px 0px 3px 0px;
}

.forms form input[type=submit]{
	font-size: 100%;
	border: 1px solid #fde;
	cursor: pointer;
}

.forms form input[type=submit]:hover{
	background-color: #fde;
}

#why{
	clear: both;		/* NEEDED SINCE PREVIOUS SIBLING MIGHT BE FLOATING */
	margin: 0px auto 10px auto;
	padding: 10px;
	text-align: justify;
	font-size: 100%;
	border: 1px dashed #C39C4E;
}

#why ul{
	margin: auto 10px auto -10px;
}

#links{
	width: 75%;
	padding: 10px;
	margin: 0px auto 10px auto;
	text-align: justify;
	font-size: 80%;
	color: #333333;
}

.recommend{
	width: 75%;
	padding: 10px;
	margin: 0px auto 10px auto;
	text-align: justify;
	font-size: 80%;
	color: #333333;
}

/*---------- /WRAPPER/OUTER/FIRST ----------*/
#first{
	float: left;
	width: 180px;
	padding: 10px;
}

.vertmenuheader{
	clear: both;
	border: 1px solid #fde;
	margin: 5px 0px 0px 0px;
	width: 100%;
	text-align: center;
}

.vertmenuheader h1{
	margin: 0px 0px 0px 0px;
}

.vertmenuheader h1 a{
	display: block;
	padding: 5px 0px 5px 0px;
	font-size: 125%;
	width: 100%;
}

.vertmenuheader h1 a:focus{
	color: #000000;
	background-color: #fde;
}

.navouter{
	width: 100%;
	float: left;
	padding-bottom: 20px;
}

.vertmenu{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 84px;
	margin: 7px 0px 0px 5px;
}

.vertmenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.vertmenu ul li{
	margin: 0px;
	padding: 0px;
}

.vertmenu ul li a{
	display: block;
	border-bottom: 1px dashed #C39C4E;
	color: #666666;
	width: 100%;
	line-height: 150%;
	text-align: left;
}

.vertmenu ul li a:focus{
	color: #000000;
	background-color: #fde;
}

/*---------- /WRAPPER/GA_BOT ----------*/
#ga_bot{	/* GOOGLE AD AT BOTTOM OF PAGE, BACKGROUND MOVED A BIT */
	clear: both;
	border: 0px;
	height: 20px;
	padding-top: 10px;
	background: url("http://www.all4love.net/images/ga_top.png") repeat-x scroll 0px -7px;
}

/*---------- /WRAPPER/FOOTER ----------*/
#footer{
	clear: both;
	width: 100%;
	text-align: center;
	padding: 10px 0px 5px 0px;
	font-size: 90%;
	border-top: 1px dashed #ccc;
	color: #333333;
}

/*---------- 9:20 PM 9/26/2010: CALENDAR PAGES STYLE ----------*/
.calendar{
  margin: 20px auto;
  border-spacing: 2px;
  border: 1px dashed #db6;
}

/* CALENDAR CAPTION STYLES */
.calendar > caption > a, .calendar > caption > span{
  padding-left: 2px;
  padding-right: 2px;
  color: #db6;
  font-size: 80%;
}
.calendar > caption > a:hover{
  font-size: 100%;
  color: #c94;
  background-color: transparent;
}
.calendar > caption > .current{
  color: #b84;
  font-size: 200%;
  font-family: sans-serif;
}

/* CALENDAR THEAD STYLE */
.calendar > thead > tr > td{
  text-align: center;
  color: #888;
}

/* CALENDAR TBODY STYLES */
.calendar > tbody > tr > td{
  width: 120px;
  height: 120px;
  padding: 5px;
  background-color: #f0f0f0;
  vertical-align: text-top;
  color: #978;
  font-size: 200%;
}
.calendar > tbody > tr > td > a{
  float: right;
}
.calendar > tbody > tr > td > ul{
  clear: right;
  padding-left: 9px;
  text-indent: -7px;
  font-family: cursive;
  font-size: 45%;
  list-style-type: none;
  color: black;
}
.calendar > tbody > tr > td > ul > li:before{
  content: "\00bb";
}
.calendar > tbody > tr > td > a > img{ /* AVOID BIG FONT APPEARING BEFORE IMAGE LOAD. SHOULD BE IN DEFAULT.CSS */
  width: 70px;
  height: 70px;
  font-size: small;
}

.red_span{color:red}