/*  

Author: Kya
Contact: kyaish@gmail.com
Collective: http://dazzle.nu
Personal Blog: http://kya.nu
Comments: I have spent many hours working on this layout and playing with the CSS so I appreciate that no one directly takes ALL of the design elements in this file. I can't stop you from taking snippets and I guess that is how many of us learn. So if you are here to see how I have created some effects I hope it can help in some way, as long as it's being taken for the right reasons and not just to simply copy one of my designs. 

*/

body
{	color: #204958;
	font-family: Helvetica, Georgia, "Trebuchet MS", Arial, Tahoma, Verdana,  Georgia;
	font-size: 10pt;
        background: #EFEFEF;
	margin: 0px;
	padding: 0px;
        line-height: 25px;
        text-align: justify;}


b, strong 
{       color: #E11F9F;
        font-weight:bold;}

a 
{	color: #39B313; 
	text-decoration: none;
	border-bottom: 0px dotted #A8A01E;}

a:hover
{	text-decoration: underline;
	color: #EC425E;}


ul
{	list-style-image: url(bullet.png);}

ol
{	list-style: lower-roman;}

table
{	margin: 0px auto;}

.sweet td
{	border-bottom: 1px dotted #E3E5E2;
	padding: 0px 20px 0px 20px;}

input, textarea, select 
{;	margin: 0px;
	padding: 10px;
	color: #133C79;
	background: #D9F8FB;
	border-left: 5px solid #BFF2F6;
	border-right: 0px; border-top: 0px; border-bottom: 0px;
	font-weight: normal;}

input:focus, textarea:focus, option:focus, select:focus 
{	font-weight: normal;
	background: #D9F8FB;
	border-right: 0px; border-top: 0px; border-bottom: 0px;
	border-left: 5px solid #BFF2F6;}

h2
{       color: #65D2D9; 
        font-size: 15pt;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	letter-spacing: 1px;
        padding: 5px 5px 5px 5px;
	margin: 0px 0px -10px 0px;}

blockquote
{       display: block;
	background: #D9F8FB;
        padding: 25px;
	color: #1B571F;
	border-left: 10px solid #BFF2F6;
        font-weight: normal;}

#wrap
{	width: 700px;
	margin: 50px auto 50px auto;
	border: 15px solid #93E6E9;}

#header
{	width: 700px;
	height: 100px;
	background: url(head.jpg);
	margin: 0px auto;}

	#header h2
	{	padding: 15px 0px 0px 420px;
		font-weight: bold;
		color: #F31186;
		text-transform: lowercase;
		font-size: 40pt;}

	#header h3
	{	padding: 0px 0px 0px 280px;
		color: #2ACA4C;
		font-size: 13pt;}

#content
{	margin: 0px auto;
	background: #E7FCFD;
	width: 700px;}

#page
{	width: 650px;
	margin: 0px auto;
	padding: 20px;}

#nav
{	text-align: center;
	width: 700px;
	margin: 0px auto;
	background: #87E5EB;
	padding: 20px 0px 20px 0px;}

#nav a
{	font-size: 14pt;
	color: #FFF;
	padding: 10px 10px 10px 10px;}

#nav a:hover
{	color: #74C515;
	text-decoration: none;}

#footer 
{	clear: both;
	width: 700px;
	height: 100px;
	background: url(foot.jpg);
	margin: 0px auto;}

	#footer h2
	{	padding: 30px 0px 0px 30px;
		color: #5CADEC;
		font-weight: bold;
		font-size: 13pt;}

.pad
{	background: #ACF4B5;
	padding: 10px;
	margin: 10px;}

.codes
{	background: #ACF4B5;
	padding: 10px;
	text-align: center;}

.affle
{	margin: 2px;
	border: 0px;}

.affiliates
{	text-align: center;}

.affiliates a
{	border-bottom: 0px;}

.affiliates a:hover 
{	border-bottom: 0px;}

.affiliates a img 
{ 	border: 5px solid #ACF4B5;
	background: #ACF4B5;}

.affiliates a:hover img 
{	border: 5px solid #FAF158;
	background: #FAF158;}

.codesort label {
	float: left;
	width: 12em;
	text-align: right;
	margin: 0 0.5em 0 0;}

.codesort a
{	border-bottom: 0px;}

.codesort a:hover
{	border-bottom: 0px;}

.codesort img 
{ 	border: 7px solid #ACF4B5;
	background: #ACF4B5;}

.codesort a img 
{ 	border: 7px solid #ACF4B5; 
	background: #ACF4B5;}

.codesort a:hover img 
{	border: 7px solid #FAF158;
	background: #FAF158;}

.left {
	text-align: left;}

.menuu {
	text-transform: uppercase;}

.owned
{	text-align: center;
	margin: 30px auto;}

.owned a:hover 
{	border-bottom: 0px;}

.owned a img 
{ 	border: 10px solid #ACF4B5; 
	background: #ACF4B5;}

.owned a:hover img 
{	border: 10px solid #FAF158;
	background: #FAF158; }

#dazzle
{	width: 700px;
	background: #77F188;
	color: #21852F;
	font-size: 9pt;
	overflow: hidden;
	margin: 0px auto;
	line-height: 25px;
	padding: 0px 0px 25px 0px;
	clear: both;}

#dazzle p
{	padding: 25px 0px 25px 0px;
	margin: 0px;}

#dazzle .owned
{	padding: 15px 0px 0px 0px;}

#dazzle b
{	color: #21852F;}


#dazzle a
{	color: #02C41D;
	border-bottom: 0px solid;}


#dazzle a:hover
{	border-bottom: 0px solid #A1BE2C;
	background: transparent;
	color: #169628;}

#dazzle .two
{	width: 310px;
	padding: 25px 20px 0px 20px;
	float: right;}

#dazzle .three
{	width: 310px;
	padding: 25px 20px 0px 20px;
	float: left;}

#dazzle h2
{       color: #32C246; 
        font-size: 17pt;
	font-weight: normal;
	text-align: center;
	border-bottom: 0px solid #F1CE70;
        padding: 0px 0px 25px 0px;
	margin: 0px;}