/* green hex:#95cb21 - rgb:red149 green203 blue33 */ 
/* lightgreen hex:#e6f2cc  - rgb:red230 green242 blue204*/
/* color inspiration websiteicons */
body {margin:0; padding:0; top:0; left:0; font-family:Verdana, Arial, Sans-Serif; font-size:0.8em;}

#header {position:relative; border-bottom:solid 20px #666; height:68px; /*height:138px;*/}
#header h1 {margin:0; padding:0;}

#header span.slogan {display:none;}
#header #nav-primary {position:absolute; top:10px; right:10px;}
#header #nav-secondary {position:absolute; top:30px; right:10px;}
#header hr {display:none;}

#header #construction {background-color:Yellow; padding:10px 100px; }

#copy {position:relative; background-color:#fff; margin:0 auto; width: 760px; border-right: solid 1px #666; border-left: solid 1px #666; padding:20px 10px 40px 10px;}

#footer {clear:both; border-top: solid 10px #666; background-color:#efefef; padding:6px;}
#footer hr {display:none;}


/* standard elements */
h2 {margin:0; padding:0; background-color:#fff; color:#95cb21; font-size:1.6em;}

a:link, a:visited, a:hover, a:active {color:#000;}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {color:#95cb21;}
a:hover, a:active {background-color:#95cb21; color:#fff;}
h2 a:hover, h2 a:active {color:#fff;}

a.img:hover, a.img:active {background-color:#fff; color:#fff;}

a.button:link, a.button:visited, a.button:hover {background-color:#95cb21; color:#000; text-decoration:none; border-style:outset; border-color: #333; border-width:2px; padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:1px;}
a.button:active, a.button:focus {background-color:#95cb21; color:#000;border-style: inset;}

a.action {clear:both; background-color:yellow; color:#000; font-weight:bold; font-size:0.8em; border:solid 1px #000; padding:2px 5px;}
a.standout {background-color:#e6f2cc;}
a.standout:hover, a.standout:active {color:#000;}


img {border: none; padding:0; margin:0;}
input.submit {margin-right:5px; background-color:#95cb21; color:#000;}



/* PAGE SPECIFIC */ 
body.default #copy #home {padding-right:300px;}
body.default #copy #home ul li strong {color:#95cb21; font-size:1.2em;}
body.default #copy #register {background-color:#e6f2cc; width:260px; position:absolute; top:20px; right:0; padding-bottom: 20px;}
body.default #copy #register h2 {padding-left:20px; padding-bottom:5px;}
body.default #copy #register div {padding-left:20px;}
body.default #copy #register p {padding-left:20px;}
body.default #copy #register p label {display:block;}
body.default #copy #register p input {width:200px;}
body.default #copy #register #btnSubmit {margin-left:20px;}
body.default #copy #example #screenshot {background-color:#e6f2cc; height:300px;}
body.default #copy #example #screenshot img {float:left;}

/* register */
body.register #copy ul li strong {color:#95cb21; font-size:1.2em;}
body.register #copy #register p label {width:150px; float:left;}
body.register #copy #register p input {width:200px;}
body.register #copy #register #btnSubmit {margin-left:150px;}

/* identities */
/*
body.identities #copy #profile {float:left; border:solid 1px #95cb21; margin-bottom:20px;}
body.identities #copy #profile #personal-info {float:left; background-color: #e6f2cc; padding:10px;}
body.identities #copy #profile #personal-info #photo {float:left; margin-right: 10px;}
body.identities #copy #profile #personal-info #text {float:left;}
body.identities #copy #my-identities {clear:left;}
body.identities #copy #my-identities #list {margin-top: 10px;}
body.identities #copy #my-identities #list th {background-color:#95cb21; color:#fff; text-align:left; padding:10px 5px;}
body.identities #copy #my-identities #list td {background-color:#fff; padding:4px 6px; border-top:solid 2px #e6f2cc; padding:10px 5px;}
body.identities #copy #my-identities #list table {border-bottom:solid 2px #e6f2cc;}
*/

body.identities #copy #profile {float:left; border:none; border-top:solid 1px #95cb21;border-bottom:solid 1px #95cb21; margin-bottom:20px;}
/*body.user #copy #user h2 {margin-bottom:5px;} */
body.identities #copy #profile {margin-bottom:40px; }
body.identities #copy #profile #personal-info {float:left; background-color: #e6f2cc; padding:10px;}
body.identities #copy #profile #personal-info #photo {float:right; margin-right: 10px;}
body.identities #copy #profile #personal-info #photo img {margin:0;padding:0; border: solid 2px #000;}
body.identities #copy #profile #personal-info #text {float:left;}
body.identities #copy #profile #personal-info #hack {clear:both;}

body.identities #copy #my-identities {clear:left;}
body.identities #copy #my-identities #list {border-top:solid 1px #95cb21; border-bottom:solid 1px #95cb21;}
body.identities #copy #my-identities #list th {background-color:#e6f2cc; color:#000; text-align:left; padding:10px 5px;}
body.identities #copy #my-identities #list th span {display:none;}
body.identities #copy #my-identities #list td {background-color: #fff; vertical-align:text-top; border-top:solid 2px #e6f2cc; padding:10px 5px;}
body.identities #copy #my-identities #list td.favicon {text-align:right; width:100px;}
body.identities #copy #my-identities #list td.sitename {width:300px;}
body.identities #copy #my-identities #list table {border-bottom:solid 20px #e6f2cc; width:760px;}
body.identities #copy #my-identities #list table tr.highlight td {background-color:#e6f2cc;}
body.identities #copy #my-identities #list table tr.highlight td.favicon {background-image:url(http://www.onxiam.com/img/bg_on.png);background-position:40px 10px; background-repeat:no-repeat;}
body.identities #copy #my-identities #list table tr.highlight td.sitename {background-image:url(http://www.onxiam.com/img/bg_iam.png);background-position:240px 10px; background-repeat:no-repeat;}





/* user */
/*
body.user #copy #profile {float:left; border:solid 1px #95cb21; margin-bottom:20px;}
body.user #copy #profile h3 {background-color:#95cb21; color:#fff; font-size:1.2em; font-weight:bold; margin:0; padding:5px;}
body.user #copy #profile #personal-info {float:left; background-color: #e6f2cc; padding:10px;}
body.user #copy #profile #personal-info #photo {float:left; margin-right: 10px;}
body.user #copy #profile #personal-info #text {float:left;}
body.user #copy #my-identities {clear:left;}
body.user #copy #my-identities #list {margin-top: 10px;}
body.user #copy #my-identities #list th {background-color:#95cb21; color:#fff; text-align:left; padding:10px 5px;}
body.user #copy #my-identities #list td {background-color: #fff; vertical-align:text-top; border-top:solid 2px #e6f2cc; padding:10px 5px;}
body.user #copy #my-identities #list table {border-bottom:solid 2px #e6f2cc;}
*/
body.user #copy #profile {float:left; border:none; border-top:solid 1px #95cb21;border-bottom:solid 1px #95cb21; margin-bottom:20px;}
body.user #copy #user h2 {margin-bottom:5px;} 
body.user #copy #profile {margin-bottom:40px; }
body.user #copy #profile #personal-info {background-color: #e6f2cc; padding:10px;}
body.user #copy #profile #personal-info #photo {float:right; margin-right: 10px;}
body.user #copy #profile #personal-info #photo img {margin:0;padding:0; border: solid 2px #000;}
body.user #copy #profile #personal-info #text {float:left; width:500px;}
body.user #copy #profile #personal-info #hack {clear:both;}

body.user #copy #profile #personal-info #photo 


body.user #copy #my-identities {clear:left;}
body.user #copy #my-identities #list {border-top:solid 1px #95cb21; border-bottom:solid 1px #95cb21;}
body.user #copy #my-identities #list th {background-color:#e6f2cc; color:#000; text-align:left; padding:10px 5px;}
body.user #copy #my-identities #list th span {display:none;}
body.user #copy #my-identities #list td {background-color: #fff; vertical-align:text-top; border-top:solid 2px #e6f2cc; padding:10px 5px;}
body.user #copy #my-identities #list td.favicon {text-align:right; width:100px;}
body.user #copy #my-identities #list td.sitename {width:300px;}
body.user #copy #my-identities #list table {border-bottom:solid 20px #e6f2cc; width:760px;}
body.user #copy #my-identities #list table tr.highlight td {background-color:#e6f2cc;}
body.user #copy #my-identities #list table tr.highlight td.favicon {background-image:url(http://www.onxiam.com/img/bg_on.png);background-position:40px 10px; background-repeat:no-repeat;}
body.user #copy #my-identities #list table tr.highlight td.sitename {background-image:url(http://www.onxiam.com/img/bg_iam.png);background-position:240px 10px; background-repeat:no-repeat;}


/* promote */
body.promote #copy #userpage {margin-bottom: 40px;}
body.promote #copy #badges div.badge {float:left; background-color:#e6f2cc; margin-bottom:40px; padding:10px;}
body.promote #copy #badges div textarea {height:100px; width:500px; margin:10px 0;}
body.promote #copy #invite {clear:both;}

/* search */
body.search #copy #Form1 p label {width:150px; float:left;}
body.search #copy #Form1 p input.submit {margin-left:150px;}
body.search #copy #search-results {}

/*
body.search #copy #search-results table tr th {}
body.search #copy #search-results table {padding: 0 20px;}
body.search #copy #search-results th {background-color:#95cb21; color:#fff; text-align:left; padding:10px 5px;}
body.search #copy #search-results td {background-color: #fff; vertical-align:text-top; border-top:solid 2px #e6f2cc; padding:10px 5px;}
body.search #copy #search-results table {border-bottom:solid 2px #e6f2cc;}
*/
body.search #copy #search-results #list {border-top:solid 1px #95cb21; border-bottom:solid 1px #95cb21;}
body.search #copy #search-results th {background-color:#e6f2cc; color:#000; text-align:left; padding:10px 5px;}
body.search #copy #search-results th span {display:none;}
body.search #copy #search-results td {background-color: #fff; vertical-align:text-top; border-top:solid 2px #e6f2cc; padding:10px 5px;}
body.search #copy #search-results td.favicon {text-align:right; width:100px;}
body.search #copy #search-results td.sitename {width:300px;}
body.search #copy #search-results table {border-bottom:solid 20px #e6f2cc; width:760px;}
body.search #copy #search-results table tr.highlight td {background-color:#e6f2cc;}
body.search #copy #search-results table tr.highlight td.favicon {background-image:url(http://www.onxiam.com/img/bg_on.png);background-position:40px 10px; background-repeat:no-repeat;}
body.search #copy #search-results table tr.highlight td.sitename {background-image:url(http://www.onxiam.com/img/bg_iam.png);background-position:240px 10px; background-repeat:no-repeat;}
/*
body.search #copy #search-results table tr.highlight td.favicon {background-image:url(http://www.onxiam.com/img/bg_on.png);background-position:40px 10px; background-repeat:no-repeat;}
body.search #copy #search-results table tr.highlight td.sitename {background-image:url(http://www.onxiam.com/img/bg_iam.png);background-position:240px 10px; background-repeat:no-repeat;}
*/





/* profile */
body.profile #copy #Form1 p label {width:150px; float:left;}
body.profile #copy #Form1 p input.submit {margin-left:150px;}
body.profile #copy #Form1 p #txtFirstname {width: 300px;}
body.profile #copy #Form1 p #txtLastname {width: 300px;}
body.profile #copy #Form1 p #txtWebsite {width: 300px;}
body.profile #copy #Form1 p #txtLocation {width: 300px;}


/* invite */
body.invite #copy blockquote {background-color:#e6f2cc; width:400px; padding:10px;}
body.invite #copy #Form1 p #txtemail {width:200px;}


/* login */
body.login #copy p label {}
body.login #copy #Form1 p label {width:150px; float:left;}
body.login #copy #Form1 p input.submit {margin-left:150px;}


/* identity_add */
body.identity_add #copy #frmAdd #add #required {margin-top: 20px;}
body.identity_add #copy #frmAdd #add #required #error {color:Red; padding-left:10px;}
body.identity_add #copy #frmAdd #add #optional {background-color:#e6f2cc; margin:20px 0; padding: 10px;}
body.identity_add #copy #frmAdd #add #optional #url-example {background-color:#95cb21; color:#fff; font-style:italic; font-weight:bold;}

/* identity_edit */
body.identity_edit #copy #Form1 #required {margin-top: 20px;}
body.identity_edit #copy #Form1 #optional {background-color:#e6f2cc; margin:20px 0; padding: 10px;}
body.identity_edit #copy #Form1 #optional #url-example {background-color:#95cb21; color:#fff; font-style:italic; font-weight:bold;}


/* devblog */
body.devblog #copy div.item {margin-bottom: 50px;}

/* sites */
body.sites #copy #sitelist ul li {margin:5px 0px;}

/* site */
body.site #copy #site-user-list {border-top: solid 1px #95cb21; border-bottom: solid 1px #95cb21;}
body.site #copy table {border-bottom:solid 20px #e6f2cc; border-top:solid 20px #e6f2cc; width:760px;}
body.site #copy table tr th {text-align:left; background-color:#e6f2cc;}
body.site #copy table tr td {background-color: #fff; vertical-align:text-top; border-top:solid 2px #e6f2cc; padding:10px 5px; width:250px;}
body.site #copy table tr.highlight td {background-color:#e6f2cc;}

/* latest */
body.latest #copy ul li {margin:5px 0px;}
body.latest #copy ul li img {border: solid 1px #000;}

/*
body.profile #copy #Form1 p a.button:link, body.profile #copy #Form1 p a.button:visited, body.profile #copy #Form1 p a.button:hover {background-color:#95cb21; color:#000; text-decoration:none; border-style:outset; border-color: #333; border-width:2px; padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:1px;}
body.profile #copy #Form1 p a.button:active, body.profile #copy #Form1 p a.button:focus {background-color:#95cb21; color:#000;border-style: inset;}
*/


/*
body.user #copy #my-identities #list td {background-color:#efefef; padding:4px 6px; border-bottom:solid 2px #fff;}
*/