/*  
Theme Name: SocialWish
Theme URI: 
Description: A theme generated by ThemesPress.com
Author: ThemesPress
Author URI: http://themespress.com/
*/
/**

 *

 * SocialWish

 * 

 * Primary CSS

 * Updated: 3/9/2010

 *

 **/

 

 html, body {
background: #37a8d0;
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
line-height: 1.125em;
margin: 0;
padding: 0;
text-align: center;
}



#doc {
background: #fff url('images/bg_top.gif') repeat-x top center;
text-align: left;
margin: 10px auto;
width: 960px;
}

/* Modules */

#body {
background: #c6eefc url('images/bg_bottom.gif') repeat-x top center;
}

#content, #content-narrow, #leftbar, #rightbar, #rightbar-wide {
float: left;
margin: 0;
text-align: left;
}

#content, #beta {
width: 720px;
}

#beta {
clear: both;
margin: 0 0 0 160px;
}

#beta h3 {
margin-bottom: 0;
}

#beta form#signup {
margin: 0;
}

#beta form#signup small {
margin: 0.75em 0 0;
}

#beta form#signup label {
float: left;
margin: 0;
text-align: left;
}

#beta form#signup label input {
border: 2px solid #ccc;
font-size: 1.1em;
position: relative;
width: 240px;
}

#beta form#signup label input.submit {
top: 7px;
left: 10px;
width: auto;
}



#content-narrow {
width: 500px;
}

/* Left Sidebars */

#leftbar {
width: 220px; /* usable space after gutter = 220 - 16 - 10 = 194 */
}

#leftbar a {
color: #f9a026;
}

#leftbar div.module-top ul.subnav li a {
color: #000;
}

#leftbar div.module-top ul.subnav li a:hover {
color: #000;
}

/* Right Sidebars */

#rightbar {
width: 80px;
}

#rightbar div.gutter {
padding-left: 10px;
}

#rightbar-wide {
width: 240px;
}

#rightbar-wide div.gutter {
padding-left: 0;
padding-right: 40px;
}

#rightbar-wide div.module div.gutter {
padding: 10px;
}

#rightbar-wide ul {
margin: 0 0 0 14px;
padding: 0;
}

#rightbar-wide ul li {
margin: 0;
}

/* Modules */

.module, .module-top {
border: 2px solid #37a8d0;
}

.module img {
margin-bottom: 1px;
vertical-align: bottom;
}

.module p {
color: #555;
font-size: 0.9em;
line-height: 1.2em;
padding-top: 2px;
text-align: left;
width: auto;
}

.module a, #leftbar .module a, #rightbar-wide .module a {
color: #f9a026;
font-weight: bold;
padding: 1px 0;
}

.module small a {
padding: 0;
}

.module-top {
background: #44cff9;
margin-top: 44px;
}

.module-top div.gutter {
padding-right: 0;
}

#leftbar .module, #rightbar .module, #rightbar-wide .module {
background: #fff;
margin: 5px 0 10px;
}

#leftbar .module ul, #rightbar .module ul, #rightbar-wide .module ul {
margin: 0 0 10px;
padding: 0;
}

#leftbar .module li, #rightbar .module li, #rightbar-wide .module li {
list-style-type: none;
margin: 0;
}

#leftbar .module h4 {
padding-bottom: 0;
}

#leftbar .module small a, #rightbar .module small a, #rightbar-wide .module small a {
color: #37a8d0;
}

/* Avatar */

div.avatarwrap {
background: #eee;
margin-bottom: 5px;
}

div.avatarwrap img.avatar {
}



/* Header */



#header {
}



#header #logowrap {
float: left;
width: 321px;
}

#header #logo {
margin: 10px 0 0 15px;
}



#header #navigation {
float: right;
text-align: right;
}

#header #navigation ul {
background: #fff;
padding: 0 5px;
margin: 0 6px 0 0;
}

