/* ========= BEGIN TEMPLATE SPECIFIC STYLES ================== */
/* =========== END TEMPLATE SPECIFIC STYLES ================== */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-image: url("/images/bg_tile.gif");
	background-repeat:repeat;
}

/* img, div { behavior: url(/javascripts/iepngfix.htc) } */


div#container {
  background-image: url("/images/header_right.png");
  background-position: top right;
  background-repeat: no-repeat;
  margin: 20px 30px;
}

div#inner_container {
  margin: auto;
	width: 730px;
	padding: 0;
}

div#error_container {
	background-color: white;
	border-top: 2px solid #b41217;
	border-bottom: 2px solid #b41217;
	padding: 10px 5px 10px 5px;
	font-size: 120%;
}
div.errorExplanation {
	color: red;
}


h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
}

p {	margin: 0; }
a { color: black;}
a.textlink:link, a.textlink:visited  { text-decoration: none; border: none; border-bottom: 1px dashed #00CC33; }
a.textlink:hover { color: #006633; }
ul {}	
li {}
form { margin: 10px 0 0 0; padding: 0; }
fieldset { margin-bottom: 10px; }
label { color: #999; font-weight: bold; width: 100px; }
label.stack { display: block; margin-top: 10px; width: 80%; }
pre.code { text-align: left; font-size: 11px; font-family: "Courier New", Courier, mono; color: #666; overflow:auto; }

.full {	width: 99%; }
.half {	width: 49%; }
.big, .large 	{	font-size: 150%; }
.huge { font-size: 200%; }
.small {font-size: 80%; }
.red {	color: #f00; }
.grey, .gray {	color: #aaa; }
.left { float: left; }
.right { float: right; }
.clearer {  clear: both;  display: none;  font-size: 1px;	float: left; }


/* === BEGIN HORIZONTAL NAV LIST : Account Management, Logout, etc. */
ul.nav {
  float: right;
  list-style-type: none;
  margin: 0px;
  padding: 0;
}

ul.nav li {
  border-right: 1px solid black;
  display: inline;
  float: left;
  margin: 0px;
  padding: 0px 6px;
}

ul.nav li.last {
  border-right: 0px;
}
/* === END HORIZONTAL NAV LIST */



#header {
  background-image: url("/images/header_left.png");
  background-repeat: no-repeat;
  height: 42px;
  margin-right: 11px;
  padding-left: 11px;
}

#header #header_bg {
  background-image: url("/images/header_middle.png");
  background-repeat: repeat-x;
  height: 42px;
}

#header a {
  text-decoration: none;
}

#header #branding {
  float: left;
  margin: 2px 0 0 2px;
}

#header .nav {
  margin: 7px 2px 0px 0px;
}

/* === BEGIN BELT & FILTERS : Separates header from content, provides post filtering */
#belt {
  background-image: url("/images/belt_bg.png");
  background-repeat: repeat-x;
  border: 1px solid #6c6868;
  border-bottom-color: #919fbd;
  border-left-color: #89a1d6;
  border-right-color: #89a1d6;
  height: 28px;
}
#belt .nav {
  margin: 7px 5px 0px;
}
#belt .nav li {
  border: 0px;
}
#belt .nav li a {
  color: white;
  text-decoration: none;
}
#belt #filters li {
}
#belt #filters li.selected {
  background-image: url("/images/highlight_left.gif");
  background-repeat: no-repeat;
  height: 17px;
  padding-left: 5px;
  margin-left: 5px;
}
#belt #filters li.selected span {
  background-image: url("/images/highlight_right.gif");
  background-position: top right;
  background-repeat: no-repeat;
  display: block;
  height: 17px;
  padding-right: 5px;
	width: 75px;
	text-align: center;
}
#belt #filters li.selected a {
  background-image: url("/images/highlight_middle.gif");
  background-repeat: repeat-x;  
  display: block;
  font-weight: bold;
  height: 17px;
}
/* === END BELT & FILTERS */

#footer {
  background-image: url("/images/footer_bg.png");
  background-repeat: repeat-x;
  border: 1px solid #768cb9;
  border-left-color: #89a1d6;
  border-right-color: #89a1d6;
  clear: both;
  color: white;
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 11px;
	line-height: 11px;	/* fixed IE */
  height: 16px;
}

#footer ul.nav {
  padding: 1px 6px 4px;
}
#footer ul.nav li {
  border-color: white;
}
#footer ul.nav li a {
  color: white;
	text-decoration: none;
}

/* The individual miniposts! */
#post_container {
  border: 1px solid #89a1d6;
  border-width: 0px 1px;
  background-color: #fcfdfe;
  background-repeat: repeat-x;
  padding: 5px 0px;
  float: left;
  width: 99.8%; /* this is an approximation to compensate for the borders.  on browsers at high/low resolutions, it will be off. */
}

#post_container[id] {
	/* The background gradient; should only be displayed in PNG transparency browsers. */
  background-image: url("/images/post_container_bg.gif");
}

#post_container #notice {
	text-align: center;
	margin: 0 0 10px 0;
}
#post_container #notice p {
	color: #833;
}

.post {
	/* The generic post type */
  color: #394254;
  float: left;
  font-family: Tahoma, Helvetica, sans-serif;
  margin: 5px 5px 5px 5px; /* Affects sidebar posts! */
  padding: 5px;
  position: relative;
  text-align: center;
  width: 172px;
  height: 184px;
	/* overflow: hidden; */ /* Breaks "new" */
  background-image: url("/images/post_bg.gif");
	background-repeat:no-repeat;
}
.post[class] {
  background-image: url("/images/post_bg.png");
}
.post .title {
 width: 92%;
 margin-left: 5px;
 overflow: hidden;
}

/* Other post types */
.post.topic {
  background-image: url("/images/post_topic_bg.gif");
}
.post.topic[class] {
  background-image: url("/images/post_topic_bg.png");
}
.post.topic p {
	text-align: left;
	margin: 1px 3px 2px 3px;
	padding: 5px 0 0 10px;
	font-size: 90%;
	line-height: 20px;
	color: #666;
}

.post.event p {
	text-align: left;
	margin: 1px 3px 2px 3px;
	padding: 5px 0 0 10px;
	font-size: 90%;
	line-height: 20px;
	width: 90%;
	height: 135px;
	overflow: hidden;
	/* height: 125px; width: 90%; overflow: hidden; */
}
.post.event p.date {
	display: block;
	height: 17px;
	width: 100%;
	bottom: 6px;
	left: 0px;
	position: absolute;
	text-align: center;
	color:#666;
}

.post.link p.url {
	margin: 10px 0 0 0;
	text-align: center;
	color:#666666;
	font-size: 90%;
	z-index: 50;
}

.post.user {
  background-image: url("/images/post_user_bg.gif");
}
.post.user p{
	padding-left: 24px;
}
.post.user img.userimage{
	margin-top: 14px;
	border: 1px solid #6c6868;
}
.post.user p a {
	z-index: 10;
}
.post.user p a img{
	margin: 2px 4px 0 0;
	border: none;
}
.post.user[class] {
  background-image: url("/images/post_user_bg.png")
}


.post a {
  text-decoration: none;
  color: #394254;
}

.post h2 {
  font-size: 16px;
  font-weight: normal;
  padding: 2px 5px 2px 0px;
  width: 144px;
  height: 18px;
  overflow: hidden;
}

.post .new {
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: -13px;
  left: -13px;
  width: 46px;
  height: 37px;
  background-image: url("/images/new.gif");
}
.post .new[class] {
  background-image: url("/images/new.png");
}
.post .comments_count {
	position: absolute;
	top: 177px;
	right: 8px;
	font-size: 9px;
	color: #999999;
}

.post img {
  margin: 2px 0px;
}

#full_link { width: 97%; overflow:hidden; font-size: 10px; }

/* === BEGIN MICROPOSTS : An icon and a line or two of text to represent a post */
ul#microposts {
	margin: 0px;
	padding: 0px;
}
li.micropost {
	list-style-type:none;
	margin: 4px 4px 2px 0;
	padding: 1px 1px 1px 1px;
	float: left;
	width: 156px;
	overflow: hidden;
	border-top: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	background-color: #FAFAFA;
}
li.micropost a { text-decoration: none; width: 100%; display: block; }
li.micropost a:hover { background-color: #FFFFCC; }
/* === END MICROPOSTS */

.post_details {
	position: absolute; 
	top: 5px; right: 18px;
	font-size: 10px;
	color: #999999;	
}
.post_title {
	font-size: 22px;
	font-weight: bold;
	margin-top: -5px;
}

.thumbshot {
	border: 1px solid #89a1d6;
	margin: 5px;
}

/* === BEGIN COMMENTING : Comments and the user icons who made them */
textarea#comment_body {
	width: 95%;
	height: 60px;
}

div.comment {
	float: left;
	margin: 1px 1px 10px 1px;
	clear: both;
	width: 95%;
}
div.comment img.user_icon {
	float: left;
	margin: 1px 3px 1px 1px;
}
div.comment:hover {
	background-color:#ffd;
}

div.comment a {
	color: #833;
	font-size:10px;
}

div.new_comment {
	float: left; 
	clear: both;
	width: 95%;
}

img.user_icon {
	border: 1px solid black;
	width: 50px;
	height: 50px;
}
img.user_icon:hover {
	border: 1px solid #768cb9;
	width: 50px;
	height: 50px;
}
/* === END COMMENTING */


/* For making those inner windows! */
div.innerwindow {
	position: relative;
	margin: auto;
	width: 535px;
	padding: 0;
}
div.innerwindow { margin: 10px 0 0 0; }

div.sidebar { width: 190px;  padding: 9px 0 0 0; }
div.sidebar .post { margin: 0; /* Need to override normal sidebar margins!*/ }

/* === BEGIN MY PLACES : Viewing and managing your own places */
ul#my_places { clear: left; position: relative; margin: 0; padding: 0; list-style: none outside none; }
ul#my_places li { margin: 0; padding: 0; border: none; margin-bottom: -15px; }
ul#my_places li div.place_label { position: relative; top: -27px; left: 27px; }
ul#my_places li div.place_url { position: relative; top: -27px; left: 27px; font-size: 10px; color: #999999; }
ul#my_places li form { position: absolute; right: 50px; top: 4px; display: inline; margin: 0; padding: 0; }
ul#my_places li .place_delete { position: absolute; display: inline; color: red; font-size: 10px; text-decoration: none; margin: 0;padding: 0; -moz-opacity: .5; z-index: 10; }
ul#my_places li .place_delete:hover { -moz-opacity: 1.0 ;}
div#separator { margin: 0; padding: 0; width: 99%; border-top: 1px dashed #CCCCCC; position: absolute; top: 142px; text-align: right; font-size: 10px; color: #CCCCCC; }
/* === END MY PLACES */

/* === BEGIN PLACE LISTING : The list of places that appear under a user's image in their profile */
div.sidebar ul.places { clear: left; margin: 0; padding: 0; list-style: none outside none; }
div.sidebar ul.places li { margin: 0; padding: 0; border: none; margin-bottom: -13px; }
div.sidebar ul.places li a.place_link{ text-decoration: none; font-size: 14px; }
div.sidebar ul.places li div.place_label { position: relative; top: -25px; left: 27px; width: 160px; }
/* === END PLACE LISTING */

/* === BEGIN POST CREATION : The dynamic fields that make up a new post */
#create_post .post_field { margin: 0 0 10px 0; }
#create_post .icon { -moz-opacity: .5; filter: alpha(opacity=50); opacity: 0.5; float: none; clear: none; }
#create_post .icon:hover { -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1.0; float: none; clear: none; }
#post_full_preview input { display: none; }
/* === END POST CREATION */



/* === BEGIN STANDARDIZED BOX FORMATTING : The unfortunate tables that make up pretty boxes */
table.box { width: 100%; }
table.box td.tl {	background-image:url(/images/box_tl.gif); width: 19px; height: 29px;}
table.box td.tl[class] {	background-image:url(/images/box_tl.png);}
table.box td.tlg {	background-image:url(/images/box_tlg.gif); width: 19px; height: 29px;}
table.box td.tlg[class] {	background-image:url(/images/box_tlg.png);}
table.box td.t {	background-image:url(/images/box_t.gif); height: 29px; vertical-align:bottom;}
table.box td.t[class] {	background-image:url(/images/box_t.png);}
table.box td.t img{	vertical-align:bottom;}
table.box td.tr {	background-image:url(/images/box_tr.gif); width: 20px; height: 29px;}
table.box td.tr[class] {	background-image:url(/images/box_tr.png);}

table.box td.l {	background-image:url(/images/box_l.gif); width:19px;}
table.box td.l[class] {	background-image:url(/images/box_l.png);}
table.box td.bg {	background-image:url(/images/box_bg.gif);}
table.box td.r {	background-image:url(/images/box_r.gif); width:20px;}
table.box td.r[class] {	background-image:url(/images/box_r.png);}

table.box td.bl {	background-image:url(/images/box_bl.gif); width: 19px; height: 19px;}
table.box td.bl[class] {	background-image:url(/images/box_bl.png);}
table.box td.bo {	background-image:url(/images/box_b.gif); height: 19px;}
table.box td.b[class] {	background-image:url(/images/box_b.png);}
table.box td.br {	background-image:url(/images/box_br.gif); width: 20px; height: 19px;}
table.box td.br[class] {	background-image:url(/images/box_br.png);}
table.box br.na { display: none; }
/* === END STANDARDIZED BOX FORMATTING */




/* === BEGIN LIGHTBOXING === */
#lightbox { margin: auto; }
#lightbox #lightbox_overlay{
	display: none;
	margin: auto;
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 90; 
	width: 105%; 
	height: 100%;
	background-color: #888;
	opacity:.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
}
#lightbox #lightbox_overlay[id]{ /* IE6 and below Can't See This */
	position:fixed;
	}
	
#lightbox #lightbox_content_container {	
	color: black;
	vertical-align: top;
	text-align: center;
	display: none;
	z-index: 100; 
	position: absolute; top: 100px; left: -3px;
	/* position: relative; */
	margin: auto;	padding: 0;
	width: 100%; background-color: #fff; border: 3px solid gray;
	}
#lightbox #lightbox_content {
	margin: auto;
	margin-top: 10px; margin-bottom: 10px;
	width: 500px;
	text-align: left;
}
/* === END LIGHTBOXING === */