* {
   margin: 0;
   padding: 0;
   font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
}

img {
   vertical-align: top;
   border: 0;
}

html, body {
   height: 100%;
   color: #333333;
   background-color: #FFFFFF;
   font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
}
html, body, textarea, input, select, table, td {
   font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
}

a {
   text-decoration: none;
   font-weight: bold;
   color: #6a4000;
}

h1 {
	padding: 2px 0px 4px 0px;
	font-size: 16px;
	font-weight: bold;
	  font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
	text-align: left;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 14px;
	  font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	font-style: normal;
}
h3 {
   font-size: 12px;
   font-weight: bold;
   color: #333333;
   line-height: 12px;
}

input, select, textarea {
   margin-bottom: 8px;
}

#dlimagediv {
    padding:0px 0px 0px 0px;
    float: right;
    text-align:right;
}
#dlimagediv img {
    padding:1px 2px 1px 2px;
}

/* flash alert */
#flash {
   width: 90%;
   border: 1px solid #aaa;
   padding:  5px;
   margin-left: auto;
   margin-right: auto;
   margin-top:  5px;
   margin-bottom:  5px;
   background-color: #fee;
        text-align: left;
}

/* flash error alert */
#flasherror {
   width: 90%;
   border: 1px solid #aaa;
   padding:  5px;
   margin-left: auto;
   margin-right: auto;
   margin-top:  5px;
   margin-bottom:  5px;
   background-color: #f99;
        text-align: left;
}
#jerror {
   width: 90%;
   border: 1px solid #aaa;
   padding:  5px;
   margin-left: auto;
   margin-right: auto;
   margin-top:  5px;
   margin-bottom:  5px;
   background-color: #f99;
        text-align: left;
        visibility:hidden;
}

#inlineerror {
        width: 90%;
   border: 1px solid #aaa;
   padding:  5px;
   margin-left: auto;
   margin-right: auto;
   margin-top:  2px;
   margin-bottom:  2px;
   background-color: #fee;
        text-align: left;
}

.inlineimage {
        display: inline;
        float:right;
        border: 0;
        padding: 2px 2px 2px 15px;

}
.inlineimageleft {
        display: inline;
        float:left;
        border: 0;
        padding: 2px 15px 2px 2px;

}
#clearboth{clear: both;}

.halfwidth {
   width: 100%;
   padding-top: 20px;
}










#outerpanel {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 0 -60px 0;
   background-image: url(/images/back_tile_02.png);
}

#picturerail {
   width:  100%;
   height: 56px;
   background-image: url(/images/picture_rail.png);
   background-repeat: repeat-x;
}

#navcenter {
   margin-left: auto;
   margin-right: auto;
   width: 800px;
}

.navlist {
   margin-top: 26px;
}

#push {
   clear: both;
   height: 60px;
}
#panelliner {
   margin-left: auto;
   margin-right: auto;
   width: 800px;
}

#footer {
   background-image: url(/images/skirting_board.png);
   background-repeat: repeat-x;
   background-color: #8D5018;
   height: 60px;
   width: 100%;
   color: white;
   text-align: center;
   vertical-align: center;
}

#static_footer {
	background-image: url(/images/skirting_board.png);
	background-repeat: repeat-x;
	background-color: #8D5018;
	height: 60px;
	width: 100%;
	color: white;
	text-align: center;
	vertical-align: center;
	position: absolute;
}
#footer a {
   color: #FFF0C0;
}

#wide {
   float: right;
}

#edges {
   float: right;
   width: 490px;
   min-height: 490px;
}

#innerwide {
   background-image: url(/images/content_panel_middle.png);
   background-repeat: repeat-y;
   padding: 0px 12px 0px 14px;
}

#belowmirror {
   float: left;
   width: 310px;
   min-height: 310px;
}

#innerleft {
   background-image: url(/images/left_panel_middle.png);
   background-repeat: repeat-y;
   padding: 0px 34px 0px 24px;
}




#username {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    float: right;
    padding: 0px 6px 0 0;
}
#pronouncements {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    clear: both;
    overflow: auto;
}
#newreg {
    display: none;
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 10px 10px 10px;
    background-color: #FFBB00;
}
#friends {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0px 4px 0;
}
#extauthlink, #extauthblurb {
    padding-top: 40px;
}
ul {
    padding-left : 0px;
    list-style: none;
    -webkit-padding-start: 0px;
}
li {
    padding: 4px; 0px;
}

#settingspanel ul {
   list-style: none;
}
#settingspanel li {
   border: 1px solid transparent;
   width: 200px;
   padding: 1px 0px 1px 30px;
   background-position: center left;
   background-image: url('/images/button_live.png');
   background-repeat: no-repeat;
   line-height: 24px;
   color: white;
}
#settingspanel a {
   color: white;
   font-weight: normal;
}
#settingspanel li:hover {
   border: 1px dotted white;
   background-image: url('/images/button_over.png');
}
#settingspanel li:active{
   background-image: url('/images/button_down.png');
}
#mirrorholder {
    width: 310px;
    height: 321px;
    padding: 0;
    background-image:url('/images/core_amego_frame.png');
    z-index: 2;
    float: left;
}
#mirror {
    position: absolute;
    width: 256px;
    height: 256px;
    margin: 32px 43px 22px 21px;
    background-color: white;
}
#pfail {
    padding: 20px;
}
.loading {
    padding: 20px;
}
.tweet:hover {
    background-color: #FF9900;
    /* and some sort of a play button? */
}
.untweet:hover {
    background-color: #FFF0C0;
    /* and some sort of 'make an amego for this person' button? */
}
.editlink, .editlink:hover {
    font-size: 16px;
    font-weight: bold;
}
#pronouncements a:hover {
    text-decoration: none;
    color: white;
    background-color: #6a4000;
}
.attrib_amego {
    font-weight: bold;
    color: #845000;
}
.attrib_other {
    font-weight: bold;
    color: #404040;
}
.source_time  {
    line-height: 16px;
    font-size: 8px;
    text-align: right;
    color: #845000;
}
#updateholder {
   background-color: #FFF0C0;
   border: 1px solid #6a4000;
   padding: 4px;
   clear: both;
   display: none;
}
#update_box {
   width: 90%;
}

/* Dreas's shared --------------------------------------------------------------------------------- */

#picture_rail_shell {
	position:absolute;
	width:100%;
	height:67px;
	z-index:1;
	background-image: url(images/picture_rail.png);
	left: 0px;
	top: 0px;
	background-repeat: repeat-x;
}
#top_nav_shell {
	position:relative;
	width:820px;
	height:67px;
	z-index:2;
	left: 0px;
	top: 0px;
}

body {
	margin-left: 0px;
	margin-right: 0px;
	background-image: url(images/back_tile_02.png);
	  font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* unsigned home page --------------------------------------------------------------------------------- */

#button_shell {
	position:absolute;
	width:262px;
	height:276px;
	z-index:3;
	top: 45px;
	left: 0px;
}
#video_shell {
	position:absolute;
	width:310px;
	height:321px;
	z-index:4;
	left: 262px;
	top: 0px;
	background-image: url(images/core_amego_frame.png);
}
#central_shell {
   position:relative;
	width:100%;
   height:480px;
	z-index:50;
	left: 0;
   top: -67px;
}
#top_btns {
	position:relative;
	width:262px;
	height:74px;
	z-index:1;
	background-image: url(images/home_content_mid_panel.png);
}
#sign_in_btn_shell {
	position:relative;
	width:262px;
	height:28px;
	z-index:1;
	background-image: url(images/home_content_mid_panel.png);
}
#sign_up_btn_shell {
	position:absolute;
	width:262px;
	height:28px;
	z-index:1;
	left: 0px;
	top: 46px;
}
#video_positional {
	position:absolute;
	width:256px;
	height:256px;
	z-index:1;
	left: 21px;
	top: 32px;
}

/* static pages --------------------------------------------------------------------------------- */

#static_central_shell {
	position:relative;
	width:800px;
	height:420px;
	z-index:3;
}

#static_mid_background {
	position:relative;
	width:800px;
	z-index:1;
	background-image: url(images/content_full_width_mid_panel.png);
	background-repeat: repeat-y;
	height: 350px;
	background-position: 1px;
}
#static_content_area {
	position:relative;
	width:782px;
	height:350px;
	z-index:4;
	overflow: auto;
}
#static_upper_background {
	position:relative;
	width:800px;
	height:32px;
	z-index:2;
	background-image: url(images/content_full_width_panel_top.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}
#static_lower_bckground {
	position:relative;
	width:800px;
	height:28px;
	z-index:3;
	background-image: url(images/content_full_width_lower_panel.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}

.static_body {
	padding: 10px 20px;
	  font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	color: #660505;
	text-align: left;
}


.static_h1 {
	padding: 2px 0px 10px;
	font-size: 18px;
	font-weight: bold;
	  font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
	text-align: center;
}
.static_h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 14px;
	  font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	font-style: normal;
}

/* overlay (sign up/in) pages --------------------------------------------------------------------------------- */

.overlay_h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 14px;
	  font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
	text-align: right;
	text-indent: 10px;
	font-style: normal;
}

.overlay_body {
	padding: 10px 20px;
	  font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	color: #660505;
	text-align: center;

}.overlay_h3 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: 12px;
	  font-family: Calibri, Trebuchet, Arial, Helvetica, sans-serif;
	text-align: right;
	text-indent: 10px;
	font-style: normal;
}

/* defines the top right close btn loc ------------------------------------------------------------------------- */

#close_btn_div {
	position:relative;
	width:28px;
	height:28px;
	z-index:200;
	top: 32px;
	left: 228px;
}