/* General styles */
* {margin:0;padding:0;}
body{padding:0;color:#000;background:#FFC525 url(../images/garv/bg.gif) repeat-x;font:70%/130% Arial, Helvetica, sans-serif;}
img{border:0;}
hr{border-bottom:1px #fff solid;border-top:1px #eee solid;}
a{color:#BF2E00;font-weight:bold;}
a:hover, a:active{color:#790000;}
input, select, textarea{font-size:100%;font-family: Arial, Helvetica, sans-serif;}
fieldset{border:0;}
fieldset.buttons{width:300px;margin-top:5px;}
.clear{clear:both;}
.clear-space{clear:both;height:4px;}
.clearleft{clear:left;}
.clearright{clear:right;}
.left-align {float:left;}
.right-align {float:right;}
.txtright {text-align:right;}
.txtcenter {text-align:center;}
.errmsg{color:#ff0000;}


/* Body styles */

#body-wrap{
	width:980px;
	margin:auto;
}

/* Header styles */

#header-wrap{
	margin:0 0 6px 0;
}

#header{
	height:70px;
	position:relative;
	top:0;
	left:0;
}

#header #logo{
	position:absolute;
	top:15px;
	left:20px;
	background: url(../images/garv/bg_logo.gif) bottom left no-repeat;
	height:92px;
	width:186px;
}

#header #logo img{
	margin:3px 0 0 5px;
}


#header #header-menu{
	position:absolute;
	top:30px;
	right:10px;
}

#header #header-menu ul{
	list-style:none;
}

#header #header-menu ul li{
	float:left;
	padding:0 8px;
	border-left:1px #BF2E00 solid;
}
#header #header-menu ul li.first{
	border-left:0;
}
#header #header-menu ul li a{
	text-decoration:none;
}
#header #header-menu ul li a.sel, #header #header-menu ul li a:hover{
	text-decoration:underline;
}
	

/* Navigation styles */

#nav{
	background:#fff;
	border:1px #FFD06C solid;
}

#nav ul{
	list-style:none;
	margin:0 0 0 5px;
	float:right;
}

#nav ul li{
	float:left;
}

#nav ul li a{
	padding:6px 14px;
	margin:5px 5px 5px 0;
	text-decoration:none;
	color:#4E0000;
	display:block;
	white-space:nowrap;
	background:#FFFDC3 url(../images/garv/bg_menu.gif) repeat-x;
	min-width:30px;
	border:1px #FFD16F solid;
	text-transform:uppercase;
}

#nav ul li a.sel, #nav ul li a:hover, #nav ul li a:active{
	background:#FEDA04 url(../images/garv/bg_menu_active.gif) repeat-x;
	color:#fff;
}


.subnav{
	background:#fff;
	border:1px #FFD06C solid;
	margin:6px 0 0 0;
}

.subnav ul{
	list-style:none;
	margin:0 0 0 5px;
}

.subnav ul li{
	float:left;
}

.subnav ul li a{
	padding:3px 14px;
	margin:5px 5px 5px 0;
	text-decoration:none;
	color:#4E0000;
	display:block;
	white-space:nowrap;
	background:#FFFDC3 url(../images/garv/bg_menu.gif) repeat-x;
	min-width:30px;
	border:1px #FFD16F solid;
	text-transform:uppercase;
}

.subnav ul li a.sel, .subnav ul li a:hover, .subnav ul li a:active{
	background:#FEDA04 url(../images/garv/bg_menu_active.gif) repeat-x;
	color:#fff;
}


/* Content styles */

#cnt-left{
	width:722px;
	float:left;
}

#cnt-right{
	width:250px;
	float:right;
}

body#startpage #cnt-left{
	width:518px;
}
body#startpage #cnt-right{
	width:454px;
}

#content{
	margin:8px 0 0 0;
}

h1, h2, h3, h4{
	margin:0;
	padding:10px 0 0 0;
	color:#C33B0D;
}

h1{
	font-size:140%;
	padding:0;
}

h2{
	font-size:130%;
}

h3{
	font-size:120%;
}

p{
	padding:5px 0 5px 0;
}

.cnt-txt{
	padding:15px;
}

.box ul, .box ol{
	margin:5px 0 5px 25px;
	list-style:square;
}

