/* @override http://starplace/application/lib/css/main.css */

html { overflow-x: hidden; padding: 0; margin: 0; text-rendering: optimizeLegibility; }

body { color: #1c1c1c; font-family: Georgia, serif; /*Georgia, serif;*/ font-size: 18px; line-height: 24px;  text-align: center; padding: 0; margin: 0; }
/*body { color: #1c1c1c; font-family: "ronnia-1","ronnia-2", sans-serif; Georgia, serif; font-size: 18px; line-height: 24px; min-width: 994px; text-align: center; padding: 0; margin: 0; }*/

.wrapper { width: 950px; margin: 0 auto; text-align: left; position: relative; }

a { color: #0A7BC1; text-decoration: none; border-bottom: 1px dotted #0A7BC1; outline-style: none;;}
a:hover { border: 0; }

/*h1, h2, h3, h4, h5, h6 { font-weight: 900; }*/
h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; }

h1 { font-size: 70px; }
h2 { font-size: 36px; line-height: 1.1em; }
h3 { font-size: 28px; margin: 22px 0 0 0;}
h4 { font-size: 18px; margin: 22px 0 0 0;}
h5 { font-size: 14px; margin: 0;}
h4 a,
h5 a { border: 0;}
h4 a {  }
h5 a { color: #acacac; }

#logo { float: left; }
#logo h1 { }
#logo h1 a { text-indent: -9999px; width:  314px; height: 40px;
border: 0;
display: block;
	background-image: url(/public/images/logos/starplace-logo.png);
	border-radius: 4px; -moz-border-radius: 4px;
}

#logo h1 a span {
	text-indent: -9999px;
}

#nav { float: right; margin-top: 28px; }
#nav ul { list-style: none; }
#nav ul li { float: left; }
#nav ul li a { float: left; display: block; margin: 0 4px; color: black; background-color: white; padding: 4px 20px; border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; border: 0; line-height: 32px; }
#nav ul li a.selected,
#nav ul li a:hover { background-color: #2a455d; color: white; }


.ws-twitter-entry { clear: both; padding: 15px 0; position: relative; }
.ws-twitter-entry p { margin: 0; font-size: 15px;}
.ws-twitter-entry p span { margin-left: 10px; font-size: 12px; color: #acacac; display: block; clear: both; position: absolute; margin: -5px 0 0 50px; }
.ws-twitter-entry img { float: left; margin-top: 5px; }

.site-item { border-top: 2px solid #1c1c1c; margin: 20px 0; clear: both; }
.site-item:first-child { border-top: none; }
.site-item .title { width: 360px; float: left; }
.site-item .meat { width: 580px; float: right; }

body#ws-- #header,
body#ws-home #header { height: 400px; margin-top: -400px; }

#ws-portfolio-slider { height: 400px; -webkit-box-shadow: #000 0px 1px 5px; }
.ws-portfolio-slider-controls { position: absolute; width: 450px; height: 175px; background-color: white; margin-top: -200px; margin-left: 480px;}
.ws-portfolio-slider-controls h3 { margin: 20px 10px 15px 20px; font-size: 23px; }
.ws-portfolio-slider-controls h3 a { border: 0; color: black; }
.ws-portfolio-slider-controls p { margin: 5px 10px 5px 20px; font-size: 16px; line-height: 1.4em;}
#ws-portfolio-slider-background { background-repeat: no-repeat; background-position: top center; width: 100%; height: 400px; }
#ws-portfolio-slider ul.controls { position: absolute; bottom: 0px; right: 0px; margin: 0; padding: 0; list-style: none; }

#ws-portfolio-slider ul.controls li { float: left; cursor: pointer; padding: 2px 4px; text-shadow: #000000 0px 0px 3px; }
#ws-portfolio-slider ul.controls li:hover { color: blue; text-shadow: #2a455d 0px 0px 3px; }

ul#portfolio { list-style: none; margin: 0; padding: 0; }
ul#portfolio .portfolio-item { border: 1px solid #ccc; position: relative; display: block; float: left; overflow: none; width: 180px; height: 180px; margin: 4px; background-repeat: no-repeat; background-position: center center; }
ul#portfolio .portfolio-item a.overlay { opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);

position: absolute; background-color: black; color: white; width: 180px; height: 180px; }
ul#portfolio .portfolio-item a.overlay h4 { font-size: 16px; margin: 5px; }
ul#portfolio .portfolio-item a.overlay p { font-size: 14px; margin: 5px; }
ul#portfolio .portfolio-item a { border: 0; }

#footer { 
	position: relative;
	color: #e2e2d9;
	padding: 20px 0 10px 0;
	margin: 80px 0 0 0;
	font-size: 13px;
	line-height: 1.5em;
	background: #2a455d url(../images/footer-top-background-2.jpg);
	text-shadow: #000000 1px 1px 0px;
	text-align: left;
/* 2a455d */	
}

#footer .divider {
	background: transparent url(../images/footer-top-background.png) repeat-x left top;
	width: 100%;
	height: 10px;
	position: absolute;
	top: 0;
}

#footer a { color: #e2e2d9; border: none; text-decoration: underline; }
#footer hr { border: 0; border-top: 1px solid #505c68;}
#footer h2 { font-size: 14px; text-transform: uppercase; }

.footer-nav { text-transform: uppercase; float: left;}
.footer-nav a { text-decoration: none; }
.footer-buttons { float: right; }

#footer a#-home { }
#footer a#-blog { }
#footer a#-projects { }
#footer a#-twitter { }

.address { float: left; margin-left: 100px; /*border-left: 1px solid #32506c; padding-left: 5px; */}
.address p { margin: 0; }
.address p.name {}
.address p.address { margin: 8px 0 4px;}
.address p.email {}
.address p.phone {}
.address p.vcard {}

.footer-form { width: 390px; float: left; }
.footer-form ol { list-style: none; margin: 0; padding: 0; }
.footer-form ol li { list-style: none; margin: 0; padding: 0; }
.footer-form ol li p { margin: 0; }
.footer-form span.mandatory { display: none; }
.footer-form .form_textarea { width: 370px; }
.footer-form .form_input_text { width: 372px; }
.footer-form .form_input_text,
.footer-form .form_textarea { background-color: #303c48; border: 1px solid #505c68; color: #e2e2d9; font-size: 13px; font-family: Georgia, serif; padding: 5px;}
.footer-form .ws-submit-button { background-color: #505c68; border: 0; color: #e2e2d9; padding: 5px 20px; margin: 0; cursor: pointer; }
.footer-form .ws-submit-button:hover { background-color: #808c98;  }
.footer-form hr { display: none; }

.footer-form input,
.footer-form textarea {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-background-clip: padding-box;
}

.footer-form input:focus,
.footer-form textarea:focus {
    box-shadow: 0 0 5px rgba(228, 228, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(228, 228, 255, 1); 
    -moz-box-shadow: 0 0 5px rgba(228, 228, 255, 1); 
    -webkit-background-clip: padding-box;
}


#product p img { margin: 5px; }