/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {background-color:#000; background-image:url(images/background.jpg); background-position:top center; font-family:Arial, Helvetica, sans-serif; color:#fff; }
a {color:#fff;}
#wrapper {margin-left:auto; margin-right:auto;width:960px;}
#content { }

#description { width:300px; position:relative; }
#description h1 { background-color:#000; color:#fff; padding:5px; font-size:18px; text-align:center; }
#description p { color:#271600; background-color:#eee; padding:4px; font-weight:bold; line-height:150%; font-size:14px; text-align:center; }

#game { background-image:url(images/background_game.png); background-repeat:no-repeat; width:651px; height:568px; left:-100px; top:20px; position:relative; float:left; }
#game .container { margin-top:50px; margin-left:35px;}
#vertical_ad { background-image:url(images/background_vertical_ad.png); width:165px; height:606px; float:left; position:relative; right:-80px; top:20px; }
#square_ad { width:312px; height:264px; float:left;  }

#right { background-image:url(images/background_right.png); background-repeat:no-repeat; width:380px; height:420px; position:relative; left:-80px; z-index:-1; padding-left:60px; padding-top:24px; top:110px; }

.col2-1,
.col2-2 { float:left; width:50%; }

#header { margin-top:10px; margin-bottom:-40px; }
#header .col2-1 { width:70%; }
#header .col2-2 { width:30%; text-align:right; }
#header h1 { width:473px; height:106px; background-image:url(images/logo.png); background-repeat:no-repeat; }
#header h1 span,
#header #menu ul li a span {display:none;}
#header #menu {position:relative; left:20px; display:block;}
#header #menu ul li { list-style:none; display:inline-block; }
#header #menu ul li a { float:left; display:block; }
#header #menu ul li a.how_to_play { background-image:url(images/but_how_to_play.png); width:212px; height:47px; }
#header #menu ul li a.how_to_play:hover {background-image:url(images/but_how_to_play.png); background-position:left -47px;}
#header #menu ul li a.whats_sudoku { background-image:url(images/but_whats_sudoku.png); width:234px; height:67px; }
#header #menu ul li a.whats_sudoku:hover { background-image:url(images/but_whats_sudoku.png); background-position:left -67px; }
#header #menu ul li a.bookmark { background-image:url(images/but_bookmark.png); width:250px; height:51px; position:relative; left:424px; top:54px; }
#header #menu ul li a.bookmark:hover { background-image:url(images/but_bookmark.png); background-position:left -51px; }
#header #menu {z-index:5;top:10px; left:-60px; }

#content .col2-1 {width:75%;}
#content .col2-2 {width:25%;}

#content,
#header,
#footer {width:772px; margin-left:auto; margin-right:auto; }
#footer {margin-bottom:10px; margin-top:24px;}
#footer #footer_menu ul { margin-bottom:20px; }
#footer #footer_menu ul li a { font-size:24px; font-weight:bold; margin-right:14px; padding-right:20px; border-right:2px solid #777; color:#ff6; }
#footer #footer_menu ul li a.last { border:0; }
#footer #footer_menu ul li a:hover {color:#fff;}
#footer #footer_menu ul li {display:inline-block;}
#footer #copyright {font-size:11px;}

#help { margin-top:60px; margin-bottom:60px; }
#help p { margin-bottom:10px; font-size:14px; }
#help h2 {  margin-bottom:10px; font-size:18px; }
#help div { margin-bottom:40px}

/* LIGHTBOX */
.pp_content a { color:#fff; }

#social_links { top:-30px; left:-55px; text-align:center; height:80px; position:relative; z-index:4; }
#social_links .icons { margin-left:auto; margin-right:auto; width:294px;}
#social_links .icons div { float:left;  }
#social_links a {width:48px; height:48px; background-repeat:no-repeat; display:block; }
#social_links .facebook a { background-image:url(images/icons_social.png); background-position:0 0; }
#social_links .twitter a { background-image:url(images/icons_social.png); background-position:-54px 0;}
#social_links .digg a { background-image:url(images/icons_social.png); background-position:-107px 0;}
#social_links .delicious a { background-image:url(images/icons_social.png); background-position:-160px 0;}
#social_links .stumbleupon a { background-image:url(images/icons_social.png); background-position:-213px 0;}
#social_links .reddit a { background-image:url(images/icons_social.png); background-position:-268px 0;}

#social_links .facebook a:hover { background-position: 0 2px; }
#social_links .twitter a:hover { background-position: -54px 2px; }
#social_links .digg a:hover { background-position: -107px 2px; }
#social_links .delicious a:hover { background-position: -160px 2px; }
#social_links .stumbleupon a:hover { background-position: -213px 2px; }
#social_links .reddit a:hover { background-position: -268px 2px; }

#how_to_play {color:#ff6;}
.titles span { display:none; }
h2.tit_how_to_play { background-image:url(images/tit_how_to_play.png); background-repeat:no-repeat; width:245; height:30px; }

.hide {display:none;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}