html, body {
	margin:0;
	padding:0;
}

body {
	text-align: center;
	font-size: 14px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:300;
	color: #AAA;
	background: #000000;
}

h1, h2, h3, h4 {
	padding:0;
	margin:0;
	color:#DDD;
	font-weight:normal;
	letter-spacing:-0.5px;
	font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:22px;
}

h3 {
	font-size:20px;
}

h2.ban {
	background:#2388BF;
	padding:10px 10px 4px 15px;
	display:inline-block;
	margin-left:-30px;
	margin-top:-10px;
	color:#FFF;
	position:relative;
}
h2.ban i {
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	height:6px;
	background:url(../img/qtip.gif) no-repeat top left #1F1F1F;
}
h2.help {
	position:absolute;
	top:20px;
	right:-10px;
	background:#EF531D;
	padding:10px 15px 4px 10px;
	display:inline-block;
	margin-left:-30px;
	margin-top:-10px;
	color:#FFF;
	border-left:2px solid #EF531D;
}
h2.help i {
	position:absolute;
	top:0;
	left:-2px;
	right:0;
	display:block;
	height:6px;
	background:url(../img/otip.gif) no-repeat top right #1F1F1F;
}

a h2.help:hover {
	background-color:#DA4C1C;
	border-left-color:#FF7638;
}

h2.pink {
	position:absolute;
	top:20px;
	right:-10px;
	background:#DF1B48;
	padding:10px 15px 4px 10px;
	display:inline-block;
	margin-left:-30px;
	margin-top:-10px;
	color:#FFF;
	border-left:2px solid #DF1B48;
}
h2.pink i {
	position:absolute;
	top:0;
	left:-2px;
	right:0;
	display:block;
	height:6px;
	background:url(../img/ptip.gif) no-repeat top right #1F1F1F;
}

a h2.pink:hover {
	background-color:#CF0C39;
	border-left-color:#EF2C58;
}

.options { 
	text-align:center;
}
.options a {
	padding:6px 10px 4px 10px;
	display:inline-block;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-0.5px;
	font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:22px;
	margin:2px 0px;
}
.options a:hover {
	text-decoration:none;
}
.options a.green {
	background:#6B8F11;
	font-size:18px;
	padding:3px 10px;
}
.options a.green:hover {
	background-color:#5C7F07;
}
.options a.orange {
	background:#EF531D;
}
.options a.orange:hover {
	background-color:#DA4C1C;
}
.options a.blue {
	background:#2388BF;
	font-size:18px;
	padding:3px 10px;
}
.options a.blue:hover {
	background-color:#157CAF;
}


.right { text-align:right; }
.left { text-align:left; }

p { margin:10px 0; padding:0; text-align:justify;}

p.recent {margin:0; padding:0; display:inline; font-size:15px;}

a img {border:none; outline:none !important; text-decoration:none;}
a {	text-decoration: none;color:#DDD; outline:none;}
a:hover { text-decoration: underline; outline:none; }
ul { list-style: none; }

#container {
	width:570px;
	padding:0px;
	margin:40px auto;
}

#header {	
	margin:1px 0px;
	padding:20px;
	position:relative;
	text-align:left;
	border-bottom:2px solid #2F2F2F;
	/*background:url(../img/iwish_bg.gif) repeat-x bottom center;*/
}

#account {	
	margin:1px 0px 1px 0px;
	padding:6px 5px;
	position:relative;
	text-align:left;
	font-size:12px;
	background:#1F1F1F;
	/*background:url(../img/iwish_bg.gif) repeat-x bottom center;*/
}
#account b {
	color:#FFF;
}
#account span.tools {
	float:right;
}
#account a {
	padding:2px 4px;
	font-size:12px;
	text-decoration:none;
	background:#2388BF;
	color:#FFF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#account a:hover{
	background-color:#157CAF;
}
#account a.logout {
	background:#DF1B48;
}
#account a.wishes {
	background:#6B8F11;
}
#account a.logout:hover {
	background-color:#CF0C39;
}
#account a.wishes:hover {
	background-color:#5C7F07;
}
a.home {
	/*font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height:36px;
	font-weight:normal;*/
	background:url(../img/logo_wish_nostar.png) no-repeat;
	height:47px;
	display:inline-block;
	width:104px;
	color: #FFFFFF;
	padding:0px;
	margin:-5px 0px;
	border:0px;
}