.box{
	background:#fff;
	border:1px #FFD06C solid;
	padding:8px;
	margin:0 0 8px 0;
}

.box .boxheader{
	background:#FFFDBE url(../images/garv/bg_boxheader.gif) repeat-x;
	border:1px #FFD06C solid;
	color:#BF2E00;
	font-weight:bold;
	margin:0 0 5px 0;
	line-height:15px;
}
.box .boxheader h1{
	font-size:100%;
	padding:0;
	padding:4px 6px;
	text-transform:uppercase;
}
.box .boxheader h1 a{
	text-decoration:none;
}
.box .boxheader .icon{
	margin:-1px 5px 0 0;
}
.box .actions{
	float:right;
	padding:2px 0 0 0;
}
.box .actions a.btn{
	border:1px #FFBE34 solid;
	border-top:1px #fff solid;
	border-left:1px #fff solid;
	text-decoration:none;
	padding:0 3px;
	height:17px;
	overflow:hidden;
	float:left;
	display:block;
	margin:0 3px 0 0;
	background:#FFF5AB url(../images/garv/bg_actions_btn.gif) repeat-x;
}
.box .actions a.btn:hover{
	border:1px #fff solid;
	border-top:1px #FFBE34 solid;
	border-left:1px #FFBE34 solid;
}

.box .actions a.btn img{
	float:left;
}
.box .actions .titletxt{
	float:left;
	padding:2px 5px 0 0;
}
.box .titletxt{
	padding:4px 5px 0 0;
	text-decoration:none !important;
}
.box a.titletxt:hover{
	text-decoration:underline !important;
}
.box .titletxt img{
	vertical-align:middle;
}
.boxhalf{
	width:214px;
}



/* General form styles */

.formbox{
	width:205px;
	background:#FDF9D4;
	border:1px #FFD170 solid;
	padding:1px;
}


/* Comment styles */

.box .comment .icon{
	margin:-2px 3px 0 0;
}
.comment{
	background:#FDF9D4;
	padding:10px;
	margin:0 0 5px 0;
}
#write-comment{
	margin:0;
}
.comment h2{
	padding:0 0 2px 0;
	margin:0 0 2px 0;
	border-bottom:1px #FFD170 solid;
}
.comment h3{
	font-size:110%;
	padding:0;
}

.comment p{
	padding-bottom:0;
}
.comment .c-actions{
	float:right;
	margin:0 0 0 10px;
}
.comment .c-from{
	text-align:right;
	font-style:italic;
}
.comment fieldset{
	width:300px;
}
.comment .formbox{
	width:295px;
	background:#fff;
}
.comment .note{
	width:140px;
	margin:15px 0 0 0;
	float:right;
}
.comment .note h2{
	padding:0;
	margin:0;
	border-bottom:0;
}

/* Character styles */

.box-speak{
	position:relative;
	height:20px;
}

.box-speak .speak-character{
	position:absolute;
	top:-5px;
	left:-5px;
	z-index:10;
}

.box-speak .speak-bubble{
	position:absolute;
	top:-2px;
	left:62px;
	z-index:10;
}

.box-speak .speak-txt{
	position:absolute;
	top:12px;
	left:110px;
	z-index:100;
	width:540px;
	height:60px;
	overflow:hidden;
}
body#startpage .box-speak .speak-txt{
	width:360px;
}
.box-speak .speak-txt strong{
	font-size:130%;
	color:#C33B0D;
}

.box-speak .speak-score{
	position:absolute;
	top:4px;
	left:590px;
	z-index:100;
	font-size:260%;
	color:#C33B0D;
	background:url(../images/garv/bg_score.gif) 50% 50% no-repeat;
	height:66px;
	width:100px;
	text-align:center;
	line-height:200%;
}
.box-speak .speak-score strong{
	display:block;
	margin:4px 0 0 0;
}


.infohand .speak-character{
	left:auto;
	right:15px;
}


/* Login styles */

#login, .login{
	background:#FEDB00 url(../images/garv/bg_login.gif) repeat-x !important;
	border:8px #fff solid !important;
}
#login .boxhalf, .login .boxhalf{
	width:205px;
	margin:3px 0 0 0;
}
#login .formbox, .login .formbox{
	width:200px;
	background:#FDF9D4;
	border:1px #A15A06 solid;
}
#login p, .login p{
	padding:0 !important;
}
#login2, .login{
	background:#FEDB00 url(../images/garv/bg_login.gif) repeat-x !important;
	border:8px #fff solid !important;
}
#login2 .boxhalf, .login .boxhalf{
	width:205px;
	margin:3px 0 0 0;
}
#login2 .formbox, .login .formbox{
	width:200px;
	background:#FDF9D4;
	border:1px #A15A06 solid;
}
#login2 p, .login p{
	padding:0 !important;
}



/* Paging styles */

.paging{
	border-bottom:1px #FFD06D solid;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
}

.paging ul {
	list-style-type:none;
	text-align:center;
	margin:0 0 -2px 0;
	line-height:190%;
}

.paging ul li {
	display:inline;
}

.paging ul li a {
	border:1px solid #FFD06C;
	padding:1px 3px 1px 3px;
	text-decoration:none;
	background:#FFF497;
	white-space:nowrap;
}

.paging ul li a:hover, .paging ul li a.sel {
	border:1px solid #FFD06C;
	background:#FFDE01 url(../images/garv/bg_paging.gif) repeat-x;
	color:#fff;
}

.paging ul li.inactive a, .paging ul li.inactive a:hover {
	border:1px solid #FFE7B4;
	background:#FDFAD9;
	color:#F3AD74;
}

.paging ul li.inactive a:hover, .paging ul li.inactive a.sel {
	border:1px solid #FFE7B4;
	background:#FDFAD9;
}


/* Content strip styles */

.cnt-strip{
	display:block;
	margin:0 0 4px 0;
	line-height:0;
}


/* Content column styles */

.cnt-pagecol{
	float:left;
	width:474px;
}

.cnt-sidecol{
	float:right;
	width:212px;
	margin:0 0 0 8px;
	padding:0 0 0 8px;
	border-left:1px #FFD06D solid;
}



/* Quotes styles */

.quotes-box{
	background:#FDF9D4;
	padding:10px;
	margin:5px 0 5px 0;
	font-weight:bold;
}

.quotes-box em{
	font-weight:normal;
}



/* Topchart styles */

ul.topchart{
	list-style:none;
	margin:0;
}

ul.topchart li{
	margin:0 0 1px 0;
}

ul.topchart li a{
	background:#FDF9D4;
	display:block;
	padding:3px 6px;
	text-decoration:none;
	min-height:14px;
}
ul.topchart li a:hover{
	background:#FFFDBE url(../images/garv/bg_boxheader.gif) repeat-x;
}
ul.topchart li a .nr{
	float:right;
}

ul.topchart li.special a{
	background:#FEDA04 url(../images/garv/bg_menu_active.gif) repeat-x;
	color:#fff;
}
ul.topchart li.special a:hover{
	background:#FEDA04 url(../images/garv/bg_menu_active_o.gif) bottom left repeat-x;
}


/* Photobubble styles */
table.photobubble{
	width:100%;
}

table.photobubble td{
	border:1px #FFD06D solid;
	padding:5px;
	background:#FDF9D4;
	vertical-align:top;
}

table.photobubble td p{
	padding:2px 0 0 0;
}

.photobubble-box{
	border:1px #FFD06D solid;
	padding:15px;
	background:#FDF9D4;
}

.photobubble-box .formbox{
	background:#fff;
}

/* Quote styles */
table.quote{
	width:100%;
}

table.quote td{
	padding:5px;
	vertical-align:top;
}

table.quote td p{
	padding:2px 0 0 0;
}


/* General box styles */
.boxbox{
	border:1px #FFD06D solid;
	padding:15px;
	background:#FDF9D4;
}

.boxbox .formbox{
	background:#fff;
}


/* Postcard styles */
.postcard-box{
	border:1px #DADBD1 solid;
	padding:20px 0;
	background:#FDF9D4 url(../images/garv/bg_postcard.gif);
	position:relative;
}
.postcard-box .formbox{
	background:#fff;
	border:1px #DADBD1 solid;
}

#postcard-stamp{
	position:absolute;
	top:20px;
	left:610px;
}

#postcard-send{
	position:absolute;
	top:20px;
	left:410px;
	padding:140px 0 0 20px;
}

#postcard-card{
	position:relative;
	top:0;
	left:0;
	padding:0 20px 0 20px;
	border-right:1px #A7A58A solid;
	width:370px;
}

#postcard-buttons{
	position:absolute;
	bottom:20px;
	right:20px;
}


/* Banner styles */
.banner980x120{
	margin:0 0 8px 0;
}

.banner468x60{
	border-bottom:1px #FFD06D solid;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	text-align:center;
}

.banner250{
	margin:0 0 8px 0;
	width:250px;
}

.banner980x120 img, .banner468x60 img, .banner250 img{
	display:block;
	margin:auto;
}

.banner-col{
	float:right;
}


/* Button styles */

.bigbtn{
	width:168px;
	height:51px;
	padding-top:7px;
	background:url(../images/garv/bg_btn.gif) no-repeat;
	text-align:center;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:130%;
	margin:auto;
}
.bigbtn:hover, .bigbtn:active{
	color:#fff;
}

.photobubble-box .bigbtn{
	background:url(../images/garv/bg_btn3.gif) no-repeat;
}


/* Alt bubble styles */

.altbubble{
	text-align:left;
	width:135px;
	height:76px;
	padding:11px 24px 0 13px;
	font-size:11px;
	color:#000;
	background:url(../images/garv/bg_bubble.png);
	font-style:italic;
}


/* Startpage override styles */


/* MrBubble styles */

#startpage #mrbubble .speak-character{
	top:-15px;
	right:-5px;
	left:auto;
}

#startpage #mrbubble .speak-bubble{
	left:27px;
}

#startpage #mrbubble .speak-txt{
	left:45px;
	width:300px !important;
}

/* Downloads styles */

#startpage #downloads{
	position:relative;
}
#startpage #downloads ul{
	list-style:square;
	margin:5px 0 0 0;
	padding:0 0 0 25px;
	border-left:1px #FFD06D solid;
	color:#BF2E00;
}
#startpage #downloads ul li{
	padding:2px 0;
}

#startpage #downloads .newslip{
	position:absolute;
	top:1px;
	right:1px;
}

/* Qoutes styles */

#startpage #quotes{
	width:178px;
	min-height:350px;
	font-weight:bold;
}

#startpage #quotes em{
	font-weight:normal;
}

#startpage #mrbull{
	margin:0 0 60px 0;
}

#startpage #mrbull .speak-character{
	top:0;
	left:-5px;
}

#startpage #mrbull .speak-bubble{
	left:82px;
}

#startpage #mrbull .speak-txt{
	left:128px;
	width:280px !important;;
}

.quotebox{
	border-bottom:1px #FFD06D solid;
}
.quotebox-actions{
	text-align:right;
	margin:0 0 3px 0;
}
.quotebox-actions a{
	text-decoration:none;
	border-left:1px #FFD06D solid;
	padding:0 5px 3px 5px;
}
.quotebox-actions a img{
	vertical-align:middle;
}
.quotebox p{
	font-weight:bold;
}
.quotebox p em{
	font-weight:normal;
}


/* Postcard styles */

#startpage #postcard .formbox{
	width:210px;
}

ul.awards{
	list-style:none;
	margin:10px 0 10px 5px;
}
ul.awards li{
	padding:3px 0 5px 25px;
}
ul.awards li.first{
	background:url(../images/garv/bg_star1.gif) no-repeat;
}
ul.awards li.second{
	background:url(../images/garv/bg_star2.gif) no-repeat;
}
ul.awards li.third{
	background:url(../images/garv/bg_star3.gif) no-repeat;
}



/* Footer styles */

#footer{
  padding:0 200px 10px 200px;
  color:#000;
  text-align:left;
}

#footer a{
  color:#BF2E00;
}



/* Skip styles */

#skip a {
  position:absolute;
  top:-500px;
  color:#000;
  background:#fff;
  text-decoration:none;
  outline:0;
  font-weight:normal;
}

#skip a:active,#skip a:focus {
  position:absolute;
  border:1px solid #eee;
  padding:2px 4px;
  top:0;
  left:0;
  z-index:100;
}