/* @group reset */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
p { margin:1em 0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th { text-align:left; }
q:before,q:after {content:''; }
abbr,acronym { border:0;}
legend { display:none;}
a {outline:none;}
img { vertical-align:middle; }

/* @end */

/* @group header */

body
{
	background: url(../img/background.png) repeat-x #7e0a23;
	font-family: Verdana;
	font-size: 12px;
}
#container
{
	width: 728px;
	margin: 0 auto;
}

#header
{
	height: 199px;
	background: url(../img/header.gif) no-repeat;
}

#header #logo
{
	display: block;
	width: 440px;
	height: 116px;
	background: url(../img/puzzlecraft-logo.gif);
	margin: 0 auto;
}

#header h1
{
	position: absolute;
	left: -1000px;
}

#header #welcome
{
	text-align: center;
	color:  white;
	padding-top: 101px;
}

#header #welcome a
{
	color: #c87254;
	font-weight: bold;
	padding-right: 20px;
	background: url(../img/vcard.gif) no-repeat right 3px;
	text-decoration: none;
}

#header #welcome a:hover
{
	text-decoration: underline;
}

#header #play_now
{
	width: 200px;
	height: 18px;
	margin: 0 auto;
	background: url(../img/play-button.gif);
	margin-top: 14px;
}

#header #play_now a
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-decoration: none;
	line-height: 18px;
}

#header #play_now a:hover
{
	text-decoration: underline;
}

#menu
{
	width: 387px;
	height: 18px;
	margin: 0 auto;
	background: url(../img/menu.gif);
	margin-top: 14px;
}

#menu li
{
	float: left;
}

#menu li a
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-decoration: none;
	line-height: 18px;
}

#menu li a:hover
{
	text-decoration: underline;
}

#menu #goto_home
{
	padding-left: 16px;
	width: 64px;
}

#menu #goto_shots
{
	width: 104px;
}

#menu #goto_rank
{
	width: 77px;
}

#menu #goto_play
{
	width: 54px;
}

#menu #goto_blog
{
	width: 57px;
	padding-right: 15px;
}

/* @end */

/* @group Content */

#content
{
	background: url(../img/content-bkg.gif) no-repeat top left;
	padding: 0 47px 0 47px;
	font: 12px Verdana;
}

#left_page, #right_page
{
	width: 274px;
}

#right_page
{
	float: right;
}

#welcome_box
{
	width: 274px;
	height: 140px;
	background: url(../img/welcome-box.gif) no-repeat;
}

#welcome_box p
{
	padding: 43px 3px 0 112px;
	font-weight: normal;
	margin: 0;
}

#welcome_box a
{
	color: #8b2b09;
	font-weight: bold;
	line-height: 14px;
	display: block;
	text-align: right;
	padding-right:10px;
}

.right_box,
.left_box
{
	width: 274px;
	background: url(../img/right-box-bkg.gif) bottom left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.left_box
{
	background: url(../img/left-box-bkg.gif) bottom right;
}
.right_box .box_header,
.left_box .box_header
{
	background: url(../img/right-box-bkg.gif) top left;
	padding: 5px;
}
.left_box .box_header
{
	background: url(../img/left-box-bkg.gif) top left;
}
.right_box .box_header h2,
.left_box .box_header h2
{
	padding: 1px 0 1px 5px;
	font-size: 12px;
	font-weight: normal;
	color: white;
	background: url(../img/box-header-bkg.gif) top right repeat-y;
}
.right_box .box_header h2.error,
.left_box .box_header h2.error
{
	font-size: 12px;
	font-weight: normal;
	color: #cc0000;
	background: #FCEAEA url(../img/icons/exclamation.png) no-repeat scroll 3px 3px;
	border: 2px solid #cc0000;
	padding: 3px 3px 3px 24px;
}
.left_box .box_header h2
{
	background: url(../img/box-header-bkg.gif) top left repeat-y;
}

.right_box a, .left_box a
{
	color: #8b2b09;
	text-decoration: underline;
	font-weight: normal;
}

#screenshots_box a.see_more,
#benefits_box a.see_more,
#ranking_box a.see_more,
#news_box a.see_more,
#lists_box a.add_list
{
	text-align: center;
	display: block;
	margin-top: 5px;
}

#screenshots_box .gallery
{
	padding: 5px 0 5px 7px;
}

.left_box img,
.right_box img
{
	border: 2px solid #c39b14;
}

.left_box a:hover img,
.right_box a:hover img
{
	border: 2px solid #8b2b09;
}

#benefits_box dl dt
{
	background:transparent url(../img/bullet-list.png) no-repeat scroll 8px 3px;
	margin:3px 0 0 5px;
	padding-left:18px;
	color: #2e4302;
	font-weight: bold;
}

#benefits_box dl dd
{
	margin:0 5px 5px 0;
	padding-left:25px;
	font-size: 11px;
}

#ranking_box img,
#news_box img
{
	margin-left: 10px;
	float: left;
}

#ranking_box ol
{
	list-style-type: decimal;
	padding-left: 145px;
}

#news_box .news_bit 
{
	margin-bottom: 5px;
}

#news_box .news_bit small,
#news_box .news_bit p
{
	margin: 0;
	font-size: 11px;
	color: #555;
}

#news_box .news_bit p
{
	margin: 0;
	padding-left: 80px;
	font-size: 12px;
	display: block;
	color: black;
}

#news_box .news_bit p strong
{
	color: #384816;
}

#news_box .news_bit a
{
	text-decoration: none;
	color: black;
}

#news_box .news_bit a:hover
{
	text-decoration: underline;
}

#register_box
{
	display: none;
}

#login_box form,
#register_box form
{
	padding: 0 20px;
}

#login_box label,
#register_box label
{
	width: 80px;
	display: block;
	float: left;
	line-height: 20px;
}

#login_box .textinput,
#register_box .textinput
{
	width: 150px;
	display: block;
	margin: 5px 0 5px 80px;
}

#login_box .submit
{
	float: right;
}

#register_box .submit
{
	margin: 5px 0 5px 80px;
}

#login_box .thickbox
{
	display: block;
	padding: 0 0 0 15px;
	width: 60%;
}

#register_box .loading
{
	margin: 0 auto;
	display: none;
	width: 120px;
	padding-top: 5px;
	text-align: center;
	background-position: 0 5px;
	color: #2d2516;
}

#register_box #register_result
{
	display: none;
}

#profile_box h2 a
{
	float: right;
	color: #E9D2AA;
	margin-right: 5px;
}

#profile_box strong,
#profile_box span
{
	display: block;
	line-height: 20px;
}

#profile_box strong
{
	width: 100px;
	text-align: right;
	padding-right: 5px;
	border-right: 1px solid #593B02;
}

#profile_box span
{
	text-indent: 10px;
	float: right;
	width: 174px;
}

#lists_box ol
{
	list-style: disc;
	padding-left: 25px;
}

/* @end */

/* @group Footer */

#footer
{
	margin-top: -10px;
	height: 144px;
	background: url(../img/content-bkg.gif) bottom left no-repeat;
}

#footer #copyright
{
	width: 250px;
	display: block;
	float: left;
	margin-top: 90px;
	margin-left: 25px;
	color: #c28f3e;
}

#footer #copyright a
{
	color: #e1b56f;
	text-decoration: none;
}

#footer #copyright a:hover
{
	text-decoration: underline;
}

#footer #unity_logo
{
	width: 101px;
	height: 30px;
	display: block;
	float: right;
	position: relative;
	top: 95px;
	margin-right: 15px;
}

/* @end */

/* @group Misc */

.message_ok
{
	background:#ECFCEA url(../img/icons/accept.png) no-repeat scroll 5px 5px;
	border:1px solid #B6EAAF;
	padding: 5px 5px 5px 26px;
	margin: 0 10px;
}

.message_ko
{
	background:#FCEAEA url(../img/icons/exclamation.png) no-repeat scroll 5px 5px;
	border:1px solid #EAAFAF;
	padding: 5px 5px 5px 26px;
	margin: 0 10px;
}

.message_ok p,
.message_ko p
{
	margin-top: 0;
}

.loading
{
	background: url(../img/icons/loading-on-box.gif) no-repeat;
	padding-left: 20px;
	line-height: 16px;
}

/* @end */