/*
* Page: app/views/Application/home.html
*
* Find Documents page
* last updated: Oct 15, 2012
*
*/
/* @import url("/public/stylesheets/faq.css"); */
/* ==========================================================================
General Layout
========================================================================== */
.find-docs-container { width: 822px; margin: 0 auto; position: relative; margin-top: 20px; }
.find-docs-container .span-one-fifth { /*background: #ebebeb;*/ width: 20%; margin: 0; }
.find-docs-container .span-four-fifths { /*background: #ebebeb;*/ width: 80%; margin: 0; }
.find-docs-content { padding: 0 16px; }
.find-docs-container .search-documents-nav { position: absolute; z-index: 500; right: 0; height: 35px; left: 418px; top: 20px; }
.docracy-intro {background: transparent url(/public/images/docracy_logo.png) no-repeat 20px center; padding-left: 127px; margin-top: 0px; margin-left: 40px; margin-bottom: 40px; width: 680px; }
.docracy-intro h1 {font-size: 49px; position: relative; top: 17px; margin-bottom: 25px;}
.docracy-intro h2 {font-weight: normal; color: #858585; font-size: 20px;}
/* ==========================================================================
Search Input
========================================================================== */
.search-documents-submit:focus {
outline: thin dotted #858585;
outline: 3px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
/* ==========================================================================
Bundles Container / My docs
========================================================================== */
.doc-bundles, .my-docs { padding: 16px 0; position: relative; }
.doc-bundles h1 .label-new { position: relative; left: 10px; bottom: 2px; }
.doc-bundles h1.title, .my-docs h1.title { font-size: 20px; height: 38px; padding-left: 50px; background: url("/public/images/bundle_icon.png") no-repeat 0 0; margin-bottom: 15px; }
.doc-bundles .doc-list, .my-docs .doc-list { width: 48.8%; float: left; margin: 0; margin-right: 1.8%; margin-bottom: 15px; background: #f6f6f6; border: 1px solid #DDD; border-radius: 4px; }
.doc-bundles .doc-list.alt, .my-docs .doc-list.alt { margin-right: 0; }
.doc-bundles .doc-list.last { margin-bottom: 0; }
.my-docs .doc-list { margin-bottom: 0; }
/* temp adjustments */
.doc-bundles .doc-list li { padding: 10px 0; }
.doc-bundles .doc-list .title { font-size: 14px;}
/*
.doc-bundles .doc-list .doc-name { font-weight: normal; margin-bottom: 0; }
.doc-bundles .doc-list .doc-info { font-weight: normal; font-size: 11px; }
*/
/* ==========================================================================
Document Categories
========================================================================== */
.doc-categories { margin-left: 0; margin-top: 40px; }
.doc-categories h4 {margin-bottom: 15px}
.doc-categories ul {padding: 0; margin: 0; list-style-type: none;}
.doc-categories li {margin-bottom: 10px; padding-right: 15px;}
/* ==========================================================================
Sign Up
========================================================================== */
.add-documents { width: 104px; margin: 0 auto; border: 1px solid #dfdfdf; padding: 10px; padding-top: 18px; text-align: center; border-radius: 4px; color: #858585; }
.add-documents p { margin-bottom: 10px; }
.add-documents .btn { width: 99.5%; padding-left: 0; padding-right: 0; height: 20px; text-transform: lowercase; margin-bottom: 10px; }
/* ==========================================================================
Featured Users
========================================================================== */
.feat-users { margin-left: 0; }
.feat-users ul {list-style-type: none; margin: 0; padding: 0;}
/** feat-users **/
.feat-users { margin-top: 38px;}
.feat-users h3 { font-size: 16px; margin-bottom: 18px; }
.feat-users ul a {display: block; overflow: hidden; text-indent: -9999px; margin: 0 auto;}
a.aiga:link, a.aiga:visited {width: 92px; height: 92px; background: url("/public/images/logos/aiga.png") no-repeat 0 0; margin: 0;}
a.aiga:hover {background-position: 0 -92px;}
a.techstars:link, a.techstars:visited {width: 110px; height: 79px; background: url("/public/images/logos/techstars.png") no-repeat 0 0; position: relative; top: 6px;}
a.techstars:hover {background-position: 0 -79px;}
a.gd:link, a.gd:visited {width: 72px; height: 42px; background: url("/public/images/logos/gd.png") no-repeat 0 0; position: relative; top: 25px;}
a.gd:hover {background-position: 0 -42px;}
a.founder:link, a.founder:visited {width: 50px; height: 80px; background: url("/public/images/logos/founder.png") no-repeat 0 0; position: relative; top: 3px;}
a.founder:hover {background-position: 0 -80px;}
a.foundry:link, a.foundry:visited {width: 135px; height: 46px; background: url("/public/images/logos/foundry.png") no-repeat 0 0; position: relative; top: 23px;}
a.foundry:hover {background-position: 0 -46px;}
/* ==========================================================================
Topic button
========================================================================== */
.btn-topic .icon-bookmark { background: url("/public/images/action_icons/icon_bookmark.png") no-repeat 0 1px; }
/*************************** HOME PAGE **************************************/
/** main layout
div#homepage-content.container {width: 788px; padding-top: 15px;}
#homepage-content .span-one-third {width: 248px; margin-right: 22px; margin-left: 0;}
#homepage-content .span-one-fourth {width: 186px; margin: 0; margin-right: 10px;}
#homepage-content .span-one-fifth {width: 149px; margin: 0; margin-right: 10px;}
/** intro
#docracy-intro {background: transparent url(/public/images/docracy_logo.png) no-repeat 20px center; padding-left: 127px; margin-top: 0px; margin-left: 40px; margin-bottom: 40px; width: 680px; }
#docracy-intro h1 {font-size: 49px; position: relative; top: 17px; margin-bottom: 25px;}
#docracy-intro h2 {font-weight: normal; color: #858585; font-size: 20px;}
**/
/** steps
ul#steps {margin: 0; padding: 0; padding-bottom: 30px; margin-bottom: 30px; list-style: none;}
ul#steps li {font-weight: bold;}
ul#steps li span.tagline {font-weight: normal; display: block; color: #848484;}
ul#steps .span-one-third.last {margin-right: 0; text-align: center;}
ul#steps .span-one-third.last img { padding: 0; }
div.desc {width: 210px; margin: 0 auto; text-align: left}
div.item-number {font-size: 60px; float: left; width: 56px; position: relative; top: 8px;}
div.step-description {float: left; width: 180px; font-size: 15px; margin-bottom: 30px; width: 150px;}
ul#steps li img {display: block; clear: both; margin: 0 auto; text-align: center;}
**/
/** signup notice
#signup-notice.span-one-fifth {background: transparent url(/public/images/add_doc.png) no-repeat center 10px; border: 1px solid #e8e8e8; height: 100px; padding: 10px; width: 130px; position: relative; left: 9px; text-align: center; padding-top: 106px; padding-bottom: 0;}
#signup-notice p {margin-bottom: 10px; color: #848484; font-size: 13px;}
**/
/** logged in users **/
#notloggeduser-home { margin-left: 0; padding-top: 20px; margin-bottom: 16px;}
nav.document-lists {width: 375px; float: left; margin-right: 28px; position: relative;}
nav.document-lists h3 {margin-bottom: 10px; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px;}
#recently-changed-docs {margin-right: 0;}
nav.document-lists ul {margin: 0; padding: 0; list-style-type: none;}
nav.document-lists footer {margin: 0; padding: 0; border: none; font-size: 11px; color: #858585; position: relative; top: 5px;}
nav.document-lists li {margin-bottom: 15px; padding-top: 10px;}
nav.document-lists li:first-child {border-top: none;}
nav.document-lists li.last {margin-bottom: 0;}
/** toolbar **/
.docs-toolbar {text-align: right; position: absolute; top: 0px; right: 0; width: 300px;}
/**.docs-toolbar .showall {margin-left: 10px;}**/
/*********** STARTER KITS / added April 23, 2012
#kits-nav { border-top: none; padding: 30px 0px 30px 0px; }
#kits-nav.row { margin-left: 0; }
#kits-nav ul { margin-bottom: 0;}
#kits-nav li { width: 237px; margin-left: 10px; }
#kits-nav.row a:link, #kits-nav.row a:visited {display: block; height: 100%; width: 100%; padding: 60px 0 20px 0; color: #333; font-weight: bold; font-size: 17px;}
#kits-nav.row a:hover { text-decoration: none; }
a#freelancer_kit:link, a#freelancer_kit:visited { background: url(/public/images/starter_kits/freelancer_icon.png) no-repeat 0 15px; }
a#startup_kit:link, a#startup_kit:visited { background: url(/public/images/starter_kits/startup_icon.png) no-repeat 0 15px; }
a#personal_kit:link, a#personal_kit:visited { background: url(/public/images/starter_kits/personal_docs_icon.png) no-repeat 0 15px; }
#kits-nav a:hover, #kits-nav.row a:focus { background-position: -227px 15px; }
#kits-nav a:active { background-position: -454px 15px;}
***********/
/*********** ABOUT PAGE ***********/
div#the-team h3, div#about-docracy h3 {color: #565656}
div#the-team h3 {padding: 0 10px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 20px; margin-bottom: 24px; padding-left: 0; }
div#the-team ul {padding: 0; margin: 0; list-style-type: none; }
div#the-team ul li figure{width: 150px; text-align: center; padding:0; margin: 0; margin-bottom: 20px;}
div#the-team ul li figure figcaption {margin-top: -2px;}
div#the-team ul li figure figcaption b {display: block; width: 150px; height: 48px;}
/** john **/
div#the-team ul li figure#john figcaption b {background: transparent url(/public/images/team/john_name.png) no-repeat top center;}
/** matt **/
div#the-team ul li figure#matt figcaption b {background: transparent url(/public/images/team/matt_name.png) no-repeat top center;}
/** veronica **/
div#the-team ul li figure#veronica figcaption b {background: transparent url(/public/images/team/veronica_name.png) no-repeat top center;}
/** alvaro **/
div#the-team ul li figure#alvaro figcaption b {background: transparent url(/public/images/team/alvaro_name.png) no-repeat top center;}
/** Added July 31, 2012 **/
#doc-categories.row { /* margin-bottom: 30px; padding-bottom: 30px;*/ }
#doc-categories.row.logged-in { border-bottom: 0; }
.doc-dashboard-column:first-child { margin-right: 4%; }
.doc-dashboard-column { float: left; width: 48%; }
#your-docs-home .doc-info { padding-left: 5px; }
/*********** DOCRACY VIDEO / added July 24, 2012 ***********/
#introVideo { border: 1px solid #cccccc; padding: 10px; height: 431px; margin-bottom: 30px; border-radius: 3px; }
#introVideo iframe { border: 1px solid #b4b4b4; }
/*********** SUPER SIGNING INTRO / added Sept 4, 2012 ***********/
#super-signing-link:hover { text-decoration: none; }
a:link #super-signing-ad, a:visited #super-signing-ad { background: #f1f1f1; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 0; text-align: center; color: #333; margin-bottom: 26px; }
a:hover #super-signing-ad { background: #f7f7f7; }
#super-signing-ad p {position: relative; padding: 8px; margin: 0 auto; width: 140px; background: url("/public/images/super_signing_ad.png") no-repeat center left; padding-left: 60px; text-align: left; font-size: 20px; font-weight: bold; line-height: 0.9; }
#super-signing-ad #introducing { display: block; font-size: 11px; color: #919999; }
#super-signing-ad #new { text-transform: uppercase; position: absolute; top: 12px; width: 25px; right: -5px; font-size: 9px; color: #4ca9c9; }