/*
CSS for stay at home dads.co.uk
*/

/*BLANKET RULES FOR BODY ELEMENTS */
body 
{	font-family:"Lucida Grande", Verdana, "Trebuchet MS", "MS sans-serif";
	line-height: 150%;
	padding: 0;
	margin: 5px;
	max-width:100%;
	position:relative;
	
}

/* STYLES FOR HEADERS */
h1 {font-family: "Bookman Old Style", "Trebuchet MS", sans-serif;
    color:#87cefa;
    padding: 5px 5px 20px 5px;
    margin: 0;
    width:62%;
    font-size:250%;
    line-height: 130%;
 }

#tagline p {
	font-style: bold;
	font-family: Georgia, "Trebuchet MS", Serif; 
	color:black;
	padding
	background-color:#fafad2;
	margin: 2px;
	width:55%;
}

h2 {
	font-size: 150%;
	padding:5px;
	text-align:center;
	margin:0;
	color:red;
}

h3 {
	font-size: 120%;
	text-align:center;
}

h4 {
	font-size: 110%;
	text-align:center;
	
}

h5 {
	font-size: 110%;
	color:red;
}
/* -------------------------- */

/* CSS LAYOUT AND STYLE RULES  */


/* STYLE AND POSITIONING FOR MAIN DIV ELEMENTS */
#mainnavigation {
	line-height:100%;
	padding:0;
	
}

#rightnav {
	font-weight: bold;
	float:left;
	border: 1px solid black;
	padding-right: 5px;
	width:17%;
	background-color:#87cefa; 
	margin-top:10px;
	margin-bottom:10px;
}

#bodycontent {
	margin:2% 18% 2% 18%;
	padding:5px 10px 5px 10px;
	font-size:95%;
	
}

#footer {
	font-size:70%;
	clear:both;
	margin-top:10px;
	padding:10px;
	border-top:3px dashed navy;
	background-color:#e0ffff;
	text-align:center;
}

/* ----------------------------- */

/* STYLE FOR SIDE NAV BAR */
#rightnav h4 {
	padding:2px;
	margin:2px;
	color:black;
	background-color:#fafad2;
	font-size:95%;
}

/* ----------------------------- */


/* RULES FOR MAIN NAV BAR LINKS */
#mainnavigation ul {
	list-style-type: none;
	margin:0;
	padding:0;
	float:left;
	width:100%;
	
	text-align:center;

}

#mainnavigation li {
	display:inline;
	
	padding:5px;
	margin: 0;
	display:block;
	float:left;
	font-weight: bold;
	font-size:90%;
	text-align:center;
	
}

#mainnavigation ul a {
	padding:4px;
	text-decoration:none;
	color:black;
	background: #00bfff;
}

#mainnavigation #current a {
	background:#a9a9a9;
	color:white;
}

/* -------------------------------------------- */

/* RULES FOR SIDE NAV BAR LINKS */
#rightnav ul {
	list-style-type:none;
	margin:0;
	padding:5px 0 5px 8px;

}

#rightnav li {
	line-height:150%;
	font-size:75%;
	margin:0;
	padding:2px;
}

#rightnav a {
	text-decoration:underline;
	
}

/* ---------------------------- */

/* RULES FOR FOOTER LINKS */
#footer li {
	display:inline;
	padding:5px;
	margin:0;
	list-style-type:none;
	text-align:center;
	line-height:150%;
	
}

#footer ul {
	padding:0;
	margin:0;
	
	
}

#footer a {
	padding:2px;
	text-decoration:underline;
	

}

#footer p {
	clear:left;
}

/* RULES FOR BACK LINKS */
#backlink {
	text-align: center;
}

#backlink a:link {
	color: #696969;
}

/* ----------------------------- */

/* RULES FOR GENERAL LINKS */
a {	font-weight: bold;
	
}



a:visited {	color: #778899;
}

a:hover { 
		text-decoration: none;
		background-color: #fff8dc;
}

a:active {	color: red;
		background-color: #4b0082;
}

/* ------------------------------------ */

/* RULES FOR HOME PAGE IMAGE */
.mainimage {
	float:right;
	padding:0;
	margin-top:1%;
}


/* RULES FOR HEADER IMAGES ON MAIN PAGES */
.headerimage {
	float:right;
	margin: 5px 5px 5px 0;	
}

/* RULES FOR HOME PAGE BOXED LINKS */
.boxedlinks {
	border:10px ridge #87ceeb;
	padding:0 4px 3px 3px;
	margin:10px;
	background-color:#fff8dc;
}

.boxedlinks h4 {
	padding:1px;
	margin:2px;
	text-align:left;
	
}

.boxedlinks a {
	text-decoration:underline;
	padding:2px;
}

.titleimg {
	float:left;
	margin:2px;
	padding:2px;
}

.spacer {
	clear:left;
}

