/*
VERSION: 9.0
AUTHOR: Andrea Stefanato
*/

body {
	background-color: #4A5366;
}

#wrapper, #wrapper p {
	color: #CCC;
	font-family: "Helvetica Neue", arial;
	font-weight: 300;
}


h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; line-height: 1em; color: #fff; margin-bottom: 0.5em; }
p { font-size: 14px; line-height: 21px }
a:link, a:visited {
	color: #FFF;
}
a:hover { text-decoration: none; }
strong { font-weight: bold }


#super-nav {
	height: 24px;
	font-size: 11px;
	padding-top: 6px;
	letter-spacing: 0.5px;
	background-color: #0A111F;
}
#super-nav, #super-nav a {
	color: #4A5366;
}
#super-nav a { text-decoration: none; padding: 6px 0 8px 0;  }
#super-nav a:hover {
	color: #FFF;
}
#super-nav span {
	margin: 0 4px;
	color: #4A5366;
}

#top-contact { text-align: right }

#content, #footer { margin-bottom: 1.5em; }
#header {
	background-color: #263248;
}

#logo { height: 114px }
#logo h1, #logo h2 { text-indent: -9999px; }
#logo a { height: 114px; width: 220px; display: block; background: url('../web/img/logo.png') no-repeat; }
#logo a:hover { background-position: bottom; }

#nav {
	width: 600px;
	height: 114px;
	display: block;
	float: right;
	margin: 0 -15px 0 0;
}
#nav ul { margin: 0; padding: 0; }
#nav li { display: inline; text-indent: -9999px; margin: 0; padding: 0; }
#nav li a {
	display: block;
	float: left;
	height: 114px;
	background-image: url('../web/img/nav.png');
	background-repeat: no-repeat;
	background-position: top;
	cursor: pointer;
}

#nav li.page-item-2 a {
	width: 103px;
	background-position: 0 0;
}
#nav li.page-item-8 a {
	width: 130px;
	background-position: -104px 0;
}
#nav li.page-item-13 a {
	width: 85px;
	background-position: -235px 0;
}
#nav li.page-item-24 a {
	width: 91px;
	background-position: -321px 0;
}
#nav li.page-item-14 a {
	width: 98px;
	background-position: -413px 0;
}

#nav li.page-item-18 a {
	width: 87px;
	background-position: -512px 0;
}


#nav li.page-item-2 a:hover { background-position: 0 -228px; }
#nav li.page-item-8 a:hover {
	background-position: -104px -228px
}
#nav li.page-item-13 a:hover {
	background-position: -235px -228px
}
#nav li.page-item-24 a:hover {
	background-position: -321px -228px
}
#nav li.page-item-14 a:hover {
	background-position: -413px -228px
}
#nav li.page-item-18 a:hover {
	background-position: -512px -228px
}

#nav li.page-item-2.current_page_item a { background-position: 0 -114px; }
#nav li.page-item-8.current_page_item a { background-position: -104px -114px; }
#nav li.page-item-13.current_page_item a { background-position: -227px -114px; }
#nav li.page-item-24.current_page_item a { background-position: -367px -114px; }
#nav li.page-item-14.current_page_item a { background-position: -459px -114px; }
#nav li.page-item-18.current_page_item a { background-position: -500px -114px; }

#footer {
	padding: 0.65em 0 80px 0;
	margin: 40px auto 100px auto;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #263248;
}
#footer p {
	color: #999;
	font-size: 12px;
	line-height: 17px;
}
#footer a {
	color: #999
}
#footer a:hover {
	color: #CCC;
}
#footer strong { font-weight: bold }

#ft-nav ul,
#ft-nav li { margin:0;padding:0;list-style: none}
#ft-nav a {
	display: block;
	padding: 1px 8px;
	text-decoration: none;
	font-size: 12px;
}
#ft-nav a:hover {
	background-color: #263248;
}

.post { margin: 1.5em 0 }
.post h2 { margin-bottom: 0.5em }
.post img { margin-bottom: 5px; }
.post img.hidden-ss { display: none; }

