@charset "utf-8";
/* 52framework General StyleSheet - contains styles for all the HTML elements this framework supports */

body {
	background:url(../images/bg.png) repeat;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:52%/1.52em;
	min-height:900px;
}

/* ** ** Common Addative Classes ** ** */
.left  { float:left}
.right { float:right}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0px; height:0px;}
.hide  { display:none}

.align_right    { text-align:right;}
.align_left     { text-align:left;}
.align_center   { text-align:center;}
.align_justify  { text-align:justify;}

a {	color:#525252;	}
a:hover, a:focus { text-decoration:underline;}
a:active, a:visited { }

blockquote {
		font-family: Georgia,"Times New Roman", Times, serif; 
		margin:5px; 
		padding:10px;
		font-size:1.52em; 
		color:#999; 
		font-style:italic; 
		line-height:1.3em; 
		width:100%; 
		quotes:none;
	}
	blockquote.left {border-right:1px dashed #ccc; width:35%;}
	blockquote.right {border-left:1px dashed #ccc; width:35%;}

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em;}
h1 {	font-size:2.52em;} 
h2 {	font-size:1.952em;} 
h3 {	font-size:1.652em;} 
h4 {	font-size:1.452em;} 
h5 {	font-size:1.252em;} 
h6 {	font-size:1.52em;}

/* ** ** ul li's ** ** */
ul li
{
	margin-left:25px;
}

/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1.52em;}
	p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

/* ** ** forms ** ** */
form fieldset {padding-top:5px; padding-left:5px; border:none; }
form fieldset legend {font-size:1.4em; padding:0 5px;}
form input[type=text], form input[type=email], form input[type=url] {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; height:20px; margin-bottom:5px; border:1px solid #ccc; padding:4px 0 1px 5px;}
form label {display:block; height:20px; font-size:1.2em;}


strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#d5d2d8; display:block; padding:0px 2px 4px 26px; background:#fff url(code.jpg) no-repeat left top; line-height:1.67em;}
pre 			{	margin:1.5em 0;white-space:pre;}

/* ** *** HEADER *** ** */
header {height:340px; position:relative; margin-bottom:5px; width:1024px;}
	header .logo {background:url(../images/title2.png) 0 0 no-repeat; height:150px; width:350px; margin:30px auto auto 0;}
	header .statement {width:670px;padding-top:75px;}
	header nav { height:100px;}
	nav ul {list-style:none;  position:relative;}
	nav ul li {float:left; margin-left:5px;}
	nav ul li a {display:block; padding:2px 8px; margin-top:8px;}
	nav ul li a:hover, nav ul li.active a {background-position:0 0;}
	
#port a{background:url(../images/po.png) 0 0px no-repeat; height:37px; width:180px; float:left;}
#port a:hover {background-position:0 -40px;}

#about a{background:url(../images/about.png) 0 0 no-repeat; height:37px; width:190px; float:left;}
#about a:hover {background-position:0 -40px;}

#contact a{background:url(../images/contact.png) 0 0 no-repeat; height:37px; width:190px; float:left;}
#contact a:hover {background-position:0 -40px;}

#h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:justify;
	color:#4A1C00;
	text-shadow:1px 1px #888;
	padding:20px;
	width:900px;
	line-height:1.2em;
	background:url(../images/arrow.png) 500px 130px no-repeat;
}
aside {min-height:525px;}	

	.submit, .submit:visited {
		background: #525252; 
		display: inline-block; 
		padding: 5px 10px 6px; 
		color: #fff; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		border:none;
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
		position: relative;
		cursor: pointer;
		margin-bottom:5px;
	}

footer { font-size:.8em;  border:none;} 

#contactform {
	float:left;
	width: 550px;
	height:500px;
	margin: 0 auto;
	border:none;
	background: url(../images/cballoon.png) top center no-repeat;
}
form {
	padding: 50px 0 0 60px;
	border:none;
}
#formLeft {
	width: 200px;
	float: left;
	}
	#formLeft input {
		padding-top:10px;
		width: 180px;
		border: none;
		background:none;
		text-indent:10px;
		font-size: 1.1em;
	}
	#formLeft .input-bg {
		background: url(../images/con_fie.png) bottom left no-repeat transparent;
		height: 40px;
		position: relative;
	}
	#formLeft .active {
		background: url(../images/con_fie.png) top left no-repeat transparent;
	}
#formRight {
	width: 220px;
	float:left;
	padding-right: 62px;
	}
	#formRight textarea {
		padding-top:10px;
		width: 199px;
		height: 157px;
		border: none;
		background: none;
		font-family: Helvetica, sans-serif;
		text-indent:10px;
		font-size: 1.1em;
	}
	#formRight .message-bg {
		background: url(../images/con_msg.png) bottom left no-repeat transparent;
		height: 165px;
		text-indent:10px;
		position: relative;
	}
	#formRight .active {
		background: url(../images/con_msg.png) top left no-repeat transparent;
	}
label {
	display: block;
	font-size: 1.2em;
	text-indent: 10px;
	font-weight: bold;
	text-align:center;
}

fieldset {
	border:none;
}

.message {
	float:left;
	color:#000;
	display:none;
	text-align:justify;
	width:550px;
	font-family:"Arial", Helvetica, sans-serif;
}
.social {
	float:left;
	width:350px;
	padding-top:60px;
}

.sentry {
	float:left;
}

.spic {
	float:left;	
}

.sexpl /* :D  */ {
	float:left;
	border:none;
}

.sexpl img {
	border:none;
}

article {
	display:block;
	width:1024px;
}

.entry {
	padding:20px 5px 20px 0;
	background:url(../images/entry.png) 0 0 no-repeat;
	background-position: -20px  0;
	width:500px;
	height:220px;
	float:left;
}

.pic {
	float:left;
	height:210px;
	width:210px;
	
}

.pic img {
	border:none;
}

.expl {
	float:left;
	padding:10px;
	width:250px;
}

.expl p {
	font:Trebuchet MS, Arial, "Helvetica", sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333;
}

.expl span {`
	font:"Verdana", Geneva, sans-serif;
	color:#333;
	font-size:16px;
	font-weight:bold;
}

.expl a{
	text-decoration:none;
	font-size:18px;
	color:#905e14;
}

.expl a:hover {
	text-decoration:none;
	font-size:18px;
	color:#905e14;
}

.rollover:hover span, .rolloverHover { 
	display: block;
}

.rollover span, .rolloverDefault { 
	background-attachment: scroll;
	background-repeat: repeat;
	background-image: url("../images/mask.png");
	background-position: 0% 0%;
	background-color: transparent;
	width: 210px;
	height: 25px;
	text-align: center;
	position: absolute;
	color: #f9f9f2;
	font-family: "Georgia", "Times New Roman", "Times", serif;
	font-weight: 700;
	font-size: 12px;
	line-height: normal;
	display: none;
	padding-top: 10px;
	margin-top:-40px;
}

#abouttext {
	padding:30px 30px 0 30px;
	text-indent:20px;
	font-family:"Lucida Grande", "Lucida Sans", "Verdana", sans-serif;
	font-size:1.3em;
	font-weight:600;
	text-shadow:1px 1px #999;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }