﻿/* pinks in use:  f83d87 similar pinks: ec008c*/
/* orange in use: f92 */
/* gray in use: ccc */

/* upper level elements */
body{background-color:#fff;font-family:Helvetica,Arial;color:#555;font-size:12px;line-height:18px}

/* general classes */

.clear-both{clear:both;}
.font-size13{font-size:13px}
.colored-title
{
    font-size:14px;
    line-height:18px;
    text-transform:uppercase;
    font-weight:bold;
    color:#fff;
    background-color:#f92;
    padding:2px 5px 2px 5px;
    margin:5px;
}

.orange-bg{background-color:#f92;}
.pink-bg{background-color:#f83d87;}

.div-item{border-bottom:1px solid #ccc;padding:15px 15px;overflow:auto}
.div-item-no-padding{border-bottom:1px solid #ccc;overflow:auto}
.div-item-no-border{padding:0px 15px}
.div-item-tripple{border-bottom:1px solid #ccc;overflow:auto;}
.div-item-tripple div{padding:0px 15px}
.div-item-hover:hover{background-color:#f8f8f8;}
.news-margin{margin-top:10px}

/* general elements */

a:link,a:visited,a:hover,a:active,a:focus{color:#000}

/* master page template */ 

/* upper nav menu */    
#div_menu{width:1000px;height:180px;margin:0 auto;border-bottom:dashed 1px #ccc;} 
#div_menu a.a_home:hover,#div_menu a.a_home:active,#div_menu a.a_home:focus{height:125px}
.a_menu{color:#000;font-size:24px;font-weight:bold;float:left;padding:15px;padding-bottom:30px;}
.a_home{background-color:#fdf;}

/* Henwen header */
#upper-header{width:1000px;position:absolute;top:60px;margin:0 auto;clear:both;z-index:500}
#upper-header a img{margin:0 0 0 -25px;z-index:500;height:147px} 
 
    /* social bar */
    #span-social{float:right;font-weight:bold;position:absolute;top:85px;right:5px;}
        .social:link,.social:visited,.social:hover,.social:active,.social:focus{display:block;color:White;float:right;padding:5px;margin-left:5px;font-size:16px;line-height:20px}     
        #span-bc{background-color:#e20;}
        #span-rss{background-color:#f92}
        #span-twitter{background-color:#3cf}
        #span-facebook{background-color:#85f}

/* center content */
#center{position:relative;margin:0 auto;width:1000px;overflow:auto;border:solid 1px #ccc;border-top:0;z-index:0;background-color:#fff}

/* lower header */
#lower-header{margin:0 auto;margin-top:15px;height:25px; text-align:center;width:1000px;background-color:#dff;color:#f83d87;padding-top:2px}
#lower-header a:link, #lower-header a:visited, #lower-header a:hover, #lower-header a:active{color:#f83d87;text-decoration:underline;}
 
/* content columns*/

.left-col
{
    float:left;
    width:180px;
     height:inherit;
} 
 
.center-content
{
    float:left;
    width:535px;
    height:inherit;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    
}
    
.right-col
{  
    float:right;
    width:283px;
    height:inherit;

}
   
/* Headers & Content */
 
.small-paragraphs p, .small-paragraphs a{margin-bottom:5px;} 
.medium-paragraphs p, .medium-paragraphs a{font-size:14px;line-height:20px;margin-bottom:5px;}

.news-item-div{float:right;width:230px;font-size:12px;line-height:18px;padding-left:25px}
.news-item-image{float:left;width:250px;height:200px;background-repeat:no-repeat;background-position:center;width:250px}
.news-item-header{color:#000;font-size:24px;font-weight:bold;text-transform:uppercase;line-height:24px;margin-bottom:5px} 

.small-header{font-size:12px;line-height:12px}
.medium-header{font-size:28px;line-height:28px;}
.italic-header{font-style:italic}
.bold-header{font-weight:bold;}
    
.review-title{font-size:18px;line-height:18px;color:Purple;font-weight:bold;}

a.gray-color:link,a.gray-color:visited, a.gray-color:hover, a.gray-color:active {color:#555;font-size:11px;line-height:14px;display:block;margin-top:7px}
a.gray-color:hover{text-decoration:underline;}

a.pink-color:link,a.pink-color:visited, a.pink-color:hover, a.pink-color:active {color:#f83d87;font-weight:bold;}
a.pink-color:hover{text-decoration:underline;}
 
a.pink-color-regular:link,a.pink-color-regular:visited, a.pink-color-regular:hover, a.pink-color-regular:active {color:#f83d87;}
a.pink-color-regular:hover{text-decoration:underline;}
 
.review-description{font-weight:bold;color:Purple;font-size:18px;text-transform:uppercase;padding-top:15px}
     
.older-reviews-title{font-size:14px;line-height:14px; color:purple;padding-bottom:5px;font-weight:bold}
.review-author{font-size:11px;color:#f83d87;padding-bottom:5px;font-weight:bold;text-transform:uppercase}
.review-title-description{font-size:14px;line-height:14px;color:#f83d87;font-weight:bold;text-transform:uppercase}
.review-author-large{font-size:12px;line-height:12px;color:#f83d87;font-weight:bold} 
.older-reviews-header{ font-size:18px;line-height:18px; text-transform:uppercase;padding-bottom:0px; text-align:center;font-weight:bold;color:#999}
.older-reviews-summary{color:#555;font-size:12px;line-height:18px; }

.review-image1{height:350px;padding-top:5px}
.comics-info{font-size:12px;line-height:18px;width:100px}
.img-left{width:155px;height:140px;margin-bottom:10px;}

/* tab */
.tab-box a {
  border:1px solid #ccc;
  border-top:1px solid #eee;
  padding:7px 15px 7px 19px;
  text-decoration:none;
  background-color:#eee;
  margin-left:-4px;
  color:#f83d87;
  text-transform:uppercase;
  line-height:32px;
}

.tab-box a:hover{background-color:#ffe;border-top:1px solid #ffe;}

#cont-1 
{
    border-left:0;
   
}

#cont-4
{
   padding:7px 20px 7px 20px;
    border-right:0;
}

.tab-box a.activeLink { 
  background-color: #fff; 
  border-bottom: 0; 
  padding-bottom:8px;
  border-top:1px solid #fff;
  
}

.tabcontent {clear:both;padding:25px 15px}
.tabcontent object, .tabcontent embed {width:500px;height:300px}

#recentcomments a {
color: #F83D87;
}
.hide { display: none;}
