@charset "ISO-8859-1";

/* General element styles */

html { 
    overflow-y: scroll; 

}

body 
{
    margin:0;
    padding:0;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 12px;
}

a
{
    color:#ff6a00;
    text-decoration: underline;
}


/* END General element styles */

/* Commonly used styles */

.clear 
{
    clear:both;
}

.left 
{ 
    float:left;
}

.right 
{ 
    float:right;
}

/* END Commonly used styles */

/* Main content info */

#top
{
    width:100%;
	background:url(/images/design/headerbg.png) repeat-x;
	height:120px;
}

#topInner
{
    height:100px;
}

.siteCentered
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#topLogo
{
	background:url(/images/design/logo.png) no-repeat;
	width:223px;
	height:77px;
	float:left;
}

#search
{
    float:right;
    position:relative;
    top:30px;
    width:220px;
}

#headerSearchField
{
    float:left;
    margin:3px 10px 0 0;
    width:150px;
}

.headerSearchResult
{
  position: absolute;
  margin-top:25px;
  margin-left:2px;
  padding: 0 3px 3px 3px; 
  border: 1px solid #8f8f8f; 
  border-top: 0; 
  width:300px; 
  min-height:100px;
  overflow: hidden; 
  background: #fff; 
}

div.headerSearchResultRow 
{ 
  overflow: hidden;
  white-space: nowrap;
}

.headerSearchResultRow a:focus, .headerSearchResultRow a:hover
{ 
  background: #eee; 
  white-space: nowrap;
  padding-right: 400px;
}

.headerSearchNoChange
{
    color:#000;
    text-decoration:none;
}

#menu
{
    width:492px;
    float:left;
}

#menuInner
{
    position:relative;
    margin:48px 0 0 20px;
}

.menuOption, .menuOptionChosen
{
    float:left;
    padding-right:5px;
    width:113px;
    height:21px;
    text-align:center;
    font-size:14px;
    padding-top:10px;
    
}

.menuOption a, .menuOptionChosen a
{
    color: rgb(120,135,16);
    text-decoration: none;
    font-weight: bold;
}
.menuOption
{
	background:url(/images/design/menuoff.png) no-repeat;
}

.menuOptionChosen
{
	background:url(/images/design/menuon.png) no-repeat;
}

#headerInfo
{
    float:right;
    color: rgb(97,97,97);
    padding-top:2px;
}

#main
{
    padding-left:10px;
    min-height:700px;
    
}

#bottom
{
    border-top:1px dashed #616161;
}

#bottomInner
{
    padding-top:2px;
    text-decoration: none;
    color:#616161;
    font-size: 10px;
}

#bottomInner a
{
    text-decoration: none;
    color:#616161;
}

div.title
{
    color:#8d9e19;
    font-size:24px;
    margin:0 0 15px 0;
    font-weight:bold;
}

#content
{
    width:640px;
    float:left;
}

#right
{
    width:320px;
    float:left;
    position:relative;
}

/* END Main content info */

/* Button */

.buttonInner	
{
    height:25px;
    border:0;
    color:#fff;
    margin:0;
    padding:0;
    font-size:12px;
    text-indent: 0px;
}

.button, .buttonFloated
{ 
    background: transparent; 
}

.button, .buttonFloated
{
    background: transparent url(/images/design/buttonright.png) no-repeat scroll top right;
    display: block;
    clear:none;
    height: 25px;
    margin: 0;
    padding-right: 3px; 
    padding-top:0px;
    text-decoration: none;
    font-weight: bold;
    cursor:pointer;	
}

.buttonFloated
{ 
  float: left;
 }

body .button .buttonInner 
{
    background: transparent url(/images/design/buttonleft.png) no-repeat top left;
    display: block;
    padding: 5px 6px 5px 9px;	
    font-weight: bold;
    cursor:pointer;	
}

body .buttonFloated .buttonInner 
{
    background: transparent url(/images/design/buttonleft.png) no-repeat top left;
    display: block;
    padding: 5px 6px 5px 9px;	
    font-weight: bold;
    cursor:pointer;	
}

.buttonLink
{
}
.buttonLinkLeft
{
    float:left;
    padding:6px 5px 6px 8px;
    background: transparent url(/images/design/buttonleft.png) no-repeat top left;
}

.buttonLinkLeft a
{
    color:#fff;
    text-decoration: none;
    font-weight: bold;
}

.buttonLinkRight
{
    background: transparent url(/images/design/buttonright.png) no-repeat scroll top right;
    height:25px;
    width:3px;
    float:left;
}