#smart img { margin: 15px 0 30px 0 }
#smart h1 { text-indent: -9999px; }

p.lead { font-size: 24px; font-weight: normal; }

.callout-link  { margin-bottom: 45px; }
.callout-link a { display: block; padding: 4px 8px; background: #3a2e2b; margin-left: 56px; color: #efefef; text-decoration: none;  }
.callout-link a:hover { color: #73d2b7; background: #2f2726; }
.callout-link a span { text-decoration: underline;  }
.callout-link a:hover span { text-decoration: none;  }

body.home .callout-link a { margin-left: 0; }

/* -- homepage -- */
#callout { height: 317px; background: url('../web/img/home-callout-bg.png') repeat-x; position:relative }
#mission { margin: 60px 0 0 0 }

.aktt_tweets ul,
.aktt_tweets li { padding:0;margin:0;list-style:none; line-height: 16px; }
.aktt_tweets ul { margin-top: -10px; position: relative; }
.aktt_tweets li {
	padding: 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #263248;
}
li.aktt_more_updates  { display:none }

#mainblurb h2 { font-size: 34px; font-weight: bold; position: relative; margin-top: -8px }
#mainblurb p { font-size: 18px; line-height: 26px; letter-spacing: 0.25px }

#rotator { position: relative; background: none; }
#rotator a { height: 317px; width: 520px; display: block; position: absolute; top: 0; left: 0; background: none; }


#pager { margin-top: 10px; float: right; display: inline }
#pager a {
	color: #efefef;
	padding: 2px 4px;
	text-decoration: none;
	font-size: 11px;
	margin: 0 5px 0 0;
	background-color: #374868;
}
#pager a:hover, #pager a.activeSlide  {
	color: white;
	background-color: #263248;
}

#brown-blog { padding: 20px; background: #2d2524;  }

#options { margin: 25px 0 0 0; }
#options a { display: block; height: 42px; width: 165px; text-indent: -9999px; float: left }
#options a#lm { background-image: url('../web/img/buttons/lm.png'); margin-right: 20px; }
#options a#git { background-image: url('../web/img/buttons/git.png'); }
#options a:hover { background-position: bottom; }

body.home #content { margin: 60px 0 0 0; }
body.home h2 { font-weight: 300; font-size: 24px; margin-bottom: 10px}

.portfolio-item {
	height: 260px;
	width: 200px;
	padding: 10px;
	float: left;
	display: block;
	margin-right: 20px;
	background-color: #0A111F;
}
.portfolio-item:hover { background: #111; }
.portfolio-item h2 { margin: 0; }
.portfolio-item h2 a { font-size: 16px; font-weight: 300; text-decoration: none; color: #cbc5c3; line-height: 20px; width: 200px; height: 60px; display: block }
.portfolio-item h2 a:hover {
	color: #4A5366;
}

#pitch { padding: 50px 0 5px 0; display: block;}

#tweets { padding-left: 10px }

/* --- portfolio page --- */
body.page-template-portfolio-php #callout { height: 440px }
#callout .portfolio-item {
	background-color: #0A111F;
}
#callout .portfolio-item:hover { background: #000; }

.portfolio-nav { position: absolute; top: 360px; }
.portfolio-nav a { height: 48px; width: 48px; display: block; text-indent: -9999px; }
.portfolio-nav a:hover { background-position: bottom; }

#next.portfolio-nav { right: 0; }
#prev.portfolio-nav a { background-image: url('../web/img/portfolio-left.png');  }
#next.portfolio-nav a { background-image: url('../web/img/portfolio-right.png') }

body.s-category-project #pager { display: block; margin-top: 0  }
body.s-category-project #pager a { color: #ccc; padding: 4px 6px; text-decoration: none; font-size: 13px; background: #3a2e2b; margin: 0 5px 0 0; }
body.s-category-project #pager a:hover, body.s-category-project #pager a.activeSlide  { background: #251d1b; color: #73d2b7; }

#screenshots { margin-top: 30px; height: 640px; width: 640px }
#screenshots img { height: 640px; width: 640px  }
#project-desc { margin-top: 30px }
#project-desc h2 { font-weight: 300; font-size: 36px; padding-bottom: 10px; border-bottom: 1px solid #61514c; }
#project-desc h3 { font-weight: 300; font-size: 16px; margin: 30px 0 10px 0; }
#project-desc p { padding-right: 2em; }

#project-desc #details { margin-top: 30px; font-size: 14px; padding: 1em; background: #413430; border-top: 6px solid #372a26 }
#project-desc #details td { padding: 0 0 4px 0; }
#project-desc #details td.desc { width: 80px }

#pager small { font-size: 11px; margin-right: 10px ;}


/* --- services page --- */
body.page-template-services-php #callout img { margin-top: 40px; }
#four-d { margin-bottom: 1em; }
#four-d p { padding-right: 1em; }
body.page-template-services-php h2 { margin-bottom: 16px; }
body.page-template-services-php h4 { font-size: 14px; margin-bottom: 4px; }
body.page-template-services-php ul,
body.page-template-services-php li { margin:0;padding:0; list-style: none; }
body.page-template-services-php li {
	font-size: 16px;
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #263248;
}
body.page-template-services-php #options a#git { position: relative; bottom: 55px; left: 240px; }

ul#hire-us { margin-top: -10px; }
ul#hire-us li { list-style-image: url('../web/img/arrow.png'); padding-left: 5px; padding-bottom: 8px; padding-top: 8px; margin-left: 15px; }

ul#services-list { margin-right: 30px; }
ul#services-list li {
	padding: 15px;
	margin-bottom: 0;
	background-color: #263248;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-bottom-style: solid;
	border-bottom-color: #0A111F;
}
ul#services-list li strong { display: block; font-size: 22px; line-height: 24px;}

/* --- about page --- */
body.page-template-about-php #content { margin-top: 30px;  }
body.page-template-about-php p.lead { font-size: 21px; line-height: 24px; margin-bottom: 15px;  }
#about-callout { margin: 110px 0 0 30px }
#about-callout #options { margin: 30px 0 0 0 }
.about-details { margin: 10px 0 0 0;  }
.about-details p.lead { margin-left: -30px; position: relative; }
.about-details p.lead strong { font-weight: normal; color: white; }

#us { margin: 50px 0 0 0 }
#us #pager { margin: 0 }

p.testimonial { background:url('../web/img/testimonial-bg.png') bottom left no-repeat; padding: 20px; padding-bottom: 40px; font-size: 13px; line-height: 19px; margin-bottom: 10px;}

img.avatar { float: left; border: solid #251d1b; border-width: 0 4px 4px 0; margin: 5px 20px 75px -30px }

#about-sidebar { margin-top: -20px; position: relative; }
#about-sidebar ul,
#about-sidebar li { margin: 0; padding: 0; font-weight: normal; font-size: 17px }
#about-sidebar li { list-style: none; line-height: 1em; padding: 8px 0; border-bottom: 1px solid #503e3e; }
#about-sidebar span { font-size: 11px; display:block; }
#about-sidebar h3,
#about-sidebar .alpha li,
#about-sidebar p { margin-left: 30px; }
#about-sidebar h3 { font-weight: normal; border-bottom: 1px solid #61514c; padding-bottom: 10px; margin-top: 30px; }

/* -- contact -- */
#wufoo-form { margin-top: 50px }
#form {
	float: left;
}
.classform {
	background-color: #B0B8C8;
	border: 1px ridge #445980;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #263248;
	padding: 4px;
	margin: 4px;
}

.classform table a:link{
	text-decoration: none;	 
}
.btn_invio {
	background-image: url(../../../img/invia.jpg);
	height: 42px;
	width: 164px;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: hand;
	background-color: #4A5366;
}
.btn_invio:hover{
	background-image: url(../../../img/invia_over.jpg);
	height: 42px;
	width: 164px;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: hand;
	background-color: #4A5366;
}fieldset {
	border: 1px dotted #263248;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
}
fieldset legend {
	background-color: #4A5366;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 3px;
	padding-left: 3px;
	font-size: 11px;
	color: #263248;
}