/*RULES FOR HOME PAGE QUOTE*/
.dadsquotes {
	width:17%;
	position:absolute;
	top:600px;
	left:1%;
	font-size:85%;
	color:#00bfff ;
	font-style:italic;
	margin:0 0 0 5px;
	
}
/*RULES FOR HOME PAGE SIDEBOX*/

#homesidebox { 
	width:17%;
	background-color:#87cefa; 
	border: 1px solid black;
	float:left;
	margin-top:15px;
	padding:5px;
}

#homesidebox h4 {
	padding:2px;
	margin:2px;
	color:black;
	background-color:#fafad2;
	font-size:95%;
}

#homesidebox a {
	color:black;
	display:block;
	text-decoration:underline;	
}

#homesidebox a:visited {	
	color: #778899;
}

#homesidebox a:active {	
		color: #778899;
		background-color: #87cefa;
}

#homesidebox ul {
	list-style-type:none;
	text-decoration:underline;
	margin:0;
	padding:5px 0 5px 8px;

}

#homesidebox li {
	line-height:150%;
	font-size:85%;
	margin:0;
	padding:2px;
}

/*RULES FOR HOME PAGE MESSAGE BOX */
#homemessagebox {
	color:red;
	border: 2px dashed blue;
	padding:5px;
}

#homemessagebox h3 {
	padding:0;
	margin:0;
}

#homemessagebox2 {
	color:blue;
	border: 2px dashed red;
	padding:5px;
}

#homemessagebox2 h3 {
	padding:0;
	margin:0;
}

.sharkhomepic {
	float:right;
}

/* RULES FOR SIDEPICS */
.sidepics {
	position:absolute;
	top:850px;
	left:82%;
	border:1px solid navy;
}

.sidepics2 {
	position:absolute;
	top:1450px;
	left:79%;
	border:1px solid navy;
}


/* --------------------------- */

/* RULES FOR DADS QUOTES ON ARTICLES PAGE */ 
#articles .dadsquotes {
	top:300px;
	left:83%;
}

/* ------------------------------ */

/* RULES FOR DADS QUOTES ON CONTACT PAGE */ 
#altlayout .dadsquotes {
	top:250px;
	left:82%;
}

/* ------------------------------ */

/* RULES FOR GADGETS PAGE */

#gadgets .dadsquotes {
	top:280px;
	left:83%;
}

.readmore {
	font-size:75%;
}

/* RULES FOR GADGET PICTURES */
.gadgetpics {
	float:left;
	margin: 0 6px 0 0;
}

.highlight  {
	background:#deb887;
	color:black;
}

#gadgetlinks {
	text-align:right;
	font-size:100%;
}

#gadgetlinks a {
	text-decoration:none;
	border: 1px solid navy;
	background: #00bfff;
	padding: 5px;
	margin:3px;
	
}

#gadgetlinks .current a {
	background:#a9a9a9;
	color:white;
}

#gadgetlinks a:hover { 
		color: white;
		text-decoration: none;
		background-color: #4b0082;
}

.digiframe1 {
	position:absolute;
	top:200px;
	left:82%;
	
}

.digiframe2 {
	position:absolute;
	top:1050px;
	left:80%;
    
}
/* ------------------------------- */


/* RULES FOR DADS VIEWS PAGE */

.views {
	color:blue;
	margin:0 0 0 15px;
	font-size:92%;
	clear:left;
	border-bottom: 5px double red;

	
}

.quote {
	border: 2px dotted black;
	padding: 5px;
	color:blue;
	font-style:italic;
}

#views .dadsquotes {
	top:250px;
	left:82%;
}

.winnersquotes {
	color:blue;
	border-bottom: 2px dotted red;
	padding: 5px;
}

/* --------------------------------------------- */

/*RULES FOR RANT PAGE*/
#rant .dadsquotes {
	top:270px;
	left:83%;
}

#rantcom {
	color:blue;
	margin:0 0 0 15px;
	font-size:90%;
	clear:left;
}


.redh3 {
	color:red;
}

.points {
	font-weight: bold;
	
}

.rantcomment {
	text-align:center;
	color:red;
}

.rantcomment .buttonarea input {
	background: navy;
	color: white;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #fafad2;
	font-size: medium;
	cursor: pointer;
	margin-top:5px;
}

/*RULES FOR LINKS PAGE*/

.linksstyle {
	list-style-type:none;
	text-align:center;
	background: #add8e6;
	padding: 5px;
}

/*RULES FOR ASKING FOR COMMENTS*/
.askforhelp {
	color:red;
	font-weight:bold;
}

.blueline {
	color:blue;
	background-color:blue;
	height:2px;
}

/* ------------------------------------------------ */

/*RULES FOR ALL AFFILIATE ADS*/

/*RULES FOR AFFILIATE ADS ON HOME PAGE*/

#traveladbox {
	width:16%;
	background-color:#b0c4de;
	border: 1px solid black;
	position:absolute;
	top:380px;
	left:1%;
	margin-top:15px;
	padding:5px;
	font-weight:bold;
}

#currencyadbox {
	width:15%;
	background-color:#fafad2;
	border: 1px solid black;
	position:absolute;
	top:1360px;
	left:83%;
	margin-top:15px;
	padding:5px;
	font-weight:bold;
}

#homeworkad {
	width:16%;
	position:absolute;
	top:730px;
	left:1%;
	border: 1px solid black;
	padding:2px;
}

#asdaad {
	width:16%;
	position:absolute;
	top:900px;
	left:1%;
	border: 1px solid black;
	padding:2px;
}

#providentad {
	width:16%;
	position:absolute;
	top:590px;
	left:1%;
	border: 1px solid black;
	padding:2px;
}


#homead {
	position:absolute;
	top:450px;
	left:84%;
}

#coop p {
	position:relative;
	top:+3px;
	left:+77px;
	text-align:right;
	clear:left;
	width:45px;
	font-size:9px;
	line-height:12px;
}

#paydayad {
	position:absolute;
	top:600px;
	left:84%;
	width:10%;
	border: 1px solid black;
	padding:4px;
}

.googleadhomel1 {
	position:absolute;
	top:1040px;
	left:2%;
}



.googleadhomer1 {
	position:absolute;
	top:750px;
	left:83%;
}





/* RULES FOR AFFILIATE ADS ON NEWS PAGES */

.googleadnewsr1 {
	position:absolute;
	top:300px;
	left:85%;
}

.googleadnewsr2 {
	position:absolute;
	top:1000px;
	left:85%;
}



/* RULES FOR AFFILIATE ADS ON ARTICLE PAGES */

.googleadartl1 {
	position:absolute;
	top:300px;
	left:2%;
}

.googleadartl2 {
	position:absolute;
	top:950px;
	left:2%;
}

.googleadartl3 {
	position:absolute;
	top:1600px;
	left:2%;
}

.googleadartr1 {
	position:absolute;
	top:400px;
	left:85%;
}

.googleadartr2 {
	position:absolute;
	top:1100px;
	left:85%;
}

.googleadartr3 {
	position:absolute;
	top:1800px;
	left:85%;
}

/* RULES FOR AFFILIATE ADS ON MONEY PAGES */

body#money #bodycontent {
	margin-left:20%;
}

.googleadmoneyr1 {
	position:absolute;
	top:300px;
	left:85%;
}

#providentwidget {
	position:absolute;
	top:580px;
	left:0%;
	
}

/* RULES FOR AFFILIATE ADS ON GADGETS PAGES */

.googleadsgadl1 {
	position:absolute;
	top:200px;
	left:2%;
}



.googleadsgadr1 {
	position:absolute;
	top:370px;
	left:85%;
}



.affiliateadsgaddigil1 {
	position:absolute;
	top:150px;
	left:2%;
}

.affiliateadsgaddigil2 {
	position:absolute;
	top:800px;
	left:2%;
}

/* RULES FOR AFFILIATE ADS ON RANT PAGES */

.googleadsrantl1 {
	position:absolute;
	top:220px;
	left:2%;
}



.googleadsrantr1 {
	position:absolute;
	top:400px;
	left:85%;
}



/* RULES FOR AFFILIATE ADS ON VIEWS PAGES */

.googleadsviewsl1 {
	position:absolute;
	top:300px;
	left:2%;
}

.googleadsviewsl2 {
	position:absolute;
	top:1000px;
	left:2%;
}

.googleadsviewsr1 {
	position:absolute;
	top:380px;
	left:85%;
}

.googleadsviewsr2 {
	position:absolute;
	top:1050px;
	left:85%;
}


/* RULES FOR AFFILIATE ADS ON HEALTH PAGES */

.googleadhealthr1 {
	position:absolute;
	top:100px;
	left:85%;
}


/* RULES FOR AFFILIATE ADS ON CONTACTS PAGES */

.googleadscontactl1 {
	position:absolute;
	top:150px;
	left:2%;
	z-index:-1;
}



.googleadscontactr1 {
	position:absolute;
	top:400px;
	left:85%;
}

/* RULES FOR AFFILIATE ADS ON LINKS PAGES */

.googleadlinksl1 {
	position:absolute;
	top:150px;
	left:2%;
}


.googleadlinksr1 {
	position:absolute;
	top:150px;
	left:85%;

}


/* RULES FOR AFFILIATE ADS ON PRIVACY PAGES */

.googleadprivacyl1 {
	position:absolute;
	top:150px;
	left:2%;
}

.googleadprivacyr1 {
	position:absolute;
	top:150px;
	left:85%;
}


/* GENERAL RULES FOR ADS ON ALL SUB-PAGES */

#rightads {
	float:right;
	margin:0 5px 0 0;
}

#leftads {
	float:left;
	margin:30% 0 0 -16%;
	
}

/*RULES FOR GOOGLE SEARCH BOX */

#googlesearch {
	position:absolute;
	top:5px;
	left:62%;
	
}