/* End button */

/* Context */


.context
{
    width:600px;
/*    background-color:#3e3c3a; */
    background-color:#fefcea;
    padding:10px;
    margin: 0 20px 20px 0;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

h1.context
{
    margin:0;
    font-size:18px;
    padding:0;
}

h3.context
{
    margin:0 0 1em 0;
    padding:0;
    font-size:14px;
    font-weight: 500;
    color:#8f8f8f;
}

.context p
{
    margin:1em 0;
    font-size:14px;
    font-weight: 500;
    color:#4b4b4b;
}


.contextWithImage
{
    width:620px;
/*    background-color:#3e3c3a; */
    background-color:#fefcea;
    margin: 0 20px 20px 0;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.brandContext, .memberContext, .tagContext 
{
  float: left;
    width:410px;
/*    background-color:#3e3c3a; */
    background-color:#fefcea;
    padding:10px 10px 10px 4px;
    margin: 0px;
}

h1.brandContext, h1.memberContext, h1.tagContext
{
    margin:0;
    font-size:18px;
    padding:0;
}

h3.brandContext, h3.memberContext, h3.tagContext
{
    margin:0 0 1em 0;
    padding:0;
    font-size:14px;
    font-weight: 500;
    color:#8f8f8f;
}

.brandContext p, .memberContext p, .tagContext p
{
    margin:0;
    font-size:14px;
    font-weight: 500;
    color:#4b4b4b;
}



/* END Context */

/* Elements */

.element
{
    float:left;
    margin:0 20px 20px 0;
    width:300px;
}

h2.element, h2.doubleElement, h2.blogElement
{
    font-size:18px;
    margin:0;
}

div.elementExplanation, div.doubleElementExplanation, div.blogElementExplanation
{
    color:#8f8f8f;
    font-size:14px;
    font-weight: 500;
    margin:0 0 5px 0;
}

h2.doubleElement, h3.doubleElement
{
    padding:0;
}

.elementInner
{
    width:280px;
/*    background-color:#3e3c3a; */
    background-color:#fefcea;
    float:left;
    padding:10px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
}    

.elementInner .overflowButton
{
    height:25px;
    padding: 0 5px 3px 0;
}

.doubleElement
{
    width:600px;
    margin:0 20px 20px 0;
/*    background-color:#3e3c3a; */
    background-color:#fefcea;
    float:left;
    padding:10px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
}    

.doubleElementReducedMargin
{
    width:600px;
    margin:0;
/*    background-color:#3e3c3a; */
    background-color:#fefcea;
    float:left;
    padding:10px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
}    

.doubleElement .odd, .doubleElement .even
{
    height:40px;
    padding:5px 10px;
    width:580px;
    color:#5f605b;
}

.doubleElement .odd h4, .doubleElement .even h4
{
    font-size:12px;
    margin:0 0 3px 0;
    color:#5f605b;
   font-weight:bold;
}


.doubleElement .odd
{
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#f3f0e1;

}

.doubleElement .even
{
}

div.empty
{
    color:#8f8f8f;
    font-style: italic;
}

#right .showAllElement
{
    position:absolute;
    left:-330px;
    padding:10px 0 10px 10px;
    border:1px solid #787878;
    background:#fefcea;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#content .showAllElement
{
    position:absolute;
}
/* END Elements */

/* Brand, Member, Tag */

.brand, .member, .tag
{
    padding:0px;
}

.brandLogoSmall, .memberLogoSmall, .tagLogoSmall
{
    background: transparent url(/images/design/logo_frame_small.png) no-repeat top left;
    float:left;
    width:68px;
    height:65px;
    padding:7px 0 0 12px;
}

.brandLogoSmallInner, .memberLogoSmallInner, .tagLogoSmallInner
{
    width:55px;
    height:55px;
}

.brandLogo, .memberLogo, .tagLogo
{
    background: transparent url(/images/design/logo_frame_big.png) no-repeat top left;
    float:left;
    width:151px;
    height:134px;
    padding:18px 0 10px 25px;
}

.brandLogoInner, .memberLogoInner, .tagLogoInner
{
    width:128px;
    height:128px;
}

p.brandUrl
{ 
  margin-top: 5px;
 }

/* Voting */

.contentListInfo 
{
    width:180px;
    height:45px;
    float:left;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#f3f0e1;
    margin:5px 0 0 0;
    padding:6px 10px 10px 10px;
}
    
.contentListWideInfo 
{
    width:500px;
    height:35px;
    float:left;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#f3f0e1;
    margin-bottom:10px;
    padding:22px 10px 10px 10px;
}
    
.contentListInfo h3
{
    margin:0 0 6px 0;
    font-weight:bold;
    font-size:18px;
}

.contentListWideInfo h3
{
    margin:0;
    display:inline;
    font-weight:bold;
    font-size:18px;
}

.contentListInfo a, .contentListWideInfo a
{
    color:#605f5a;
    text-decoration:none;
}

.contentListInfo .vote1, .contentListInfo .vote2, .contentListInfo .vote3, .contentListInfo .vote4, .contentListInfo .vote5, .contentListInfo .vote6, .contentListInfo .voteX, .contentListInfo .voteFade
{
    float:left;
    width:15px;
    height:20px;
    padding:2px 6px 0 0;
    text-align:center;
    color:#fff;
    font-size:12px;
}

.contentListInfo .vote1 a, .contentListInfo .vote2 a, .contentListInfo .vote3 a, .contentListInfo .vote4 a, .contentListInfo .vote5 a, .contentListInfo .vote6 a, .contentListInfo .voteX a, .contentListInfo .voteFade a
{
    color:#fff;
    font-size:12px;
    text-decoration:none;
}

.contentListWideInfo .vote1, .contentListWideInfo .vote2, .contentListWideInfo .vote3, .contentListWideInfo .vote4, .contentListWideInfo .vote5, .contentListWideInfo .vote6, .contentListWideInfo .voteX, .contentListWideInfo .voteFade
{
    float:left;
    width:22px;
    height:28px;
    padding:2px 10px 0 0;
    text-align:center;
    color:#fff;
    font-size:20px;
    text-align: center;
}

.contentListWideInfo .vote1 a, .contentListWideInfo .vote2 a, .contentListWideInfo .vote3 a, .contentListWideInfo .vote4 a, .contentListWideInfo .vote5 a, .contentListWideInfo .vote6 a, .contentListWideInfo .voteX a, .contentListWideInfo .voteFade a
{
    color:#fff;
    font-size:20px;
    text-decoration:none;
}

.contentListInfo .vote1
{
    background: transparent url(/images/design/smallgrade/1.png) no-repeat top left;
}

.contentListInfo .vote2
{
    background: transparent url(/images/design/smallgrade/2.png) no-repeat top left;
}

.contentListInfo .vote3
{
    background: transparent url(/images/design/smallgrade/3.png) no-repeat top left;
}

.contentListInfo .vote4
{
    background: transparent url(/images/design/smallgrade/4.png) no-repeat top left;
}

.contentListInfo .vote5
{
    background: transparent url(/images/design/smallgrade/5.png) no-repeat top left;
}

.contentListInfo .vote6
{
    background: transparent url(/images/design/smallgrade/6.png) no-repeat top left;
}

.contentListInfo .voteX
{
    background: transparent url(/images/design/smallgrade/X.png) no-repeat top left;
}

.contentListInfo .voteFade
{
    background: transparent url(/images/design/smallgrade/fade.png) no-repeat top left;
}

.contentListWideInfo .vote1
{
    background: transparent url(/images/design/yellowgrade/1.png) no-repeat top left;
}

.contentListWideInfo .vote2
{
    background: transparent url(/images/design/yellowgrade/2.png) no-repeat top left;
}

.contentListWideInfo .vote3
{
    background: transparent url(/images/design/yellowgrade/3.png) no-repeat top left;
}

.contentListWideInfo .vote4
{
    background: transparent url(/images/design/yellowgrade/4.png) no-repeat top left;
}

.contentListWideInfo .vote5
{
    background: transparent url(/images/design/yellowgrade/5.png) no-repeat top left;
}

.contentListWideInfo .vote6
{
    background: transparent url(/images/design/yellowgrade/6.png) no-repeat top left;
}

.contentListWideInfo .voteX
{
    background: transparent url(/images/design/yellowgrade/X.png) no-repeat top left;
}

.contentListWideInfo .voteFade
{
    background: transparent url(/images/design/yellowgrade/fade.png) no-repeat top left;
}

.wideVote 
{
    float:right;
}
.gradeBox
{
    width:317px;
    height:169px;
    padding:15px 20px 10px 35px;
    background: transparent url(/images/design/ratingbox.png) no-repeat top left;
    float:left;
    margin:0 0 0 -15px;
}


.gradeBox .title
{
    font-size:18px;
    font-weight:bold;
    width:260px;
    color:#000;
    margin:0;
}

.gradeBox .byline
{
    color:#8f8f8f;
    font-size:12px;
    font-weight: 500;
    width:260px;
    padding:0 0 15px 0;
}

.gradeBox .vote1, .gradeBox .vote2, .gradeBox .vote3, .gradeBox .vote4, .gradeBox .vote5, .gradeBox .vote6, .gradeBox .voteX, .gradeBox .voteFade
{
    float:left;
    width:22px;
    height:28px;
    padding:2px 5px 0 6px;
    text-align:center;
    color:#fff;
    font-size:20px;
    text-align: center;
}

.gradeBox .vote1 a, .gradeBox .vote2 a, .gradeBox .vote3 a, .gradeBox .vote4 a, .gradeBox .vote5 a, .gradeBox .vote6 a, .gradeBox .voteX a, .gradeBox .voteFade a
{
    color:#fff;
    font-size:20px;
    text-decoration:none;
}

.gradeBox .vote1
{
    background: transparent url(/images/design/biggrade/1.png) no-repeat top center;
}

.gradeBox .vote2
{
    background: transparent url(/images/design/biggrade/2.png) no-repeat top center;
}

.gradeBox .vote3
{
    background: transparent url(/images/design/biggrade/3.png) no-repeat top center;
}

.gradeBox .vote4
{
    background: transparent url(/images/design/biggrade/4.png) no-repeat top center;
}

.gradeBox .vote5
{
    background: transparent url(/images/design/biggrade/5.png) no-repeat top center;
}

.gradeBox .vote6
{
    background: transparent url(/images/design/biggrade/6.png) no-repeat top center;
}

.gradeBox .voteX
{
    background: transparent url(/images/design/biggrade/X.png) no-repeat top center;
}

.gradeBox .voteFade
{
    background: transparent url(/images/design/biggrade/fade.png) no-repeat top center;
}

.gradeBox .explanation
{
    font-size:9px;
    color:#000;
    padding-top:4px;
}
/* End Voting */


/* MetaTag */

div.metatags 
{ 
  width: 600px;
}
.metatags div
{ 
#  float: left;
 }

h2.metatags
{ 
  margin: 0;
  font-size: 14px;
  color: #5F605B;
  font-weight: bold;
}

.metatags .button
{ 
  float: left;
 }

div.whatistaglink
{ 
  float: left;
  height:25px;
  margin-left: 10px;
  position:relative;
 }

.whatistaglink p
{ 
  position:absolute;
  bottom:2px;
  margin:0;
  width:200px;
 }

#about_tag
{ 
  width:200px;
  margin-top:10px;
  margin-left:10px
 }

#add_metatag_form
{
  margin-top: 1.0em;
}

#metatag_name
{ 
  float: left;
  margin-right: 10px;
  width: 170px;
}

#metatag_name_result
{ 
  position: absolute;
  margin-top:25px; 
  margin-left: 2px; 
  padding: 0 3px 3px 3px; 
  border: 1px solid #8f8f8f; 
  border-top: 0; 
  width:164px; 
  overflow: hidden; 
  background: #fff; 
 }

#metatag_name_result div
{ 
  width: 164px;
  overflow: hidden;
 }

#metatag_name_result a:focus, #metatag_name_result a:hover
{ 
/*  background: #fefcea; */
  background: #eee; 
  white-space: nowrap;
  padding-right: 200px;
 }

/* End MetaTag */


/* InfoPopups */

.infoPopup
{ 
  position: absolute;
  background: #fff;
  padding:5px;
  border: 2px solid #8f8f8f;
 }
/* End InfoPopups */


/* Admin */

a.admin
{ 
  font-size: 10px;
  float: right;
 }
a.admin:before
{ 
content: '['
 }
a.admin:after
{ 
content: ']'
 }


.editBrand label 
{ 
  width: 100px;
  float: left;
}

/* End Admin */

/* Blog styles */

.blogElement ul
{
    padding-left: 0;
}

.blogElement li
{
    list-style: none;
    padding-bottom: .5em;
    margin: 0 0 .2em 0;
    font-size:14px;
    font-weight: 500;
    color:#4b4b4b;
}

.blogElement .odd, .blogElement .even
{
    min-height:40px;
    padding:5px 10px;
    width:580px;
    color:#5f605b;
}

.doubleElement .odd h4, .doubleElement .even h4
{
    font-size:12px;
    margin:0 0 3px 0;
    color:#5f605b;
    font-weight:bold;
}

.blogElement textarea
{
   width:100%
}




/* End log styles */