a.home:hover {text-decoration:none;}

#navbar {
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	right:0px;
	list-style:none;
	vertical-align:text-bottom;
}

#navbar li {
	list-style-type:none;
	display:block;
	float:left;
	padding:0;
	margin:0px 0px 2px 2px;
	vertical-align:text-bottom;
}
#navbar li a {
	margin:0;
	display:block;
	background:#1F1F1F;
	padding:2px 6px;
	font-weight:normal;
	letter-spacing:0px;
	font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
	text-transform:uppercase;	
	text-decoration:none;
	font-size:14px;
	vertical-align:text-bottom;
}
#navbar li a:hover {
	text-decoration:none;
	background:#2F2F2F;
}
#navbar li.selected a {
	background:#2F2F2F;
	color:#FFF;
	margin:0px;
	padding:3px 7px;
	font-size:16px;
}
#navbar li.selected {
	margin:-2px 0px 0px 2px;
}


#wish_area {
	margin:20px 0px 0px;
}
#wish_form {
	margin:0px;
	text-align:left;
}

input.text, textarea {
	margin:4px 0px;
	padding:4px;
	width:185px;
	color:#FFF;
	border:0px;
	background:#3F3F3F;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
	border-top:2px solid #4F4F4F;
}
input.text:focus, textarea:focus {
	background:#5F5F5F;
}
.select {
	margin:4px 0px;
	padding:3px 2px;
	width:100px;
	color:#FFF;
	border:0px;
	background:#3F3F3F;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
	border-top:2px solid #4F4F4F;
}
#wish_form textarea {
	width:500px;
	height:75px;	
}
input.text.email {
	width:245px;
	margin-right:5px;
}
input.text.small {
	width:50px;
	margin-left:5px;
}
input.submit {
	background:#6B8F11;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#FFF;
	border:0px;
	margin:2px 2px;
	padding:3px 6px;
	border-top:2px solid #89AF2B;
}
input.submit:hover {
	background:#516F07;
	cursor:pointer;
}
#wish_form p.right {
	margin:0;
	padding:0;
}


#content {	
	background: #1F1F1F;
	margin:1px 0px;
	padding:20px;
	text-align:justify;
	position:relative;
}

h2.recent {
	margin:0;
	display:inline-block;
	background:#1A1A1A;
	margin-right:5px;
	padding:6px 7px;
	height:27px;
	vertical-align:middle;
}

#content.recent {	
	background: #1F1F1F;
	margin:1px 0px;
	padding:0px;
	text-align:justify;
	position:relative;
	overflow:hidden;
	vertical-align:middle;
}
.recent a:hover {
	text-decoration:none;
}

#content.recent:hover {
	background: #252525;
}

#content.recent:hover h2 {
	background: #1F1F1F;
}

p.recent {
	margin:0;
	display:inline-block;
	background:none;
	padding:8px 7px 2px 7px;
	vertical-align:middle;
	height:27px;
}

#help #content {
	height:100px;
	margin:0px;
}


.wish {
	background: #1F1F1F;
	padding:15px;
	position:relative;
	min-height:45px;
	margin:1px 0px;
	text-align:left;
}
.wish.entry {
	text-align:justify; min-height:15px !important; 
}
.wish.entry:hover {
	background-color:#1F1F1F;
}
.wish:hover {
	background-color:#252525;
}


