/* 
Author: Rob watson / Blu Hippo
Project: http://www.saulwordsworth.com/
Date: 2008-06-21

SCREEN CSS - different tabs
 */


/* TAB 01 - HOME PAGE
============================*/
body#tab01 {
	background: #dceac8 url("../images/bg_main_tab_01.png") no-repeat bottom left fixed;
	}	

body#tab01 #mainnav li a {
    border-color:#A3BB82;
    color:#464E42;
}

body#tab01 #mainnav li a span {
    border-color:#A3BB82;
    background-color:#A3BB82;
}

body#tab01 #mainnav li a:hover {
    border-color:#A3BB82;
}

body#tab01 #mainnav li a:hover span {
    border-color:#A3BB82;
    background-color:#dceac8;
}		
body#tab01 #mainnav {
	border-bottom:1px solid #A3BB82;
    }	
body#tab01 #tabimg, body#tab01 #content, body#tab01 #sidebar {
	background:#A3BB82;
	color:#333333;
	}	
body#tab01 #sidebar a {
	color:#ffffff;
	}
body#tab01 #content a:hover {
	color: #464E42;
	}		
body#tab01 #sidebar a:hover {
	color: #464E42;
	}
body#tab01 #bluhippo {
	color:#A3BB82;
	}
body#tab01 #bluhippo a {
	color:#A3BB82;
	}
body#tab01 #bluhippo a:hover {
	color:#A3BB82;
	}	








	
/* TAB 02 - THE METRO
============================*/	
body#tab02 {
	background: #b0d0f1 url("../images/bg_main_tab_02.png") no-repeat bottom left fixed;
	}	

body#tab02 #mainnav li a {
    border-color:#93b0e5;
    color:#555;
}

body#tab02 #mainnav li a span {
    border-color:#93b0e5;
    background-color:#93b0e5;
}

body#tab02 #mainnav li a:hover {
    border-color:#93b0e5;
}

body#tab02 #mainnav li a:hover span {
    border-color:#93b0e5;
    background-color:#b0d0f1;
}		
body#tab02 #mainnav {
	border-bottom:1px solid #93b0e5;
    }	
body#tab02 #tabimg, body#tab02 #content, body#tab02 #sidebar {
	background:#93b0e5;
	color:#333333;
	}
body#tab02 #sidebar a {
	color:#ffffff;
	}
body#tab02 #sidebar a:hover {
	color: #1D3C7F;
	}	


body#tab02 #bluhippo {
	color:#93b0e5;
	}
body#tab02 #bluhippo a {
	color:#93b0e5;
	}
body#tab02 #bluhippo a:hover {
	color:#93b0e5;
	}
	

/* contact form */	
	body#tab02 fieldset {
		border:1px solid #b0d0f1;
		}	
	body#tab02 input {
		background:#93b0e5!important;
		border:1px solid #b0d0f1!important;
		}
	body#tab02 textarea {
		background:#93b0e5!important;
		border:1px solid #b0d0f1!important;
		}		
	
			
/* TAB 03 - THE EVENING STANDARD
============================*/





body#tab03 {
	background: #f6d0d0 url("../images/bg_main_tab_03.png") no-repeat bottom left fixed;
	}	
	
body#tab03 #mainnav li a {
    border-color:#d3a8a8;
    color:#555;
}

body#tab03 #mainnav li a span {
    border-color:#d3a8a8;
    background-color:#d3a8a8;
}

body#tab03 #mainnav li a:hover {
    border-color:#d3a8a8;
}

body#tab03 #mainnav li a:hover span {
    border-color:#d3a8a8;
    background-color:#f6d0d0;
}	
body#tab03 #mainnav {
	border-bottom:1px solid #d3a8a8;
    }	
body#tab03 #tabimg, body#tab03 #content, body#tab03 #sidebar {
	background:#d3a8a8;
	color:#333333;
	}

body#tab03 #sidebar a {
	color:#ffffff;
	}
body#tab03 #sidebar a:hover {
	color: #1D3C7F;
	}
	
body#tab03 #bluhippo {
	color:#d3a8a8;
	}
body#tab03 #bluhippo a {
	color:#d3a8a8;
	}
body#tab03 #bluhippo a:hover {
	color:#d3a8a8;
	}		

	
	
	
/*   
============================*/	
	
body#tab04 {
	background: #ecd19c url("../images/bg_main_tab_04.png") no-repeat bottom left fixed;
	}	
	
body#tab04 #mainnav li a {
    border-color:#e7c076;
    color:#555;
}

body#tab04 #mainnav li a span {
    border-color:#e7c076;
    background-color:#e7c076;
}

body#tab04 #mainnav li a:hover {
    border-color:#e7c076;
}

body#tab04 #mainnav li a:hover span {
    border-color:#e7c076;
    background-color:#ecd19c;
}	
body#tab04 #mainnav {
	border-bottom:1px solid #e7c076;
    }	
body#tab04 #tabimg, body#tab04 #content, body#tab04 #sidebar {
	background:#e7c076;
	color:#333333;
	}

body#tab04 #sidebar a {
	color:#ffffff;
	}
