/* ------- HTML DOCUMENT ------ */

body 				{
				background:url('images/pattern.jpg') #24000f;
				margin:0px; 
				text-align: center;
     				}

div, p, td 			{
				font: normal 12px georgia, "times new roman", serif;
				color:#564f37;
				line-height: 140%;
	   			}

a, a:visited 			{
				text-decoration:none; 
				font-size: 12px; 
				font-weight:bold; 
				font-variant:small-caps; 
				color: #30227e; 
				border-bottom: 0px;
	     			}

a:hover				{
				text-decoration:none;
				color:#06637e; 
				border-bottom: 0px solid #3f0552; 
				cursor:ne-resize;
				}

b				{color:#433d22;}
i				{color:#097e06;}
ul				{list-style-type:circle;}


img				{background:#fff; padding:6px; border: 1px solid #bbb;}

img.no				{border:0px; padding:0px;}

select 				{
				background-color:#f0e1e1;
				border: 1px solid #c1afc2; 
				font-size:11px; 
				color:#555;
				}

.button				{
				background-color:#f0e1e1;
				border: 1px solid #c1afc2; 
				font-size:11px; 
				color:#555;
				}









/* ------- MAIN DESIGN ------ */

#main				{width: 720px; text-align: left; background: url('images/bg.jpg') #f9f5dd; ;}

#slice_01 			{width: 720px; height: 71px; background: url('images/slice_01.jpg') no-repeat;}
#slice_02 			{width: 720px; height: 68px; background: url('images/slice_02.jpg') no-repeat;}
#slice_03 			{width: 720px; height: 59px; background: url('images/slice_03.jpg') no-repeat;}
#slice_04 			{width: 720px; height: 54px; background: url('images/slice_04.jpg') no-repeat;}
#slice_05 			{width: 720px; height: 33px; background: url('images/slice_05.jpg') no-repeat;}
#slice_06 			{width: 720px; height: 8px; background: url('images/slice_06.jpg') no-repeat;}








/* ------- TOP NAVIGATION ------ */

#menu 				{padding:0 5px; text-align:center;}

#menu ul 			{list-style: none; float: left; width: 142px; margin: 0px; padding: 0px;}

#menu h4			{margin:5px 0px 0px 0px; padding:0px 5px; height:25px;}

#menu a, 
 #menu a:visited		{
				border-bottom: 1px solid #fff; 
				color: #30227e; 
				font: normal 12px tahoma, sans-serif;
				letter-spacing:1px; 
				display: block; 
				margin: 0; 
				padding:0 5px; 
				text-decoration: none;
				text-transform:none;
				}

#menu a:hover 			{color: #296695; text-transform:none; }

#menu a.topm, 
  #menu a.topm:visited,
  #menu a.topm:hover		{border:0px; display:block; height:17px;}

#menu a.list			{background: #d7d8ff;}

#menu a:hover.list		{background:#85b672; color:#000;}

#menu li 			{position: relative; font: normal 14px arial, tahoma, sans-serif; padding: 0;}

#menu ul ul ul 			{position: absolute; top: 0; left: 100%; width: 100%;}
#menu ul ul 			{position: absolute; z-index: 500; text-align:left; padding:0;}

div#menu ul ul 			{display: none;}
div#menu ul li:hover ul 	{display: block;}

div#menu ul ul, 
  div#menu ul li:hover ul ul, 
  div#menu ul ul li:hover ul ul {display: none;}

div#menu ul li:hover ul, 
  div#menu ul ul li:hover ul, 
  div#menu ul ul ul li:hover ul {display: block;}

#menu a.x, #menu a.x:visited	{background:url('images/more.gif') #d7d8ff no-repeat right;}
#menu a.x:hover			{background:url('images/more.gif') #85b672 no-repeat right; color:#000;}









/* ------- SIDE NAVIGATION ------ */

#nav				{float:right; width:210px; margin:0; padding:0;}

h5				{
				padding: 2px; 
				margin: 10px 0 0 0;
				text-align:center; 
				font: normal 19.5px "monotype corsiva", sans-serif;   
				text-transform:lowercase;
				letter-spacing:4px;
				color:#fff;
				line-height:25px;
				background: #cec795;
				border-bottom: 1px dashed #fff;
				border-top: 1px dashed #fff;
				}

a.nav				{
				display:block; 
				font: normal 12px "trebuchet ms" verdana, sans-serif; 
				background:url('images/bullet.gif') no-repeat left;
				text-transform:none;
				color:#30227e; 
				letter-spacing:2px; 
				line-height:18px; 
				border-bottom: 0px dotted #2E2D4C; 
				margin:1px 0; 
				padding:1px 15px;
				}

a:hover.nav 			{
				background:url('images/bulleth.gif') no-repeat left #afa07f; 
				color:#1a1a1a; 
				border:0;
				text-transform:none;
				}








/* ------- CONTENT (MAIN) ------ */

#content 			{float:left; width: 490px; margin: 0 0 0 10px; text-align:justify; }








/* ------- TOP CONTENT ------ */

.input2				{margin:0 auto; width:430px; text-align:center;}

#excerpt			{
				background:#f7f5e8; 
				margin: 0 20px; 
				padding:5px; 
				width:430px; 
				border-top: 2px solid #bbb7a1;
				border-bottom: 1px solid #cecab2;
				font: normal 12px "trebuchet ms", tahoma, sans-serif;
				color:#5b594c;
				line-height: 130%;
				}

#feat				{
				background:#d5d6ff; 
				margin: 0 20px; 
				padding:5px; 
				width:430px; 
				border-top: 2px solid #bbb7a1;
				border-bottom: 1px solid #cecab2;
				font: normal 12px "trebuchet ms", tahoma, sans-serif;
				color:#5b594c;
				line-height: 130%;
				text-align:center;
				}

