/* ------------------------------------------------------------

    Site name:  Soulcage.info
    Author:     deadgrafix.com

------------------------------------------------------------ */

/* ------------------------------------------------------------

	Reset

------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, sup {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}


/* ------------------------------------------------------------

	Body yms.

------------------------------------------------------------ */
body {
	background-attachment: scroll;
	background-color: #000000;
	background-image: url(../images/site_bgrd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}


/* ------------------------------------------------------------

	DIV elementit

------------------------------------------------------------ */

#header {
	height: 430px;
	width: 900px;
	margin:0 auto;
}
#header p { background:#000000; text-align:center; margin-top:200px; padding:30px; font-weight:bold;}

#wrap {
	width:900px;
	height:100%;
	padding-top:31px;
	background-image: url(../images/wrap_bgrd.jpg);
	background-repeat: no-repeat;
	background-color: #0b1315;
	margin:0 auto;
}

#wrap { display: inline-block; }
#wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #wrap { height: 1%; }
#wrap { display: block;} 

#leftcol { width:190px; float:left; margin-left:61px;}

#nosto{
	width:190px;
	background-image: url(../images/nosto.jpg);
	background-repeat: no-repeat;
	margin-bottom:40px;
	font-size: 15px;
	color: #656767;
	text-indent: 12px;
	padding-top:5px;
}
#nosto .nosto{
	width:164px;
	border: 1px solid #272d32;
	padding:12px;
	font-size: 10px;
	color: #666c6c;
	text-indent: 0;
	margin-top:10px;
}

#content {
	width:536px;
	float:right;
	margin-right:53px;
	padding-top:3px;
	padding-bottom:40px;
	z-index:1;
	display: table;
	visibility: visible;
	height: auto;
}

hr { border:none 0; }
hr {
	width: 100%;
	height: 1px;
	clear: left;
	margin-top: 20px;
	margin-bottom:20px;
	border-top: dotted 1px #363b3d;
}

/* ------------------------------------------------------------

	TYPOGRAFIA

------------------------------------------------------------ */
a:link, a:visited {color: #9a9f9e; text-decoration:none;}
a:hover {color: #c2c8c6; text-decoration:none;}
a:active {color: #696b6c; text-decoration:none;}   /* selected link */
#nosto .nosto a { color:#777777; }
#nosto .nosto a:hover { color:#aaabad; }

div, td {
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 15px;
	color: #828485;
	text-align:left;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #8c9292;
	clear:right;
	display:block;
	margin-bottom:25px;
	text-transform: uppercase;
}

h2 {
	font-size: 14px;
	color: #3b8e94;
	font-weight: bold;
	clear:right;
	line-height:22px;
	letter-spacing:0em;
	}

h5 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	color: #424748;
}

strong, b { font-weight: bold; }

em {
	font-size: 11px;
	font-weight: bold;
	color:#7e8583;
}

p { margin-top: 15px; }


/* ------------------------------------------------------------

	KUVAT

------------------------------------------------------------ */

.album img { margin-top:25px; margin-bottom:5px; border:2px solid #343d3e; }

.imgborder { border:1px solid #343d3e; }

.floatl { float:left; margin-right:5px; margin-top:5px; margin-bottom:5px; }
.floatr { float:right; margin-right:5px; margin-top:5px; margin-bottom:5px; }


/* ------------------------------------------------------------

	FORM

------------------------------------------------------------ */
.form, input, textarea, select {
	background-color: #000000;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 5px;
    font-family : "Trebuchet MS";
    font-size : 11px;
    line-height : 15px;
    font-weight : normal;
    color : #5d6a6e;
    letter-spacing : 0.1em;
    border: solid 1px #343d3e;
}
