body {
margin:0;
padding:0;
font-family:Trebuchet MS, verdana, arial, sans-serif;
font-size: 15px;
color: #424242;
text-align:center;
background-image: url("/images/b.png");
background-repeat: repeat-x;
background-position: top;
}

p {
margin:0.2em 0 1.2em 0;
padding:0.3em;
}

h1 {
padding:0; margin:1em;
font-size: 20px; 
color: #f0c030;
font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
letter-spacing: 0.6em;}

h2 {
color: #F2791F;
font-size: 130%;  
font-style: normal;
font-family: Trebuchet MS, verdana, arial, sans-serif;
font-weight: bold;
padding:0;
padding-top: 10px;
}

h4 {
margin-bottom:0;    
}

.bold {
font-weight: bold;
}


div {
margin:0; padding:0; display:block;}

.center {
	text-align: center;
}

a:link, a:visited {
color: #F0c030;
font-weight: bold;}
a:hover {
color:#F2791F; text-decoration:none;
font-weight: bold;}
a:active {
color:#8CD749; text-decoration:underline;
font-weight: bold;}



.container {
margin:0 auto 0 auto; padding:0;
width: 960px;
position:relative;
}

.main {
position: relative;
text-align:left;
width: 718px;
margin:0 auto 0 auto;
padding: 0;
clear:both;
float:left;
}

.menubar {
position: relative;
width: 718px;
height: 193px;
margin:0;
padding:0;
float:left;
}

#categories {
margin:0;
padding:0;
float:left;
width:209px;
background-color:#ffffff;
}

#categories a {
font-weight:bold;
font-size:12px;
color:#424242;
text-decoration: none;
}

#categories a:hover {
font-weight:bold;
font-size:12px;
color:#F2791F;
text-decoration: none;
}

#categories p {
background-image: url("/images/d_04.png");
width:209px;
height:24px;
margin:0;
padding:0;
}

#right_bar {
margin:0;
padding:0;
float:left;
width:33px;
}

.category-bar {
margin:0;
margin-bottom:10px;
padding:0;
width:242px;
float:left;
}

a.nav {
	text-align: center;
}

a.nav:link, a.nav:visited {
display:block; float:left; width: 150px; margin:0; 
text-decoration:none; background-color: #fafafa ;color: #F2791F;
font-weight: bold;
font-size: 1em;}

a.nav:hover {
display:block; float:left; width: 150px; margin:0; 
text-decoration:none;
color:#ffffff;
background-color: #78b73e;
font-weight: bold;
}

a.nav:active {
display:block; float:left; width: 150px; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

.linkbox a {display:block;}

.content {
width:718px;
clear:both;
text-align:left;
margin:0;
padding:0;
position: relative;
}

.content h2 {text-indent:1em;}

.rating {
float:right;
text-align:right;
width: 280px;
height: 10px;
}

.whole-belief {
position: relative;
margin: 0;
padding: 0;
width: 718px;
clear: both;
}

.all-beliefs {
margin:0;
float:left;
clear:right;
}

.the-face {
margin: 0px;
padding: 0px;
float: left;
width: 162px;
display: inline-block;
}

.belief {
width:530px;
padding-left: 10px;
padding-bottom: 0px;
padding-top: 5px;
border: 1px solid #F5C8AA;
margin: 10px;
margin-left: 0px;
margin-right: 0px;
text-align:left;
background-color: #FDFDF7;
font-family: Trebuchet MS;
font-size: 14px;
float: left;
display: inline-block;
clear:right;
}

.belief_admin {
width:920px;
padding-left: 10px;
padding-bottom: 0px;
padding-top: 5px;
border: 1px solid #F5C8AA;
margin: 10px;
margin-left: 0px;
margin-right: 0px;
text-align:left;
background-color: #FDFDF7;
font-family: Trebuchet MS;
font-size: 14px;
float: left;
display: inline-block;
clear:right;    
}

.belief-bottom {
clear: both;
width: 718px;
}

.smaller {
font-family: Trebuchet MS;
font-size: 12px;
color: #B5AFA4;
}

.smaller-bold {
font-family: Trebuchet MS;
font-size: 12px;
color: #B5AFA4;
font-weight: bold;
}

/* display (above) button in the same line, not on the line */
.belief_admin form, .belief_admin form div {
display: inline;
}

.delete_button {
margin-left: 210px;
}


#notice {
border: 2px solid #F2791F;
background: #F0c030;
color: #003300;
font-size: 15px;
font-weight: bold;
padding: 10px;
margin-bottom: 10px;
margin-top: 10px;
clear:both;
}

