/*  

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. 

*/


/* [ THE BASIC WEBSITE ELEMENTS ]

These are basic elements that are featured throughout my website such as links, bold text, block quotes and the like.  */


body
{	color: #787771;
	font-family: Georgia, "Trebuchet MS", Arial, Tahoma, Verdana,  Helvetica, Georgia;
	font-size: 9pt;
        background: #180808 url(background.png) 0 0 repeat-x;
	margin: 0px;
	padding: 0px;
        line-height: 25px;
        text-align: justify;}


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

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

a:hover
{       color: #d1240b;
	text-decoration: underline;
	cursor: ne-resize;
	border-bottom: 0px dotted #AE7E00;}

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;}


h3
{       color: #909090; 
        font-size: 40pt;
	font-family: Georgia;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 1px;
	text-align: center;
        padding: 20px;
	margin: 5px;}

h4
{       color: #9f9f9f; 
        font-size: 15pt;
	font-family: Georgia;
	font-weight: normal;
	letter-spacing: 1px;
	border-top: 1px dotted #292727;
	border-bottom: 1px dotted #292727;
	background: #3a3737;
	text-align: justify;
        padding: 20px;
	margin: 0px 0px 0px 0px;}

h4 a
{	color: #9f9f9f;}

h2
{       color: #909090; 
        font-size: 15pt;
	font-family: Georgia;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: justify;
        padding: 10px 0px 0px 20px;
	margin: 0px 0px -5px 0px;}

blockquote
{       display: block;
	font-size: 9pt;
	font-style: italic;
	background: #3a3737;
        padding: 15px 15px 15px 15px;
	border-left: 10px solid #292727;
        font-weight: normal;}


/* [ STRUCTURE STYLES ]

They make it all go HELLO. */



#wrap
{	width: 900px;
	margin: 30px auto;
	background: #302f2f;
	border: 15px solid #270f0d;
	overflow: hidden;}

#content
{	width: 900px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #e1dddd;
	margin: 0px auto;}

#menu
{	width: 900px;
	background: #0c0203 url(menu.png) 0 0 repeat-x;
	padding: 30px 0px 30px 0px;
	text-align: center;
	border-bottom: 5px solid #250609;
	margin: 0px auto 0px auto;}

#menu a
{	padding: 30px 35px 30px 35px;
	font-style: italic;
	color: #c9c9c9;
	font-size: 15pt;}

#menu a:hover
{	color: #b21910;
	text-decoration: none;}

#head
{	width: 900px;
	height: 200px;
	font-size: 18pt;
	color: #b7b4ae;
	background: url(head.png);}

#head .title
{	padding: 100px 0px 0px 50px;
	font-size: 60pt;
	color: #d7d5d1;
	font-style: italic;}

#head p
{	padding: 20px 20px 20px 20px;
	width: 860px;
	font-style: italic;
	margin: 0px;}

#head b
{	color: #cd250b;
	font-weight: normal;}

#head u
{	color: #b0ae30;
	text-decoration: none;}

#sidebar
{	width: 265px;
	padding: 20px 15px 0px 0px;
	float: right;}

#sidebar h2
{	text-align: right;
        padding: 10px 20px 0px 0px;}

#page
{	width: 585px;
	padding: 20px 20px 30px 15px;
	float: left;}




/* [ FOOTER STYLES ]

These are the classes and style IDs that are featured in the footer document of my website. */


#footer 
{	clear: both;
	border-top: 5px solid #373636;
	font-size: 8pt;
	width: 900px;
	overflow: hidden;
	background: #414141;
	color: #9b9999;
	margin: 0px auto 0px auto;}

#footer p
{	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;}

#footer a
{	color: #a1a1a1;
	border-bottom: 1px dotted #a1a1a1;}

#footer a:hover
{	border-bottom: 1px dotted #b3b3b3;
	text-decoration: none;
	color: #b3b3b3;}

#footer .one
{	width: 410px;
	padding: 10px 20px 10px 20px;
	margin: 20px 0px 30px 0px;
	border-right: 5px solid #4f4f4f;
	float: left;}

#footer .two
{	width: 405px;
	padding: 10px 20px 10px 0px;
	margin: 20px 0px 30px 0px;
	float: right;}

	background: #3a3737;
        padding: 15px 15px 15px 15px;
	border-left: 10px solid #292727;

/* [ GENERAL WEBSITE STYLES ]

These are the classes and style IDs that are featured in the various pages of my website. */

.padding img
{ 	border: 5px solid #3a3737;
	background: #3a3737;
	text-align: center;
	margin: 15px;
	opacity: 0.7;}

.padding img:hover
{	border: 5px solid #3a3737;
	background: #3a3737;
	margin: 15px;
	opacity: 1;}

.images
{	}

.images a img
{	opacity: 0.5;
	border: 0px;}

.images a:hover img
{	opacity:1;
	border: 0px;}

.codes
{	text-align: center;}

.codes img
{ 	border: 5px solid #3a3737;
	background: #3a3737;
	text-align: center;
	opacity: 0.7;}

.codes img:hover
{	border: 5px solid #292727;
	background: #292727;
	opacity: 1;}

.codes a img 
{ 	border: 5px solid #3a3737;
	background: #3a3737;
	opacity: 0.7;}

.codes a:hover img 
{	border: 5px solid #292727;
	background: #292727;
	opacity: 1;}

.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: 5px solid #3a3737;
	background: #3a3737;
	text-align: center;
	opacity: 0.7;}

.codesort img:hover
{	border: 5px solid #3a3737;
	background: #3a3737;
	opacity: 1;}

.codesort a img 
{ 	border: 5px solid #3a3737;
	background: #3a3737;
	opacity: 0.7;}

.codesort a:hover img 
{	border: 5px solid #292727;
	background: #292727;
	opacity: 1;}




/* Say goodnight to times well lived and smile as the setting suns dips its glowing brow. */