#header #navigation ul li {
float: left;
line-height: 23px;
list-style: none;
}

#header #navigation ul li.last {
margin-right: 0;
}

#header #navigation span {
background: red;
color: #fff;
padding: 5px 5px 2px;
position: relative;
top: -10px;
}

#header #navigation small span {
background: #37a8d0;
position: inherit;
top: 0;
}

#header #navigation a {
background: #fff;
color: #000;
padding: 5px 5px 2px;
}

#header #navigation a:hover {
background: #37a8d0;
color: #fff;
}



#header #search {
clear: both;
float: right;
}

#header #search small {
margin: 3px 12px 0 0;
}

#header #search input {
border: 2px solid #ccc;
font-size: 1.1em;
margin-right: 6px;
width: 190px;
}



ul.subnav {
list-style-type: none;
margin: 10px 10px 10px 0;
padding: 0;
}

ul.subnav li {
margin: 5px 0;
padding: 0;
text-align: left;
}

ul.subnav li a {
padding: 5px;
}

ul.subnav li a:hover {
background: #eee;
padding: 5px;
}

#primary {
background: transparent url('images/characters.gif') repeat-x bottom center;
height: 400px;
}

#secondary {
background: #fff url('images/bg_reflection.gif') no-repeat top center;
border-top: 1px solid #eee;
text-align: center;
}

#footer {
background: #37a8d0;
color: #45cff9;
min-height: 50px;
text-align: center;
}

#footer a {
color: #c6eefc;
text-decoration: underline;
}

#footer div.gutter {
padding: 10px;
}

#footer p, #footer li {
font-size: 0.75em;
}

#footer ul {
margin: 0;
}

#footer ul li {
display: inline;
list-style: none;
padding: 0 5px;
}



#bottom {
background: transparent url('images/bg_bottom2.png') repeat-x bottom center;
height: 50px;
margin-top: 10px;
}

div#steps {
margin: 50px auto;
width: 660px;
}

div.step {
float: left;
text-align: left;
width: 220px;
}

#content-narrow div.step {
width: 250px;
}

div.step p {
font-size: 0.75em;
margin-right: 20px;
}

div.gutter {
padding: 36px 10px 0;
}

#content div.gutter {
padding: 0 40px 40px;
}

#content div.gutter table div.gutter {
padding: 10px;
}

#leftbar div.gutter {
padding-left: 16px;
padding-top: 0;
}

#rightbar div.gutter {
padding-right: 16px;
}

#rightbar-wide div.gutter {
padding-top: 34px;
}

div.actions {
float: right;
margin-left: 20px;
}

/* Links */

a, a:link, a:visited, a:active {
border: 0;
color: #f9a026;
font-weight: bold;
}

a:hover {
color: #000;
}



img {
border: 0;
}

/* Lists */

ul li {
list-style-type: round;
}

/* Typography */

h1, h2, h3, h4, h5 {
background: transparent;
font-weight: normal;
margin: 0;
text-align: left;
}

h1 {
font-size: 1.55em;
line-height: 1.636em;/* 16x1.636=36px */
}

h2 {
font-size: 1.55em;
text-align: center;
}

h3 {
font-size: 1.2em;
font-weight: bold;
line-height: 1.2em;
margin-bottom: 5px;
}

h3 span {
font-weight: normal;
}

h4 {
font-weight: normal;
font-size: 1em;
}

h4 span {
font-weight: bold;
}



p, li {
font-size: 0.875em;
margin: 5px 0 10px;
}

p.last, small.last, h4.last {
margin-bottom: 0;
}

small.first {
margin-top: 6px;
}

p.first {
margin-top: 10px;
}

small {
display: block;
font-size: 0.75em;
line-height: 1.4em;
margin: 0 0 10px;
}

li small {
font-size: 80%;
}

/* Form */

form {
margin-bottom: 1em;
}

