@charset "UTF-8";
/* CSS Document */

wf-loading {
	display: none;	
}



html {
	xbackground: url('/img/bgtile.jpg');
	overflow-y: scroll;
	display: block;
}

body {
	background: #7ed5c6 url('/img/bgfade2.jpg') repeat-x;	
	font-family: "cronos-pro", sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 21px;
	color: #333333;
}

#footcontent {
	width:  1000px;
	background: url('/img/footbg.jpg') top left no-repeat;
	height: 139px;
	margin: 0px auto;
}



#breadcrumb_wrap {
	min-height: 10px;
	padding-bottom: 5px;
	
}


#breadcrumbs {
	
    text-align: right;
    font-size: 12px;
	font-weight: 600;
	color: #7bd4c6;
	xborder-bottom: 1px solid #ba4aa1;
	margin-bottom: 5px;
	margin-right: 10px;
	
}

#breadcrumbs a {
	color: #7bd4c6;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #9de0d4;
	text-decoration: underline;	
}

a {
	color: #087c66;	
	font-weight: 600;
}


H1 {
	font-family: "Courgette", "Dancing Script", cursive;
	font-size: 34px;
	color: #ba4aa1;
	border-bottom: 2px solid #ba4aa1;
	font-weight: 400;
	line-height: 40px;
	padding-bottom: 5px;
}

H4 {
	margin-bottom: 5px;
margin-top: 25px;
}

H2, H3, H4 {
	color: #ba4aa1;	
	font-style: italic;
}

#intro P, #intro UL {
	margin-bottom: 5px;	
}

#intro H1, #intro H2, #intro H3, #intro H4 {
	margin-top: 10px;
	margin-bottom:10px;
}

#intro H1 {
	margin-top: 0px;	
}

#intro {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 18px;
}

#intro IMG {
	max-width: 100% !important;
	height: auto !important;
	
}



.grid_4 .panel .paneltitle {
	  background: url("/img/grid4panelhead.jpg") no-repeat scroll center top transparent;
}

.grid_4 .panel {
	background: url('/img/grid4panelbody.jpg') bottom center no-repeat;
}


.grid_3 .panel .paneltitle {
	  background: url("/img/grid3panelhead.jpg") no-repeat scroll center top transparent;
}

.grid_3 .panel {
	background: url('/img/grid3panelbody.jpg') bottom center no-repeat;
}


.panel .paneltitle {
    color: #BA4AA1;
    font-family: "Courgette", "Dancing Script",cursive;
    font-size: 20px;
    font-weight: normal;
    min-height: 45px;
    padding: 5px 10px 0;
	line-height: 30px;

}

.panel .paneltitle H2 {
	border-bottom: 1px solid #ba4aa1;
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}

.panel {
	margin-bottom: 10px
}

.panel .panelbody {
	padding: 0 15px 15px;
	min-height: 30px;
	font-size: 14px;
	line-height: 20px;
}

.panel .pt_text {
	font-size: 18px;	
}

.grid_3 .panel .pt_text {
	font-size: 14px;
	line-height: 14px;
}

.grid_3 .panel .pt_img {
	width: 100px;
}


#pagebody SPAN {
	font-size: 17px !important;	
}



#header {

	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#headcontent {
	width: 960px;
	margin: 0px auto;
}

/* menu styling */

/* remove any previously set margins and paddings */
#sitemenu *, #footmenu * { margin: 0; padding: 0; }

#footmenu UL LI UL {
	display: none;	
}

#footmenu {
	font-size: 18px;
	font-weight: 300;
	text-shadow: 1px 1px 0.5px #333333;
	xmargin-left: 30px;
}

#footmenu LI {
	float: left;
}	

#intro IMG[align="left"], #intro IMG.introimg {
		margin-right: 10px;
		margin-bottom: 5px;
		border: 3px solid #ba4aa1;
}

#intro IMG[align="right"] {
		margin-left: 10px;
		margin-bottom: 5px;
		border: 3px solid #ba4aa1;
}

#sitemenu {
	margin-top: 145px;
	font-size: 18px;
	font-weight: 300;
	color: #ffffff;
	text-shadow: 1px 1px 0.5px #333333;
}

/* set width/height on <li>, <a>, <li><ul> */
#sitemenu ul li {
	padding-bottom: 9px;
	cursor: pointer;
}

#sitemenu li li a, #sitemenu li li, #sitemenu li li ul { xheight: 25px; padding: 2px 5px;}



/* remove <li> list styling off */
#sitemenu li, #footmenu li { list-style: none; margin-right: 25px; }

/* display <a> as block */
#sitemenu a, #footmenu a {
	display: block;
	color: #ffffff;
}

/* set <li> position */
#sitemenu li { float: left; position: relative; }

#sitemenu li ul li.hasChildMenu > span > a {

	background: url('/img/childmenu.png') no-repeat right;

}

/* set position of <ul> in <li> */
#sitemenu li ul { top: 27px; left: -10px; position: absolute; }

/* position child <ul> */
#sitemenu li ul ul { margin: -28px 0px 0px 126px; }

/* set visibility of <ul> in <li> */
#sitemenu li ul { display: none; }

#sitemenu li ul li {
	background: url('/img/menubg.png') #333333;
	border-bottom: 1px solid #ccc;
}

#sitemenu li ul li a {
	width: 120px;
	
	xcolor: #ffffff;
}

#sitemenu li ul li a:before {
	content: "» ";
}

#sitemenu .menuItem {
	
	cursor: pointer;
	 font-weight: 300;
}

#sitemenu .menuItem a, #footmenu .menuItem a {
	font-weight: 300;
	text-decoration: none;
}

#sitemenu ul ul .menuItem a {
	font-size: 13px;
	line-height: 15px;
}

