/*
URL: www.marcellobrivio.com
MEDIA: screen
AUTHOR: Marcello Brivio
*/

* {margin: 0; padding: 0;}
body, html {font-family: Verdana, Tahoma, sans-serif; background: #000; color: #fff; font-size: 12px;}
p {color: #fff; margin: 0; text-align: justify}
a {color:#d9e021; font-weight: bold; padding-bottom: 2px; text-decoration: none;}
a:hover {text-decoration: none; color: #fcee21;}
em {font-weight: bold; font-style: normal}
ul {list-style: none;}

.gradient {width: 960px; margin: 0 auto; padding: 10px; background: #232323 url(../img/gradient.png) repeat-x top left;}
.hidden {display: none;}
.reset {color: #bbb;}
.center {text-align: center;}
.cleaner {font-size: 0px; width: 100%; height: 0px; margin: 0 0 -1px; clear: both;}
.separator {font-size: 0px; width: 100%; height: 0px; margin: 0; clear: both;}

#upperstrip {background-color: #000; text-align: center; margin: 0; padding: 0;}

ul#menu {list-style: none; margin: 0; padding: 20px 0; font-size: 15px; font-weight: bold; text-align: center; white-space: nowrap;}
ul#menu li {display: inline; margin: 0 20px;}
ul#menu a {text-decoration: none; padding: 0 0 14px; border-bottom: 6px solid #000; color: #d9e021;}
ul#menu a.active {border-color: #d9e021; color:#fcee21;}
ul#menu a:hover {border-color: #d9e021; color: #fcee21;}

#logo h1, #loghino h1 {display: none;}
#loghino {display: block; width: 620px; margin: 0 auto;}
#loghino img {border: none; margin-top: 20px;}

#mainContainer {background-color: #323232; margin-left: auto; margin-right: auto; border-top: 2px solid #d9e021; border-bottom: 2px solid #d9e021;}	
#mainContainer .gradient p {color:#bbb; font-size:15px; margin: 0 20px 20px 20px;}
#mainContainer ul {margin:20px;}
#mainContainer ul li {color:#d9e021; font-size:15px; list-style-position:inside; list-style-type:square; text-align:justify; margin-bottom: 20px;}
#mainContainer ul#lifestream li {background-color:#191919; border-bottom:1px dotted #d9e021; color:#fff; list-style-type:none; margin:5px 0; padding:10px;}
#mainContainer ul#lifestream li a {font-size:16px;}
#mainContainer ul#lifestream li a img {border: none; padding-right: 10px; vertical-align: middle;}
#mainContainer h3 {margin: 20px 70px; font-size: 20px; text-align: center; color: #bbb;}
#mainContainer h3.middle {margin: 130px 0 170px 0; font-size: 20px; text-align: center; color: #bbb;}

#quotation {float: right; margin: 30px 20px 30px 30px; width: 280px; height: 61px; overflow: hidden; background: url(../img/quote_henryford_hover.gif); border: none;}
#avatar {float:left; border: none; margin: 3px 20px 20px 20px; width: 120px; height: 120px; overflow: hidden; background: url(../img/avatar_hover.jpg); border:2px solid #d9e021;}
#avatar img {margin: 0; padding: 0;}

ol#tagcloud {text-align: justify; margin: -20px 0 0 0; padding: 0 20px; border: none; line-height: 75px;}
ol#tagcloud li {display: inline; list-style-type: none;}
ol#tagcloud li span {display: none;}
ol#tagcloud li a:link, #tagcloud a:visited {color: #fff; text-decoration: none; margin: 0; padding: 2px;}
ol#tagcloud li a:hover, #tagcloud a:visited:hover {color: #323232; text-decoration: none; background-color: #d9e021;}
ol#tagcloud li a.tag1 {font-size:10px;}
ol#tagcloud li a.tag2 {font-size:16px;}
ol#tagcloud li a.tag3 {font-size:22px;}
ol#tagcloud li a.tag4 {font-size:28px;}
ol#tagcloud li a.tag5 {font-size:34px;}
ol#tagcloud li a.tag6 {font-size:40px;}
ol#tagcloud li a.tag7 {font-size:46px;}
ol#tagcloud li a.tag8 {font-size:52px;}
ol#tagcloud li a.tag9 {font-size:58px;}
		
#mainContainer div.bookmarksControls {width: 920px; margin: 0 20px -13px 20px;}
#mainContainer div.bookmarksControls.bottom {margin: -13px 20px 10px 20px;}
#mainContainer p.controlsSX, #mainContainer p.controlsDX {font-size: 10px; color: #888; margin: 0; padding: 3px 0;}
#mainContainer p.controlsDX {float: right; text-align: right;}
#mainContainer p.controlsSX a, #mainContainer p.controlsDX a {font-weight: normal; padding: 2px 3px; border: none; color: #d9e021;}
#mainContainer p.controlsSX a:hover, #mainContainer p.controlsDX a:hover {padding: 1px 2px; border: 1px solid #d9e021; color: #888;}
#mainContainer p.controlsSX span.selected, #mainContainer p.controlsDX span.selected {font-weight: normal; padding: 2px 3px; border: none; color: #323232; background-color: #d9e021;}
#mainContainer p.controlsSX span.disabled, #mainContainer p.controlsDX span.disabled {color: #555;}
	
#bookmarkContainer div.bookmark {width: 880px; margin: 20px auto; padding: 10px 20px; background-color: #191919; border-bottom: 1px dotted #d9e021;}
#bookmarkContainer div.bookmarkBadge {width: 80px; text-align: center;}
#bookmarkContainer div.bookmarkBadge span.bookmarkID {display: block; color:#323232; font-size: 12px; font-weight: bold; background-color: #d9e021; padding: 3px; width: 60px; margin: 0 auto;}
#bookmarkContainer div.bookmarkBadge div.deliciousLogo {border: none; margin: 0 auto 10px auto; padding: 0; width: 60px; height: 60px; overflow: hidden; background: url(../img/delicious_rounded_logo.gif); border: none; display: block;}
#bookmarkContainer div.bookmarkBadge div.deliciousLogo a img {margin: 0; padding: 0; border: none;}
#bookmarkContainer div.bookmarkData {float: right; width: 780px;}
#bookmarkContainer div.bookmarkData h4 {font-size: 18px;}
#bookmarkContainer p.bookmarkDate {font-size: 10px; color: #fff; margin: 4px 0; padding: 0;}
#bookmarkContainer p.bookmarkDescription {color:#bbb; font-size: 14px; padding: 0; margin: 8px 0;}
#bookmarkContainer p.bookmarkTags {text-align: left; color:#fff; font-size: 12px; padding: 0; margin: 12px 0 0 0;}
#bookmarkContainer p.bookmarkTags a {font-weight: normal;}
#bookmarkContainer p.bookmarkTags img {display: inline; margin-right: 5px; vertical-align: middle;}

form#quickContact {width: 804px; margin: 0 auto; padding: 0; border: none; background-color: transparent;}
form#quickContact div#columnLeft {width: 49%}
form#quickContact div#columnRight {width: 49%; float: right;}
form#quickContact div#columnLeft div, form#quickContact div#columnRight div {background-color: #191919; border: 1px dotted #d9e021; width: 350px; margin-bottom: 20px; padding: 20px;}
form#quickContact div#columnRight div#captcha {width: 200px;}
form#quickContact label, form#quickContact label {display: block; color: #bbb; margin-bottom: 5px; font-weight: bold; font-size: 12px;}
form#quickContact input.wideField {color: #666; font-size: 23px; width: 320px;}
form#quickContact input.wideFieldError {color: #fff; background-color:#d00; font-size: 23px; width: 320px; }
form#quickContact input.smallField {color: #666; font-size: 23px; width: 100px;}
form#quickContact input.smallFieldError {color: #fff; background-color:#d00; font-size: 23px; width: 100px;}
form#quickContact div#columnLeft div textarea {color:#666; font-family: Verdana, Tahoma, sans-serif; font-size: 18px; width: 320px;}
form#quickContact div#columnLeft div textarea.error {color: #fff; background-color:#d00; font-family: Verdana, Tahoma, sans-serif; font-size:18px; width: 320px;}
form#quickContact div#columnRight div#captcha img {border: none;}
form#quickContact div#columnRight div#buttons {float: right; width: 120px; background-color: transparent; border: none; margin: 0; padding: 0;}
form#quickContact div#columnRight div#buttons input {margin-top: 5px; border: medium none; background-color: transparent; cursor: pointer; width: 120px; text-indent: -1000em; overflow: hidden;}
form#quickContact div#columnRight p.note {margin: 0; padding: 0; font-size: 12px;}
form#quickContact div#columnRight div#buttons input#send {background: transparent url(../img/button_send.gif) no-repeat scroll 0 0; height: 50px;}
form#quickContact div#columnRight div#buttons input#cancel {background: transparent url(../img/button_cancel.gif) no-repeat scroll 0 0; height: 33px;}		

div#photogallery {width: 891px; margin: 0 auto; display: block; padding: 20px 0 0 20px;}
div#photogallery a {float: left; display: block; width: 75px; height: 75px; border: 2px solid #191919; margin: 0 20px 20px 0; padding: 0;}
div#photogallery a:hover {border: 2px solid #d9e021;}
div#photogallery a img {border: none; width: 75px; height: 75px;}

#footer {width: 980px; display: block; margin: 0 auto; background-color: #000; padding: 0;}
#footer div.widget {width: 156px; float: left; padding: 20px; font-size: 11px;}
#footer div.widget h4 {color: #d9e021; margin-bottom: 10px; font-size: 11px;}
#footer div.widget ul li a {color: #fff; font-weight: normal;}
#footer div.techspecs {width: 156px; background-color: #d9e021; color: #000; float: left; padding: 20px; font-size: 11px;}
#footer div.techspecs h4 {margin-bottom: 10px; font-size: 11px;}
#footer div.techspecs ul li a {color: #000; font-weight: normal;}
#footer div.widget ul, #footer div.techspecs ul {list-style-type: none;}
#footer div.widget ul li, #footer div.techspecs ul li {margin-bottom: 5px;}
#footer div.widget ul li a:hover, #footer div.techspecs ul li a:hover {text-decoration: underline;}
#footer div#feedLinks {float: right; width: 196px;}
#footer div#feedLinks p {font-size: 11px; margin-top: 6px; padding: 0; text-align: left;}
#footer div#feedLinks p img {vertical-align: middle; margin-right: 8px;}
#footer div#feedLinks p a {font-weight: normal; color: #fff;}
#footer div#feedLinks p a:hover {text-decoration: underline;}
#footer ul#submenu {list-style: none; margin-bottom: 10px; font-size: 11px; text-align: center; white-space: nowrap;}
#footer ul#submenu li {display: inline; margin: 0 8px;}
#footer ul#submenu li#backToTop {margin: 0 16px;}
#footer ul#submenu li#backToTop img {vertical-align: middle; margin-right: 2px;}
#footer ul#submenu li#backToTop a {font-size: 9px;}
#footer ul#submenu a {text-decoration: none; font-weight: normal; padding: 2px;}
#footer ul#submenu a.active {background-color: #d9e021; color: #000;}
#footer ul#submenu a:hover {color:#fcee21; text-decoration: underline;}
#footer p.credits {border: 1px solid #222; background: #191919; padding: 10px; text-align: center; font-size: 9px; margin: 0 auto 20px auto; color: #666;}
#footer p.credits a {color: #666; font-weight: normal;}
#footer p.credits a:hover {text-decoration: underline;}