/* ---------------------------- [ RESET ] -----------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}

ol,ul { list-style: none; }
caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,q:after { content: ''; }
abbr,acronym { border: 0; }


/* ------------------------ [ GENERAL / FORMATTING ] ------------------------*/

html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
  background: #FFFFFF url(http://cache.gydget.com/images/my_widget/bg_gradient.gif) repeat-x 0 0;
  font-family: "Trebuchet MS", Trebuchet, Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  padding: 0;
  margin: 0;
  text-align: left;
  color: #666;
}

p { margin: 5px 0 10px 0 }
h1,h2,h3,h4,h5,h6 { color: #3e5587; font-weight: bold; }
h1 { font-size: 16px }
h2 { font-size: 15px }
h3 { font-size: 14px }
h4 { font-size: 13px }
h5 { font-size: 12px }
h6 { font-size: 12px }

input, select, textarea { 
  font-family: "Trebuchet MS", Trebuchet, Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

a { 
  color: #3b5998;
  text-decoration: none;
  cursor: pointer; 
}

a:link { } 
a:visited { }
a:hover { text-decoration: underline }
a:active { }

.normal { font-weight: normal }
.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }
.white { color: #fff }
.black { color: #000 }
.right { float: right }
.left { float: left }
.ten { font-size: 10px }
.eleven { font-size: 11px }
.twelve { font-size: 12px }
.clear { display: block; clear: left; }
.unbroken { white-space: nowrap }
.center { text-align: center }
.hidden * { visibility: hidden }
.floated { 
  overflow: hidden;
/* IE 6 */
  width: 100%;
}
/* Everyone else */
html>body .floated { width: auto }

/* ---------------------------- [ LAYOUT ] -----------------------------*/

#container { 
  width: 906px; 
  margin: 0 auto;
}

#container { margin-top: 20px }

#head {
  position: relative;
  width: 906px;
  height: 75px;
  background-image: url(http://cache.gydget.com/images/my_widget/head_bar.gif);
}

html > body #head { background-image: url(http://cache.gydget.com/images/my_widget/head_bar.gif) }

#tp_head {
  position: relative;
  width: 906px;
  height: 75px;
  background-image: url(http://cache.gydget.com/images/my_widget/tp_head_bar.gif);
}

html > body #tp_head { background-image: url(http://cache.gydget.com/images/my_widget/tp_head_bar.gif) }

#logo {
  width: 163px;
  height: 66px;
  background-image: url(http://cache.gydget.com/images/my_widget/logo.png);
  position: absolute;
  top: -2px;
  left: 0px;
}

#tp_logo {
  width: 200px;
  height: 66px;
  background-image: url(http://cache.gydget.com/images/my_widget/tp_logo.png);
  position: absolute;
  top: -2px;
  left: 0px;
}

#fanspace_burst {
  width: 159px;
  height: 65px;
  background-image: url(http://cache.gydget.com/images/my_widget/fanspace_burst.png);
  position: absolute;
  bottom: 6px;
  left: 250px;
	z-index: 12;
}
	
#login {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
}

#breadcrumb { margin-left: 3px }
#content { 
  margin-left: 3px;
	clear: both;
}

#footer { 
  background: transparent url(http://cache.gydget.com/images/my_widget/h_dots.gif) repeat-x top left;
  clear: left;
  margin: 45px 0 25px 0;
  padding-top: 4px;
  color: #3b5998;
	float: left;
	width: 100%;
	display: block;
	height: 30px;
	line-height: 12px;
}

#corporate { float: right }
#copyright { float: left }

/* ---------------------------- [ NAVIGATION ] -----------------------------*/

#navigation {
  width: 680px;
  height: 25px;
  display: block;
  position: absolute;
  bottom: 16px;
  right: 4px;
  background-image: url(http://cache.gydget.com/images/my_widget/nav_bar.png);
}

#navigation li { 
  display: inline;
}
#tp_navigation a {
  display: block;
  float: right;
  height: 25px;
  cursor: pointer; 
}
#tp_navigation {
  width: 680px;
  height: 25px;
  display: block;
  position: absolute;
  bottom: 16px;
  right: 4px;
  background-image: url(http://cache.gydget.com/images/my_widget/tp_nav_bar.png);
}

#tp_navigation li { 
  display: inline;
}
#navigation a {
  display: block;
  float: right;
  height: 25px;
  cursor: pointer; 
}

#create a { 
  background-image: url(http://cache.gydget.com/images/my_widget/create.png);
  width: 77px; 
}
#edit a { 
  background-image: url(http://cache.gydget.com/images/my_widget/edit.png);
  width: 58px; 
}
#my_gydgets a { 
  background-image: url(http://cache.gydget.com/images/my_widget/my_gydgets.png);
  width: 125px;
}
#track a { 
  background-image: url(http://cache.gydget.com/images/my_widget/track.png);
  width: 77px;
}
#gallery a { 
  background-image: url(http://cache.gydget.com/images/my_widget/gallery.png);
  width: 89px;
}

#subnav ul { width: 467px }

/* Hack for Safari 2 */
body:last-child:not(:root:root) #preview table table, body:last-child:not(:root:root) #widget table table {
	position: relative; 
	top: -2px 
}

/*--------------------------[ For error messages ]---------------------------*/

#error {
	border: 2px solid #bb1111;
	position: absolute;
	z-index: 10;
	width: 28%;
	left: 36%;
	top: 15%;
	padding: 20px;
	background-color: #ffaaaa;
	color: #111;
	font-weight: bold;
	font-size: 14px;
	opacity: 0.95;
}
#error div { padding-top: 10px }

#error_message, #myspace_error, #video_error, #buttons_error { 
	color: #bb1111;
	font-size: 12px;
	text-align: center;
}
	
#myspace_error { margin-top: 8px }

.signup, .reset, .login { font-size: 12px }