body#tab04 #sidebar a:hover {
	color: #1D3C7F;
	}

body#tab04 #bluhippo {
	color:#e7c076;
	}
body#tab04 #bluhippo a {
	color:#e7c076;
	}
body#tab04 #bluhippo a:hover {
	color:#e7c076;
	}	
	
	
/*   
============================*/	




body#tab05 {
	background: #d2d0d2 url("../images/bg_main_tab_05.png") no-repeat bottom left fixed;
	}	
	
body#tab05 #mainnav li a {
    border-color:#bf9ec9;
    color:#555;
}

body#tab05 #mainnav li a span {
    border-color:#bf9ec9;
    background-color:#bf9ec9;
}

body#tab05 #mainnav li a:hover {
    border-color:#bf9ec9;
}

body#tab05 #mainnav li a:hover span {
    border-color:#bf9ec9;
    background-color:#d2d0d2;
}	
body#tab05 #mainnav {
	border-bottom:1px solid #bf9ec9;
    }	
body#tab05 #tabimg, body#tab05 #content, body#tab05 #sidebar {
	background:#bf9ec9;
	color:#333333;
	}

body#tab05 #sidebar a {
	color:#ffffff;
	}
body#tab05 #sidebar a:hover {
	color: #1D3C7F;
	}

body#tab05 #bluhippo {
	color:#bf9ec9;
	}
body#tab05 #bluhippo a {
	color:#bf9ec9;
	}
body#tab05 #bluhippo a:hover {
	color:#bf9ec9;
	}		
	
	
/*  Blog tab
============================*/	
body#tab06 {
	background: #9ec9c6 url("../images/bg_main_tab_06.png") no-repeat bottom left fixed;
	}	
	
body#tab06 #mainnav li a {
    border-color:#77aada;
    color:#555;
}

body#tab06 #mainnav li a span {
    border-color:#77aada;
    background-color:#77aada;
}

body#tab06 #mainnav li a:hover {
    border-color:#77aada;
}

body#tab06 #mainnav li a:hover span {
    border-color:#77aada;
    background-color:#9ec9c6;
}	
body#tab06 #mainnav {
	border-bottom:1px solid #77aada;
    }	
body#tab06 #tabimg, body#tab06 #content, body#tab06 #sidebar {
	background:#77aada;
	color:#333333;
	}

body#tab06 #sidebar a {
	color:#ffffff;
	}
body#tab06 #sidebar a:hover {
	color: #1D3C7F;
	}


body#tab06 #bluhippo {
	color:#77aada;
	}
body#tab06 #bluhippo a {
	color:#77aada;
	}
body#tab06 #bluhippo a:hover {
	color:#77aada;
	}	


/* comment form */	
	body#tab06 fieldset {
		border:1px solid #9ec9c6;
		}	
	body#tab06 input {
		background:#77aada!important;
		border:1px solid #9ec9c6!important;
		}
	body#tab06 textarea {
		background:#77aada!important;
		border:1px solid #9ec9c6!important;
		}	
	body#tab06 p.error {
		color:#ffffff;
	}

/*   
============================*/
body#tab07 {
	background: #f4f6b2 url("../images/bg_main_tab_07.png") no-repeat bottom left fixed;
	}	
	
body#tab07 #mainnav li a {
    border-color:#c7c681;
    color:#555;
}

body#tab07 #mainnav li a span {
    border-color:#c7c681;
    background-color:#c7c681;
}

body#tab07 #mainnav li a:hover {
    border-color:#c7c681;
}

body#tab07 #mainnav li a:hover span {
    border-color:#c7c681;
    background-color:#f4f6b2;
}	
body#tab07 #mainnav {
	border-bottom:1px solid #c7c681;
    }	
body#tab07 #tabimg, body#tab07 #content, body#tab07 #sidebar {
	background:#c7c681;
	color:#333333;
	}

body#tab07 #sidebar a {
	color:#ffffff;
	}
body#tab07 #sidebar a:hover {
	color: #1D3C7F;
	}

body#tab07 #bluhippo {
	color:#c7c681;
	}
body#tab07 #bluhippo a {
	color:#c7c681;
	}
body#tab07 #bluhippo a:hover {
	color:#c7c681;
	}	

/*   
============================*/	
body#tab08 {
	background: #e3b99b url("../images/bg_main_tab_08.png") no-repeat bottom left fixed;
	}	
	
body#tab08 #mainnav li a {
    border-color:#ba8660;
    color:#555;
}

body#tab08 #mainnav li a span {
    border-color:#ba8660;
    background-color:#ba8660;
}

body#tab08 #mainnav li a:hover {
    border-color:#ba8660;
}

body#tab08 #mainnav li a:hover span {
    border-color:#ba8660;
    background-color:#e3b99b;
}	
body#tab08 #mainnav {
	border-bottom:1px solid #ba8660;
    }	
body#tab08 #tabimg, body#tab08 #content, body#tab08 #sidebar {
	background:#ba8660;
	color:#333333;
	}

body#tab08 #sidebar a {
	color:#ffffff;
	}