/* stuff for menu bar at the top */

.menu_links {
 position:relative;
 left:112px;
 top:123px;
 width:606px;
 height:35px;
 margin:0px;
 padding:0px;
}

#menu_links_bar {
margin: 0px;
padding: 0px;
height: 35px;
list-style: none;   
}

#menu_links_bar li {
float: left;
}

#menu_links_bar a {
text-decoration: none;
display: block;
height: 35px;
text-indent: -5000px;
outline: 0px;
}
#menu_links_bar #home {
background: url(/images/m01.png) no-repeat 0px 0px;
width: 104px;
}
#menu_links_bar #home:hover {
	background-position: 0 -32px;
}

#menu_links_bar #add {
	background: url(/images/m02.png) no-repeat 0px 0px;
	width: 122px;
}
#menu_links_bar #add:hover {
	background-position: 0 -32px;
}

#menu_links_bar #best{
	background: url(/images/m03.png) no-repeat 0px 0px;
	width: 116px;
}
#menu_links_bar #best:hover {
	background-position: 0 -32px;
}

#menu_links_bar #random {
	background: url(/images/m04.png) no-repeat 0px 0px;
	width: 95px;
}
#menu_links_bar #random:hover {
	background-position: 0 -32px;
}

#menu_links_bar #newsletter {
	background: url(/images/m05.png) no-repeat 0px 0px;
	width: 84px;
}
#menu_links_bar #newsletter:hover {
	background-position: 0 -32px;
}

#menu_links_bar #contact {
	background: url(/images/m06.png) no-repeat 0px 0px;
	width: 85px;
}
#menu_links_bar #contact:hover {
	background-position: 0 -32px;
}

.footer {
color: #A05417;
position:relative;
padding:0;
margin: 0 auto 0 auto;
text-align: center;
font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
width:960px;
height:49px;
background-image: url("/images/footer_bg.png");
clear:both;
}

.footer a {
font-weight: bold;
color: #A05417;
}

.footer .right {
float:right; clear:right;
text-align:right;
position:absolute;
right:10px;
top:17px;
}

.footer p {margin:0;}

.star-rating,  
.star-rating a:hover,  
.star-rating a:active,  
.star-rating a:focus,  
.star-rating .current-rating{  
    background: url('/images/rating-starss.png') left -1000px repeat-x;  
}  
.star-rating{  
    position: relative;  
    width: 80px;  
    height: 16px;  
    overflow: hidden;  
    list-style: none;  
    margin: 0;  
    padding: 0;  
    background-position: top left;  
}  
.star-rating li{  
    display: inline;  
}  
.star-rating a,  
.star-rating .current-rating{  
    position: absolute;  
    top: 0;  
    left: 0;  
    text-indent: -1000em;  
    height: 16px;  
    line-height: 16px;  
    outline: none;  
    overflow: hidden;  
    border: none;  
}  
.star-rating a:hover,  
.star-rating a:active,  
.star-rating a:focus{  
    background-position: center left;  
}  
.star-rating a.one-stars{  
    width: 20%;  
    z-index: 6;  
}  
.star-rating a.two-stars{  
    width: 40%;  
    z-index: 5;  
}  
.star-rating a.three-stars{  
    width: 60%;  
    z-index: 4;  
}  
.star-rating a.four-stars{  
    width: 80%;  
    z-index: 3;  
}  
.star-rating a.five-stars{  
    width: 100%;  
    z-index: 2;  
}  
.star-rating .current-rating{  
    z-index: 1;  
    background-position: bottom left;  
}  
.star-ratings-block {  
    font-size: 10px;  
    text-align: center;  
    width: 100%;  
}
/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
	padding-bottom: 0em;
}

