@import "reset.css";

#global-nav {
	height:30px;
}
#global-nav span {
	line-height:30px;
}
#content {
	position:relative;
	margin: 5px 0;
	background-color: #fbfaf1;
}
#title-text {
	float:left;
}
#main-btns {	
	height: 30px;
	border-bottom: 1px solid lightblue;
	position:absolute;
	right:0;
	top:0;
}
#main-btns ul{
    
}
#main-btns li {
	float:left;
}
.shelf {
    background: url(images/shelf.png) repeat-x;
    height: 190px;
    margin: 0 130px;
}
.shelf-left{
    background: url(images/shelf-left.png) no-repeat;
    position:absolute;
    width:130px;
    height:190px;
    left:0;
    top:31px;
    margin:20px 0;
}
.flower, .shelf-right {
	position:absolute;
	width:130px;
	height:190px;
	right:0;
	top:31px;
	margin:20px 0;
}
#flower {
	background: url(images/flower.png) no-repeat;
}
.shelf-right {
	background: url(images/shelf-right.png) no-repeat right top;
}

.shelf .thumb, .shelf2 .thumb {
    padding: 0 15px 0 0;
    margin-right:15px;
    display:block;
    background: url(images/thumbshadow.png) no-repeat right bottom;
    position:relative;
}

.shelf .meta, .shelf2 .meta {
    padding: 5px 20px 5px 5px;
    margin-right:15px;
    display:block;
    background-color: #666666;
    position:relative;
    font-size:11px;
}

.vhover{ 
    padding: 5px 20px 5px 5px;
    cursor:pointer; 
    background-color:#000; 
    position:relative;
    display:none;
    margin-right:15px;
}

.inner_content{ float:left; width:80%; padding:10px 20px 10px 18px;}
.inner_content ul{ padding:0; margin:0; list-style-type:none; width:100%; text-align:center;}
.inner_content ul li{ width:100%; float:left; margin-bottom:5px; background:none; padding:0; border:0; height:auto}
.inner_content ul li.starmay{ font-size:15px; color:#73beff; word-wrap:break-word;}
.inner_content ul li.book{ font-size:12px; color:#ffb400}
.inner_content ul li.digital{ font-size:15px; color:#fff}
.inner_content ul li.unpaid{ font-size:13px; color:#f0f900}
.inner_content ul li a{ text-decoration:none; color:#fff;}
.inner_content ul li a:hover{ text-decoration:underline}

.shelf2 .caption {
    position:absolute;
    background:white;
    border-right:1px solid #666;
    border-bottom:1px solid #888;
    padding:5px;
    bottom:0;
    left:0;
}

.shelf2 img {
 background:white;
 max-height:190px;
 max-width:150px;
}

.shelf2 {
    background: url(images/shelf.png) repeat-x;
    height: 190px;
    margin: 0 130px;
    position:relative;
    padding-bottom:50px;
    z-index:2;
}

.shelf-left2 {
    background: url(images/shelf-left.png) no-repeat;
    position:absolute;
    width:152px;
    height:190px;
    left:0;
    bottom:0;
}
.shelf-right2 {
    background: url(images/shelf-right.png) no-repeat;
    position:absolute;
    width:152px;
    height:190px;
    right:0;
    bottom:0;
}


#navigation {
	height: 50px;
	border-top: 1px solid lightblue;
}
#navigation ul {
    overflow:auto;
    margin: 0 auto;
}
#navigation li {
	float:left;
    line-height: 30px;
    margin: 0 5px;
}

#navigation2 {
    height: 50px;
    border-top: 1px solid lightblue;
}
#navigation2 ul {
    overflow:auto;
    margin: 0 auto;
}
#navigation2 li {
    float:left;
    line-height: 30px;
    margin: 0 5px;
}

.enabled-btn {
    background:white;
    color:#333333;
    padding:5px;
    margin: 3px;
    border-top: 1px solid #eee;
    border-left:1px solid #eee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -moz-border-radius: 4px;
}
.enabled-btn:hover {
    text-decoration:none;
    background: lightblue;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
}
.enabled-btn:visited {
	color:#333333;
}
#title-head {
	height:100px;
}
#title-head h1 {
	line-height:100px;
	margin-left:20px;
}
#heading-row {
	height:50px;
	margin:0 20px;
}
#about-title {
	margin:0 20px;
}
#subscription-list{
	list-style:square inside none;
    margin:1em;
}
#top-left-corner {
  position: absolute;
  background: url(images/left_top_corner.png) no-repeat left top;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
}
#top-right-corner {
    position: absolute;
    background: url(images/right_top_corner.png) no-repeat right top;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}
#bottom-left-corner {
    position: absolute;
    background: url(images/left_bottom_corner.png) no-repeat left bottom;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}
#bottom-right-corner {
    position: absolute;
    background: url(images/right_bottom_corner.png) no-repeat right bottom;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}
#top-background-shadow {
    position: absolute;
    background: url(images/shadow-top.gif) repeat-x 10px top;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}

#left-background-shadow {
    position: absolute;
    background: url(images/bg-shadow-l.gif) repeat-y left top;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}

#right-background-shadow {
    position: absolute;
    background: url(images/bg-shadow-r.gif) repeat-y right top;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}

#bottom-background-shadow {
    position: absolute;
    background: url(images/shadow-bottom.gif) repeat-x left bottom;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}

.mediology-logo {
	float:right;
}
.mediology-logo a {
	display:block;
	font:9px/1 Lucida Grande,serif;
	padding:20px;
}
.mediology-logo img {
	display:block;
}

