* {
margin:0;
padding:0;
}
html {
min-height:100%;
}
body {
background: #333333;
color: #000;
min-height:100%;
}
blockquote {
width: 500px;
margin-left: 30px;
}
#wrap{
height: 100%;
/*border: 1px solid #242424;*/
overflow: hidden;
margin: 0 auto; width: 1025px;
}
p {
margin-top: 0px 0;
margin-bottom: 10px;
}
p img{
margin-top: 0px 0;
margin-bottom: 20px;
}
img.aligncenter,.aligncenter {display: block; margin:0 auto; text-align:center}
img.imageframe {display: block; margin:0 auto; text-align:center}
img a{border: none;}
a:link, a:visited {
color: #000;
text-decoration:none;
}
a:hover, a:active {
color:#000;
text-decoration:none;
}
a:link img, a:visited img {
margin-left:0px;
border: none;
margin-bottom: 0px;
}
/* Structure */
/* Top green nav bar and logo*/
#topBar{
/*border: 1px solid #800000;*/
height: 31px;
width: 100%;
background-image: url(Freshness%20web%20ORG/POSTS/original/images/top_bg.gif);
background-position: top left;
background-repeat: repeat-x;
}
#logoNav{
height: 40px;
width: 1025px;
margin: auto;
text-align: left;
/*border: 1px solid #000;*/
}
#logo{
left: 0;
float: left;
margin-top: 5px;
}
#logo img{
float: left;
margin-left: 23px;
}
#tabnav{
float: right;
text-align: right;
padding-right: 21px;
/*border: 1px solid #000;*/
width: 800px;
}
#tabnav ul{
list-style-type: none;
margin-top: 19px;
float: right;
}
#tabnav ul li{
margin-left: 8px;
display: inline;
}
/* Main area */
#page {
width:1025px;
margin:0 auto;
background-color: #000000;
padding: 20px 0px 0px 0px;
height: 100%;
float: right;
display: inline;
position: relative;
}
/********Top ad banner*********/
#topAds{
float: left;
width: 100%;
background-color: #000;
}
#largeBanner {
width:728px;
float: left;
margin-left: 20px;
height:90px;
background-color: #000;
}
.left {
float:left;
}
#smallBanner{
width:224px;
float: left;
margin-left: 20px;
border: 5px solid #000;
height:80px;
background-color: #000;
}
/****************Second Row*********************/
#secondRow{
width: 985px;
border-bottom: 1px solid #323232;
/*border: 1px solid #043BB8;*/
float: left;
margin-top: 20px;
margin-left: 20px;
padding-bottom: 10px;
background-color: #000;
}
#secTitle{
width:650px;
float: left;
background-color: #000;
}
#secTitle ul{
list-style-type: none;
float: left;
font-size: 18px;
font-family: "Helvetica Neue",Arial,sans-serif;
font-weight: bold;
}
#secTitle ul li {
margin-right: 20px;
display: inline;
color:#DEE721;
}
#secTitle ul li a{
color:#A7A9AC;
}
#secTitle ul li a:hover{
color:#DEE721;
}
#secTitle img{
margin-right: 15px;
}
#supButtons{
float: right;
width: 300px;
margin-top: 8px;
background-color: #000;
}
#supButtons ul{
list-style-type: none;
float: right;
font-size: 9px;
font-family: arial;
}
#supButtons ul li {
margin-left: 10px;
display: inline;
}
#supButtons ul li a{
color:#A9A9A9;
}
#supButtons ul li a:hover{
color:#fff;
}
/**************Third Row****************/
#thirdRow{
width: 985px;
border-bottom: 4px solid #fff;
/*border: 1px solid #ffcc00;*/
float: left;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #000;
height: 30px;
}
#catLinks{
background-color: #000;
float: left;
height: 10px;
width: 650px;
}
#catLinks ul{
list-style-type: none;
float: left;
color: #dee721;
margin-left: -5px;
}
#catLinks ul li{
margin-left: 5px;
display: inline;
}
#catLinks ul li a{
font-weight: normal;
font-size: 10px;
color: #dee721;
font-family: arial;
margin-right: 5px;
}
#searchBox{
float: right;
height: 20px;
width: 335px;
}
INPUT
{
float: left;
font-family: Arial;
font-size: 12px;
color: #fff;
background-color: #6b6b72;
width: 290px;
display: inline;
height: 20px;
border: 0px;
}
input#p
{
float: left;
font-family: Arial;
font-size: 12px;
color: #fff;
background-color: #6b6b72;
display: inline;
border: 0px;
}
#searchsubmit
{
float: left;
width: 45px;
background: #414142;
color: #ffffff;
height: 20px;
border: 0px;
font-size: 9px;
}
/**************Freshness Banner****************/
#freshnessBanner{
width: 984px;
float: left;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 2px solid #fff;
}
/**************The top black bars***************
#rule1
{
margin: auto;
padding: 0px;
width: 1000px;
height: 5px;
background: #000;
overflow:hidden
}
#rule2
{
margin-top: 2px;
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 2px;
background: #696969;
overflow:hidden
}*/
/**************************************************/
/* Headers */
/*h1 {
font:2.95em Georgia, "Times New Roman", Times, serif;
font-weight:bold;
letter-spacing:-0.02em;
} */
h3{
font-size: 18px;
font-family: Arial;
text-transform:uppercase;
font-weight:bold;
color:#fff;
}
h3#respond {
border-top:1px dotted #b6b6b6;
margin-top:25px;
padding-top:20px
}
h3#comments {
margin-top:32px
}
h4 {
font-size:1.6em;
margin-bottom:6px;
}
/* Content */
#content {
width: 984px;
margin-left: 20px;
margin-bottom: 20px;
/*border: solid 1px #323232;*/
float: left;
min-height: 100%;
clear: both;
background-color: #000;
}
#content img{
margin-left:0px;
}
/************PostContainer******************/
.postList {
width: 615px;
margin-right: 30px;
padding: 0;
float: left;
/*border: 1px solid #AFE94B;*/
background-color: #000;
}
#postCont{
border: 3px solid #333;
float: left;
width: 100%;
background-color: #000;
overflow: hidden;
/*height: 340px;*/
/*padding-bottom: 10px;*/
margin-bottom: 10px;
background-color: #000;
}
#singlepostCont{
border: 3px solid #333;
float: left;
width: 100%;
background-color: #000;
overflow: hidden;
/*padding-bottom: 10px;*/
margin-bottom: 10px;
}
#breadCrumbs{
width: 622px;
float: left;
height: 30x;
font-size: 10px;
font-family: Arial;
text-transform:uppercase;
color:#999;
margin-top: 10px;
background-color: #000;
}
#crumbs{
float: left;
height: 28px;
width: 480px;
background-color: #000;
}
#crumbs a{
color: #dddd22;
}
#nextLink{
float: right;
height: 28px;
width: 90px;
}
#nextLink a{
color: #dddd22;
font-size: 11px;
font-weight: bold;
}
#singleentry{
/*border: 1px solid #91ceef;*/
width: 575px;
float: left;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
font-family: arial;
color: #444444;
line-height: 1.5;
word-spacing: 0px;
}
#singleentry ul li{
/*border: 1px solid #91ceef;*/
margin-left: 20px;
padding-right: 10px;
}
#singleentry ul{
/*border: 1px solid #91ceef;*/
margin-bottom: 20px;
}
#singleentry img{
text-align: center;
margin: 0 auto;
}
#singleentry a{
color: #2387b2;
}
.gallery {
margin: auto;
background-color: #ddd;
padding-bottom: 15px;
padding-top: 10px;
float: left;
width: 570px;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
}
.gallery-caption {
margin-left: 0;
}
.galleryinSlideShow{
float: left;
width: 570px;
margin-left: 20px;
}
.gallery_entry{
float: left;
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.gallery_entry p{
float: left;
width: 100%;
text-align: center;
margin-bottom: 30px;
font-size: 12px;
font-family: arial;
}
.navigation{
float: left;
width: 100%;
font-size: 11px;
font-family: arial;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
.navigation a{
color: #C0C0C0;
}
.navigation a:hover{
color: #2387B2;
}
.alignleft{
float: left;
width: 130px;
margin-left: 18px;
}
.alignright{
float: right;
width: 100px;
margin-right: 20px;
}
#pageLinks{
font-size: 12px;
font-family: arial;
font-weight: bold;
color: #000;
margin-top: 20px;
text-transform: uppercase;
text-align: center;
word-spacing:5px;
}
#singlemeta{
width: 100%;
float: left;
background-color: #fff;
margin-top: 20px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
}
#singlecategory{
margin-right: 20px;
float: left;
/*border: 1px solid #91ceef;*/
font-size: 11px;
font-family: arial;
color: #444444;
margin-left: 20px;
}
#singlecategory a{
color: #2387b2;
font-weight: bold;
}
#addThis{
float: right;
margin-right: 20px;
}
.shareText{
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #df443d;
margin-left: 5px;
}
#related{
float: left;
width: 100%;
margin-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
padding-left: 20px;
}
.relatedTitle{
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #000;
text-transform: uppercase;
float: left;
width: 100%;
}
#relatedPosts{
margin-top: 10px;
float: left;
font-family: arial;
font-size: 11px;
color: #333;
}
#relatedPosts ul{
list-style-type: none;
}
#relatedPosts ul li{
margin-bottom: 3px;
}
#relatedPosts ul li a:hover{
color: #2e96b5;
}
#singleAd{
float: left;
width: 100%;
margin-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
padding-left: 20px;
}
#commentsCont{
float: left;
padding-left: 0px;
padding-bottom: 25px;
padding-top: 25px;
width: 580px;
font-family: arial;
margin-left: 20px;
}
#commentsCont input{
background: #fff;
}
#commentsCont h3{
color: #000;
}
.commentsTitle{
/*font-family: arial;
font-size: 14px;
font-weight: bold;
color: #000;
text-transform: uppercase;
margin-left: 20px;*/
display: none;
}
#commentListCont{
/*border-bottom: 1px solid #ccc;*/
float: left;
width: 100%;
padding-left: 20px;
padding-bottom: 10px;
text-transform: none;
}
.commentlist{
margin-top: 20px;
float: left;
padding-right: 40px;
}
.commentlist li{
list-style-type: none;
}
#commentauthor a{
font-family: arial;
font-size: 13px;
font-weight: bold;
color: #000;
float: left;
width: 100%;
margin-bottom: 5px;
}
#commentdate a{
font-family: arial;
font-size: 10px;
color: #bbb;
float: left;
width: 100%;
margin-bottom: 10px;
}
#commenttext{
font-family: arial;
font-size: 11px;
color: #000;
float: left;
width: 570px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
min-height: 40px;
}
/*#commentForm{
float: left;
width: 580px;
font-family: arial;
color: #000;
text-transform: uppercase;
}
#commentForm input{
float: left;
font-family: Arial;
font-size: 12px;
color: #fff;
width: 290px;
display: inline;
height: 20px;
border: 0px;
}*/
#formLabels{
font-size: 10px;
margin-bottom: 5px;
float: left;
width: 100%;
}
#leavecomment{
float: left;
font-family: arial;
font-size: 12px;
color: #000;
text-transform: uppercase;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
font-weight: bold;
}
#formFields{
float: left;
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
padding-left: 20px;
}
#formFields input{
font-family: arial;
font-size: 11px;
color: #000;
background-color: #fff;
width: 200px;
display: block;
height: 20px;
border: 1px solid #ccc;
}
#formFields textarea{
font-family: arial;
font-size: 11px;
color: #000;
background-color: #fff;
width: 450px;
display: block;
height: 150px;
border: 1px solid #ccc;
margin-top: 20px;
}
#formSubmit{
float: left;
width: 100%;
margin-bottom: 10px;
padding-left: 20px;
}
#formSubmit input{
font-family: arial;
font-size: 10px;
color: #fff;
background-color: #333333;
width: 115px;
display: block;
height: 30px;
border: 1px solid #ccc;
}
#hiddenform{
background-color: #fff;
width: 1px;
display: block;
height: 1px;
}
#commentsClosed{
font-family: arial;
font-size: 10px;
color: #000;
width: 300px;
float: left;
margin: 20px;
}
.moderationmessage{
font-family: arial;
font-size: 11px;
color: #2387B2;
font-weight: bold;
}
#postInner{
float: left;
width: 100%;
background-color: #fff;
height: 100%;
}
#postTitles{
font-size: 18px;
text-transform: capitalize;
color: #000;
font-family: arial;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 5px;
font-weight: bold;
padding-right: 20px;
}
#author{
color: #999999;
font-family: arial;
padding-left: 20px;
padding-bottom: 10px;
font-size: 11px;
font-family: arial;
width: 100%;
border-bottom: 1px solid #cccccc;
float: left;
margin-bottom: 10px;
}
#author a{
color: #999999;
}
#authorName{
float: left;
margin-top: 3px;
}
#editThis{
float: right;
margin-left: 10px;
width: 140px;
color: #4d4d4d;
}
#editThis a{
color: #2387b2;
font-weight: bold;
}
#postThumb{
margin-right: 20px;
float: left;
border: 1px solid #91ceef;
}
#frontThumb{
float: left;
/*border: 1px solid #dddd22;*/
margin-bottom: 10px;
width: 305px;
margin-right: 20px;
font-size: 12px;
font-family: arial;
}
#frontThumb a{
color: #c0c0c0;
}
#frontThumb a:hover{
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}
.imgtfe{
margin-right: 20px;
float: left;
}
#excerpt{
font-size: 11.5px;
font-family: arial;
color: #444444;
float: left;
width: 250px;
line-height: 1.4;
word-spacing: 2px;
text-align: left;
/*height: 190px;*/
/*border: 1px solid #dddd22;*/
margin-bottom: 35px;
max-height: 170px;
overflow: hidden;
}
#excerpt img a{
float: left;
}
#excerpt a{
color: #2387b2;
}
#comments{
float: right;
font-size: 11px;
font-family: arial;
font-weight: bold;
/*border: 1px solid #91ceef;*/
margin-right: 30px;
margin-top: 10px;
text-transform: uppercase;
}
#comments a{
color: #8F8F8F;
}
#postLine{
width: 100%;
float: left;
border-top: 1px solid #dddd22;
height: 10px;
background-color: #000;
margin-left: 3px;
}
/************wp-pagenavi***************************/
.wp-pagenavi{
float: center;
text-align: left;
font-family: arial;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #bbb;
padding-bottom: 10px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
margin: 0px;
padding-right: 4px;
padding-left: 4px;
text-decoration: none;
color: #dddd22;
font-weight: bold;
}
.wp-pagenavi a:visited {
padding-right: 4px;
padding-left: 4px;
margin: 0px;
text-decoration: none;
color: #dddd22;
font-weight: bold;
}
.wp-pagenavi a:hover {
color: #fff;
font-weight: bold;
}
.wp-pagenavi a:active {
margin: 0px;
text-decoration: none;
color: #fff;
font-weight: bold;
}
.wp-pagenavi span.pages {
padding-right: 4px;
padding-left: 4px;
margin: 0px;
color: #dddd22;
font-weight: bold;
}
.wp-pagenavi span.current {
padding-right: 4px;
padding-left: 4px;
margin: 0px;
font-weight: bold;
color: #dddd22;
}
.wp-pagenavi span.extend {
padding-right: 4px;
padding-left: 4px;
margin: 0px;
color: #dddd22;
font-weight: bold;
}
/****************Side bar*******************/
#sidebarTwits{
background-color: #fff;
border: 3px solid #333;
width: 324px;
height: 250px;
float: left;
}
#sidebarTwitsTop{
float: left;
height: 20px;
width: 100%;
padding-top: 10px;
border-bottom: 1px solid #ccc;
}
#sidebarTwitsBot{
float: left;
margin:auto auto;
margin-top: 10px;
height: 215px;
width: 324px;
text-align: center;
padding-bottom: 15px;
}
.sidebarTwitsText{
font-family: arial;
font-weight: bold;
font-size: 9px;
color: #808080;
text-transform: uppercase;
margin-left: 10px;
}
.sidebarTwitsBlack{
color:black;
font-size: 9px;
}
.sidebarTwitsBlue{
color:blue;
font-size: 9px;
}
#sideBar{
/*border: 1px solid #fff;*/
float: right;
width: 330px;
height: 100%;
}
#sidebarOne{
padding: 12px;
border: 3px solid #333;
background-color: #fff;
float: left;
width: 300px;
height: 250px;
}
#sidebarTwo{
background-color: #fff;
border: 3px solid #333;
width: 324px;
height: 256px;
float: left;
}
#sidebarTwoTop{
float: left;
height: 20px;
width: 100%;
padding-top: 10px;
border-bottom: 1px solid #ccc;
}
#sidebarTwoBot{
float: left;
margin-top: 10px;
height: 215px;
width: 100%;
text-align: center;
padding-bottom: 15px;
}
.sidebarTwoText{
font-family: arial;
font-weight: normal;
font-size: 9px;
color: #333;
text-transform: uppercase;
margin-left: 10px;
}
#sidebarGiveaway{
background-color: #fff;
border: 3px solid #333;
width: 324px;
height: 306px;
float: left;
}
#sidebarGiveawayTop{
float: left;
height: 20px;
width: 100%;
padding-top: 10px;
border-bottom: 1px solid #ccc;
}
#sidebarGiveawayBot{
float: left;
margin-top: 10px;
height: 265px;
width: 100%;
text-align: center;
padding-bottom: 15px;
}
.sidebarGiveawayText{
font-family: arial;
font-weight: normal;
font-size: 9px;
color: #333;
text-transform: uppercase;
margin-left: 10px;
}
#sidebarThree{
background-color: #fff;
border: 3px solid #333;
width: 324px;
height: 70px;
float: left;
}
#sidebarThreeTop{
float: left;
height: 20px;
width: 100%;
padding-top: 10px;
border-bottom: 1px solid #ccc;
display: inline;
}
#sidebarThreeText{
font-family: arial;
font-weight: normal;
font-size: 9px;
color: #333;
text-transform: uppercase;
margin-left: 10px;
display: inline;
float: left;
}
#sidebarThreeTextRight{
font-family: arial;
font-weight: normal;
font-size: 9px;
color: #333;
text-transform: uppercase;
display: inline;
float: left;
margin-left: 47px;
}
#sidebarThreeBot{
float: left;
margin-top: 10px;
width: 100%;
padding-left: 10px;
padding-bottom: 10px;
}
#dropdown{
display: inline;
float: left;
width: 130px;
/*width: 300px;*/
list-style: none;
}
SELECT{
font-family: arial;
font-weight: normal;
font-size: 12px;
color: #333;
border: solid 1px #cdcdcd;
width: 130px;
/*width: 300px;*/
height: 20px;
}
OPTION{
border: 0px;
}
#newsletter{
font-family: arial;
font-weight: normal;
font-size: 9px;
color: #333;
display: inline;
float: left;
margin-left: 20px;
}
#signupform
{
float: left;
font-family: Arial;
font-size: 12px;
color: #fff;
background-color: #6b6b72;
width: 110px;
display: inline;
height: 20px;
border: 0px;
}
#newslettersubmit
{
float: left;
width: 45px;
background: #414142;
color: #ffffff;
height: 20px;
border: 0px;
font-size: 9px;
display: inline;
text-align: center;
}
#sidebarFour{
float: left;
height: 310px;
}
/*First Tabs
a:active {
outline: none;
}
a:focus {
-moz-outline-style: none;
}
#tabs_container {
width: 330px;
font-family: Arial;
font-size: 12px;
background-color: #fff;
}
#tabs_container ul.tabs {
list-style: none;
border-bottom: 3px solid #333;
height: 32px;
margin: 0;
padding: 0;
background-color: #000;
}
#tabs_container ul.tabs li {
float: left;
}
#tabs_container ul.tabs li a {
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 7px;
display: block;
margin-right: 2px;
margin-top:3px;
text-decoration: none;
background-color: #ccc;
text-transform: uppercase;
font-size: 9px;
color: #000;
}
#tabs_container ul.tabs li.active a {
background-color: #fff;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0px;
margin-top:0px;
border-left: 3px solid #333;
border-top: 3px solid #333;
border-right: 3px solid #333;
}
div.tab_contents_container {
border: 3px solid #333;
border-top: none;
padding: 10px;
}
*/
div.tab_contents {
display: none;
height: 245px;
}
div.tab_contents_active {
display: block;
}
div.clear {
clear: both;
}
.tabberlive .tabbertabhide {
display:none;
}
.tabber {
float: left;
margin-top: /**/10px;
}
.tabberlive {
margin-top: /**/10px;
}
a:tabberactive {
outline: none;
}
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 3px solid #333;
font-size: 9px;
font-family: arial;
width: 330px;
height: 16px;
text-transform: uppercase;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding-top: 10px;
padding-right: 13px;
padding-left: 13px;
padding-bottom: 7px;
/*border: 1px solid #778;*/
border-bottom: none;
background: #ccc;
text-decoration: none;
margin-right: 1px;
}
ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }
ul.tabbernav li a:hover
{
color: #000;
}
ul.tabbernav li.tabberactive a
{
background-color: #fff;
border-top: 3px solid #fff;
border-top: 3px solid #333;
border-left: 3px solid #333;
border-right: 3px solid #333;
padding-bottom: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
ul.tabbernav li.tabberactive a
{
background-color: #fff;
border-top: 3px solid #fff;
border-top: 3px solid #333;
border-left: 3px solid #333;
border-right: 3px solid #333;
padding-bottom: 12px;
}
}
ul.tabbernav li.tabberactive a:hover
{
color: #000;
background: white;
}
.tabberlive .tabbertab {
padding:5px;
padding-left: 15px;
padding-top: 15px;
border:3px solid #333;
border-top:0;
width: 304px;
background-color: #fff;
font-family: Arial;
font-size: 12px;
height: 245px;
float: left;
}
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}
#sidebarFive{
float: left;
height: 310px;
}
#sideFrames{
padding-top: 10px;
padding-left: 5px;
}
#sideFrames iframe {
overflow-x: hidden;
overflow-y: auto;
width: 297px;
height: 225px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#sideFrames iframe {
overflow-x: hidden;
overflow-y: auto;
width: 315px;
height: 225px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#sideFrames{
padding-top: 10px;
padding-left: 0px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.tabberlive .tabbertab {
padding:5px;
padding-left: 6px;
padding-top: 15px;
border:3px solid #333;
border-top:0;
width: 315px;
background-color: #fff;
font-family: Arial;
font-size: 12px;
height: 245px;
float: left;
}
}
#sidebarSix{
float: left;
width: 100%;
/*border: 1px solid #800000;*/
/*height: 800px;*/
}
#sidebarSixLeft{
float: left;
width: 160px;
height: 100%;
/*border: 1px solid #3755ab;*/
}
#categories{
float: left;
margin-bottom: 20px;
background-color: #fff;
width: 147px;
border: 3px solid #333;
/*height: 395px;*/
}
#categoriesTop{
float: left;
height: 20px;
padding-top: 10px;
border-bottom: 1px solid #ccc;
font-size: 9px;
font-family: arial;
font-weight: normal;
text-transform: uppercase;
color: #333;
width: 136px;
margin-bottom: 10px;
padding-left: 10px;
}
#categoriesBot{
float: left;
font-size: 11px;
font-family: arial;
font-weight: normal;
padding-left: 27px;
padding-bottom: 20px;
/*height: 320px;*/
overflow: auto;
width: 110px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#categoriesBot{
float: left;
font-size: 11px;
font-family: arial;
font-weight: normal;
padding-left: 10px;
padding-bottom: 20px;
/*height: 320px;*/
overflow: auto;
width: 110px;
}
}
.cat-item{
margin-bottom: 5px;
color: #999;
}
.cat-item a{
color: #999;
}
.cat-item a:hover{
color: #3baae4;
}
#artistBanner{
float: left;
margin-bottom: 20px;
}
#socialButtons{
float: left;
margin-bottom: 10px;
}
#sidebarSixRight{
float: right;
width: 160px;
height: 100%;
/*border: 1px solid #3755ab;*/
}
#towerAd{
float: left;
margin-bottom: 20px;
}
#smallBanners{
float: left;
}
#sidebarLine{
width: 100%;
float: left;
border-top: 1px solid #dddd22;
height: 10px;
background-color: #000;
margin-top: 10px;
}
/****************Latest on Freshness*******************/
#latestFrames{
background-color: #000;
float: left;
margin-left: 20px;
width:98%;
}
#latestCont{
width: 100%;
padding-left: 0px;
height: 195px;
float: left;
/*border: 1px solid #135132;*/
}
#latestHeader{
float: left;
width: 984px;
border-bottom: 2px solid #fff;
padding-bottom: 10px;
margin-bottom: 20px;
margin-left: 20px;
margin-top: 100px;
background-color: #000;
}
#latest{
width: 984px;
height: 190px;
}
#latest a{
color: #fff;
}
#latest li{
width:148px;
text-align:left;
position:relative;
float:left;
display:inline;
height: 170px;
margin-right:15px;
color: #fff;
}
#latestTitles{
margin-bottom:0px;
font-size: 11px;
font-family: arial;
color: #fff;
}
#latestsiteHeader{
float: left;
margin-bottom: 10px;
margin-left: 0px;
font-weight: bold;
color: #ffffff;
font-size: 11px;
text-transform: uppercase;
font-family: arial;
}
/****************Side Chinese / Japan *******************/
#sidelangCont{
width: 300px;
padding-left: 0px;
float: left;
}
#sidelang{
width: 300px;
height: 55px;
text-align:right;
float:left;
margin-right:15px;
color: #808080;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
#sidelang a{
color: #808080;
}
#sidelang a:hover{
color: #2387B2;
}
#sidelangimage{
float: left;
width: 70px;
}
#sidelangTitles{
margin-bottom:0px;
font-size: 11px;
font-family: arial;
color: #808080;
float: left;
text-align: left;
width: 205px;
padding-left: 10px;
font-weight: bold;
}
#sidelangexcerpt{
margin-bottom:0px;
font-size: 11px;
font-family: arial;
color: #cccccc;
float: left;
text-align: left;
width: 205px;
padding-left: 10px;
padding-top: 5px;
}
/* Float Properties*/
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.clearfloat {
display:inline-block
}
.clearfloat {
display:block
}
/******************Post**************/
h2 {
font: 16px arial;
color: #fff;
font-weight: bold;
margin-bottom: 10px;
margin-top: 20px;
text-transform: uppercase;
}
.post{
width: 984px;
/*border: 1px solid #dee737;*/
float: left;
color: #fff;
padding-bottom: 20px;
}
.post a{
color: #2387b2;
}
.post p{
margin-bottom: 20px;
}
#entry{
float: left;
font-family: arial;
font-size: 12px;
line-height: 18px;
}
div.column-sect {
clear: both;
display: inline-block;
overflow: auto;
width: 1018px;
margin-top: -20px;
}
div.post-column {
display: inline;
float: left;
margin-right: 28px;
text-align: justify;
width: 47%;
}
/**************Footer*****************/
#bottomLine{
float: left;
width: 984px;
border-bottom: 2px solid #fff;
margin-left: 20px;
margin-top: 100px;
}
#footer {
width: 100%;
height: 220px;
margin: auto;
/*border: 1px solid #c0c0c0;*/
float: left;
padding-top: 20px;
background-color: #000;
}
.footSections{
font-weight: bold;
font-size: 11px;
color: #fff;
}
#internalLinks{
float: left;
color: #bdbdc6;
width: 100%;
text-align: center;
font-size: 10px;
font-family: arial;
}
#internalLinks ul{
margin-bottom: 5px;
}
#internalLinks li{
display: inline;
background-color: #000;
list-style-type: none;
}
#internalLinks li a{
color: #bdbdc6;
margin-left: 3px;
margin-right: 3px;
}
#externalLinks{
float: left;
color: #bdbdc6;
width: 100%;
text-align: center;
font-size: 10px;
font-family: arial;
margin-top: 10px;
}
#externalLinks ul{
margin-bottom: 5px;
}
#externalLinks li{
display: inline;
background-color: #000;
list-style-type: none;
}
#externalLinks li a{
color: #bdbdc6;
margin-left: 3px;
margin-right: 3px;
}
#copyright{
float: left;
color: #bdbdc6;
width: 100%;
text-align: center;
font-size: 10px;
font-family: arial;
margin-top: 10px;
margin-bottom: 20px;
}
#copyright ul{
margin-bottom: 5px;
}
#copyright li{
display: inline;
background-color: #000;
list-style-type: none;
}
#copyright li a{
color: #bdbdc6;
margin-left: 5px;
margin-right: 5px;
}
#contactsubmit{
background-color: #000;
width: 60px;
margin-top: 10px;
}
#wpcf input{
background-color: #fff;
}
input#contactsubmit{
background-color: #000;
}
#complex{
float: center;
width: 100px;
height: 100px;
margin: auto;
text-align: center;
}
#greenText{
color: #DEE721;
font-weight: bold;
}
.slideshowlive
{
width:300px;
height:400px;
margin:auto auto;
background:#ffffff;
}
#slideshow{
visibility:hidden;
}
.slideshowlive img{
cursor: hand;
cursor: pointer;
}
#liveoutput{
font-size: 11px;
color: #000;
font-family: arial;
margin-left: 1px;
font-weight: bold;
text-align:left;
margin:auto auto;
width:300px;
margin-top:10px;
visibility:hidden;
}
#sidebarlive{
background-color: #fff;
border: 3px solid #333;
width: 324px;
min-height:256px;
height:auto !important;
height:256px;
float: left;
}
#sidebarliveBot{
float: left;
margin-top: 10px;
min-height:215px;
height:auto !important;
height:215px;
width: 100%;
text-align: center;
padding-bottom: 15px;
font-family:arial;
color:#c4c4c4;
}
#sidebarliveTop{
float: left;
height: 20px;
width: 100%;
padding-top: 10px;
border-bottom: 1px solid #ccc;
}
/*****New******/
#eachPost{
/*border: 1px solid #91ceef;*/
width: 585px;
float: left;
/*height: 210px;*/
margin-left: 20px;
font-size: 12px;
font-family: arial;
color: #444444;
line-height: 1.4;
word-spacing: 2px;
text-align: left;
width:570px;
border-bottom: 1px solid #dddddd;
}
#eachPost ul li{
margin-left: 20px;
padding-right: 10px;
}
#eachPost ul{
margin-bottom: 20px;
}
#eachPost img{
text-align: center;
margin: 0 auto;
}
#eachPost a{
color: #2387b2;
}
#eachsinglePost{
/*border: 1px solid #91ceef;*/
width: 585px;
float: left;
/*height: 210px;*/
margin-left: 20px;
font-size: 12px;
font-family: arial;
color: #444444;
line-height: 1.4;
word-spacing: 2px;
text-align: left;
width:570px;
}
#eachsinglePost ul li{
margin-left: 20px;
padding-right: 10px;
}
#eachsinglePost ul{
margin-bottom: 20px;
}
#eachsinglePost img{
text-align: center;
margin: 0 auto;
}
#eachsinglePost a{
color: #2387b2;
}
#postTop{
width: 100%;
float: left;
margin-bottom: 15px;
}
#articleTitles{
margin-left: 20px;
margin-top: 20px;
float: left;
width:530px;
}
#articleTitles h1{
font-size: 18px;
text-transform: capitalize;
color: #000;
font-family: arial;
font-weight: bold;
}
#commentsBubble{
float: left;
width: 26px;
height: 23px;
margin-top: 20px;
margin-left: 10px;
background-image: url(Freshness%20web%20ORG/images/bubble.png);
background-repeat: no-repeat;
text-align: center;
padding-top: 2px;
}
#commentsBubble a{
color: #E83829;
font-weight: bold;
font-size: 11px;
font-family: arial;
}
#readMore {
font-size: 12px;
font-family: arial;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
word-spacing: 1px;
float: left;
margin-bottom: 20px;
}
#readMore a{
color: #E83829;
}
#readMore a:hover{
color: #4D4D4D;
}
.arrows{
font-family: verdana;
font-size: 14px;
font-weight: bold;
}
#meta{
width: 590px;
float: left;
height: 40px;
margin-left: 20px;
padding-bottom: 10px;
}
#eacharticleTitles{
margin-left: 20px;
margin-top: 20px;
font-weight: bold;
float: left;
width:580px;
}
#eacharticleTitles h1{
font-size: 18px;
text-transform: capitalize;
color: #000;
font-family: arial;
}
#eachmeta{
width: 600px;
float: left;
height: 35px;
border-bottom: 1px solid #dddddd;
padding-left: 20px;
}
#eachmetatag{
width: 100%;
float: left;
background-color: #fff;
margin-top: 20px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 6px;
}
#eachsocial{
float: right;
font-size: 11px;
font-family: arial;
font-weight: bold;
margin-top: 10px;
}
#eachsocial a{
color: #8F8F8F;
}
#eachtag{
margin-right: 20px;
float: left;
font-size: 11px;
font-family: arial;
color: #444444;
margin-left: 20px;
}
#eachtag a{
background-color: #CBDF28;
display: inline-block;
margin-right:5px;
margin-bottom: 5px;
padding: 5px 10px 6px;
color: #fff;
text-decoration:none;
position: relative;
cursor: pointer;
font-weight: bold;
}
#eachtag a:hover{
background-color: #444444;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
#authorDate{
margin-right: 20px;
float: left;
font-size: 11px;
font-family: arial;
color: #444444;
margin-top: 10px;
}
#authorDate a{
color: #2387b2;
}
#category{
margin-right: 20px;
float: left;
font-size: 11px;
font-family: arial;
color: #444444;
margin-top: 10px;
}
#category a{
color: #2387b2;
}
#social{
float: right;
font-size: 11px;
font-family: arial;
font-weight: bold;
margin-top: 10px;
}
#social a{
color: #8F8F8F;
}
#fbShare{
float: right;
}
#tweetmeme{
float: right;
text-align: right;
}
/*************/
#sharebox {
width: 55px;
padding: 7px;
border: solid 1px #DDD;
position: absolute;
left: 50%;
margin-left: -600px;
background-color: #FFF;
text-align: center;
}
#sharebox .shareButton {
overflow: hidden;
width: 55px;
}
#sharebox .facebook.shareButton {
margin-top: 7px;
margin-bottom: 7px;
}
#sharebox .FBConnectButton_Text{
margin-left:15px !important;
padding-left:3px !important;
padding-right:2px !important;
}
#sharebox .FBConnectButton_Small, .FBConnectButton_RTL_Small {
background-position:-2px -232px !important;
}
#sharebox .fb_share_count_inner {
width: 48px;
*width: 49px;
}