.wish .tools {
	position:absolute;
	top:10px;
	right:-10px;
	display:inline-block;
	padding-left:100px;
}
.wish .number {
	position:relative;
	background:#EF531D;
	padding:8px 15px 2px 10px;
	display:block;
	float:left;
	margin-left:-30px;
	margin-top:-8px;
	color:#FFF;
	border-left:2px solid #EF531D; /*#FF713F*/
	font-weight:normal;
	font-size:22px;
	font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
	text-decoration:none;
}
.wish .number i {
	position:absolute;
	top:0;
	left:-2px;
	right:0;
	display:block;
	height:6px;
	background:url(../img/otip.gif) no-repeat top right #1F1F1F;
	text-decoration:none;
}

.wish .number:hover {
	background-color:#DA4C1C;
	border-left-color:#FF7638;
	text-decoration:none;
}


.wish .number.parent {
	background:url(../img/reply_arrows.gif) 0px 6px transparent;
	border-left:none;
	padding-left:24px;
}
.wish .number.parent:hover {
	background:url(../img/reply_arrows.gif) 0px 37px transparent;
	border-left:none;
}


.wish .replyto {
	position:relative;
	background:url(../img/arrows.gif) right top transparent;
	padding:2px 20px 2px 10px;
	display:block;
	float:left;
	margin-top:-2px;
	margin-left:-30px;
	margin-right:18px;
	color:#FFF;
	border-left:2px solid #EF531D; /*#FF713F*/
	font-weight:normal;
	font-size:22px;
	font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
	text-decoration:none;
}
.wish .replyto:hover {	
	background:url(../img/arrows.gif) right 32px transparent;
	border-left-color:#FF7638;
}

.wish .reply {
	position:relative;
	background:url(../img/comments_reply.png) no-repeat center center #6B8F11;	
	padding:2px 8px 2px 10px;
	display:block;
	float:left;
	margin-top:-2px;
	margin-right:32px;
	width:10px;
	height:27px;
	color:#FFF;
	border-left:2px solid #6B8F11; /*#89AF2B*/
	font-weight:normal;
	font-size:22px;
	font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
	text-decoration:none;
}
.wish .reply:hover {	
	border-left:2px solid #799F1D;
	background-color:#5C7F07;
}

.wish .edit {
	position:relative;
	background:url(../img/edit_wish.png) no-repeat center center #2388BF;
	padding:2px 8px 2px 10px;
	display:block;
	float:left;
	margin-top:-2px;
	margin-right:3px;
	width:10px;
	height:27px;
	color:#FFF;
	border-left:2px solid #2388BF; /*#89AF2B*/
	font-weight:normal;
	font-size:22px;
	font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
	text-decoration:none;
}
.wish .edit:hover {	
	border-left:2px solid #2F93BF;
	background-color:#157CAF;
}

.wish .delete {
	position:relative;
	background:url(../img/delete_wish.gif) no-repeat center center #DF1B48;	
	padding:2px 8px 2px 10px;
	display:block;
	float:left;
	margin-top:-2px;
	margin-right:2px;
	width:10px;
	height:27px;
	color:#FFF;
	border-left:2px solid #DF1B48; /*#89AF2B*/
	font-weight:normal;
	font-size:22px;
	font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
	text-decoration:none;
}
.wish .delete:hover {	
	border-left:2px solid #EF2C58;
	background-color:#CF0C39;
}


.wish:hover .number i {
	background-color:#252525;
}

.wish .extras {
	position:absolute;
	bottom:6px;
	left:5px;
	text-align:left;
	display:inline-block;
}
.wish .extras a {
	background:#272727;
	padding:1px 4px; margin:0px 1px;
	display:inline-block;
	color:#FFF;
	font-weight:100;
	font-size:11px;
	text-decoration:none;
	border:1px solid #272727;
}

.wish:hover .extras a:hover, .wish .extras a:hover {
	border:1px solid #404040;
}
.wish:hover .extras a {
	background:#272727;
	border:1px solid #303030
}

.wish h3 {
	margin:0;
	padding:0;
	font-weight:normal;
	color:#AAA;
}
.wish h3 cite {
	color:#DDD;
	font-style:normal;
}
h3.error {
	margin:0px auto 10px auto;
	width:300px;
	border:1px solid #222;
	background:#444;
	text-align:center;
	padding:10px;
}
h3.win, h3.clear {
	margin:10px auto 10px auto;
	width:300px;
	background:#6B8F11;
	text-align:center;
	padding:10px;
	color:#FFF;
}
h3.wide { width:400px; }
h3.clear { background:none; margin:0px auto; }

.wish blockquote {
	margin:4px 10px;
	text-align:justify;
	font-size: 18px;
	color:#FFFFFF;
}
.wish .meta {
	margin:0;
	margin-top:5px;
	padding:0;
	text-align:right;
	font-size:12px;
	color:#888;
}
.wish .date {
	color:#BBB;
}


.nextlink {
	position:absolute;
	top:25px;
	right:-10px;
	background:#FFE900;
	padding:10px 8px 4px 10px;
	display:inline-block;
	margin-left:-30px;
	margin-top:-10px;
	color:#333;
	border-left:2px solid #FFE900;
	font-weight:normal;
	font-size:18px;
	font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
	text-decoration:none;
}
.nextlink i {
	position:absolute;
	top:0;
	left:-2px;
	right:0;
	display:block;
	height:6px;
	background:url(../img/ytipr.gif) no-repeat top right #1F1F1F;
	text-decoration:none;
}

.nextlink:hover {
	background-color:#DFCE1B;
	border-left-color:#FFE900;
	text-decoration:none;
}

.prevlink {
	background:#FFE900;
	padding:10px 10px 4px 8px;
	display:inline-block;
	margin-left:-30px;
	margin-top:-5px;
	color:#333;
	position:relative;	
	border-right:2px solid #FFE900;
	font-weight:normal;
	font-size:18px;
	font-family:"Rockwell", Helvetica Neue, Helvetica, Arial, sans-serif;
	text-decoration:none;
}
.prevlink i {
	position:absolute;
	top:0;
	left:0;
	right:-2px;
	display:block;
	height:6px;
	background:url(../img/ytipl.gif) no-repeat top left #1F1F1F;
}
.prevlink:hover {
	background-color:#DFCE1B;
	border-right-color:#FFE900;
	text-decoration:none;
}
.blocks {
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
	text-align:center;
	width:480px;
}
.block {
	display:block;
	float:left;
	position:relative;
	width:94px;
	height:74px;
	margin:5px;
	overflow:hidden;
	background:#2F2F2F;
	padding:18px 7px;
	border:1px solid #353535;
	text-align:left;
	font-size:13px;
}
.blocks a:hover {
	text-decoration:none;
}
.block .date {
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	font-size:10px;
	padding:2px 0px;
	border-top:1px solid #404040;
	text-align:center;
	display:block;
	background:#353535;
}
.block .number {
	position:absolute;
	top:0px;
	background:#252525;
	padding:1px 2px 2px 3px;
	font-size:10px;
	right:0px;
	border:1px solid #353535;
	border-top:0px;
	border-right:0px;
	text-align:right;
}

.block .wisher {
	position:absolute;
	top:0px;
	padding:1px 3px;
	font-size:11px;
	left:0px;
	text-align:left;
	color: #AAA;
}

.block:hover {
	border:1px solid #404040;	
}
.block:hover .date {
	background:#373737;
}

.what {
	display:inline-block;
	width:16px;
	height:19px;
	background:url(../img/huh.gif) no-repeat top left;
	vertical-align:middle;
}

.help_area {
	position:relative;
}

.help_bubble {
	position:absolute;
	top:-15px;
	right:-350px;
	width:240px;
	color:#AAA;
	background:#1F1F1F;
	padding:5px;
}


#footer {	
	clear:both;
	background: #1F1F1F;
	margin:1px 0px;
	padding:10px 20px;
	text-align:left;
	font-size:12px;
}
#footer span.right {
	float:right;
}
#footer a  {
	margin:0px 5px;
}