/* $$ Document Elements $$ */
body {
    margin:0px;
    background-image:url("wood.jpg");
    min-width:880px;
}

/* $$ Links $$ */

a:link {
    color:#30A2FF;
    text-decoration:none;
}
a:visited {
    color:#30A2FF;
    text-decoration:none;
}
a:hover {
    color:#52D9FF;
    text-decoration:none;
}
a:visisted {
    color:#52D9FF;
    text-decoration:none;
}

a:active {
    color:#52A08D;
    text-decoration:none;
}


/* $$ Buttons $$ */
.tab {
    padding:0px;
    text-align:center;
    font-family: sans-serif;
    cursor:pointer;
    color:#ffffff;
    font-weight:100;
    line-height:33px;
    background-image:url("linkHover.png");
    height:35px;
}

.btn {
    margin:2px;
    cursor:pointer;
    padding:5px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px; 
    border-radius:10px;
}

.green {
    background-color:#16B935;
    border:2px #0A5F19 solid;
    background-image:url("btn_hover.png");
    color:#0A5F19;
}

.blue {
    background-color:#1872F1;
    border:2px #003B72 solid;
    background-image:url("btn_hover.png");
    color:#003B72;
}

.red {
    background-color:#D30D1A;
    border:2px #67060C solid;
    background-image:url("btn_hover.png");
    color:#67060C;
}

.orange {
    background-color:#D34D00;
    border:2px #822F00 solid;
    background-image:url("btn_hover.png");
    color:#822F00;
}

.yellow {
    background-color:#CDBB00;
    border:2px #827600 solid;
    background-image:url("btn_hover.png");
    color:#827600;
}

.purple {
    background-color:#8100BA;
    border:2px #35004D solid;
    background-image:url("btn_hover.png");
    color:#35004D;
}

.pink {
    background-color:#DD009E;
    border:2px #460033 solid;
    background-image:url("btn_hover.png");
    color:#460033;
}

.lime {
    background-color:#3EC700;
    border:2px #1C5A00 solid;
    background-image:url("btn_hover.png");
    color:#1C5A00;
}

.cyan {
    background-color:#009A6F;
    border:2px #004B44 solid;
    background-image:url("btn_hover.png");
    color:#004B44;
}


.f8 {
   font-size:8px;
}
.f9 {
   font-size:9px;
}
.f10 {
   font-size:10px;
}
.f11 {
   font-size:11px;
}
.f12 {
   font-size:12px;
}
.f13 {
   font-size:13px;
}
.f14 {
   font-size:14px;
}
.f15 {
   font-size:15px;
}
.f16 {
   font-size:16px;
}
.f17 {
   font-size:17px;
}
.f18 {
   font-size:18px;
}
.f19 {
   font-size:19px;
}
.f20 {
   font-size:20px;
}
.f21 {
   font-size:21px;
}
.f22 {
   font-size:22px;
}
.f23 {
   font-size:23px;
}
.f24 {
   font-size:24px;
}
.f25 {
   font-size:25px;
}

/* $$ Header Objects $$ */

ul.tabs {
    margin:0px;
    padding:0px;
    height:35px;

}

ul.tabs li.tab {
    margin:0px 30px 0px 0px;
    float:left;
    list-style-type:none;
    
}

#header {
    width:90%;
    padding:0px 5% 0px 5%;
    height:110px;
    background-image:url("header.jpg");
    border:0px #01ACFF solid;
    border-bottom-width:3px;
    position:relative;
}

#logo {
    padding:0px 10px 0px 10px;
    width:100%;
    height:75px;
}

#logo #logoImg {
    background-image:url("logo_animation.png");
    height:50px;
    width:274px;
    margin:10px 0px 0px 0px;
    /*background-position:0px 50px;*/
    float:left;
}
#logo #feelRipple {
    background-image:url("feelRipple_animation.png");
    height:50px;
    width:200px;
    margin:15px 0px 0px 0px;
    /*background-position:0px 50px;*/
    float:left;
}

#formSearch {
    margin:0px;
    padding:0px;
    width:350px;
    display:none;
    opacity:0.0;
}


#formSearch ul {
    margin:0px;
    padding:0px;
    list-style: none;
    list-style-type: none;
    width:310px;
    padding:0px 20px 3px 20px;
    background-image:url("options.png");
    background-repeat: no-repeat;
    background-position: 0px bottom;
}
#formSearch ul li {
    margin:0px 10px 0px 10px;
    padding:0px;
    list-style: none;
    list-style-type: none;
    display:inline-block;
    color:#202020;
    font-family:Arial;
    font-size:14px;
}
#formSearch ul li input {
    margin:0px 5px 0px 5px;
}


#sumbitSearch {
    width:45px;
    height:45px;
    background-image:url("search.png");
    border:0px;
    float:right;
    cursor:pointer;
    -moz-border-radius:0px 8px 8px 0px;
    -webkit-border-radius:0px 8px 8px 0px;
    -khtml-border-radius:0px 8px 8px 0px;
    border-radius:0px 8px 8px 0px;
    
}

#search {
    width:225px;
    height:45px;
    float:right;
    background-color:transparent;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
    margin:5px 0px 0px 0px;
}

#search #inputSearch {
    height:45px;
    border:2px #515151 solid;
    border-width:2px 0px 2px 2px;
    float:left;
    width:180px;
    outline:0px;
    color:#5D5E5E;
    font-size:16px;
    background-color:transparent;
    -moz-border-radius:8px 0px 0px 8px;
    -webkit-border-radius:8px 0px 0px 8px;
    -khtml-border-radius:8px 0px 0px 8px;
    border-radius:8px 0px 0px 8px;
    color:#ffffff;
}

/* $$ Page $$ */

#wrapper {
    width:90%;
    margin: 0 auto;
}

#page {
    margin:20px 0px 0px 0px;
}

h2 {
    width:100%;
    padding:0px;
    margin:0px;
    font-family:"floridaprojectphaseone", Arial-Black, Arial;
    font-size:40px;
    color:#493B2A;
	text-shadow: 0px 1px 2px #FFE8C0;
}

.holders {
    background-image:url("alpha.png");
    padding:10px;
    -moz-box-shadow: inset 5px 5px 5px #ccc;
    -ms-box-shadow: inset 5px 5px 5px #ccc;
    -webkit-box-shadow: inset 0px 0px 0px #ccc;
    box-shadow: inset 0px 0px 10px #E9D1B1;
}
/* $$ Books $$ */

.progress {
    width:200px;
    height:6px;
    margin:0px auto;
    background-image: url("progress.png");
    background-position:1px 0px;
}
.progress span {
    position:absolute;
    font-family:Arial;
    padding:2px;
    background-color:#30A2FF;
    background-color: rgba(16, 89, 255, 0.6);
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px; 
    border-radius:2px;
    border:1px #707070 solid;
    display:none;
    color:#ffffff;
}
.progress:hover span {
    display:inline;
}
ul.books {
    margin:0px;
    padding:0px;
    list-style:none;
}

li.book {
    display:inline-block;
    padding:10px;
    width:270px;
    height:553px;
    /*margin:2px;*/
}

.bookInfo {
    width:200px;
    margin:0px 15px 0px 15px;
    height:150px;
    padding:0px 20px 10px 20px;
    text-align:center;
    font-size:16px;
    color:#000000;
    font-family: sans-serif;
    background-image:url("note.png");

}

.small {
    font-size:10px;
}

.cover {
    background-image:url("pages.png");
    padding:10px 10px 0px 10px;
}


/* $$ Fonts && */

@font-face {
    font-family: 'floridaprojectphaseone';
    src: url('florida_project_phase_one-webfont.eot');
    src: url('florida_project_phase_one-webfont.eot') format('embedded-opentype'),
         url('florida_project_phase_one-webfont.woff') format('woff'),
         url('florida_project_phase_one-webfont.ttf') format('truetype'),
         url('florida_project_phase_one-webfont.svg#floridaprojectphaseone') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* $$ Other $$ */

#errorPage {
    width:750px;
    height:150px;
    background-image:url("404_animation.png");
    margin: 0 auto;
}

#errorPageDoc {
    background-image:url("bg.png");
}

#pageError {
    width:100%;
    margin:15% 0px 0px 0px;
    text-align:center;
    font-family:"floridaprojectphaseone";
    font-size:20px;
    color:#595959;
}

#theFaddingTextYeah {
    opacity:0.0;
}

/* $$ Other Page's Elements && */

#addBookWrapper {
    width:100%;
    margin:50px 0px 0px 0px;
}

#addBookWrapper img {
    display:block;
    position:relative;
    top:-345px;
    margin:0 auto;
}

#formAddNote {
    width:790px;
    margin: 0 auto;
}


#nameEmail {
    float:right;
    background-image: url("paper.png");
    width:266px;
    padding:30px 10px 20px 10px;
    margin:10px;
    font-family:Arial;
    position:relative;
}

#addNoteBox {
    float: left;
    width:366px;
    height:516px;
    padding:42px;
    background-image:url("addNote.png");
    position: relative;
}

#addNoteBox textarea {
    width:100%;
    height:100%;
    border:0px;
    background-color:transparent;
    outline:0px;
    font-size:16px;
    font-family:times;
}


/* $$ Input Btns && */

.input {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: #eae7e7;
    background-repeat: no-repeat;
    background-position:5px center;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 5px 10px 5px 40px;
	width: 250px;
}
.input:focus {
	-webkit-box-shadow: 0 0 2px #5194F1 inset;
	-moz-box-shadow: 0 0 2px #5194F1 inset;
	-ms-box-shadow: 0 0 2px #5194F1 inset;
	-o-box-shadow: 0 0 2px #5194F1 inset;
	box-shadow: 0 0 2px #5194F1 inset;
	background-color: #fff;
	border: 1px solid #5194F1;
	outline: none;
}

.button {
    padding: 5px 7px;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-size:12px;
}
.button:hover {
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.blueB {
        border: solid 1px #20538D;
        background-color: #1D8FD4;
}

.blueB:hover {
        background-color: #11537B;
}

.greenB {
        border: solid 1px #005112;
        background-color: #00AF3F;
}

.greenB:hover {
        background-color: #00782B;
}

.yellowB {
        color:#3A370D;
        border: solid 1px #575213;
        background-color: #D9D000;
}

.yellowB:hover {
        background-color: #75701A;
}

.redB {
        color:#fff;
        border: solid 1px #480A00;
        background-color: #E72200;
}

.redB:hover {
        background-color: #771200;
}


#price {
    color:#646464;
    display:block;
    margin:0px 0px 0px 20px;
}

#buyBook {
    background-image: url("alpha.png");
    width:100%;
    height:100%;
    z-index:100000;
    position:fixed;
    top:0px;
    left:0px;
    opacity:0.0;
    display:none;
}

#buyABook {
    width:550px;
    padding:20px;
    height:350px;
    background-image: url("bg.png");
    margin:50 auto;
    border:2px #565656 solid;
}

#buyOptions {
    float:right;
    width:290px;
    height:345px;
    font-size:16px;
    font-family:Arial;
}

.wwd {
    background-image:url('bg.png');
    font-size:18px;
    font-family: times;
    color:#181818;
}