body#tab08 #sidebar a:hover {
	color: #1D3C7F;
	}

body#tab08 #bluhippo {
	color:#ba8660;
	}
body#tab08 #bluhippo a {
	color:#ba8660;
	}
body#tab08 #bluhippo a:hover {
	color:#ba8660;
	}	

/*   
============================*/
body#tab09 {
	background: #c9e6d0 url("../images/bg_main_tab_09.png") no-repeat bottom left fixed;
	}	
	
body#tab09 #mainnav li a {
    border-color:#83c78d;
    color:#555;
}

body#tab09 #mainnav li a span {
    border-color:#83c78d;
    background-color:#83c78d;
}

body#tab09 #mainnav li a:hover {
    border-color:#83c78d;
}

body#tab09 #mainnav li a:hover span {
    border-color:#83c78d;
    background-color:#c9e6d0;
}	
body#tab09 #mainnav {
	border-bottom:1px solid #83c78d;
    }	
body#tab09 #tabimg, body#tab09 #content, body#tab09 #sidebar {
	background:#83c78d;
	color:#333333;
	}

body#tab09 #sidebar a {
	color:#ffffff;
	}
body#tab09 #sidebar a:hover {
	color: #1D3C7F;
	}

body#tab09 #bluhippo {
	color:#83c78d;
	}
body#tab09 #bluhippo a {
	color:#83c78d;
	}
body#tab09 #bluhippo a:hover {
	color:#83c78d;
	}	

/*   
============================*/	
body#tab10 {
	background: #f6cf45 url("../images/bg_main_tab_10.png") no-repeat bottom left fixed;
	}	
	
body#tab10 #mainnav li a {
    border-color:#bf9914;
    color:#555;
}

body#tab10 #mainnav li a span {
    border-color:#bf9914;
    background-color:#bf9914;
}

body#tab10 #mainnav li a:hover {
    border-color:#bf9914;
    
}

body#tab10 #mainnav li a:hover span {
    border-color:#bf9914;
    background-color:#f6cf45;
}	
body#tab10 #mainnav {
	border-bottom:1px solid #bf9914;
    }	
body#tab10 #tabimg, body#tab10 #content, body#tab10 #sidebar {
	background:#bf9914;
	color:#333333;
	}

body#tab10 #sidebar a {
	color:#ffffff;
	}
body#tab10 #sidebar a:hover {
	color: #1D3C7F;
	}
	
body#tab10 #bluhippo {
	color:#bf9914;
	}
body#tab10 #bluhippo a {
	color:#bf9914;
	}
body#tab10 #bluhippo a:hover {
	color:#bf9914;
	}				
	
	
	
	
	
/*   LiveGuy tab
============================*/	
body#tab12 {
	background: #e8f2f1 url("../images/bg_main_tab_12.png") no-repeat bottom left fixed;
	}	
	
body#tab12 #mainnav li a {
    border-color:#52a3ab;
    color:#333333;
}

body#tab12 #mainnav li a span {
    border-color:#52a3ab;
    background-color:#52a3ab;
}

body#tab12 #mainnav li a:hover {
    border-color:#52a3ab;
    color:#52a3ab;
}

body#tab12 #mainnav li a:hover span {
    border-color:#52a3ab;
    background-color:#e8f2f1;
}	
body#tab12 #mainnav {
	border-bottom:1px solid #52a3ab;
    }	
body#tab12 #tabimg, body#tab12 #content, body#tab12 #sidebar {
	background:#52a3ab;
	color:#333333;
	}

body#tab12 #sidebar a {
	color:#ffffff;
	}
body#tab12 #sidebar a:hover {
	color: #1D3C7F;
	}
	
body#tab12 #bluhippo {
	color:#52a3ab;
	}
body#tab12 #bluhippo a {
	color:#52a3ab;
	}
body#tab12 #bluhippo a:hover {
	color:#52a3ab;
	}					
	
	
	
	
	
	
	
	
/*   
============================*/	
body#tabhp {
	background: #e3b99b url("../images/bg_main_tab_08.png") no-repeat bottom left fixed;
	}	
	
body#tabhp #mainnav li a {
    border-color:#e5b28d;
    color:#555;
}

body#tabhp #mainnav li a span {
    border-color:#e5b28d;
    background-color:#e5b28d;
}

body#tabhp #mainnav li a:hover {
    border-color:#e5b28d;
}

body#tabhp #mainnav li a:hover span {
    border-color:#e5b28d;
    background-color:#e3b99b;
}	
body#tabhp #mainnav {
	border-bottom:1px solid #e5b28d;
    }	
body#tabhp #tabimg, body#tabhp #content, body#tabhp #sidebar {
	background:#e5b28d;
	color:#333333;
	}

body#tabhp #sidebar a {
	color:#ffffff;
	}
body#tabhp #sidebar a:hover {
	color: #1D3C7F;
	}

body#tabhp #bluhippo {
	color:#e5b28d;
	}
body#tabhp #bluhippo a {
	color:#e5b28d;
	}
body#tabhp #bluhippo a:hover {
	color:#e5b28d;
	}