/* @override http://jimmy.local/portland/littlebrown/rumblewick/css/style.css */

/* @group Reset */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, a, abbr, acronym, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after{
	content: "";
}
blockquote{
	quotes: "" "";
}

/* @end */

/* @group Rumblewick */

body{ /* #913462 */
	background: #913662 url(../images/bkg-body.gif) repeat center top;
	font: 16px/24px Georgia, "Times New Roman", Times, serif;
}

#wrapper{
	width: 960px;
	margin: 0 auto;
}

p a,
#content li a{
	color: #70284b;
	text-decoration: none;
	border-bottom: 1px solid #d199aa;
}

#content a:hover{
	border-bottom-width: 2px;
}

em{
	font-style: italic;
}

/* @group General Styles */

blockquote{
	margin-bottom: 24px;
	margin-left: 24px;
	font-size: 18px;
}

body#home-page #header{
	height: 130px;
}

body#home-page #content{
	width: 960px;
	background: url(../images/homepage-bkg.gif) no-repeat 20px -3px;
}

body#home-page .primary{
	background: url(../images/letter-text.gif) no-repeat 111px 109px;
	position: relative;
}

body#home-page #content a{
	text-decoration: none;
}

body#home-page .books{
	position: absolute;
	left: 486px;
	top: 168px;
}

body#home-page .witch-pics{
	position: absolute;
	left: -12px;
	top: 529px;
}

body#home-page .authors{
	position: absolute;
	right: 131px;
	top: 58px;
}

p{
	margin: 0 0 24px;
}

body#contest-page h2{
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 10px 0;
}

.hidden{
	display: none;
}

h3{
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 24px;
	margin: 10px 0;
	font-weight: bold;
}

#content ul{
	margin-top: 5px;
	margin-bottom: 30px;
}

#content ul li{
	list-style-type: disc;
	margin-left: 25px;
}

#content a.big-button{
	border: 1px solid #c76c92;
	text-transform: uppercase;
	text-decoration: none;
	color: #500e2f;
	display:  block;
	font: bold 18px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 350px;
	text-align: center;
	background: #efcfe0 url(../images/bkg-button.gif) repeat-x 0 top;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 10px 20px;
	clear: both;
	margin: 5px auto;
}

ul#kcList {
	width: 380px;
	margin: 0 auto;
}

#content a.big-button:hover{
	background-position: 0 -20px;
	border-bottom-width: 1px; /* IE6 applies 2px border width?? */
}

/* @end */

/* @group Author page stuff */

strong{
	font-weight:bold;
	letter-spacing: -1px;
}

.author{
	clear: both;
}

.author p{
	padding: 60px 0 0;
}

.author img{
	margin: 0 20px;
}

.hiawyn img {
	float: left;
}

.sarah img {
	float: right;
}

/* @end */

/* @group Single column page */

body #header{
	background: url(../images/header.jpg) no-repeat center top;
	position: relative;
	height: 180px;
}

body #content{
	width: 750px;
	margin: 0 auto 20px;
	background: url(../images/1col-bkg.jpg) 0 75px;
}

body .primary{
	margin-bottom: 30px;
	margin-top: 0;
	padding: 50px 80px 20px 100px;
}

.page-bottom{
	background: url(../images/1col-bkg-bottom.gif) no-repeat 0 bottom;
	width: 750px;
	height:  60px;
	clear: both;
}

/* @end */

/* @group Contest Page */

body#contest-page .primary{
	background: url(../images/header-sweepstakes.gif) no-repeat center top;
	padding-top: 175px;
	padding-left: 149px;
}

body#authors-page .primary{
	background: url(../images/header-about-the-authors.gif) no-repeat center 33px;
	padding-top: 150px;
}

body#about-the-book-page .primary{
	height: 975px;
	background: url(../images/about-the-book-text.gif) no-repeat 80px 50px;
}


/* @end */

.primary div.tagline p{
	font-size: 16px;
	text-align: center;
	line-height: 22px;
	padding: 0;
	margin: 0;
	font-style: italic;
}

body#diary .primary{
	background: url(../images/header-create-a-diary.gif) no-repeat 104px 23px;
	padding-top: 169px;
	font-size: 14px;
	line-height: 20px;
}

body#diary .primary .col1,
body#diary .primary .col2{
	float: left;
	width: 260px;
	padding: 10px;
}

body#diary .ballerinas{
	height: 117px;
	clear: both;
	background: url(../images/ballerinas.gif) no-repeat 80px -2px;
}

body#diary .primary .col1{
	margin-right: 10px;
}

body#diary .primary li{
	list-style-type: none;
	margin: 0 0 20px;
	padding-bottom: 19px;
	border-bottom: 1px solid #a7a7a7;
}



.primary#contest-page .col1,
.primary#contest-page .col2{
	float: left;
	width: 240px;
}

body#contest-page .primary ul li{
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 17px;
}

body#contest-page h3{
	letter-spacing: 0;
	font-size: 14px;
	line-height: 16px;
	text-transform: none;
}

div.tagline {
	margin: 20px 0;
}

body#kitty-clues .primary{
	padding-top: 225px;
	background: url(../images/header-kitty-clues.gif) no-repeat center top;
}

/* @group Menu items */

#header h1 a{
	background-image: url(../images/nav-diary-title.gif);
	width: 256px;
	height: 91px;
	position: absolute;
	top: 15px;
	left: 89px;
}

#header a{
	display: block;
	height: 91px;
	font-size: 0;
	color: #eff0ee;
}

#header ul li a:hover{
	background-position: left bottom;
}

#header ul{
	height: 91px;
	position: absolute;
	top: 15px;
	left: 362px;
}

#header ul li{
	float: left;
}

#header ul li.diary a{
	width: 113px;
	background-image: url(../images/nav-create.gif);
}

#header ul li.contest a{
	width: 165px;
	background-image: url(../images/nav-sweepstakes.gif);
}

#header ul li.game a{
	width: 107px;
	background-image: url(../images/nav-kitty-clues.gif);
}

#header ul li.about a{
	width: 115px;
	background-image: url(../images/nav-about-the-book.gif);
}

/* @end */

/* @group Mad Lib */

.clue{
	padding: 20px 10px 0;
	color: #616161;
	border-top: 1px solid #a6a6a6;
	border-bottom: 1px solid #a6a6a6;
	width: 400px;
	margin: 10px auto 20px;
	line-height: 29px;
}

.clue span {
	font-style: italic;
	color: #b42e74;
}

#ui ul li{
	list-style: none;
	margin: 0;
	font-size: 24px;
	list-style-type: none;
	margin-bottom: 10px;
}

#ui ul.kc-list{
	margin-left: 100px;
}

#ui ul.kc-list li{
	list-style-type: decimal;
}

#ui li a{
	border-bottom-width: 2px;
}

#ui li a:hover{
	border-bottom-width: 3px;
}

#ui label{
	float: left;
	text-align: right;
	line-height: 28px;
	width: 257px;
	height: 28px;
	margin-right: 5px;
	font-size: 15px;
}

#ui input{
	padding: 4px;
	font-size: 16px;
	height: 20px;
}

input.error {
	background-color: #ffe2dd;
}

p.contest-legal {
	font-size: 14px;
	line-height: 20px;
	color: #757575;
	border-top: 1px solid #ababab;
	padding: 7px;
	margin-top: 47px;
}

body#home-page .primary{
	height: 662px;

}

h2{
	font-size: 28px;
	text-align: center;
	line-height: 48px;
	font-weight: bold;
}

p.error {
	height: 36px;
	line-height: 36px;
	font-style: italic;
	color: red;
	font-size: 20px;
	text-align: center;
}

/* @end */

#footer{
	position: relative;
	padding: 45px 0 0;
	width: 800px;
	margin: 0 auto;
}

#footer a.right{
	position: absolute;
	right: 0;
	top: 0;
}

#footer p,
#footer a{
	color: #f6a3b7;
}

#footer a:hover{
	color: #db7b8f;
}

#footer p{
	padding: 0;
	margin: 0;
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */