/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

body {background:#eee;}

.messages {background:#00cc00; color:#fff; font-weight:bold; text-align:center; font-size:1.4em; padding:10px;}

#tempnav{background:#333; padding:3px;}
#tempnav ul {margin:0; padding:0;}
#tempnav ul li {float:left; list-style:none;}
#tempnav ul li a {display:block; padding:5px 10px; background:#fff; margin:0 3px;}

/* shared */

.list_title {border-bottom:2px solid #ccc;}
.list_title h6 {float:left; margin:7px 0 0 0;}
.list_title .container_actions li a {margin:5px 0 0 0;}
.list_title .container_actions li a img {float:left; margin:-3px 5px 0 5px;}
.link_big {display:block; background:#FFFFFF url(../images/bg-link_big.png) repeat-x; padding:10px; font-weight:bold; font-size:1.9em; border:2px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; }
.link_big img {display:block; float:left; margin:0 20px 0 0; width:20px;}
.button{display:block; text-align:center; padding:10px; background:url(../images/bg-button.png); font-size:1.5em; color:#fff; border:3px solid #fff; -moz-border-radius:3px; -webkit-border-radius:3px; }

/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 960px;}


/* Header
-------------------------------------------------------------- */

#header h1 {margin:10px 5px 0 5px;}
#header h1 a {background:url(../images/stashmate-logo.png) no-repeat; display:block; width:300px; height:0px; overflow:hidden; padding-top:85px;}
#header .login_out {display:block; float:right; background:#ccc; padding:5px 10px;}
ul.tabs { margin: 0 0 0 0; padding: 0; float:right;}
ul.tabs li { float: left; list-style: none; margin: 0 1px 0 0; padding: 0; }
ul.tabs li a { float: left; display: block; padding: 5px 15px; color: #666; text-decoration: none; }
#header .tabs li.more a {display:block; background:#FFFFFF url(../images/bg-list-more.png) no-repeat scroll 88% 8px; padding:5px 25px 5px 15px;}
#header .tabs .active a {background: #fff; -moz-border-radius:3px; -webkit-border-radius:3px; }


/* Body
-------------------------------------------------------------- */

#body {margin: 0 0 20px 0; clear:both;  background: #fff; -moz-border-radius:10px; border:5px solid #e9e9e9;}

#body .col-3 {width:930px; padding:10px; margin:10px 0;}
#body .col-2 {width:610px; padding:10px; margin:10px 0;}
#body .col-1 {width:300px; padding:10px; margin:10px 0;}


#body #features { padding:10px 0; width:960px;}
#body #features .feature.col-1 {float:left; width:285px; height:155px; margin:0 5px; background:url(../images/bg-feature.png) repeat-x;  -moz-border-radius:3px; -webkit-border-radius:3px;}
#body #features .feature.col-1 img {float:left; height: 130px;}
#body #features .feature.col-1 h6, #body #features .feature.col-1 p {margin-left:150px;}
#body #features .feature.col-1 h6 {line-height:1.1em; color:#d33005; margin-top:30px;}
#body #features .feature.col-1 p {margin-top:15px;}

#body #main_content {float:left;}
#body #body_right {float:left; width:300px;}

/*search*/

#search {margin:0 0 5px 0;}
#search input{font-size:1.5em; width:192px; padding:8px 5px;  color:#fff; border:2px solid #f0f0f0; -moz-border-radius:3px; -webkit-border-radius:3px;}
#search .submit{font-size:1.5em; padding:8px 15px; width:auto; background:#00CC00; border:none; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px;}

#cloud {background:#f5f5f5; border:5px solid #f0f0f0; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#cloud h2 {color:#555; font-size:1.5em; border-bottom:2px solid #ccc;}

/*view - home */

#introduction {background:url(../images/bg-home_cta.jpg) no-repeat; height:360px;}
#introduction.col-3 {margin:0;}
#intro_message {width:; margin:40px 40px 40px 380px; padding:60px 0 0 0; background:url(../images/bg-intro_message.png) no-repeat 107px 0px}
#intro_message h2 {font-size:3.5em; line-height:1.2em;}
#intro_message h3 {color:#d33005; font-size:2.3em;}
#intro_message .button {width:400px;}


/* view - login */
#login_form {width:600px; margin:20px auto;}
#login_form form {background:#eee; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#login_form label {display:block; font-size:1.8em; color:#555;}
#login_form input {width:550px; padding:10px; font-size:3em; }
#login_form .submit_field {text-align:right; padding:0 5px;}
#login_form .submit_field input {font-size:1.5em; padding:15px; width:auto; background:#00CC00; border:2px solid #fff; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px;}
#login_form .forgot {background:#ccc; padding:5px; text-align:right; margin:0;}
#login_form .signup {text-align:center; font-size:2em; background:#555; padding:10px; margin:0; color:#fff;}
#login_form .signup .button_big{padding:5px; background:#f0f0f0; -moz-border-radius:3px; -webkit-border-radius:3px; }

/* view - space list */

.add_form input{font-size:1.5em; padding:8px 5px; width:526px; margin:4px 0; border:2px solid #d0d0d0; -moz-border-radius:3px; -webkit-border-radius:3px;}
.add_form #room_submit{font-size:1.5em; padding:8px 15px; width:auto; background:#00CC00; border:0; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0;}
.add_form #box_submit{font-size:1.5em; padding:8px 15px; width:auto; background:#00CC00; border:0; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0;}
.add_form #item_submit{font-size:1.5em; padding:8px 15px; width:auto; background:#00CC00; border:0; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0;}
.add_form #event_name {font-size:2em; padding:5px; width:460px; margin:4px 0;}
.add_form #event_submit{font-size:1.5em; padding:8px 15px; width:auto; background:#00CC00; border:0; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0;}
.add_form #invite_email{width:495px;}
.add_form #invite_submit{font-size:1.5em; padding:8px 15px; width:auto; background:#00CC00; border:0; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0;}
#space_list .container {height:auto;}
#space_list .delete{float:right; margin: 5px 0 0 0;}




/* Single Space */


/* main content */
.page_title {margin:0; padding:10px; background:#208AE7; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px;}
.place_title {margin:0; padding:10px; background:#208AE7; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px;}
.message {padding:5px 0; margin:0 }

/* box container */
.container {padding:5px 0 10px 0;}
.container .container_head {border-bottom:1px solid #208AE7; padding:5px 0;}
.container input{float:left; margin:0 5px 0 0;}
.container .container_head input{margin:7px 5px 0 0;}
.container .container_head h3 {float:left; margin:8px 10px 0 0;}
.container .container_head .delete {float:right; margin: 5px 0 0 0;}
.container .container_head .item_contents {float:left; padding:5px; background:#eee; -moz-border-radius:3px; -webkit-border-radius:3px;}
.container .container_head ul{margin:0; padding:0;}
.container .container_head ul li {list-style:none;}
.container_actions {float:right; margin:0; padding:0;}
.container_actions li{float:left; list-style:none;}
.container_actions li a{display:block; padding:5px 10px; margin:0 3px; font-weight:bold; font-size:1.1em;}
.container_actions li li{float:none;}
.container_body {clear:both; padding:5px 0 0 0; background:#ddd;}
.container_body ul {margin:0; padding:0; list-style:none;}
.container_body ul li {float:left; padding:5px 10px; background:#fff; margin:0 0 5px 5px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.container_footer {clear:both; border-top:2px solid #CCCCCC;}
.container_footer .label {font-size:1.1em; font-weight:bold; padding:0 5px 0 0;}

/* item list */
.item_list {clear:both;}
.item_list .container{border-bottom:2px solid #ccc; height:53px;}
.item_list li input {margin:13px 5px 0 0}
.item_list li .label{font-weight:bold; font-size:1.4em; float:left; margin:8px 10px 0 0;}
.item_list li .label input{padding:5px; font-size:1.4em; margin:6px 5px 0 0;}
.item_list li .count {margin:6px 0 0 0; float:left; background:#ccc; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.item_list li .tags {margin:13px 0 0 0; float:left;}
.item_list .full_image img {float:right; border:2px solid #ccc;}

/* right */


/* Single box */

#item_list .container {height:auto;}
#item_list .delete{float:right; margin:5px 0 0 0;}

/* Features Page */
#features_page li {clear:both;}
#features_page li img {float:left; margin:10px 0;}
#features_page li h3 {margin: 0 0 0 170px; padding:40px 0 0 0;}
#features_page li p {margin: 10px 0 10px 170px;}

/* Footer
-------------------------------------------------------------- */
#footer { border-top: 1px solid #eee; margin: 20px 0 20px 0;  clear: both; }
#footer ul{margin:0;}
#footer ul ul  {width: auto; margin:0; text-align:center;}
#footer ul li {float:left; width:300px; padding:10px 5px 10px 10px;}
#footer ul li h6 {text-align:center; color:#555;}
#footer ul li li {float:none; width:auto; padding:2px; font-size:1.2em; border:none;}
#footer p.quiet { color: #ccc; }