*
{
    margin: 0;
    padding: 0;
}

body
{
    font-family: Verdana,sans-serif;
    font-size: 13px;
    color: #5c5c5c;
    background: url(../images/bg.gif) repeat-x;
}

#container, .mainContainerClone
{
    width: 800px;
    margin: auto;
}

#header
{
    margin-top: 15px;
    width: 100%;
    height: 40px;
    clear: both;
    margin-bottom: 30px;
    background: url(../images/header.gif) no-repeat;
    width: 811px;
    height: 77px;
}

#header #logo
{
  
    width: 274px;
    height: 75px;
    float: left;
    display: block;
	cursor:pointer;
}

#header #bookmark
{
	width: 150px;
	height: 75px; 
	text-align:center;
    float: left;
    display: block;
}

#header #rightFloated
{
	width:240px;
	float:right;
	display:block;
	height: 40px; 
	margin-right: 25px;
    margin-top: 7px;
}

#header #sections
{
    float: right;

}

#header #sections a
{
    float: left;
    padding: 10px;
    font-size: 11px;
    color: #ffd8ed;
    text-decoration: none;
    font-weight: bold;
}

#header #sections a:hover
{
    color: #fff;
    background-color: #c42c7b;
}

#header #search
{
	float: right;
    margin-top: 3px;
    font-size: 11px;
    color: #ffd8ed;
}

#columnsContainer
{
    clear: both;
}

#columnsContainer h1, #popupWindow h1
{
    font-family: Georgia,Times,serif;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    margin-bottom: 10px;
}

#popupWindow 
{
	padding: 20px;
}

p
{
    margin-bottom: 15px;
}

p.img , img.thumbnail, img.advertisment
{
    background-color: #fff;
    padding: 4px;
    border: 1px solid #ccc;
}

#columnsContainer a
{
    color: #ff0188;
    text-decoration: none;
}

#columnsContainer a:hover
{
    color: red;
    text-decoration: underline;
}

#leftColumn, #centerColumn, #rightColumn, #wideColumn
{
    display: block;
    float: left;
    margin-right: 30px;
}
#fullColumn
{
	display: block;
}	

#leftColumn
{
    width: 270px;
}

#centerColumn
{
    width: 270px;
}

#rightColumn
{
    width: 200px;
    margin-right: 0;
}

#wideColumn
{
    width: 570px;
}

#adminMenu a
{
    padding:5px;
    display:block;
}

#footer
{
    width: 100%;
    height: 40px;
    clear: both;
    text-align: left;
    margin-top: 30px;
    padding: 10px;
    border-top: 1px solid #ccc;
}

.clearer
{
    clear: both;
}

fieldset {
	border:1px solid #F3C7DE;
	padding: 12px;	
}

input.field , textarea.field {
	font-family: Verdana,sans-serif;
	background-color:#FFFFFF;
	color:#5c5c5c;
	font-size:12px;
	font-weight:normal;
	border:1px solid #6f6f6f;
	padding:4px 2px 5px 2px;
	width:240px;	
}

textarea.field
{
width: 240px;
height: 80px;
}

select.field
{
	width: 246px;
}

.fieldDis {
	background-color:#eeeeee !important;
	color:#c1c1c1 !important;
}

input.submit {
	font-family: Verdana,sans-serif;
	font-size:13px;
	font-weight:normal;
	padding:3px 2px 4px 2px;
	cursor:pointer;
}

.red {
	color:#cf3f46;
}

.green {
	color:#30942b;
}

.small {
	font-size: 11px !important;
}

.disable {
	color:#cccccc !important;
}

.verysmall{
	font-size: 9px !important;
}

#messageBox {
	padding: 2px 0px 8px 0px;	
}

tr.header td
{
	background-color: #ffc0e1;
	color:#ff319e;
	padding:5px;
}

tr.alt
{
	padding:5px 10px;
	background-color: #e6e6e6;
}

.thumbTitle
{
	padding: 6px 6px 14px 6px;
}


/* RATING SYSTEM CSS : START */

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating, .fav{
  width:80px;
  height:16px;
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  
  position:relative;
  background: url(star-matrix.gif) no-repeat 0 0;
}
.fav{width:16px;}
/* add these classes to the ul to effect the change to the correct number of stars */
.star_0 {background-position:0 0}
.star_1 {background-position:0 -16px}
.star_2 {background-position:0 -32px}
.star_3 {background-position:0 -48px}
.star_4 {background-position:0 -64px}
.star_5 {background-position:0 -80px}
li.indicator {display: none;}
ul.rating li, ul.fav li  {
  cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
  float:left;
  /* end hide*/
  text-indent:-999em;
}
ul.rating li.indicator {float: right; text-indent: 0; position: relative; left: 18px;}
ul.fav li a, ul.rating li a {
  position:absolute;
  left:0;
  top:0;
  width:16px;
  height:16px;
  text-decoration:none;
  z-index: 200;
}
ul.rating li span, ul.fav li span {text-decoration:none; position:absolute; width:16px; height:16px;}
ul.fav li.s_1 a, ul.rating li.s_1 a {left:0;-moz-outline:none;}
ul.rating li.s_2 a {left:16px;-moz-outline:none;}
ul.rating li.s_3 a {left:32px;-moz-outline:none;}
ul.rating li.s_4 a {left:48px;-moz-outline:none;}
ul.rating li.s_5 a {left:64px;-moz-outline:none;}
ul.fav li a:hover, ul.rating li a:hover {
  z-index:2;
  width:80px;
  height:16px;
  overflow:hidden;
  left:0; 
  background: url(star-matrix.gif) no-repeat 0 0;
}
ul.fav li a:hover {width:16px;}
ul.fav li.s_1 a:hover, ul.rating li.s_1 a:hover {background-position:0 -96px;}
ul.rating li.s_2 a:hover {background-position:0 -112px;}
ul.rating li.s_3 a:hover {background-position:0 -128px}
ul.rating li.s_4 a:hover {background-position:0 -144px}
ul.rating li.s_5 a:hover {background-position:0 -160px}

/* RATING SYSTEM CSS : FINISH */

/* Style for bookmarks in footer: START */
	#social {width:100%;}
	#social ul {margin:2px; list-style: none;float:left;}
	#social li {margin:2px; list-style: none;float:left;width:150px;;}
	#social img {padding:0 3px;}
/* Style for bookmarks in footer: END */