form input {
color: #555;
font-family: Helvetica, Arial;
padding: 6px 10px 4px;
}

form label.first {
padding-top: 0.5em;
}



form#formCreateWish {
background: url('http://fwdlab.com/socialwish/images/character_create.gif') no-repeat top right;
}

form#formFind {
background: url('http://fwdlab.com/socialwish/images/character_find.gif') no-repeat top right;
}

form#formRegister {
background: url('http://fwdlab.com/socialwish/images/character_register.png') no-repeat bottom right;
}

form#formSignIn {
background: url('http://fwdlab.com/socialwish/images/character_signin2.png') no-repeat top right;
min-height: 300px;
}

fieldset {
border: 0;
margin: 0;
padding: 0;
}

form#marginForm {
margin: 0;
text-align: left;
width: 360px;
}

#marginForm fieldset, #marginForm label {
margin: 0;
padding: 0 10px 0 0;
text-align: left;
width: 360px;
}

#marginForm input {
border: 2px solid #ccc;
display: block;
left: 10em;
padding: 6px 2px 4px;
position: relative;
top: -1.4em;
width: 240px;
}

#marginForm input.radio {
width: 16px;
}

#marginForm input.submit {
clear: both;
float: none;
top: 0;
}

#marginForm input, #marginForm textarea, #marginForm select {
color: #555;
font-size: 1em;
margin: 0;
line-height: 1;
padding: 6px 2px 4px;
vertical-align: top;
width: 240px;
}

#marginForm input.radio {
width: 16px;
}

#marginForm fieldset {
display: block;
margin: 0;
border: 0 solid #FFFFFF;
border-top: 1px solid #000000;
padding: 0;
width: 480px;
}

#marginForm fieldset.radio {
margin: 0 0 0 -1em;
border: 0 solid #FFFFFF;
}

#marginForm fieldset.radio input {
position: static;
clear: both;
float: left;
margin-right: 10px;
}

#marginForm fieldset.radio label {
display: inline;
font-weight: normal;
margin: 0 0 0 156px;
position: relative;
top: -1.25em;
vertical-align: top;
width: auto;
}

#marginForm fieldset.radio legend {
float: left;
font-weight: bold;
}

#marginForm label {
clear: both;
float: left;
display: block;
width: 10em;
margin-top: -1em;
font-weight: bold;
}

#marginForm select, #marginForm textarea, form#formAddComment textarea {
background: #fff;
border: 2px solid #ccc;
padding: 6px 2px 4px;
position: relative;
top: -1.4em;
left: 10em;
margin: 2px 0 0;
display: block;
width: 240px;
}

form#formAddComment textarea {
left: 0;
top: 0;
margin-bottom: 0.5em;
}

#marginForm select {
padding-left: 0;
width: 248px;
}

/* Tables */

table {
border-collapse: separate;
border-spacing: 0;
margin: 1px 0 12px;
}

th, td {
text-align: left;
font-weight: normal;
}

/*

//

// Begin Override of Original CSS

//

*/

/* Forms */

div.formContainer {
margin: 0 0 1em;
}

div.formContainer h3 {
border-top: 2px solid #37a8d0;
margin: 0 10px 0 0;
padding: 10px 0 0;
}

div.formContainer p {
border-bottom: 2px solid #37a8d0;
margin-bottom: 10px;
margin-right: 10px;
padding: 0 0 10px;
}

label.error, div.formContainer div.formItem label.formLabel span.star {
color: #f99f26;
}

div.formContainer div.formItem label.formLabel span.star {
padding-left: 0;
}

label.error {
clear: both;
display: block;
float: none;
margin: 5px 0;
}

/* Required Fields */



span.star, div.formContainer div.formItem label.formLabel span.star {
background: #f99f26;
color: #fff;
font-size: 80%;
height: 2px;
overflow: hidden;
padding: 2px 2px 0;
position: relative;
text-align: center;
top: -10px;
vertical-align: middle;
width: 10px;
}