#errorExplanation {
	width: 630px;
	border: 2px solid #F5C8AA;
	padding: 7px;
	padding-bottom: 0px;
	margin-bottom: 20px;
  margin-left: 0.8em;
  margin-top: 20px;
	background-color: #F5C8AA;
}
#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 13px;
	margin: -7px;
	background-color: #ff6600;
	color: #fff ;
}
#errorExplanation p {
	color: #333 ;
	margin-bottom: 0;
	padding: 5px;
}
#errorExplanation ul li {
	font-size: 13px;
	list-style: square;
}

/* form styling */

#theform fieldset {
	width: 200px;
	border: 0;
	margin: 0;
	padding: 5px;
	padding-top: 0;
	float: left;
	}


#theform #pt1 {
	width: 680px;
	border: 0;
	margin: 0;
	float: left;
}
    
#theform fieldset h3 {
	font-size: 48px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #EB7A2E;
  display: inline;
	}

#theform fieldset h4 {
	font-size: 16px;
  font-weight: bold;
  font-family: Trebuchet MS;
  color: #424242;
  display: inline;
	}

#theform fieldset textarea {
  width: 640px;
  height: 166px;
  background-image: url('/images/wpis_tlo.png');
  border: solid 1px;
  border-color: #F5C8AA;
  font-family: Trebuchet MS;
  font-size: 14px;
  color: #424242;
}

#theform fieldset input, select {
  border: 1px solid;
  border-color: #F5C8AA;
  height: 20px;
  font-family: Trebuchet MS;
  font-size: 14px;
  color: #424242;
  background-color: #FAF8ED;
}

#theform fieldset div.help {
	color: #7A7A7A;
  font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: bold;
	height: 11em;
	}
	
/* Error Styling */
#theform fieldset.error,
#theform fieldset.error legend,
#theform fieldset.error div.help {
	color: #424242;
	}
#theform fieldset strong.error {
	color: #fff;
	background-color: #CC0000;
	padding: 0.2em;
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	}

/* Part 4 Styling */

#theform #pt4 {
	clear: both;
	}

#theform #pt4 input {
	height: 45px;
	width: 640px;
	color: #EB7A2E;
	background: #FAF8ED;
	font-weight: bold;
  font-family: Trebuchet MS;
  font-size: 18px;
	border: 2px solid #F5C8AA;
  margin-top: 10px;
  margin-bottom: 60px;
  
	}

    /* Info page */
    
.info_field {
	width: 700px;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}
	
.info_field input {
  border: 1px solid;
  border-color: #F5C8AA;
  height: 20px;
  width: 200px;
  font-family: Trebuchet MS;
  font-size: 14px;
  color: #424242;
  background-color: #FAF8ED;
  margin-left: 10px;
  margin-top: 10px;
}

#info_form h4 {
  text-align: center;
}

#info_submit {
  border: 2px solid;
  border-color: #F5C8AA;
  height: 30px;
  width: 200px;
  font-family: Trebuchet MS;
  font-size: 14px;
  color: #424242;
  background-color: #FAF8ED;
  font-weight: bold;
  font-size: 16px;
  margin-left: 45px;
  margin-top: 10px;
  margin-bottom: 20px;
}

	/* Pagination */
	
.pages {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 0px;
  clear: both;
}

.paginator {
	font-size: 18px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	vertical-align: top;
	background: #fff;
	color: #F2791F;
	font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	}

.paginator a, .pageList .this-page {
	font-size: 16px;
	font-weight: bold;
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	text-decoration: none; }

.paginator a:visited {
	font-size: 16px;
	font-weight: bold;
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	text-decoration: none; }
	
.paginator .previous {
	margin-right: 10px;
	padding: 2px 6px;
	border: solid 2px #ddd;
	background: #fff; }
	
.paginator .next {
	margin-left: 10px;
	padding: 2px 6px;
	border: solid 2px #ddd;
	background: #fff;}
	
.paginator a:hover {
	color: #fff;
	background: #F0c030;
	border-color: #F2791F;
	text-decoration: none;}
  
.clear {clear:both;height:1px;overflow:hidden;}

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */