/* CSS RESET */

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,
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;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear {
	clear:both;
	}

/* Nav */

#pre-nav {
	width:60em;
	margin:0 auto;
	text-align: center;
	}

#pre-nav ul#user-control {
	background:#eee;
	float:right;
	padding:.3em 1em .5em 1em;
	
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;

  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	}

#pre-nav ul#user-control li {
	float:left;
	font-size:.7em;
	margin-right:.6em;
	}


#new-header {
	clear:both;
	width:60em;
	margin:0 auto;
	text-align: center;
	}

#nav {
	width:60em;
	margin:0 auto;
	text-align: center;
	}

#nav ul {
	float:left;
	}

#nav ul li {
	float:left;
	margin:0;
	}

#nav ul li a {
	display:block;
	font-size:.9em;
	margin:0;
	padding:.6em 1.5em;
	background:#454545;
	text-decoration: none;
	color:#fefefe;
	border-right:1px dotted #666;
	}

#nav ul li a:hover {
	background:#222;
	}

#nav ul li.first a {
	-moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	}

#nav ul li.last a {
	border-right:none;
	
	-moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	}

#nav ul li.active a {
	background:#c2002a;
	}

#search {
	float:right;
	}

#search #s {
	padding:.25em .25em;
	color:#555;
	border:1px solid #ddd;
	font-size:.9em;
	width:14em;
	float:left;
	margin-top:2px;
	}

#search #do-search {
	font-size:12px;
	color:#fff;
	background:#c2002a;
	padding:5px 14px;
	margin:2px 0 0 4px;
	border:none;
	cursor: pointer;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	clear:both;
	}

#search #do-search:hover {
	background:#555;
	}

#logo {
	float:left;
	}

#logo a {
	display:block;
	width:200px;
	
	background:url("img/rb-test2.png") 0 center no-repeat;
	height:50px;
	
	/*background:url("http://www.redbubble.com/images/logo_registered.gif") 0 center no-repeat;
	height:60px;*/
	}

#logo a span {
	display:none;
	}

/* New MyBubble Styles */
/* Layout */

body {
	font-family: Arial, sans-serif;
	}

#the-break {
	border-bottom:1px solid #ccc;
	width:100%;
	}

.rule {
	display:block;
	width:100%;
	border-bottom:1px solid #eee;
	margin-bottom:.5em;
	}

a {	color:#003366; }

h2 {
	font-family: Arial, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	text-align: left;
	background:url('http://redbubble.com/images/header_bullet_arrows.gif') center left no-repeat;
	padding-left:20px;
	margin:.8em 0 .5em 0;	
	clear:both;
	float:left;
	}

#mybubble-wrap {
	width:60em;
	margin:0 auto;
	text-align:center;
	clear:both;
	}

.mb-controls {
	background:#fff;
	color:#aaa;
	font-size:11px;
	clear:both;
	width:12em;
	margin:1em auto;
		
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	border-radius: 10px;
	}

.mb-controls:hover {
	background:#eee;
	}

.mb-controls a {
	color:#aaa;
	text-decoration: none;
	}

.mb-controls a:hover {
	color:#c2002a;
	text-decoration: underline;
	}

.mb-controls .newer a {
	float:left;
	background:url('img/mb_back.png') top left no-repeat;
	line-height:17px;
	padding-left:20px;
	margin:.5em 0 .5em 6px;
	}

.mb-controls .older a {
	float:right;
	background:url('img/mb_fwd.png') top right no-repeat;
	line-height:17px;
	padding-right:20px;
	margin:.5em 6px .5em 0;
	}

#mb-configure {
	font-size:.7em;
	float:right;
	background:url('http://redbubble.com/images/silk/cog.png') top left no-repeat;
	line-height:17px;
	padding-left:20px;
	margin:.5em;
	text-decoration: none;
	color:#555;
	clear:both;
	}

#mb-configure:hover {
	text-decoration: underline;
	color:#c2002a;
	}

.view-all-control {
	float:left;
	font-size:.7em;
	width:5em;
	padding-top:1em;
	margin:1em 0 0 10px;
	clear:none;
	background:none;
	text-align: left;
	}

.view-all-control a {
	color:#aaa;
	text-decoration: none;
	}

.view-all-control a:hover {
	text-decoration: underline;
	color:#c2002a;
	}

#mybubble-nav-wrap {
	background:#eee;
	
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;

  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;

	}

#mybubble-nav {
	list-style:none;
	display:block;
	}

#mybubble-nav li {
	float:left;
	background:#eee;
	}

#mybubble-nav li a {
	display:block;
	padding:.6em 1.4em .8em 1.4em;
	font-size:.7em;
	color:#555;
	text-decoration: none;
	border-right:1px dotted #ccc;
	}

#mybubble-nav li a:hover {
	text-decoration: underline;
	background:#ddd;
	color:#222;
	}

#mybubble-nav li a.active {
	background:#ccc;
	color:#333;
	}

#mybubble-nav .first, #mybubble-nav .first a {
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	}
	
#vert-nav {
	width:25em;
	margin-bottom:.5em;
	display:block;
	float:right;
	background:#eee;
	padding:1em 0;
	
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	border-radius: 10px;
	}

#vert-nav h2 {
	margin-left:.8em;
	margin-top:0;
	}

#vert-nav #quicklinks {
	margin:.5em 0 0 0;
	text-align: left;
	}

#vert-nav #quicklinks li a {
	display:block;
	font-size:.9em;
	color:#333;
	padding:.6em 0 .6em 50px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #fff;
	text-decoration: none;
	background-color: #eee;
	background-position: 28px 7px;
	background-repeat: no-repeat;
	}

#vert-nav #quicklinks li#upload a {background-image: url('http://www.redbubble.com/images/silk/add.png'); border-top:none;}
#vert-nav #quicklinks li#write a {background-image: url('http://www.redbubble.com/images/silk/pencil_add.png');}
#vert-nav #quicklinks li#view-work a {background-image: url('http://www.redbubble.com/images/silk/photo.png');}
#vert-nav #quicklinks li#sales a {background-image: url('http://www.redbubble.com/images/silk/money.png');}
#vert-nav #quicklinks li#edit-profile a {background-image: url('http://www.redbubble.com/images/silk/user.png');}
#vert-nav #quicklinks li#view-profile a {background-image: url('http://www.redbubble.com/images/silk/user_edit.png');}
#vert-nav #quicklinks li#config a {background-image: url('http://www.redbubble.com/images/silk/cog.png');}




#vert-nav #quicklinks li a:hover {
	background-color:#ddd;
	text-decoration: underline;
	}
	
#vert-nav #rb-news {
	padding:1em 0 0 0;
	text-align: left;
	border-top:1px solid #fff;
	}

#vert-nav #rb-news ul {
	font-size:.9em;
	padding:0 1.5em 0 2.4em;
	color:#444;
	line-height: 1.2em;
	}

#vert-nav #rb-news ul .linkage a {
	font-size:.9em;
	text-decoration: none;
	}

#vert-nav #rb-news ul .linkage a:hover {
	text-decoration: underline;
	}

#vert-nav #challenge {
	padding:1em 0 0 0;
	border-top:1px solid #fff;
	text-align: left;
	}

#vert-nav #challenge ul {
	font-size:.9em;
	padding:0 1.5em 0 2.4em;
	color:#444;
	line-height: 1.2em;
	}

#vert-nav #challenge ul .linkage a {
	font-size:.9em;
	text-decoration: none;
	}

#vert-nav #challenge ul .linkage a:hover {
	text-decoration: underline;
	}

#activity {
	width:32em;	
	margin-bottom:.5em;
	padding:0 1.2em 0 0;
	display:block;
	float:left;
	text-align: left;
	}


#activity-groups {border:none;}

#activity ul {
	border-bottom:1px solid #eee;
	display:block;
	padding:.5em;
	float:left;
	}

#activity .avatar {
	float:left;
	width:45px;
	min-height:2.8em;
	}

#activity .line1 {
	font-size:.8em;
	color:#777;
	padding:2px 0 2px 30px;
	margin:0;
	float:left;
	width:30em;
	}

#activity .line1 a {
	color:#555;
	text-decoration: none;
	}

#activity .line1 a:hover {
	color:#003366;
	text-decoration: underline;
	}

#activity ul.comment .line1 { background:url('http://www.redbubble.com/images/silk/comment.png') 12px 0 no-repeat;	}
#activity ul.favourite .line1 { background:url('http://www.redbubble.com/images/silk/star.png') 12px 0 no-repeat; }
#activity ul.reply .line1 { background:url('http://www.redbubble.com/images/silk/comments.png') 12px 0 no-repeat; }
#activity ul.sale .line1 { background:url('http://www.redbubble.com/images/silk/money.png') 12px 0 no-repeat; }
#activity ul.new .line1 { background:url('http://www.redbubble.com/images/silk/add.png') 12px 0 no-repeat;}
#activity ul.new { background:#eee; }


#activity ul.favourite .line2 { display:block; height:1.5em; }

#activity .line2 {
	font-size:.7em;
	color:#aaa;
	padding-left:30px;
	display:block;
	float:left;
	width:37em;
	line-height:1.2em;
	}

#activity a.right { float:right;display:block; }
#activity a.left { float:left;display:block; }

#watchlist, #groups {
	width:32em;
	margin-bottom:.5em;
	display:block;
	float:left;
	}
		
	
#watchlist ul, #groups ul {
	float:left;
	width:135px;
	padding:0 .5em;
	}

#watchlist ul li, #groups ul li {
	font-size:.7em;
	}

#watchlist ul .line1, #groups ul .line1 {
	line-height:18px;
	text-align: left;
	padding:4px 0 .5em 20px;
	}
	
#watchlist li.comment, #groups li.comment { background:url('http://www.redbubble.com/images/silk/comment.png') 0 6px no-repeat;	}
#watchlist li.favourite, #groups li.favourite { background:url('http://www.redbubble.com/images/silk/star.png') 0 6px no-repeat; }
#watchlist li.reply, #groups li.reply { background:url('http://www.redbubble.com/images/silk/comments.png') 0 6px no-repeat; }
#watchlist li.new, #groups li.new { background:url('http://www.redbubble.com/images/silk/add.png') 0 6px no-repeat; }


#subscriptions {
	width:23em;
	margin-bottom:.5em;
	display:block;
	float:right;
	background:#eee;
	padding:.5em 1em 1em 1em;
	
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	border-radius: 10px;
	}

#subscriptions ul {
	margin-top:1em;
	}

#subscriptions ul li {
	display:block;
	clear:both;
	border-bottom:1px solid #ddd;
	text-align: left;
	font-size:.9em;
	}

#subscriptions ul li a {
	padding:.6em 1em;
	text-decoration: none;
	color:#000;
	display:block;
	}

#subscriptions ul li a:hover {
	background:#ddd;
	}

#subscriptions ul span.right {
	float:right;
	clear:none;
	border:none;
	color:#666;
	}

#subscriptions ul span.right a {
	text-decoration: none;
	}

#subscriptions ul span.right a:hover {
	text-decoration: none;
	}


#groups {
	width:32em;
	margin-bottom:.5em;
	display:block;
	float:left;
	}

#group-news {
	width:23em;
	margin-bottom:.5em;
	display:block;
	float:right;
	background:#eee;
	padding:1em 1em 0 1em;
	
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	border-radius: 10px;
	}

#group-news ul {
	text-align: left;
	font-size:.8em;
	color:#555;
	border-bottom:1px solid #ddd;
	padding-bottom:.5em;
	margin-bottom:.5em;
	line-height: 1.2em;
	}

#group-news ul li a {
	color:#003366;
	}

#group-news ul .title {
	font-size: 1.1em;
	color:#000;
	padding-bottom:.3em;
	float:left;
	}

#group-news ul .author {
	float:right;
	clear:none;
	font-size:.9em;
	}

#group-news ul .author a {
	color:#c2002a;
	text-decoration: none;
	}

#group-news ul .author a:hover {
	text-decoration: underline;
	}

#group-news ul li {
	clear:both;
	}

#group-news .featured-member li.title, #group-news .featured-member li.line1 {
	clear:none;
	width:20em;
	float:left;
	}

#group-news .featured-member .avatar {
	float:left;
	margin-right:10px;
	}

#explore {
	display:block;
	margin:1em 0 2em 0;
	}

#explore h3 {
	font-family: Arial, sans-serif;
	font-size:1.2em;
	color:#999;
	margin-bottom:1em;
	text-align: left;
	font-weight: normal;
	}

#explore #explore-grid {
	}

#explore ul {
	float:left;
	}

#explore ul li {
	width:125px;
	height:125px;
	overflow: hidden;
	margin-left:1.5em;
	}

#explore ul .title {
	font-size:.8em;
	height: auto;
	padding:.5em;
	text-align: left;
	color:#000;
	line-height:1.2em;
	}

#explore ul li span {
	color:#888;
	font-size:.9em;
	}
	
/* CONFIG */

#mb-config {
	padding:.5em 0 1em 3.5em;
	font-size:.8em;
	text-align: left;
	border-bottom:1px solid #ddd;
	border-top:1px solid #fff;
	}

#mb-config #col1, #mb-config #col2, #mb-config #col3, #mb-config #col4 {
	width:15em;
	float:left;
	text-align: left;
	font-size:.8em;
	margin:0 .5em 0 1.6em;
	}

#mb-config ul .head {
	font-weight:bold;
	margin:.2em 0 .3em 0;
	}

#mb-config ul li label:hover {
	text-decoration: underline;
	cursor:pointer;
	}

#mb-config span {	
	font-weight: normal;
	margin-bottom:.5em;
	display:block;
	}

#mb-config span select {
	margin:0 2px;
	}

#mb-config ul li {
	padding:.3em 0;
	}

#mb-config ul li input {
	margin-right:.5em;
	}

#mb-config #save-config {
	font-size:12px;
	color:#fff;
	background:#c2002a;
	padding:8px 20px;
	margin:.5em 0 0 0;
	border:none;
	cursor: pointer;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	clear:both;
	}

#mb-config #save-config:hover {
	background:#333;
	color:#ddd;
	}


/* JUST FOR IE - Because it's "special" */

#IE-sucks {
	position:absolute;
	background:red;
	color:#fff;
	padding:1em;
	top:0;
	left:0;
	}

#nav ul li.first a {
	*background:#454545 url('img/ie-topleft.png') top left no-repeat;
	}

#nav ul li.last a {
	*background:#454545 url('img/ie-topright.png') top right no-repeat;
	}

#nav ul li.first.active a {
	*background:#c2002a url('img/ie-active-topleft.png') top left no-repeat;
	}

#nav ul li.last.active a  {
	*background:#c2002a url('img/ie-active-topright.png') top right no-repeat;
	}

#nav ul li.first a:hover {
	*background:#222 url('img/ie-hover-topleft.png') top left no-repeat;
	}

#nav ul li.last a:hover  {
	*background:#222 url('img/ie-hover-topright.png') top right no-repeat;
	}