/*
	The Creative Frog stylesheet
	
	Author: Nicholas Robinson
	Email: nicholas@pixelumbrella.com
	Website: http://www.pixelumbrella.com
	
	Table of Contents:
		layout
		navigation
		typography
		images
*/

/* layout
----------------------------------------------- */
body {
	background-color:#99cc66;
	background-image:url(images/bkg-dots.gif);
	background-position:top center;
	background-repeat:repeat;
	padding:0;
	margin:0;
	}
body#idblog {
	background-color:#669966;
	background-image:none;
	padding:0;
	margin:0;
	}

#container {
	background-image:url(images/bkg-page.gif);
	background-position:top center;
	background-repeat:repeat-x;
	padding:43px 0 0 0;
	}
#idblog #container {
	background-image:url(images/blog-bkg-page.gif);
	}
#page {
	background-image:url(images/bkg-logo.gif);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:175px;
	width:800px;
	margin:0 auto;
	padding:44px 0 0 0;
	}
#idblog #page {
	padding:63px 0 0 0;
	}
#idblog #page {
	background-image:url(images/blog-bkg-logo.gif);
	}
#menu {
	width:438px;
	margin:0 0 0 360px;
	padding:0;
	text-align:left;
	position:relative;
	}
#left-column {
	width:165px;
	margin:147px 0 0 0;
	float:left;
	}
#idblog #left-column {
	margin:33px 0 0 0;
	}
#idhome #right-column {background-image:url(images/bkg-content-GreenGreen.gif);}
#right-column {
	width:601px;
	margin:28px 0 0 0;
	float:right;
	background-image:url(images/bkg-content.gif);
	background-position:center 109px;
	background-repeat:repeat-y;
	}
#idblog #right-column {
	background-image:url(images/blog-bkg-content.gif);
	}
#idhome #right-column .content {background-image:url(images/bkg-pg-top-GreenGreen.gif);}
#idprofile #right-column .content {background-image:url(images/bkg-pg-top-Maroon.gif);}
#idshows #right-column .content {background-image:url(images/bkg-pg-top-Red.gif);padding-top:47px;}
#idproducts #right-column .content {background-image:url(images/bkg-pg-top-Orange.gif);}
#idshop #right-column .content {background-image:url(images/bkg-pg-top-Green.gif);}
#idcontact #right-column .content {background-image:url(images/bkg-pg-top-BlueGreen.gif);}
#idblog #right-column .content {background-image:url(images/blog-bkg-pg-top.gif);}
#right-column .content {
	background-position:top center;
	background-repeat:no-repeat;
	min-height:109px;
	padding:40px 44px 0 44px;
	}
#right-column .left {
	margin:0 10px 50px 0;
	width:192px;
	float:left;
	}
#right-column .right {
	width:301px;
	float:right;
	}
#idhome #right-column #footer {background-image:url(images/bkg-pg-bot-GreenGreen.gif);}
#idprofile #right-column #footer {background-image:url(images/bkg-pg-bot-Maroon.gif);}
#idshows #right-column #footer {background-image:url(images/bkg-pg-bot-Red.gif);}
#idproducts #right-column #footer {background-image:url(images/bkg-pg-bot-Orange.gif);}
#idshop #right-column #footer {background-image:url(images/bkg-pg-bot-Green.gif);}
#idcontact #right-column #footer {background-image:url(images/bkg-pg-bot-BlueGreen.gif);}
#idblog #right-column #footer {background-image:url(images/blog-bkg-pg-bot.gif);}
#right-column #footer {
	background-position:top center;
	background-repeat:no-repeat;
	height:70px;
	overflow:hidden;
	display:block;
	}
.clear {clear:both;}

/* navigation
----------------------------------------------- */

ul#navigation{
	height:20px;
	width:438px;
	background-image:url(images/nav.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	}
ul#navigation li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-9999px;
	}
ul#navigation li, ul#navigation a{
	height:20px;
	display:block;
	}
ul#navigation li a{
	text-indent:-9999px;
	text-decoration:none;
	}

/* nav menu */
	li#profile {left:0; width:77px;}
	li#shows {left:90px; width:70px;}
	li#products {left:175px; width:97px;}
	li#shop {left:288px; width:50px;}
	li#contact {left:347px; width:89px;}

/* nav hover */
	li#profile a:hover	{background:transparent url(images/nav.gif) -0px -21px no-repeat;}
	li#shows a:hover	{background:transparent url(images/nav.gif) -90px -21px no-repeat;}
	li#products a:hover	{background:transparent url(images/nav.gif) -175px -21px no-repeat;}
	li#shop a:hover {background:transparent url(images/nav.gif) -288px -21px no-repeat;}
	li#contact a:hover {background:transparent url(images/nav.gif) -347px -21px no-repeat;}

/* nav current page */
	body#idprofile li#profile {background:transparent url(images/nav.gif) -0px -21px no-repeat;}
	body#idshows li#shows {background:transparent url(images/nav.gif) -90px -21px no-repeat;}
	body#idproducts li#products {background:transparent url(images/nav.gif) -175px -21px no-repeat;}
	body#idshop li#shop {background:transparent url(images/nav.gif) -288px -21px no-repeat;}
	body#idcontact li#contact {background:transparent url(images/nav.gif) -347px -21px no-repeat;}

/* typography
----------------------------------------------- */
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#000;
	line-height:1.4;
	}
a {outline:none;}
#right-column a:hover {text-decoration:none;}
#right-column a {
	color:#d34d1d;
	text-decoration:underline;
	}
#left-column a {
	text-decoration:underline;
	color:#000;
	}
#idblog #left-column a, #idblog #left-column a:visited {
	color:#fff;
	text-decoration:underline;
	}
#left-column a:hover {
	text-decoration:none;
	color:#fff;
	}
#left-column {line-height:1.5;}
#idblog #left-column {color:#fff;}

ul, li{margin:0;padding:0;list-style:none;}

#idhome h2 {
	color:#002727;
	font-size:18px;
	font-weight:normal;
	}
#idprofile h1 {
	color:#535353;
	font-size:22px;
	font-weight:normal;
	}
#idprofile h2 {
	color:#915052;
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	}
#idshows h1{
	color:#961e00;
	font-size:22px;
	font-weight:normal;
	}
#idshows h1{
	color:#961e00;
	font-size:22px;
	font-weight:normal;
	margin:0 0 0 3px;
	}
#idshows h2 {
	font-weight:normal;
	margin:0 0 5px 0;
	}
#idproducts h1 {
	color:#961e00;
	font-size:22px;
	font-weight:normal;
	margin-top:0;
	}
#idcontact h1 {
	color:#002727;
	font-size:22px;
	font-weight:normal;
	}
#idblog h1{
	color:#669966;
	font-size:22px;
	font-weight:normal;
	margin:0 0 0 3px;
	}
#idblog h2 {
	font-weight:normal;
	margin:0 0 5px 0;
	}
	
.formTitle, .fieldTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	}


/* images
----------------------------------------------- */
#left-column img {
	display:block;
	margin:0 0 5px 0;
	}
#blogLink {
	margin-top:20px;
	height:151px;
	width:142px;
	display:block;
	text-indent:-9999px;
	background-image:url(images/btnBlog-off.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
#blogLink:hover {background-image:url(images/btnBlog-on.gif);}
#homeLink {float:left;width:285px;height:20px;text-indent:-9999px;}