img.featI 			{margin:2px; background-color:#c2b0c2; border:0; padding:2px;}
img:hover.featI 		{background-color:#6b6dce;}

#feat a, #feat a:hover		{border:0;}








/* ------- HEADERS ------ */

h1				{
				margin:15px 0 5px 0; 
				text-align:center; 
				font: normal 24px "century gothic", arial, sans-serif; 
				border-bottom: 3px double #666; 
				color:#8c0f0f;
				}

h1:first-letter			{
				font: bold italic 43px georgia, times, sans-serif; 
				text-transform:lowercase; 
				color:#111;
				}

h2				{
				font: normal 15px "century gothic", times, serif; 
				text-align: center;
				letter-spacing:2px; 
				text-transform:uppercase; 
				color:#016ea0; 
				margin: 25px 0 5px 0;
				padding:0px 0 3px 0;
				border-bottom: 1px dashed #b9b9b9;
				border-top: 1px dashed #b9b9b9;
				}

h3				{
				font: normal 14px "Century Gothic", arial, sans-serif; 
				letter-spacing:1px;  
				color:#138818;
				margin:10px 0 0 0; 
				text-transform:uppercase;
				text-align:center;
				}








/* ------- GUESTBOOK ------ */
.sign				{
				background:#d5d6ff; 
				border-top: 2px solid #939393;
				border-bottom: 1px solid #939393;
				margin: 0 20px; 
				padding:5px; 
				width:430px; 
				font: normal 12px "trebuchet ms", tahoma, sans-serif;
				color:#5b594c;
				line-height: 130%;
				}








/* ------- AVATARS, TEXTURES ------ */

.ava 				{float:left; margin:5px 10px; width:142px; height:135px;}

.avpreview 			{
				background:url('images/avatar_01.jpg') no-repeat;
				width: 114px;
				height: 135px;
				padding: 0;
				text-align:center;
				}

img.av				{background-color:#fff; border: 1px solid #999; padding:2px;}

.avpreview a:hover		{
				cursor: help;
				border-bottom:1px solid #A76D5E;}

.avdl{
				font-family: sans-serif;
				color: #000;
				background:url('images/avatar_02.jpg') no-repeat;
				width: 28px;
				height: 135px;}








/* ------- WEB SIGNS ------ */

.ws 				{float:left; margin:2px; width:240px; height:165px;}

.wspreview {		
				background:url('images/signs_01.jpg') no-repeat;
				width:240px; 
				height:134px;
				padding-top:18px;
				padding-left:29px;
				}

.wspreview>img 			{border:1px solid #886e8f;}

.wsdl				{		
				background:url('images/signs_02.jpg') no-repeat;
				width:240px; 
				height:31px;
				text-align:center;
				vertical-align:top;
				padding-top:2px;
				}

.wsdl>a				{color:#22245f; font: bold 12px verdana, tahoma, sans-serif; letter-spacing:1px;}

.wsdl>a:hover			{color:#77387b;}








/* ------- WALLPAPERS, PNGS, DESIGNS, PS SPLASHES ------ */

.inputD				{
				background:url('images/input_bg.jpg') repeat-y; 
				width:440px; 
				display:block; 
				font: normal 19px "Century Gothic", verdana, sans-serif;
				color:#D4B496;
				margin:0px auto;
				}

.inpreview			{
				background: #f8eeee;
				border:1px double #a9a9a9; 
				padding:3px;  
				vertical-align:top;
				}

.inh				{
				background:url('images/input_02.jpg') no-repeat right; 
				width:258px;
				height:41px;
				padding:16px 15px 0px 7px; 
				text-align:right;
				text-transform: lowercase; 
				font: italic 16px georgia, serif; 
				color:#fff;
				vertical-align:top;
				}

.input				{
				width:258px; 
				padding:4px; 
				color:#430300;
				font: normal 12px georgia, times, serif; 
				vertical-align:top;
				line-height:140%;
				}








/* ------- TUTORIALS, CREDITS, LINKS OUT, WALLPAPERS, PNGS, DESIGNS, PS SPLASHES ------ */

.input b, .tut b		{color:#52654a; font-weight:normal; font-style:italic;}

.inb, .tutb			{
				background:url('images/input_04.jpg') no-repeat; 
				width:440px; 
				height:31px; 
				padding: 6px 40px 0 40px; 
				color:#0a3e12;
				font: normal 10.5px georgia, serif; 
				letter-spacing:2px; 
				text-align:center;
				vertical-align:top;
				}

.inb a, .inb a:visited,
  .tutb a, .tutb a:visited	{
				text-decoration:none;
				font: bold 11px arial, "Century Gothic", sans-serif;
				color: #002878; 
				border-bottom:0; 
				text-transform:uppercase;
				}

.inb a:hover, .tutb a:hover	{color:#117800; text-transform:lowercase; font-size:12px;}








/* ------- TUTORIALS, CREDITS, LINKS OUT ------ */

.tuti				{
				background:url('images/input_01.jpg') no-repeat top left;
				width:90px;
				height:41px;
				}

.tuth				{
				background:url('images/input_02.jpg') repeat-y; 
				width:301px;

				padding:16px 15px 0px 15px; 
				margin:0px; 
				text-align:right;
				text-transform: lowercase; 
				font: italic 16px georgia, serif; 
				color:#fff;
				vertical-align:top;
				}



.tut				{
				background:url('images/input_bg.jpg') repeat-y; 
				width:440px; 
				padding:4px 30px 4px 30px; 
				color:#430300;
				font: normal 12px georgia, times, serif; 
				vertical-align:top;
				line-height:140%;
				}

pre 				{
				background:#d5d6ff; 
				border-top: 2px solid #939393;
				border-bottom: 2px solid #939393;
				padding:10px;
				margin: 10px;
				width: 450px; 
				font: normal 11px verdana, tahoma, sans-serif; 
				color:#111;
     				}









/* ------- FOOTERS ------ */

#footer				{
				background: url('images/footer.jpg') repeat-x #833f10; 
				color:#000;
				font: normal 11px arial, "Century Gothic", sans-serif; 
				padding:10px;
				}

#footer p			{color:#000;}
#footer a			{color:#000; border-top:1px solid #000; font: bold 11px arial, sans-serif; text-transform:uppercase;}

.container			{
				width:80%; 
				text-align:center; 
				clear:left; 
				margin:6px auto; 
				background: #dedcb0;
				font: normal 12px "trebuchet ms", tahoma, sans-serif;
				letter-spacing:1px;
				}

.container>a			{font: normal 12px "trebuchet ms", tahoma, sans-serif;}

.ad				{
				text-align:center; 
				clear:left; 
				margin:6px auto; 
				font: normal 12px "trebuchet ms", tahoma, sans-serif;
				letter-spacing:1px;
				}