body { font-family: 'Roboto Condensed', sans-serif; font-size: 16pt; background-image: url('images/light-background.jpg'); background-attachment: fixed; }

.container { width: 800px; margin: 0 auto; }	
p { margin-top: 10px; margin-bottom: 5px; }

#timer { width: 550px; height: 30px; bottom: 20px; left: 50%; margin:auto; border: 2px solid red; border-radius: 10px; padding: 0 10px 20px 10px; background: yellow; text-align: center; }
p.timer { font-size: 16pt; line-height: 140%; font-weight: bold; }
div.row { width: 100%; }
div.left { width: 400px; float: left; margin-right: 20px; }
div.right { width: 380px; float: right; }
div.leftside { width: 400px; float: right; }
div.rightside { width: 380px; float: left; margin-right: 20px; text-align: right; }
div.halfleft { width: 400px; float: left; }
div.halfright { width: 400px; float: right; }
div.clear { clear: both; }
	
a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4 { text-align: center;  }
.centered { text-align: center; margin: 0 auto; }
h1 { font-size: 36pt; line-height: 100% }
h2 { font-size: 24pt; line-height: 50%; }
.topbox { margin: 20px auto; border: 2px solid red; background-image: url('images/top.png'); background-size: 100%;  text-shadow: 2px 1px white; height: 213px; width: 700px;}
.topbox h2 { font-size: 40pt; font-weight: bolder; line-height: 50%; color: red; }
.topbox h3 { font-size: 14pt; font-weight: bolder; line-height: 120%; text-align: center; color: #007A03; }

p.up { line-height: 80%; margin-top: 0px; }
p.center { text-align: center; }
p.bullet { padding: 0 0 5px 35px; margin: 10px 0 0 30px; background: url('images/ask.png') no-repeat; font-weight: 400; font-size: 18pt; }
p.attent { padding: 0 0 5px 35px; margin: 10px 0 0 30px; background: url('images/exclamation.png') no-repeat; font-weight: 400; font-size: 16pt; }
p.check { padding: 0 0 5px 35px; margin: 10px 0 0 30px; background: url('images/check.png') no-repeat; font-weight: 400; font-size: 16pt; }
p.note { padding: 0 0 5px 35px; margin: 10px 0 0 30px; background: url('images/pin.png') no-repeat; font-weight: 400; font-size: 16pt; }
p.target { padding: 0 0 5px 35px; margin: 10px 0 0 30px; background: url('images/target.png') no-repeat; background-size:  auto 25px; font-weight: 400; font-size: 16pt; }

.big { font-size: 300%; }
.italic { font-style: italic; } 
.red { color: red; }
.green { color: green; }
.grass { color: #155503; }
.gray { color: #444; }
.darkgray { color: #222; }
.blood { color: #a70000; }
.thin { font-weight: 300; }
.bold { font-weight: 700; }
.accent { font-size: 150%; }
.strike { text-decoration: line-through; }

.text-center{
text-align: center;
}