div.formContainer input {
border: 2px solid #ccc;
font-family: Helvetica, Arial;
font-size: 1em;
}

div.formContainer div.formItem {
padding-left: 0;
}

div.formItem, div.formContainer div.formItem label.formLabel {
margin-left: 0;
text-align: left;
}

div.formContainer div.formItem label.formLabel {
float: none;
}

div.formContainer div.formItem span.formField-container {
display: block;
clear: both;
margin: 0;
left: 0;
padding: 0;
float: none;
overflow: visible;
}

div.formContainer div.formButtons {
padding-left: 0;
text-align: left;
}



div.formContainer select {
border: 2px solid #ccc;
color: #555;
font-family: Helvetica, Arial;
font-size: 1em;
padding: 5px 0 3px;
}



div.formContainer textarea.formInput.textarea {
border: 2px solid #ccc;
color: #555;
font-family: Helvetica, Arial;
padding: 6px 2px 4px;
width: 340px;
}



div.formContainer #txtItemImage {
background: #37a8d0;
border: 2px solid #ccc;
color: #fff;
padding: 6px 2px 4px;
text-align: left;
width: 240px;
}

div.formContainer div.formItem + div.formButtons {
padding-top: 10px;
}

div.formContainer div.formItem span.formField-container {
color: #555;
width: auto;
}

div.formContainer div.formItem span.formField-container span {
font-size: 80%;
}

div.formContainer div.uploadImage-container div.uploadImage-thumb {
background: transparent url("images/empty-image.png") no-repeat;
height: 104px;
position: absolute;
right: 160px;
top: 15px;
width: 103px;
}

/* Tables */

table {
border-top: 2px solid #555;
width: 100%;
}

table td {
background: #feecd4 url('images/bg_table.gif') repeat-x top center;
border-bottom: 2px solid #555;
vertical-align: top;
}

table div.gutter {
padding: 10px;
}

td.wish {
border-left: 2px solid #555;
border-right: 2px solid #555;
text-align: left;
}

td.wish a, div.actions a {
color: #f48d1e;
}

td.wish img.wishnamethumb {
border: 2px solid #eee;
}



td.wishname {
border-left: 2px solid #555;
text-align: left;
width: 280px;
}

td.wishname h3, table td.wish h3 {
margin-right: 20px;
}

td.wishname a, table.td wish h3 {
color: #000;
}

td.wishname img {
border: 2px solid #fff;
}

td.wishname div.gutter {
padding-right: 0;
}

td.wishdetails {
border-right: 2px solid #555;
text-align: left;
}

td.wishdetails a {
color: #f9a026;
}

div.wishdetailshalf {
float: left;
width: 50%;
}

td div.thumbnail-wrap {
float: right;
width: 300px;
}

td div.thumbnail-wrap div.gutter {
padding-top: 0;
padding-right: 0;
}

table tfoot, table tfoot td {
background: transparent;
text-align: left;
}

table tfoot td {
border-bottom: none;
}

table tfoot small.pagerContainer {
border-top: 2px solid #37a8d0;
display: block;
padding-left: 12px;
}

table tfoot small.pagerContainer a {
background: #44cff9;
color: #fff;
padding: 2px 10px 2px;
}

table tfoot small.pagerContainer a:hover {
background: #37a8d0;
}



/* Wish Elements */

div.label {
padding: 3px 0 2px;
border-bottom: 2px solid #37a8d0;
}

div.label h4, div.label small {
background: #44cff9;
border-top: 2px solid #37a8d0;
color: #fff;
display: inline;
margin: 0;
padding: 4px 12px 3px;
}

div.label h4 {
clear: both;
}

div.label small {
color: #555;
padding-bottom: 4px;
}

div.label small a {
background: #44cff9;
color: #fff;
padding: 4px 10px 4px;
}

 	div.label small a:hover, div.label small a.active {
background: #37a8d0;
}

