body {
    background: #c6c58f Url("../img/bg_stripes.png") repeat;
    padding:0px;
    margin:0px;
    font:normal 12px sans;
}

a, a h3, a h2, a h1 {
text-decoration: underline;
}

#header {
    background: #000 Url("../img/black_stripe.png") no-repeat;
    padding-top: 1px;
    margin: 0px;
    width: 100%;
    height: 23px;
}

#footer {
    font:normal 10px sans-serif;
    letter-spacing:1px;
    margin: 3px auto 3px auto;
    text-align:center;
}

#top_link {
    font:normal 10px sans-serif;
    letter-spacing:1px;
    margin: 7px auto 0px auto;
    text-align:center;
}

#top_link a {
	font-weight:bold;
	color:#D40000;
	text-decoration: none;
}


#footer hr {
	color: #c6c58f;
	background-color: #c6c58f;
	border: 1px;
  width: 60%;
}

#footer a {
	font-weight:bold;
	color:#D40000;
	text-decoration: none;
}



#logo {
	display:block;
    background:Url("../img/rolldicenet.png");
    margin: 2px auto 2px auto;
    padding: 0px;
    width: 100px;
    height:16px;
}

#logo span {
display: none;
}

#tipsH span {
display: none;
}

#tips {
    background: url("../img/tips_bs.gif") no-repeat; 
    margin: 10px auto 10px auto;
    width: 700px;
    height: 65px;
}

#tips p{
    margin:0px;
    padding-top:3px;
    padding: 10px 20px 10px 65px;
    font:normal 14px sans-serif;
    letter-spacing:1px;
}

#tips #nextLink {
    display: block;
    bottom: 0%;
    text-decoration: none;
    width:120px;
    margin: -8px -35px 0px auto;
    padding:0px;
    font:normal 12px sans;
    letter-spacing:0px;
    color:#416eff;
}

#tips #nextLink:hover {
    color:#dc0000;
}


#googleAds {
    padding-top:3px;
    margin: 5px auto 5px auto;
    width: 730px;
}

form label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  width:100px;  
  font-style: normal;
}


form fieldset {
  margin-bottom: 10px;
}
form legend {
  padding: 0 2px;
  font-weight: bold;  
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
}

form fieldset ol {
  margin: 0;
  padding: 0;
}
form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form textarea{    
	width: 500px;
	height: 120px;
	border: 3px solid #000000;
	padding: 5px;
	font-family: Tahoma, sans-serif;
}

form input{    
	border: 3px solid #000000;
	padding: 5px;
	font-family: Tahoma, sans-serif;
}

form input[type=submit]{    
	border: 3px solid #000000;
	padding: 5px;
	font-family: Tahoma, sans-serif;
        margin-left:100px;
}


#dicepane {
    padding-top:3px;
    background: no-repeat; 
    margin: 15px auto 10px auto;
    width: 700px;
}

#diceImg{
    margin-left: auto;
    margin-right: auto;
    background: url("../img/diceImg.png");
    width: 390px;
    height: 298px;
}

#diceImg p {	
	color: #fff;
	font-size: 14px;
}

img.diceImg{
    margin: 20px auto auto 20px;
}

.rollButton{
    cursor:pointer;
    display:block;
    margin: 10px auto 0px auto;
    background: url("../img/roll.png");
    width:145px;
    height:38px;
}

.rollButton:hover{
    background: url("../img/roll_h.png");
}

#comment {
    margin: 20px 0px 0px 415px;
}


span.luckyppl{
    font:normal 22px sans;
    color: #d40000;
    letter-spacing:0px;
}

#stories {
    padding-top:3px;
    margin: 20px auto 10px auto;
    width: 700px;
}

.story_l {
    margin: 0px 0px 0px 0px;
}

.story_r {
    margin: 0px 0px 0px 0px;
}

.story_top{
    margin:0px;
    padding:0px;
    background: url("../img/comm_top.gif") no-repeat;
    width: 700px;
    height: 21px;
}

.story_cen{
    background: #fff;
    width: 700px;
}

.story_cen p{
    width: 670px;
    background: none;
    padding: 0px;
    display: block;
    margin:0px 10px 0px 10px;
    position: relative;
    top:-10px;
}

.story_r_bot{
    background: url("../img/comm_bot.gif") no-repeat;
    width: 700px;
    height: 30px;
    padding: 20px 20px 0px 0px;
    text-align: right;
}

.story_l_bot{
    background: url("../img/comm_bot_l.gif") no-repeat;
    width: 700px;
    padding: 20px 20px 0px 0px;
    height: 30px;
}

.nick {
    color: #d40000;
}
.hack {
    color: #ffa;
}
.datetime {
    color: #808080;
}

.story_r_bot .nick {
    margin-right:30px;
}

.story_l_bot {
    padding-left: 30px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform{

}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}