body
{
font: 62.5% 'Lucida Grande', Verdana, Tahoma, Arial;
color: #333;
}
a
{
text-decoration: none;
font-weight: normal;
font-size: 1.2em;
}
a:hover
{
text-decoration: underline;
}
h1,h2,h3,h4
{
font-weight: normal;
font-family: Georgia,serif;
letter-spacing: 0.05em;
}
h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size:1.5em; }
h5 { font-size: 1.3em;}
/*---------HEADER-------------*/
#wrap {
width: 80%;
max-width: 960px;
overflow: hidden;
margin: 20px auto;
position: relative;
background-color:white;
}
#wrap .corners-top {
padding: 10px 0 0 0;
}
#wrap .corners-top .leftside {
float: left;
margin:-10px 0 0;
padding:0 0 0 20px;
}
#wrap .corners-top .rightside {
float: right;
margin:-10px 0 0;
padding:0 16px 0 0;
}
#content-wrap {
margin: 10px;
position:relative;
}
#header{
    height: 150px;
    -moz-border-radius:5px;
}
#header .description {
font-size: 1.5em;
color: #fff;
}
#header a {
text-decoration: none;
color: #333;
}
#header a:hover {
color: #000;
}
#logo {
    float:right;
margin-top:45px;
}
ul.linklist {
list-style: none;
white-space: nowrap;
}
ul.linklist li {
float:left;
display: block;
}
ul.linklist li a {
padding: 0 10px;
}
/*-------------header images-----------------*/
#wrap .shadowL              {background: url(images/bg-shadow-l.gif) repeat-y top left; }
#wrap .shadowR              {background: url(images/bg-shadow-r.gif) repeat-y top right; }
.corners-top                {background: url(images/shadow-top.gif) repeat-x; }
.corners-top .leftside      {background: url(images/left_top_corner.png) no-repeat top left; }
.corners-top .rightside     {background: url(images/right_top_corner.png) no-repeat top right; }
.corners-bottom             {background: url(images/shadow-bottom.gif) repeat-x 0 bottom; }
.corners-bottom .leftside   {background: url(images/left_bottom_corner-test.png) no-repeat top left; }
.corners-bottom .rightside  {background: url(images/right_bottom_corner.png) no-repeat top right; }
#topnav                     {background: url(images/topnav_bg.png) repeat-x; }
#container                  {background: url(images/topnav_bg_ul.png) repeat-x;}
#container .leftside        {background: url(images/topnav_bg_btns_left.png) no-repeat;}
#container .rightside       {background: url(images/topnav_bg_btns_right.png) no-repeat; top right}
/*---------------END HEADER-----------------*/

input, label, p, legend {
    font-size: 1.2em;
}
fieldset {
    -moz-border-radius:4px 4px 4px 4px;
    border:1px solid lightgrey;
    margin:5px;
    padding:5px;
}
form td {
	padding: 5px;
}

/*--------------LINKS------------------*/
a {
color: #6666ff;
}
a img {
border: 0;
}
a:visited {
color: #6666ff;
  }
a:hover {
color: #000000;
  }
a.more-link {
background-color: #ffff00;
font-size: 1.2em;
}
a.comments-link {
background-color: #EFEFFF;
padding: 2px;
}
/*--------END LINKS---------------*/

p, .commentbody p {
padding-top:5px;
}
.alignright { float: right;}
.alignleft  { float: left;}
blockquote {
background-color:#fefefe;
margin: 15px 30px 0 10px;
padding-left: 20px;
clear: both;
border-left: 5px solid #ddd;
}
.postmeta {
margin-bottom: 20px;
}
#commentlist {
margin:0 20px;
}
/*-----------------FOOTER------------------*/
#footer {
clear: both;
margin: 0 10px;
padding: 20px 10px;
position:relative;
}
#wrap .corners-bottom {
padding: 0 0 20px;
}
#wrap .corners-bottom .leftside {
float: left;
margin:0;
padding:0 20px 2px 0;
}
#wrap .corners-bottom .rightside {
float: right;
margin: 0;
padding:0 20px 2px 0;
}
/*-----------------END FOOTER--------------*/
/* #---------- BOX -----------# */
.box         { position: relative;}
.box .a      { position:absolute;}
.box .t-bg-s { top:0;left:0;width:100%;height:5px;background:url(images/box-v-shadows.png) repeat-x left top; }
.box .l-bg-s { top:0;left:0;height:100%;width:5px;background:url(images/box-h-shadows.png) repeat-y left top; }
.box .r-bg-s { top:0;right:0;height:100%;width:5px;background:url(images/box-h-shadows.png) repeat-y right top; }
.box .b-bg-s { bottom:0;left:0;width:100%;height:5px;background:url(images/box-v-shadows.png) repeat-x left bottom; }
.box .tl-c   { top:0;left:0;width:10px;height:10px;background:url(images/box-corners.png) no-repeat left top; }
.box .tr-c   { top:0;right:0;width:10px;height:10px;background:url(images/box-corners.png) no-repeat right top; }
.box .bl-c   { bottom:0;left:0;width:10px;height:10px;background:url(images/box-corners.png) no-repeat left bottom; }
.box .br-c   { bottom:0;right:0;width:10px;height:10px;background:url(images/box-corners.png) no-repeat right bottom; }
.box .boxcontent { position:relative;padding: 10px;}
/* # END BOX # */


.list-form {

float:left;
margin:0;

}

.list-form li {

clear:both;
margin:0 0 8px;
overflow:auto;
}

.list-form .left {

float:left;
width:200px;

}

.list-form .right {
clear: none;
float:left;
width:370px;
margin-right:5px;
}

.list-form .info {

color:#666666;
font-size:11px;
font-style:italic;
margin:0.2em 0 1em;

}