/*
Theme Name: How to Web
Theme URI: http://how-to-web.net/
Description: How to Web
Version: 2 - 2010
Author: VISUALIS
Author URI: http://visualis.ro
*/

/* STYLE RESET */
html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, form, fieldset, legend, label, input, textarea, select, button, blockquote, q, img, font, small, strong, strike, sup, sub, em, code, abbr, acronym, pre { margin:0; padding:0; border:0; outline:none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ol, ul {list-style:none;}
/*table {border-collapse:collapse; border-spacing:0;} table, caption, th, tr, td */
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
strong {font-weight:bold;}
em {font-style:italic;}
a, a:active, a:hover, a:focus, a:visited, a:hover { outline: none; overflow:hidden;}

@font-face {
	font-family: 'HelveticaNeueLTPro77BoldConde';
	src: url('fonts/helveticaneueltpro-bdcn-webfont.eot');
	src: local('☺'), url('fonts/helveticaneueltpro-bdcn-webfont.woff') format('woff'), url('fonts/helveticaneueltpro-bdcn-webfont.ttf') format('truetype'), url('fonts/helveticaneueltpro-bdcn-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

div#footer a.wembrio,
div#footer a.visualis {text-decoration:none;}
div#footer a.wembrio em {float:left; font-style:normal; margin-top:5px; color:#AAACAE; padding-right:15px;}
div#footer a.wembrio strong {width:114px; height:25px; display:block; text-indent:-10000em; background: url(img/wembrio.jpg) no-repeat 0px 0px; float:left;}
div#footer ul li.copyright { font-family: Arial, Helvetica, sans-serif;float:left; width:900px;margin-top:15px; padding-top:15px; background:url(img/separator.jpg) no-repeat 0 0; font-size:1.1em; color:#AAACAE; text-shadow:1px 1px 0px #fff;}
div#footer ul li.copyright a {color:#AAACAE;}
div#footer ul li.copyright a:hover {color:#0098FF; }

body {background:#EEF1F2; color:#2A333F; font:62.5% Georgia, "Times New Roman", Times, serif;}
div.wrap {width:950px; margin:0px auto; padding:20px; overflow:hidden; position:relative;}

div.absolute { top:0; left:0;}
div.container {background:#fff url(img/container-main.jpg) repeat-x left bottom; padding:5px 25px 5px 25px; overflow:hidden; }


div.fixed_menu {width:990px; background: #FFF; position: fixed; z-index:9999; left:50%; top:0px; margin-left:-495px; border-bottom:1px solid #CCC}
div.fixed_menu div.container {background:#fff url(img/container-head.jpg) repeat-x left bottom;  padding:0px;  width:925px;}

div.fixed_menu ul.social {float:right; margin-top:10px; border:1ox solid red;}
div.fixed_menu ul.social li em {font-size:0.9em; font-style:normal; text-transform:uppercase; color:#999; padding-top:7px; padding-right:5px; display:block;}
div.fixed_menu ul.social li {display:inline; padding-left:10px; float:left;}
div.fixed_menu ul.social li a {width:20px; height:20px; text-indent:-10000em; display:block; background:url(img/icons.png) no-repeat;}
div.fixed_menu ul.social a.twitter {background-position:0 -250px;}
div.fixed_menu ul.social a.facebook {background-position:0 -200px;}
div.fixed_menu ul.social a.rss {background-position:0 -300px;}
div.fixed_menu ul.social a.calendar {background-position:0 -350px;}
div.fixed_menu ul.social a.linkedin {background-position:-100px -200px;}
div.fixed_menu ul.navigation {float:left;}
div.fixed_menu ul.navigation li {padding:10px 0; }

div#header div.container {background:#fff url(img/container-head.jpg) repeat-x left bottom;  padding:0px;  width:925px;}
ul.navigation {float:left;}
div#header ul.navigation li {padding:10px 0; }
ul.navigation li {display:inline; float:left;}
ul.navigation li a {font-size:1.4em; text-transform:uppercase; color:#999; text-decoration:none; height:20px; float:left; padding:1px 10px 0 10px; font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif;}
ul.navigation li a:hover {color:#98CB00;}
ul.navigation li.on {background:#98CB00; }
ul.navigation li.on a {color:#064607; text-shadow:1px 1px 0 #9EE94B;}

div#header {background:url(img/bg-pattern.jpg) repeat 0 0; padding:40px 0px 0px; }
div#header div.wrap {background:#fff;  border-right:1px solid #e4e4e4; padding:0px 20px;  border-left:1px solid #e4e4e4; border-bottom:1px solid #bbb;}
div#header h1 {position:absolute; top:65px; left:30px;}
div#header h1 a{display:block; text-indent:-1000em; width:113px; height:74px; background:url(img/htw-logo.jpg) no-repeat 0 0;}
div#header div#navigation {position:absolute; left:205px; top:65px; overflow:hidden;}
div#header div#navigation ul {width:100px; float:left;}
div#header div#navigation ul.one {width:260px;}
div#header div#navigation ul li {float:left; width:100px;}
div#header div#navigation ul.one li {width:260px;}
div#header div#navigation ul li a {text-transform:uppercase; color:#2A333F; text-decoration:none; font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; font-size:1.4em; padding:3px 5px; float:left;}
div#header div#navigation ul li a:hover {background:#F2FAFF; color:#0098FF; text-shadow:1px 1px 0px #fff;}




div#featured {background:#666 url(img/bg-featured.jpg) repeat 0 0; text-align:center; margin: 0 auto; width:990px; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; }
div#featured div.heading {overflow:hidden; text-align:left; width:920px;}
div#featured div.heading h1 {color:#fff;text-transform:uppercase; font-size:2.4em; font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; text-shadow:1px 1px 0px #1A1F27; float:left; padding-right:20px;} /* 074608  */

div#featured div.heading a {float:right; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#fff; text-shadow:1px 1px 0px #1A1F27; text-decoration:none; padding:5px 10px; margin-top:4px; }
div#featured div.heading a:hover {background:#fff; color:#1A1F27; text-shadow:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
div#featured div.heading hr {height:2px; border:none; float:left; width:600px; background:#404853; color:#404853; margin-top:15px;} /* background:#7BAD02; color:#7BAD02; */
div#featured ul {overflow:hidden; margin:10px auto 0 auto; padding:3px; width:980px}
div#featured ul li {float:left; width:239px; border:none; text-align:center;}
div#featured ul li a {width:230px; height:170px; display:block; padding:0; margin:0 auto;  border:none; background:#074608; text-decoration:none; position:relative; color:#fff;  text-align:left;}
div#featured ul li a img {display:block; border:none; padding:0;}
div#featured ul li a span {position:absolute;  bottom:20px; height:40px; padding:5px 10px; background:#fff; width:200px; display:block;}
div#featured ul li a span em { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; display:block; font-size:1.1em; margin-bottom:5px; color:#0098FF;}
div#featured ul li a span strong {color:#6C2B8C; font-size:1.4em; font-family:'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal;}
div#featured ul li a:hover {-webkit-box-shadow: 0 0 3px rgba(0,0,0,.8); -moz-box-shadow: 0 0 3px rgba(0,0,0,.8); box-shadow: 0 0 3px rgba(0,0,0,.8);}
div#featured ul li a:hover span {background:#2A333F}
div#featured ul li a:hover span em {}
div#featured ul li a:hover span strong {color:#fff;}
div#featured ul script {display:none!important; position:absolute; left:-100000em;}

div#featured.green {background:#98CB00 url(img/bg-featured-green.jpg) repeat 0 0; text-align:center;}
div#featured.green div.heading h1 {color:#074608; text-shadow:1px 1px 0px #A1EE4C}

div#main {background:url(img/bg-pattern.jpg) repeat 0 0; border-bottom:1px solid #E2E5E6; padding-bottom:25px;}
div#main div.wrap {background:#fff; border-bottom:1px solid #c8c8c8;border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4;  border-top:1px solid #ddd;}
div#main a.up { position:absolute; bottom:0; right:20px; width:280px; padding:10px 5px 8px 15px; background:#98CB00 url(img/bg-featured-green.jpg) repeat 0 0; color:#074608;text-transform:uppercase; display:block; text-decoration:none; text-shadow:1px 1px 0px #A1EE4C; font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; font-size:1.4em;}
div#main a.up:hover {color:#fff;  text-shadow:1px 1px 0px #87B700;}

div#content {width:630px; float:left;}
div#content div.heading {overflow:hidden;}
div#content div.heading h2 {font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; font-size:1.6em; color:#D4D6D9; text-transform:uppercase; float:left; padding-right:15px;}
div#content div.heading hr {float:right; height:2px; border:none; float:left; width:520px; background:#E9EAEB; color:#E9EAEB; margin-top:10px;}

div#content div.post {padding:25px 0; border-bottom:1px dotted #D4D6D9; overflow:hidden;}
div#content div.post div.colleft {float:left; width:160px;}
div#content div.post div.colleft a {display:block; text-decoration:none; font-size:1.1em; margin-bottom:5px; color:#0098FF; font-style:italic;}
div#content div.post div.colleft a:hover {text-decoration:underline;}
div#content div.post div.colleft img {width:130px; height:130px; display:block; margin-bottom:10px;  padding:2px; border:1px solid #dfdfdf;}
div#content div.post div.colright {float:right; width:460px;}
div#content div.post h2.storytitle a {font-size:2.4em; color:#6C2B8C; font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
div#content div.post h2.storytitle a:hover {color:#0098FF}
div#content div.post p.storymeta {font-size:1.1em; font-style:italic; margin-bottom:15px; color:#666;}
div#content div.post p.storymeta a {text-decoration:none; color:#0098FF;}
div#content div.post p.storymeta a:hover {text-decoration:underline;}
div#content div.post div.storycontent {font-size:1.4em; line-height:160%; margin-bottom:15px;}
div#content div.post div.storycontent img {float:left; padding:5px 20px 15px 0;}
div#content div.post div.storycontent p,
div#content div.post div.storycontent ul,
div#content div.post div.storycontent ol {margin-bottom:20px;}
div#content div.post div.storycontent a {color:#0098FF;}
div#content div.post div.storycontent a:hover {text-decoration:none; background:#F2FAFF; color:#0098FF; text-shadow:1px 1px 0px #fff;}
div#content div.post div.storycontent h3 {font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; font-size:120%; margin-bottom:10px; text-transform:uppercase;color:#98CB00;}
div#content div.post div.storycontent h4 {font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; font-size:120%; margin-bottom:5px; color:#7F858C;}
div#content div.post div.storycontent .spaced {margin-bottom:20px;}
div#content div.post div.storycontent ul,
div#content div.post div.storycontent ol {padding-left:5px;}
div#content div.post div.storycontent ul li {list-style:circle; margin-left:10px;}
div#content div.post div.storycontent ol li {list-style:lower-alpha; margin-left:10px;}

div#content div.post div.storycontent blockquote { padding-left:20px; font-style:italic; margin-bottom:20px; color:#7F858C;}

div#content div.single {padding:0 15px 20px 15px;}
div#content div.page {padding-top:0;}

div#content h2.not-found {font-size:2.4em; color:#6C2B8C; font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}

div#content div.post div.feedback {overflow:hidden; padding:3px;}
div#content div.single div.feedback {padding-top:20px;}
div#content div.post div.feedback a.more {font-size:1.1em; line-height:16px; font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; padding:4px 15px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#98CB00 url(img/bg-featured.jpg) repeat 0 0; color:#074608; text-shadow:1px 1px 0px #A1EE4C;float:left; margin-right:15px;}
div#content div.post div.feedback a.more:hover {color:#fff; text-shadow:1px 1px 0px #87B700; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);	box-shadow: 0 0 3px rgba(0,0,0,.2);}
div#content div.post div.feedback a.share {font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:4px 15px 4px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #D5D5D5; color:#2A333F;background:#fff;  text-shadow:1px 1px 0px #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); background: -moz-linear-gradient(top,  #fff,  #f3f3f3); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); float:left; text-decoration:none;  }
div#content div.post div.feedback a.share:hover {border:1px solid #c1c1c1; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);	box-shadow: 0 0 3px rgba(0,0,0,.2);}
div#content div.post div.feedback a.share span {background: url(img/icons-social.png) no-repeat 0px -300px; padding-left:20px; float:left; line-height:15px;}
div#content div.post div.feedback a.comments {font-size:1.1em; font-style:italic; text-decoration:none; float:right; color:#2A333F; line-height:14px; background: url(img/icons-social.png) no-repeat 0px -535px; padding:5px 0 0 24px; display:inline;}
div#content div.post div.feedback a.comments:hover {color:#0098FF;}

div#content div.pagination {overflow:hidden; padding:40px 5px 40px 5px;}
div#content div.pagination a {font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:12px 15px 12px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #D5D5D5; color:#2A333F; background:#fff; text-shadow:1px 1px 0px #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); background: -moz-linear-gradient(top,  #fff,  #f3f3f3); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); float:left; text-decoration:none;  float:left;}
div#content div.pagination a:hover {border:1px solid #c1c1c1; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);	box-shadow: 0 0 3px rgba(0,0,0,.2);}
div#content div.pagination span.more a { width:280px; text-transform:uppercase; margin-right:30px;}
div#content div.pagination span.nav a { width:120px; display:block; text-transform:uppercase; margin-right:10px;}
div#content div.pagination a.rss {}
div#content div.pagination a.archive {float:right;}
div#content div.pagination a span {background: url(img/icons-social.png) no-repeat; padding-left:28px; float:left;}
div#content div.pagination span.more a span {background-position:3px -419px; padding-top:2px; height:14px;}
div#content div.pagination span.nav a span.old {background-position:3px -419px; padding-top:2px; height:14px;}
div#content div.pagination span.nav a span.new {background-position:97px -479px; padding-top:2px; height:14px; float:right; padding-right:25px;}
div#content div.pagination a.rss span {background-position:4px 0px; padding-top:2px; height:14px;}
div#content div.pagination a.archive span {background-position:2px -359px; padding-top:2px; height:14px;}
div#content div.navigation {float:left; width:400px;}
.alignright {float:right!important;}
.alignleft {float:left!important;}

img.alignright {float:right!important; margin-left:15px; margin-bottom:15px;}
img.alignleft {float:left!important; margin-right:15px; margin-right:15px;}

div.item {width:630px; margin-bottom:20px; display:block; float:left;}
hr.spacer {width:630px; color:#fff; background:#fff; border:none; height:10px; display:block; float:left;}

div#content form {clear:both;}
div#content fieldset { width:630px;overflow:hidden; background:#F4F5F5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
div#content fieldset legend {display:none;}
div#content fieldset label {font-weight:bold; font-size:100%; font-family:Arial, Helvetica, sans-serif; display:block; margin-bottom:5px;}
div#content fieldset label em {font-weight:normal; font-style:normal; font-size:80%;}
div#content fieldset label span {color:#77B806; padding-left:5px;}
div#content fieldset input {border:1px solid #DBDCDF; color:#ccc; background:#fff; font-family:Arial, Helvetica, sans-serif; padding:7px 10px; width:274px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;color:#8E969F;}
div#content fieldset input:focus {border:1px solid #0098FF; -webkit-box-shadow: 0px 0px 3px #0098FF; -moz-box-shadow: 0px 0px 3px #0098FF;	box-shadow: 0px 0px 3px #0098F;}
div#content fieldset textarea {border:1px solid #DBDCDF; color:#8E969F; background:#fff; padding:10px; width:580px; height:180px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;font-family:Arial, Helvetica, sans-serif;}
div#content fieldset textarea:focus {border:1px solid #0098FF; -webkit-box-shadow: 0px 0px 3px #0098FF; -moz-box-shadow: 0px 0px 3px #0098FF;	box-shadow: 0px 0px 3px #0098F;}
div#content fieldset ul {overflow:hidden; width:620px; margin-top:10px; padding-left:0;}
div#content fieldset li {float:left; margin-bottom:10px; list-style:none!important; margin-left:0; }
div#content fieldset li.last {float:left;}
div#content fieldset li.full {display:block; width:600px; margin-right:0;}
div#content fieldset li.action {display:block; width:600px; margin-right:0; margin-bottom:0;}
div#content fieldset li.full input {width:580px;}
div#content fieldset button {border:1px solid #D5D5D5; color:#2A333F; background:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left; padding:10px 25px 10px 25px; width:170px; text-shadow:1px 1px 0px #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); background: -moz-linear-gradient(top,  #fff,  #f3f3f3); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); margin-top:15px; margin-bottom:5px;}
div#content fieldset button:hover {border:1px solid #c1c1c1; cursor:pointer; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);	box-shadow: 0 0 3px rgba(0,0,0,.2);}
div#content fieldset p.note {font-size:80%; float:right; margin-top:10px;}
div#content fieldset p.note span {color:#77B806;}

div#content div.col {float:left; width:300px;}

div.comments-container {font-family:Arial, Helvetica, sans-serif; padding:25px 0;}
div.comments-container h3 {font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.6em; margin-bottom:10px;}
div.comments-container a {color:#0098FF;}
div.comments-container a:hover {text-decoration:none; background:#F2FAFF; color:#0098FF; text-shadow:1px 1px 0px #fff;}
div.comments-container p.dsq-autheneticate-copy {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic!important;}
div.comments-container select {border:1px solid #DBDCDF;}

div#sidebar form#searchform {width:298px; background:#F4F5F5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0px 0px 10px;}
div#sidebar form#searchform fieldset {overflow:hidden; padding:10px; border-bottom:1px solid #e6e6e6;}
div#sidebar form#searchform fieldset legend,
div#sidebar form#searchform fieldset label {display:none;}
div#sidebar form#searchform fieldset input {border:1px solid #DBDCDF; font-size:1.1em;  font-family:Arial, Helvetica, sans-serif; width:165px; padding:7px 5px 7px 10px; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#8E969F;}
div#sidebar form#searchform fieldset input:focus {border:1px solid #0098FF; -webkit-box-shadow: 0px 0px 3px #0098FF; -moz-box-shadow: 0px 0px 3px #0098FF;	box-shadow: 0px 0px 3px #0098F;}
div#sidebar form#searchform fieldset button {border:1px solid #D5D5D5; color:#2A333F; background:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:6px 10px 6px 6px; width:86px; float:right; text-shadow:1px 1px 0px #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); background: -moz-linear-gradient(top,  #fff,  #f3f3f3); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');}
div#sidebar form#searchform fieldset button span {background: url(img/icons-social.png) no-repeat 0px -240px; padding-left:20px; float:left;}
div#sidebar form#searchform fieldset button:hover {border:1px solid #c1c1c1; cursor:pointer; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);	box-shadow: 0 0 3px rgba(0,0,0,.2);}

div#sidebar form#searchform ul.social {overflow:hidden; padding:10px 0 10px 15px; border-top:1px solid #FAFBFB}
div#sidebar form#searchform ul.social li {float:left;}
div#sidebar form#searchform ul.social li a {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#2A333F; font-size:1.1em; padding:1px 0 0 24px; background:url(img/icons-social.png) no-repeat; float:left; height:15px;  text-shadow:1px 1px 0 #fff;}
div#sidebar form#searchform ul.social li a.rss {background-position:0 0; width:70px;}
div#sidebar form#searchform ul.social li a.twitter {background-position:0 -60px; width:45px;}
div#sidebar form#searchform ul.social li a.facebook {background-position:0 -120px; width:35px;}
div#sidebar form#searchform ul.social li a.linkedin {background-position:0 -180px; width:30px;}
div#sidebar form#searchform ul.social li a:hover {text-decoration:underline; color:#0098FF}


div#sidebar {width:300px; float:right; padding-bottom:30px;}
div#sidebar div.banner {width:300px; display:block; position:relative; margin-bottom:20px;}
div#sidebar div.widget { padding:25px 10px; border-bottom:1px dotted #D4D6D9;}
div#sidebar div.widget h3 {font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.4em; margin-bottom:5px; padding-left:25px; background: url(img/icons-social.png) no-repeat;}
div#sidebar div.widget h3.articles {background-position:0 -359px;}
div#sidebar div.widget h3.comments {background-position:0 -598px;}
div#sidebar div.widget h3.tags {background-position:0 -655px;}
div#sidebar div.widget h3.meta {background-position:0 -718px;}
div#sidebar div.widget ul {}
div#sidebar div.widget ul li {font-family:Arial, Helvetica, sans-serif;}
div#sidebar div.widget ul li a {font-size:1.2em; padding:5px 0 5px 15px; border-left:2px solid #E2E5E6; display:block; text-decoration:none; font-weight:bold;color:#6C2B8C;}
div#sidebar div.widget ul li a span {color:#666;}
div#sidebar div.widget ul li a:hover {border-left:2px solid #98CB00; color:#98CB00;}
div#sidebar div.widget ul li a:hover span {color:#98CB00;}
div#sidebar div.tags {overflow:hidden;line-height:300%; font-family:Arial, Helvetica, sans-serif; }
div#sidebar div.tags a {text-decoration:none; background:#F5F6F6; color:#98CB00; text-shadow:1px 1px 0px #fff;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2px 5px; margin-right:5px;}
div#sidebar div.tags a:hover {background:#F2FAFF; color:#0098FF; }
div#sidebar div.last {border-bottom:0;}

div#footer {border-top:1px solid #F5F6F6; height:120px;}
div#footer p {font-family: Arial, Helvetica, sans-serif; font-size:1.1em; color:#AAACAE; text-shadow:1px 1px 0px #fff;}
div#footer p.copyright {float:left; width:900px; margin-top:15px; padding-top:15px; background:url(img/separator.jpg) no-repeat 0 0;}
div#footer p.visualis {float:right; font-size:0.9em;}
div#footer p.copyright a {color:#AAACAE;}
div#footer p.copyright a:hover {color:#0098FF;}
div#footer p.visualis a {color:#AAACAE; text-decoration:none;}
div#footer p.visualis a:hover {color:#999; text-decoration:underline;}
div#footer p.powered {float:left; width:180px;}
div#footer p.powered em {float:left; font-style:normal; margin-top:7px;}
div#footer p.powered a {width:114px; height:25px; display:block; text-indent:-10000em; background: url(img/wembrio.jpg) no-repeat 0px 0px; float:right;}

body#talent {background:url(img/bg-pattern.jpg) repeat 0 0;}
div#talent-page {width:955px; margin:0 auto; position:relative; overflow:hidden; padding-left:35px;}
div#talent-container {width:620px; background:#fff url(img/talent-container-bottom.jpg) no-repeat center bottom; border-left:1px solid #D6D8D9; border-right:1px solid #D6D8D9;margin-top:20px; position:relative;  min-height:1700px; height:auto !important;  height:1700px;}
div#talent-container.page {min-height:1100px; height:auto !important;  height:1100px;}
div#talent-container div.talent-head {position:relative;}
div#talent-container div.talent-head h1 a {width:620px; height:200px; background:url(img/talent-head.jpg) no-repeat 0 0; text-indent:-10000em; display:block;}
div#talent-container div.talent-head a.about {position:absolute; right:0; bottom:0; background:#fff url(img/talent-about.jpg) no-repeat 9px 9px; font-style:italic; font-size:1.2em; color:#999; text-decoration:none; padding:9px 10px 7px 30px;}
div#talent-container div.talent-head a.about:hover {color:#98CB00;}

div#talent-content {}

div#talent-content div.post {border-bottom:1px solid #EFF2F3; padding:30px 30px 90px 30px;  position:relative; }
div#talent-content div.page {margin-top:30px;}
div#talent-content div.post h2.storytitle {font-size:2.8em; color:#6C2B8C; display:block; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:10px; margin-top:-35px;}
div#talent-content div.post h2.storytitle a{color:#6C2B8C; text-decoration:none;}
div#talent-content div.post h2.storytitle a:hover {color:#98CB00}
div#talent-content div.storycontent { margin-bottom:15px;}
div#talent-content div.storycontent p {font-size:1.4em; line-height:160%; color:#666; margin-bottom:20px;}
div#talent-content div.storycontent ul {font-size:1.4em; line-height:160%; color:#666;  margin-bottom:20px; padding-left:25px;}
div#talent-content div.storycontent ul li {list-style-type:square;}
div#talent-content div.storycontent a {color:#98CB00; text-decoration:none;}
div#talent-content div.storycontent a:hover {text-decoration:underline;}
div#talent-content div.storycontent img {padding:10px;}
div#talent-content div.feedback {position:relative; margin-left:-65px; width:31px; height:29px;  padding:6px 0 0 3px; background:#98CB00; border-right:1px solid #89B700; }
div#talent-content div.feedback a {width:29px; height:24px; background:url(img/talent-comments.jpg) no-repeat 0 0; text-indent:-10000em; display:block;}
div#talent-content div.post iframe {position:absolute; left:30px; bottom:5px; border:none; overflow:hidden; width:420px; height:40px;}
div#talent-content div.post a.twitter-share {padding:5px 0 5px 25px; background:url(img/talent-twitter-small.jpg) no-repeat left 5px; font-size:1.1em; color:#666; font-style:italic; position:absolute; right:30px; bottom:20px; text-decoration:none;}
div#talent-content div.post a.twitter-share:hover {text-decoration:underline; color:#0098FF;}

div#talent-container a.up {background:#ddd; width:114px; border-left:1px solid #d1d1d1; height:25px; padding:15px 10px 0 0; position:absolute; bottom:20px; left:621px; font-size:1.4em; text-align:right; text-transform:uppercase; color:#666; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-shadow:1px 1px 0px #fff;}
div#talent-container a.up:hover {background:#ccc;}

div#talent-page a.blog {width:131px; height:104px; background:url(img/talent-blog.jpg) no-repeat 0 -107px; position:absolute; right:0; top:0; text-indent:-10000em; display:block;}
div#talent-page a.blog:hover {background-position:0 0;}
div#talent-page h2.logo {position:absolute; top:60px; left:705px;}
div#talent-page h2.logo a {display:block; text-indent:-1000em; width:113px; height:74px; background:url(img/talent-htw.jpg) no-repeat 0 0;}

body#talent div#footer {margin-top:30px; border-top:0;}
body#talent div#footer p.powered {padding-right:200px;}
body#talent div#footer p.copyright {float:left; width:240px; margin-top:0; padding-top:10px; background:none; text-align:right;}

div#talent-page div.sidebar {overflow:hidden; position:absolute; right:0; top:195px; width:300px;}
div#talent-page div.sidebar a.rss {background:url(img/talent-rss.jpg) no-repeat 10px 15px; padding:20px 0 10px 55px; font-size:1.2em; font-style:italic; line-height:140%; display:block; margin-bottom:20px; color:#666; text-shadow:1px 1px 0px #fff; text-decoration:none;}
div#talent-page div.sidebar a.rss:hover {text-decoration:underline;}
div#talent-page div.sidebar div.box {border:5px solid #EAEDEE; background:#fff; color:#333; margin-bottom:20px;}
div#talent-page div.sidebar div.green {border:5px solid #B1EE00; background:#98CB00; color:#fff;}
div#talent-page div.sidebar div.blue {border:5px solid #7CCFFF; background:#0098FF; color:#fff;}
div#talent-page div.sidebar div.purple {border:5px solid #9038BF; background:#6C2B8C; color:#fff;}
div#talent-page div.sidebar div.box h3 {font-family:Arial, Helvetica, sans-serif; font-size:2.2em;  text-transform:uppercase; padding:15px 0 10px 15px; color:#0098FF;}
div#talent-page div.sidebar div.green h3 {border:none; color:#064607; text-shadow:1px 1px 0px #A1EE4C; padding-bottom:10px;}
div#talent-page div.sidebar div.green p {padding:0 10px; font-size:1.2em; line-height:140%; text-shadow:1px 1px 0 #80AC00; font-style:italic;}
div#talent-page div.sidebar div.green fieldset {padding:10px 0; position:relative; margin-top:10px; padding-bottom:50px; }
div#talent-page div.sidebar div.green fieldset label {display:none;}
div#talent-page div.sidebar div.green fieldset input {width:249px; height:29px; padding:4px 10px; font-size:1.4em; color:#999;  font-style:italic; border-right:1px solid #90C100; border-bottom:1px solid #90C100; position:absolute; left:10px; top:0;}
div#talent-page div.sidebar div.green fieldset button {border-left:1px dotted #ccc; background:#fff; color:#0098FF; font-size:1.8em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; position:absolute; top:5px; right:15px; padding:2px 5px 2px 5px; cursor:pointer;}
div#talent-page div.sidebar div.green fieldset button:hover {color:#98CB00;}
div#talent-page div.sidebar ul.social {overflow:hidden; }
div#talent-page div.sidebar ul.social li {float:left;}
div#talent-page div.sidebar ul.social li a {display:block; color:#fff; text-decoration:none; text-shadow:1px 1px 0px #0082DD; padding:15px 0 15px 55px; width:85px; float:left; font-size:1.2em; font-style:italic; line-height:140%;}
div#talent-page div.sidebar ul.social li a.twitter {background:url(img/talent-twitter.jpg) no-repeat 10px 15px;}
div#talent-page div.sidebar ul.social li a.facebook {background:url(img/talent-facebook.jpg) no-repeat 10px 15px;}
div#talent-page div.sidebar ul.social li a:hover {text-decoration:underline;}
div#talent-page div.sidebar div.facebook-outer {border:2px solid #fff; position:relative; overflow:hidden;}
div#talent-page div.sidebar div.facebook-inner {position:relative; top:-1px; left:-1px;}

div#talent-page div.sidebar div.purple h3 {color:#fff; text-shadow:1px 1px 0px #501F69;}
div#talent-page div.sidebar div.purple p {padding:0 15px; font-size:1.2em; line-height:140%; font-size:italic; text-shadow:1px 1px 0px #501F69; margin-bottom:10px;}
div#talent-page div.sidebar div.purple a {color:#fff; font-size:1.4em; font-weight:bold; padding-left:15px; margin-bottom:20px; display:block;  text-shadow:1px 1px 0px #501F69;}
div#talent-page div.sidebar div.purple a:hover {text-decoration:none;}

div#talent-page div.navigation {font-family:Arial, Helvetica, sans-serif;  padding:30px; margin-bottom:30px; float:none; width:560px; overflow:hidden;}
div#talent-page div.navigation a {float:none;}
div#talent-page div.navigation a span.new {width:520px; display:block;text-transform:uppercase; font-size:2.8em; text-align:center; height:30px; padding:25px 20px 15px 20px; background:#6C2B8C; border:5px solid #9038BF; color:#fff; text-shadow:1px 1px 0px #501F69;}
div#talent-page div.navigation a span.new:hover {border-color:#B343F3;}

div#talent-page div.comments-container {padding:30px;}

div.thetalent {border:5px solid #7CCFFF; padding:15px; background:#0791F8 url(img/bg-banner.jpg) no-repeat center top; color:#fff; font-family:Arial, Helvetica, sans-serif;}
div.thetalent h3 {font-size:24px;  text-transform:uppercase; text-shadow:1px 1px 0px #0082DD; font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif;}
div.thetalent ul {margin-top:10px;}
div.thetalent ul li a {border-left:2px solid #fff; font-size:1.2em; padding:5px 0 5px 15px; font-weight:bold; color:#fff; display:block;}
div.thetalent ul li a:hover {border-left:2px solid #7CCFFF; background:#fff; color:#0082DD;}
div.thetalent iframe {width:240px; height:40px; margin-top:20px; color:#fff; border-top:1px solid #7CCFFF; padding-top:10px; padding-right:20px;}

div#talent-content div.storycontent ul.badges {padding-left:0!important; margin-left:0!important}
div#talent-content div.storycontent ul.badges li {list-style-type:none; margin-left:0!important; padding-left:0!important; overflow:hidden; padding-bottom:10px; margin-bottom:15px; border-bottom:1px dotted #eee;}
div#talent-content div.storycontent ul.badges li img {float:left;}
div#talent-content div.storycontent ul.badges li textarea {width:230px; height:70px; padding:5px; margin-top:15px; font-family:"Courier New", Courier, monospace; font-size:11px; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  float:right;}

body#rsvp-body {text-align:center;}
div#rsvp {width:560px; background:#fff url(img/rsvp-bg.jpg) no-repeat center bottom; padding-bottom:2px; text-align:left; margin:30px auto 70px auto; font-family:Arial, Helvetica, sans-serif; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0}
div#rsvp div.inner {padding:40px; border-bottom:1px solid #E1E1E1; overflow:hidden;}
div#rsvp div.inner h1 {font-size:3em; width:290px; float:left; color:#999;}
div#rsvp div.inner a.rsvp-logo {width:107px; height:70px; text-indent:-10000em; float:right; display:block; background:url(img/rsvp-logo.jpg) no-repeat 0 0;}
div#rsvp div.inner p {color:#666; line-height:160%; font-size:1.4em; float:left; margin-top:50px;}

div#rsvp div.hubb {background:url(img/rsvp-hubb.jpg) repeat-x 0 0; height:171px;border-top:1px solid #fff; border-bottom:1px solid #fff; position:relative;}
div#rsvp div.hubb ul {position:absolute; top:30px; left:40px;}
div#rsvp div.hubb ul li {font-size:1.2em; line-height:140%; color:#666;}
div#rsvp div.hubb ul li strong {font-size:120%; padding-bottom:5px; display:block;}
div#rsvp div.hubb ul li a {color:#0098FF; text-decoration:underline; margin-top:20px; display:block; padding-left:23px; padding-bottom:5px; background:url(img/rsvp-zoom.jpg) no-repeat 0 2px;}
div#rsvp div.hubb ul li a:hover {color:#333; text-decoration:none;}

div.rsvp-form {background:#f9f9f9; padding:10px; float:left; margin-top:25px; width:465px;}
div.rsvp-form fieldset {overflow:hidden;}
div.rsvp-form fieldset ul {float:left; margin-bottom:25px;}
div.rsvp-form fieldset ul li {float:left; padding:10px; background:#F4F4F4; margin-bottom:1px; width:445px;}
div.rsvp-form fieldset ul label, 
div.rsvp-form fieldset ul strong {width:130px; float:left; font-size:1.2em; font-weight:bold; padding:10px 20px 0 10px;}
div.rsvp-form fieldset ul strong {padding-right:20px;}
div.rsvp-form fieldset ul label.after {width:40px; padding-top:5px;}
div.rsvp-form fieldset ul input {float:left; width:260px; height:25px; padding:5px 10px; border:1px solid #ddd; font-size:1.2em;}
div.rsvp-form fieldset ul input.radio,
div.rsvp-form fieldset span.radio {float:left; padding-right:20px;}
div.rsvp-form fieldset span.wpcf7-list-item-label {float:left; padding-right:40px; font-size:1.2em; font-weight:bold; margin-top:6px;}
div.rsvp-form fieldset span.response input{width:20px; height:16px; padding:0; border:none; margin-top:5px; margin-right:10px; display:inline;}
div.rsvp-form fieldset button {width:130px; text-align:center; height:40px; font-size:14px; font-weight:bold; color:#666; text-shadow:1px 1px 0px #fff; background:url(img/rsvp-button.jpg) no-repeat 0 0; cursor:pointer; float:left; margin-left:170px; margin-bottom:20px;}
div.rsvp-form fieldset p {line-height:100%; margin-top:10px!important;}

div#content.home {width:950px; }

div.col1,
div.col2,
div.col3 {width:270px;  float:left; padding:15px 15px 20px 15px; }
div.col1,
div.col2 {border-right:1px solid #fff; }

div#content.home h2 {font-size:1.8em; font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:20px;}

div#content.home ul {margin-bottom:20px; min-height:200px; height:auto!important; height:200px; }
div#content.home ul li {font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid rgba(255,255,255,.2)}
div#content.home ul li a {font-size:1.4em; padding:5px 0 5px 0px; display:block; text-decoration:none; font-weight:bold; color:#fff;}
div#content.home ul li a span {color:#666;}
div#content.home ul li a:hover {color:#2A333F;}
div#content.home ul li a:hover span {color:#98CB00;}

div#content.home ul li .thumb {width:40px; height:40px; overflow: hidden; float:left; margin:8px 5px 5px 0px;}
div#content.home ul li .thumb img {width:100%;}
div#content.home ul li .title { width: 225px; float:left;}
.clear {clear:both;}

div.col1 {background:#98CB00; border:5px solid #B1EE00; margin-right:10px; color:#FFF}
div.col2 {background:#0098FF; border:5px solid #7CCFFF;  color:#FFF}
div.col3 {background:#6C2B8C; border:5px solid #9038BF;float:right;  color:#FFF}

div.col1 h2 {color:#064607; text-shadow:1px 1px 0px #92CE25;}
div.col2 h2 {color:#fff; text-shadow:1px 1px 0px #0077C9;}
div.col3 h2 {color:#fff; text-shadow:1px 1px 0px #501F69;}  
 
div#content.home a.more {font-size:1.1em; line-height:16px; font-family: 'HelveticaNeueLTPro77BoldConde', Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; padding:4px 15px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#fff; color:#2A333F;float:left; margin-right:15px;}
div#content.home a.more:hover {color:#6C2B8C; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,.5);	box-shadow: 0 0 3px rgba(0,0,0,.5);}

a.conf {width:950px; height:83px; display:block; text-indent:-10000em; background:url(img/htw-conf.jpg) no-repeat 0 0; margin:5px 0 20px 0;}
a.conf:hover {background-position:left bottom;}