#sitemenu  a:hover, #footmenu a:hover {
	text-decoration: underline;	
}

#sitemenu>ul{
	float: right;
}

/*homepage */

.latestPanelHeads {
	 float: left; 
	 width: 960px; 
	 background: url('/img/latestpanelheads.png');
}

.latestPanelHeads h2{
	font-family: "Courgette", "Dancing Script", cursive;
	font-size: 23px;
	color: white;
	font-weight: normal;
	padding: 10px 15px;
	margin: 0px;
}

.latestPanelHeads .viewall {
	position: absolute; 
	top: 17px; 
	right: 10px;
	font-size: 14px;
	font-weight: 700;
	color: white;
	
}

.latestPanelHeads .head {
	padding-bottom: 10px;
}

.latestPanelHeads .body {
	padding: 5px 20px;	
	font-size: 16px;
	line-height: 18px;
}

.latestPanelHeads .body H3 {
	font-size: 20px;
	margin-bottom: 0px;
}

.latestPanelHeads .body H3 a {
	color: #ba4aa1;
	text-decoration: none;
}

.latestPanelHeads .body H3 a:hover {
	text-decoration: underline;
}

.latestPanelFoot {
	 float: left; 
	 width: 960px; 
	 background: url('/img/latestpanelfoot.png');
	 height: 22px;
}


.linkPanels {
	
	margin-top: 20px;
	 float: left; 
	 width: 960px; 
	 background: url('/img/linkpanelsbg.png');
	
}


.linkPanels .head H2 {
	font-family: "Courgette", "Dancing Script", cursive;
	font-size: 20px;
	font-weight: normal;
	padding: 15px 0px 0px 10px;
	margin: 0;
}

.linkPanels .authors .head H2 {
	color: #51ae9d;
}

.linkPanels .clubs .head H2 {
	color: #25abc1;
}

.linkPanels .lifestyle .head H2 {
	color: #ba4aa1;
}

.linkPanels .head .subtitle {
	font-size: 15px;
	font-weight: 700;
	color: white;
	margin-top: 10px;
	margin-left: 10px;
}

.linkPanels .body {
	font-size: 15px;
	line-height: 17px;
	color: #333333;
	padding: 10px;
}

.linkPanels .body .item {
	border-top: 1px solid;
	padding: 5px 0;
}

.linkPanels .authors .body .item {
	border-color: #cae7e1;
}

.linkPanels .clubs .body .item {
	border-color: #bee7ed;
}

.linkPanels .lifestyle .body .item {
	border-color: #eac8e3;
}

.linkPanels .body .item:first-child {
	border: 0px;
}

.linkPanels .body a {
	color: #333333;
	font-weight: 700;
	text-decoration: none;
}

.linkPanels .body a:hover {
	text-decoration: underline;	
}

.linkPanelsFoot {
	
	 float: left; 
	 width: 960px; 
	 height: 21px;
	 background: url('/img/linkpanelsfoot.png');
}


/* contact form */

#emailForm {
	margin: 10px 00px;
	padding: 10px 20px 0;
	background-color: #faf5f9;
	border-bottom: 1px solid #ba4aa1;
	border-top: 1px solid #ba4aa1;
}

#disclaimer-element, #disclaimer-label {
	color: #888888;
	font-size: 14px;
	line-height: 16px;
}


#emailForm dt {
	font-size: 16px;
}

#emailForm INPUT[type="text"], TEXTAREA {
	font-size: 14px;	
	font-family: "Lucida Grande", Verdana, sans-serif
}

#emailForm SELECT {
	font-size: 13px;	
	font-family: "Lucida Grande", Verdana, sans-serif
}


#emailForm INPUT[type="text"], #emailForm SELECT  {
	width: 400px;	

}


#emailForm INPUT[type="image"] {
	float: right;
	margin-bottom: 10px
}

#emailForm TEXTAREA {
	width: 100%;
	height: 200px;
}

#emailForm dd {
	padding-bottom: 5px;	
}

.errors {
	background-color: #8e397c;	
	color: white;
	text-shadow: 1px 1px 0.5px #333333;
	list-style: none;
	font-size: 15px;
	width: 400px;
	margin-bottom: 3px;
}

.errors li {
	list-style: none;
	padding: 5px 10px;
	margin: 0;
}

.tweet {
	line-height: 15px;	
	padding-bottom: 10px;
}

.tweet .info {
	text-align: right;
	font-size: 12px;
	color: #8e397c;
}



.question {
	clear: left;
	margin-bottom: 20px;
}


/* personality test */

#pt_start {
	margin: 10px 00px;
	padding: 10px 20px 0;
	background-color: #faf5f9;
	border-bottom: 1px solid #ba4aa1;
	border-top: 1px solid #ba4aa1;
}


#pt_start dt {
	font-size: 16px;
}

#pt_start INPUT[type="text"] {
	font-size: 14px;	
	font-family: "Lucida Grande", Verdana, sans-serif
}



#pt_start INPUT[type="text"]  {
	width: 400px;	

}


#pt_start INPUT[type="image"], #pt_form INPUT[type="image"] {
	float: right;
	margin-bottom: 10px
}


#pt_start dd {
	padding-bottom: 5px;	
}


#pt_form  H3 {
	margin-bottom: 0px;
	padding-bottom: 3px;
	border-bottom: 1px solid;
	margin-top: 10px;
}

#pt_form INPUT[type="radio"] {
	clear: left;
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 10px;
	margin-bottom: 1px;
	float:left;

}

#pt_form #optout-label, #pt_form #optout-element {
	float: left	
}


#pt_form DD {
	margin-top: 0px;	
}

#pt_form DD label {
	display: block;
	margin-bottom: 10px;
	margin-top: 5px;
}

#pt_form  .errors {
	width: 100%;	
}



pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}