div.module div.label {
background: #44cff9;
color: #fff;
padding: 4px 12px 2px;
}

div.module div.label h4 {
border-top: 0;
padding: 0;
}

td.wish ul, td.wishdetail ul {
margin: 0;
padding: 0;
}

td.wish ul li, td.wishdetail ul li {
margin: 0 0 0 12px;
padding: 0;
}

td.wish ul.sharethis, td.wishdetails ul.sharethis,

td.wish ul.recentcontributors, td.wishdetails ul.recentcontributors {
clear: both;
display: block;
margin: 2px 0 10px;
padding: 0;
}

td.wish ul.sharethis li, td.wishdetails ul.sharethis li,

td.wish ul.recentcontributors li, td.wishdetails ul.recentcontributors li {
margin: 0 0 0 14px;
padding: 0;
}

/* Progress Bar, Contribute Button, Submit Button */

.meter-wrap, .contribute-wrap, div.formContainer input.submit {
border: 2px solid #333;
position: relative;
margin-bottom: 5px;
}

.meter-wrap, .meter-value, .meter-text, .contribute-wrap, input.submit {
height: 30px;
overflow: hidden;
width: 300px;
}

.contribute-wrap, input.submit {
width: auto;
}

.meter-wrap {
background-color: #555;
}

.meter-value {
background: #ac6 url('images/bg_meter.gif') repeat-x top left;
}

.meter-text {
color: #fff;
font-size: 80%;
left: 0;
padding-top: 7px;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}

.meter-wrap:hover, .meter-value:hover, .meter-wrap a:hover {
background: #659a41;
color: #fff;
}

.contribute-wrap, input.submit {
background: #f48d1e url('images/bg_contribute.gif') repeat-x top left;
}

.contribute-wrap a, td.wish .contribute-wrap a, input.submit {
color: #fff;
display: block;
height: 35px;
line-height: 32px;
text-align: center;
}

.contribute-wrap:hover, .contribute-wrap a:hover, input.submit:hover {
background: #d15e2c;
color: #fff;
}



/* Comments */

div#addComment {
padding: 5px 0 10px 160px;
}

div.commentList a {
color: #37a8d0;
font-weight: bold;
}

div.commentList div.commentItem {
padding: 5px 0 0 160px;
min-height: 40px;
text-align: left;
}

div.commentList div.commentItem + div.commentItem {
margin-top: 0;
padding-top: 0;
border-top: 0;
}

div.commentUser {
float: left;
margin-left: -160px;
width: 160px;
}

div.commentUser img {
float: left;
padding: 0 5px 5px 0;
}

div.commentList div.commentItem {
color: #555;
}

div.commentList div.commentItem a {
font-weight: normal;
}

div.commentList div.commentItem a.user {
font-size: inherit;
font-weight: bold;
}

div.commentList div.commentItem span.date {
font-size: inherit;
color: #000;
}

div.commentList div.commentItem p.text {
background: #fff;
color: #555;
display: inline;
padding: 2px 0 0;
text-align: left;
width: auto;
}

div.commentList + div.commentAdd {
margin-top: 0;
padding-top: 0;
border-top: 0;
}

div.content.myProfile div.data div.commentAdd {
padding-bottom: 5px;
text-align: left;
}

/* Yoni: Style Tweaks */

.post {
margin-bottom: 2em;
font-size: 95%;
}
.top_meta, .bottom_meta {
  font-size:85%;
}
.gutter ul, .gutter ul li {
list-style: none;
}
.gutter ul li ul {
margin: 0;
padding:0; 
}

#content-narrow {
width: 600px;
padding: 1em;
background: #fff;
}

.gutter form input {
  padding:.1em;
}
.gutter ul li h2 {
  font-size:1.2em;
  text-align:left;
  border-bottom:1px solid #ddd;
  margin:2em 0 0;
}