/* created by Ariel Jatib - 2009 */
@import url(http://fonts.googleapis.com/css?family=Delius);

@font-face
{
font-family: 'Ma Sexy';
src: url('Ma Sexy.ttf');
}

body {
	background-image: url(../images/dirt_bg.jpg);
	font-family: 'Delius', 'lucida grande', 'trebuchet ms', Helvetica, Geneva, Arial, sans-serif;
}

h1 {
	font-family: 'Ma Sexy';
	font-size: 2em;
}

a, input.button { transition: all 0.3s ease;}

/* --- GLOBALS STYLES --- */
.hide {
	display: none;
	}

.spacer {
	height: 325px;	
}

.floatleft {
	float: left;
	}

.floatright {
	float: right;
	}

.smalltext {
	font-size: small;
	}

.mediumtext {
	font-size: medium;
	}

.emphasis {
	font-weight: bold;
	}
	
.highlight {
	background-color: #F8DAFB;
	padding: 0 2px;
	}

.pushtop { /*used for portfolio*/
	margin-top: 30px;
}

/* --- LINKS --- */
div.home {
	width: 100%;
	text-align: right;
	margin: 6px 0 13px;
	font-size: smaller;
	}
	
div.home a, div.home a:link, div.home a:visited {
	background-color: none;
	text-decoration: none;
	color: #FF7DD4;
	padding: 0 12px;
	border-radius: 13px;
	display: inline-block;
}

div.home a:hover, div.home a:active {
	background-color: #FF7DD4;
	color: #fff;
	-webkit-box-shadow: 0px 0px 9px 3px rgba(255, 125, 212, .6);
	-moz-box-shadow: 0px 0px 9px 3px rgba(255, 125, 212, .6);
	box-shadow: 0px 0px 9px 3px rgba(255, 125, 212, .6);
}

a.contact {
	background-color: #F8DAFB;
	padding: 10px;
	border-radius: 16px;
	display: inline-block;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(248, 218, 251, .75);
	-moz-box-shadow: 0px 0px 15px 5px rgba(248, 218, 251, .75);
	box-shadow: 0px 0px 15px 5px rgba(248, 218, 251, .75);
	transition: all 0.4s ease;
	color: #333;
}

a.contact span {
	font-size: 1.9em;
	font-family: 'Ma Sexy';
	color: #FF7DD4;
	padding: 6px;
	transition: color 0.4s ease;
}

a.contact:hover span {
	color: white;
}

a.contact:hover {
	background-color: rgb(255, 125, 212);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 125, 212, .6);
	-moz-box-shadow: 0px 0px 15px 5px rgba(255, 125, 212, .6);
	box-shadow: 0px 0px 15px 5px rgba(255, 125, 212, .6);
}

/* --- LAYOUT ---*/
#main {
	background: #fff url(../images/header_bg.png) repeat-x scroll 0 0;
}

#content {
	width: 800px;
	margin: 0 auto;
	padding-top: 40px;
	text-align: left;
	}

#copy {
	margin-top: -95px;
	margin-left: 180px;
	width: 520px;
	color: #333;
	font-size: 1.25em;
}	

#copy p {
	line-height: 1.2em;
}

.infobox {
	margin-top: 20px;
	padding: 5px;
	width: 250px;
	height: 200px;
	}

.infobox ul {
	margin-left: 10px;
	margin-top: -8px;
	}
	
.infobox a:link, .infobox a:visited {
	/*font-family: "Bank Gothic" , "Gil Sans" , Verdana, Arial;*/
	border-radius: 0 13px 13px 0;
	display: inline-block;
	text-transform: uppercase; 
	text-decoration: none;
	color: #FF7DD4;
	padding: 2px 13px;
	}

.infobox a:hover, .infobox a:active {
	background-color: #FF7DD4;
	color: #FFF;
	}

/* --- portfolio --- */
.portfolio {
	margin-left: -80px;
	padding: 10px;
	}

/* --- contact form --- */
div.form {
	background-image: url(../images/contact_bg.png);
	background-repeat: repeat-y;
	width: 480px;
	margin-top: 20px;
	}
	
label {
	padding: 6px 0 3px 66px;
	float: left; 
	}

input {
	border: thin #FF7FD4 solid;
	font-size: large;
	height: 27px;
	vertical-align: bottom;
	padding: 5px 0 0 9px;
	width: 240px;
	}

textarea {
	font-family: "lucida grande", "trebuchet ms", Helvetica, Geneva, Arial, sans-serif;
	border: thin #FF7FD4 solid;
	font-size: large;
	padding: 5px;
	width: 240px;
}

div.actions {
	width: 100%;
	margin-top: 20px;
	text-align: center;
	}

input.button {
	border: solid #FAE8F9 thick;
	padding: 3px;
	width: 330px;
	height: auto;
	color:#FF7FD4;
	background-color: #FCF4FC;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
	
input.button:hover {
	border: solid #FF7FD4 thick;
	color:#FCF4FC ;
	background-color: #FF7FD4;
	font-weight: bold;
	}


#footer {
	background: transparent url(../images/footer_bg.png) repeat-x scroll 0 0;
	height: 19px;
	width: 100%;
	margin-bottom: 0;
	padding: 110px 0 6px;
	text-align: center;
	font-size: small;
	color: white;
	clear: both;
}

/* FIXES */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */