body {
	background: #cbcbcb;
	font: 0.75em Arial, Helvetica, sans-serif;
}

p {
	line-height: 1.5;	
}

a {
	color: #ce88bc;
}

#container {
	background: #fff;
	margin: 53px auto;
	width: 950px;	
}

#header {
	background: #000;
	color: #fff;
	padding: 15px 0 0 14px;
	position: relative;
	height: 61px;
}

#header h1 a {
	background: url(../img/my_wii_story.png) no-repeat;
	display: block;
	height: 61px;
	text-indent: -9999px;
	width: 298px;
}


#header ul {
	height: 18px;
	position: absolute;
	right: 19px;
	top: 38px;
}

#header ul li {
	float: left;
	height: 18px;
}

#header ul li a {
	background: url(../img/nav.png) no-repeat;
	color: #fff;
	display: block;
	height: 15px;
	text-indent: -9999px;
}

#header ul li.home a { background-position: 0 0; width: 60px; }
#header ul li.did-you-know a { background-position: 0 -15px; width: 126px; }
#header ul li.stories a { background-position: 0 -29px; width: 135px; }
#header ul li.about a { background-position: 0 -45px; width: 108px; }
#header ul li.forum a { background-position: 0 -60px; width: 62px; }

#content {
	background: #fff url(../img/bg_content.jpg) no-repeat;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#content.home {
	background: url(../img/bg_content_home.jpg) no-repeat;
	overflow: visible;
	height: 639px;	
}

#content.home #content_image {
	left: 51px;
	position: absolute;
	top: 30px;
	z-index: 10;
}

#content.home #content_sub {
	font-weight: bold;
	left: 504px;
	position: relative;	
	top: 50px;
	width: 427px;
}

#content.home #content_sub h2 {
	background: url(../img/who_winners.gif) no-repeat;
	height: 86px;
	width: 325px;
}

#content.home #content_sub h3	{ font-size: 18px; margin: 0 0 5px 0; }

#content.home #content_sub p a {
	background: url(../img/buttons.png) no-repeat 0 -62px;
	display: block;
	height: 55px;
	margin: 25px 0 0;
	text-indent: -9999px;
	width: 188px;
}

#content.home #content_sub p.ps	{ margin: 10px 0 0 0; }
#content.home #content_sub p	{ font-weight: normal; margin: 0 0 15px 0; }
#content.about #content_sub p.read a,
#content.home #content_sub p.read a { background: url(../img/read_their_stories.jpg) no-repeat; height: 30px; width: 183px; }

#content.home #content_sub p.win-circle {
	background: url(../img/win_circle.png) no-repeat;
	height: 194px;
	position: absolute;
	right: 10px;
	text-indent: -9999px;
	top: 185px;
	width: 194px;
}

#content.home #share_story {
	width: 542px;
	overflow: hidden;
	position: relative;
	top: 163px;
	width: 610px;
	z-index: 15;
}

#content.home #share_story p.intro {
	background: url(../img/your_story_intro.png) no-repeat;
	display: inline;
	float: left;
	height: 62px;
	margin: 0 14px 0 70px;
	text-indent: -9999px;
	width: 334px;
}

#content.home #share_story p {
	float: left;
	width: 192px;	
}

#content.home #share_story p a {
	margin: 40px 0 0 415px;	
}

#content.home #latest_stories {
	width: 850px;
}

#content.home #latest_stories h3 {
	background: url(../img/your_wii_story.gif) no-repeat;	
	bottom: 100px;
	height: 31px;
	left: 50px;
	position: absolute;
	text-indent: -9999px;
	width: 308px;
}

#content.home #latest_stories ul	{ bottom: 50px; position: absolute; right: 15px; }

/* Articles */
#content.article-list,
#content.article						{ background: #fff; }

#content.article-list #content-sub,
#content.article #content-sub			{ margin: 30px 40px; }

#content.article-list h2,
#content.article h2						{ background: url(../img/headers.png) no-repeat; text-indent: -9999px; }
#content.article-list h2.did-you-know,
#content.article h2.did-you-know		{ background-position: 0 -455px; height: 37px; width: 274px; }
#content.article-list h2.stories,
#content.article h2.stories			{ background-position: 0 -421px; height: 33px; width: 223px; }

#content.article-list #content-sub ul			{ margin: 30px 0; }
#content.article-list #content-sub li			{ display: block; overflow: hidden; padding: 20px; }
#content.article-list #content-sub li.alt		{ background: #ededed; }
#content.article-list #content-sub li img		{ float: left; width: 150px; }
#content.article-list #content-sub li div		{ float: left; margin: 0 0 0 30px; width: 650px; }
#content.article-list #content-sub li strong	{ font-weight: bold; }
#content.article-list #content-sub li p			{ margin: 5px 0; }
#content.article-list #content-sub li a			{ font-weight: bold; text-decoration: none; }

#content.article #content-sub #article				{ margin: 20px 0; overflow: hidden; }
#content.article #content-sub #article .lhs			{ float: left; margin: 0 60px 0 0; width: 370px; }
#content.article #content-sub #article .lhs img		{ margin: 0 0 30px 0; }
#content.article #content-sub #article .lhs p		{ font-style: italic; }
#content.article #content-sub #article .rhs			{ float: left; width: 425px; }
#content.article #content-sub #article strong		{ display: block; font-weight: bold; }
#content.article #content-sub #article .lhs strong	{ margin: 0 0 5px 0; }
#content.article #content-sub #article .rhs strong	{ margin: 5px 0 10px 0; }
#content.article #content-sub #article .lhs p,
#content.article #content-sub #article .lhs strong	{ margin-left: 25px; }

#content.article #latest_stories ul	{ margin: 0 0 20px 0; }

/* About */

#content.about {
	background: #fff url(../img/bg_content_about.jpg) no-repeat;
	height: 730px;
}

#content.about #content_image {
	float: left;
	height: 379px;
	padding: 50px 59px 0 128px;
	width: 402px;
}

#content.about #content_sub {
	float: left;
	padding: 40px 0 0;
	width: 321px;
}

#content.article #latest_stories h3, #content.article #latest_stories em, #content_sub h2, #content.about h3, #content.about #latest_stories em {
	background: url(../img/headers.png) no-repeat;
	text-indent: -9999px;
}

#content.about #content_sub h2 {
	height: 35px;
	margin: 0 0 27px;
	width: 208px;
}

#content.about #content_sub h3 {
	background-position: 0 -36px;
	height: 21px;
	width: 175px;
}

#content.about #content_sub p {
	margin: 0 0 2em;	
}

#content.about #content_sub a,
#content.prizes #content_sub p a.share-story,
#content.home #share_story p a {
	background: url(../img/buttons.png) no-repeat;
	display: block;
	height: 31px;
	text-indent: -9999px;
	width: 183px;
}

#content.article #latest_stories,
#content.about #latest_stories {
	clear: both;
	padding: 50px 30px 0 0;
}

#content.article #latest_stories div,
#content.about #latest_stories div {
	float: left;
	padding: 37px 0 0;
	width: 350px;
}

#content.article #latest_stories h3,
#content.about #latest_stories h3 {
	background-position: 0 -58px;
	height: 29px;
	margin: 0 0 2px 97px;
	width: 254px;
}

#content.article #latest_stories em,
#content.about #latest_stories em {
	background-position: 0 -88px;
	display: block;
	height: 21px;
	margin: 0 0 0 23px;
	width: 327px;
}

#content.article #latest_stories ul,
#content.about #latest_stories ul {
	float: right;
	overflow: hidden;
	width: 560px;
}

#content.article #latest_stories ul li,
#content #latest_stories ul li {
	float: left;
	padding: 0 10px 0 0;
	width: 130px;
}

#content.prizes #content_image {
	float: left;
	height: 515px;
	padding: 44px 25px 0 25px;
	width: 539px;
}

#content.prizes #content_sub {
	float: left;
	padding: 31px 0 0;
	width: 331px;
}

#content.prizes #content_sub h2 {
	background-position: 0 -109px;
	height: 33px;
	margin: 0 0 27px;
	width: 101px;
}

#content.prizes #content_sub h3 {
	background: url(../img/headers.png) no-repeat;
	height: 17px;
	margin: 0 0 15px;
	text-indent: -9999px;
}

#content.prizes #content_sub h3.h-major-prizes {
	background-position: 0 -143px;
	width: 119px;
}

#content.prizes #content_sub h3.h-runner-up-prizes {
	background-position: 0 -161px;
	width: 156px;
}

#content.prizes #content_sub p {
	margin: 0 0 40px;	
}

#content.tell-story {
	margin: 0 0 30px;
}

#content.tell-story #content_image {
	left: 28px;
	height: 379px;
	position: absolute;
	top: 50px;
	width: 402px;
	z-index: 1
}

#content.tell-story #content_sub {
	left: 437px;
	min-height: 730px;
	position: relative;
	top: 40px;
	width: 494px;
	z-index: 2;
}

/* IE7 */
*:first-child+html #content.tell-story #content_sub {
	height: 755px;
}

/* IE6 */
* html #content.tell-story #content_sub {
	height: 800px;
}

#content.tell-story #content_sub h2 {
	background-position: 0 -178px;
	height: 35px;
	margin: 0 0 8px;
	width: 330px;
}

#content.tell-story fieldset {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66cccccc,endColorstr=#66cccccc);
	zoom: 1;
	background: rgba(204, 204, 204, 0.4);
	padding: 20px 0 30px 20px;
	width: 474px;
}

#content.tell-story fieldset p {
	font-weight: bold;
	margin: 0 0 18px;
}

#content.tell-story fieldset ul {
	overflow: hidden;
}

#content.tell-story fieldset li {
	overflow: hidden;
	position: relative;
	padding: 0 0 5px 113px;
	width: 361px;
}

#content.tell-story fieldset li input,
#content.tell-story fieldset li textarea {
	background: #fff;
	border: 1px solid #a0a0a0;
	font: 1em Arial, Helvetica, sans-serif;
	height: 19px;
	width: 321px;
}

#content.tell-story fieldset li.file {
	padding-bottom: 18px;
}

#content.tell-story fieldset li.file input {
	height: 25px;
}

#content.tell-story fieldset li textarea {
	height: 100px;
	overflow: auto;
}

#content.tell-story fieldset li label {
	display: block;
	font-weight: bold;
	left: 7px;
	position: absolute;
	top: 1px;
	width: 106px;
}

#content.tell-story fieldset li label span {
	color: #bd63a6;
	left: -7px;
	padding: 0 4px 0 0;
	position: absolute;
}

#content.tell-story fieldset li label em {
	font-size: 0.9em;
	font-weight: normal;
}

#content.tell-story fieldset li.checkbox {
	padding: 0 0 12px 113px;
}

#content.tell-story fieldset li.checkbox label {
	color: #424242;
	float: left;
	font-size: 0.9em;
	font-weight: normal;
	position: static;
	width: 325px;
}

#content.tell-story fieldset li.checkbox input {
	background: transparent;
	border: 0;
	float: left;
	height: auto;
	margin: 0 5px 0 0;
	width: 13px;
}

#content.tell-story fieldset li.button {
	padding-top: 30px;
}

#content.tell-story fieldset li.button input {
	background: url(../img/buttons.png) 0 -31px no-repeat;
	border: 0px;
	color: #ddb1d2;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	height: 31px;
	width: 183px;
}

#footer {
	background: #000;
	color: #fff;
	height: 49px;
}

#footer ul {
	overflow: hidden;
	padding: 17px 0 0 13px;	
}

#footer li {
	float: left;
	height: 20px;
}

#footer li a {
	background: url(../img/nav.png) no-repeat;
	color: #fff;
	display: block;
	height: 20px;
	text-indent: -9999px;
}

#footer li.womens-weekly a {
	background-position: 0 -77px;
	width: 102px;
}

#footer li.cosmopolitan a {
	background-position: 0 -97px;
	width: 95px;
}

#footer li.madison a {
	background-position: 0 -117px;
	width: 75px;
}