//////////from admin.css//////////////////////////////////
#uploading {
	border-style: none;
	padding: 0;
	margin-bottom: 16px;
	height: 18em;
	width: 100%;
}

form#upload th {
	text-align: right;
}

form#upload #post_content, form#upload #post_title {
	width: 250px;
}

.form-invalid input {
	border-width: 1px !important;
	border-style: solid !important;
}


form#upload #post_content {
	height: 50px;
}

.attpreview {
	width: 1px; /* hug */
	text-align: center;
}

.anchors {
	margin: 10px 20px 10px 20px;
}


#TB_window #TB_title a.tb-theme-preview-link,
#TB_window #TB_title a.tb-theme-preview-link:visited {
	font-weight: bold;
	color: #999;
	text-decoration: none;
}

#TB_window #TB_title a.tb-theme-preview-link:hover,
#TB_window #TB_title a.tb-theme-preview-link:focus {
	color: #ccc;
}

.checkbox {
	border: none;
	margin: 0;
	padding: 0;
}

.code {
	font-family: "Courier New", Courier, monospace;
}

.commentlist li {
	padding: 1em 1em .2em;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.commentlist li li {
	border-bottom: 0px;
	padding: 0;
}

.commentlist p {
	padding: 0;
	margin: 0 0 .8em;
}

.post-categories {
	display: inline;
	margin: 0;
	padding: 0;
}

.post-categories li {
	display: inline;
}

.quicktags, .search {
	font: 12px Georgia, "Times New Roman", Times, serif;
}

.submit {
	border-top: 1px solid #ccc;
	padding: 1.5em 0 0 0;
	margin: 10px 0 0 0;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-khtml-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.side-info {
	margin: 0;
	padding: 4px;
	font-size: 11px;
}

.side-info h5 {
	padding-bottom: 7px;
	font-size: 14px;
	margin: 12px 2px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.side-info ul {
	margin: 0;
	padding-left: 18px;
	list-style: square;
}

.submit input, .button, .button-secondary, .3{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	font-size: 12px;
	line-height: 1.5em;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;	
}

.button-highlighted{
	font-weight: bold;
}

#wpcontent select {
	font: 12px/20px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	height: 2em;
	vertical-align:top;
}

.approve {
	display: none;
}

.unapproved .approve {
	display: inline;
}

.updated a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


.unapproved .unapprove {
	display: none;
}

.narrow {
	width: 70%;
	margin-bottom: 40px;
}

.narrow p {
	line-height: 150%;
}


table .vers {
	text-align: center;
}

textarea.all-options, input.all-options {
	width: 250px;
}

#poststuff .stuffbox {
	margin: 0 8px 0 0;
	padding: 0;
}

#namediv, #poststuff #namediv {
	margin-top: 10px;
}

#postdivrich {
	margin: 20px 0 0 0;
	padding: 0;
}


#editorcontainer #content {
	padding: 0;
	line-height: 150%;
	border: 0 none;
	outline: none;
}

#editorcontainer {
	padding: 6px;
	border-style: none solid solid;
	border-width: 1px;
	border-collapse: separate;
}

#quicktags {
	padding: 0;
	border: 0 none;
}

#quicktags #ed_toolbar {
	padding: 2px 4px;
}

#ed_toolbar input {
	margin: 3px 2px 2px;
	padding: 2px 4px;
	line-height: 18px;
	display: inline-block;
}

#quicktags #ed_strong {
	font-weight: bold;
}

#quicktags #ed_link {
	text-decoration: underline;
}

#quicktags #ed_del {
	text-decoration: line-through;
}

#quicktags #ed_em {
	font-style: italic;
}

#quicktags #ed_code {
	font-family: "Courier New", Courier, mono;
	font-size: 1.1em;
	vertical-align: top;
}


#attachmentlinks textarea {
	width: 100%;
	height: 2.5em;
	margin-bottom: 6px;
}

#login .fullwidth {
	width: 320px;
}

#searchform fieldset {
	float: left;
	margin: 0 1.5ex 1em 0;
	padding: 0;
}

#searchform fieldset legend {
	padding: 0 0 .2em 1px;
}

#searchform #s {
	padding: 4px 3px;
}

#searchform #post-query-submit {
	float: left;
	margin: 14px 0 1em;
	position: relative;
	top: .35em;
}

#save {
	width: 15em;
}


* html #template div {
	margin-right: 0;
}

#template, #template div, #editcat, #addcat {
	zoom: 1;
}

/* A handy div class for hiding controls.
Some browsers will disable them when you
set display:none; */
.zerosize {
	height: 0;
	width: 0;
	margin: 0;
	border: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
}

* html #themeselect {
	padding: 0 3px;
	height: 22px;
}

#your-profile legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
}

#your-profile #rich_editing {
	border: none;
}

#howto {
	font-size: 11px;
	margin: 0 5px;
	display: block;
}

#ajax-response.alignleft {
	margin-left: 2em;
}


div.nav {
	height: 2em;
	padding: 7px 10px;
	vertical-align: text-top;
	margin: 5px 0;
}

.nav .button-secondary {
	padding: 2px 4px;
}

.page-numbers {
	padding: 2px 4px;
	margin-right: 3px;
	border-width: 1px;
	border-style: solid;
}

.page-numbers.current {
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
}

p.pagenav {
	margin: 0;
	display: inline;
}

.pagenav span {
	font-weight: bold;
	margin: 0 6px;
}

.row-title {
	font-size: 12px !important;
	font-weight: bold;
}

.comment-column {
	margin-left: 5px;
}

.tablenav a.button-secondary {
	display: block;
	margin: 1px 8px 0 0;
}

.tablenav .button-secondary {
	padding: 2px 4px;
	vertical-align: top;
}

.tablenav .tablenav-pages a.next, .tablenav .tablenav-pages a.prev {
	text-decoration: underline;
}

.tablenav {
	height: 2em;
	padding: 7px 10px;
	clear: both;
	margin-bottom: -10px;
	margin-top: 8px;
	vertical-align: text-top;
}

.tablenav .tablenav-pages {
	float: right;
	height: 18px;
	padding-top: 6px;
	font-size: 11px;
}

.tablenav .tablenav-pages a {
	text-decoration: none;
}

td.media-icon {
	vertical-align: middle;
	text-align: center;
}

td.media-icon img {
	max-width: 80px;
	max-height: 60px;
}

#update-nag, .plugin-update {
	line-height: 29px;
	font-size: 12px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
}

#update-nag a, .plugin-update a {
	font-size: 1.1em;
}

#pass-strength-result {
	padding: 3px 5px 3px 5px;
	margin-top: 3px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
}

a.view-comment-post-link {
	position: absolute;
	text-decoration:underline;
}



.post-com-count-wrapper {
	min-width: 22px;
}

.post-com-count {
	height: 1.3em;
	line-height: 1.1em;
	display: block;
	text-decoration: none;
	padding: 0 0 6px;
	cursor: pointer;
	background-position: center -80px;
	background-repeat: no-repeat;
}

.post-com-count span {
	height: 1.3em;
	line-height: 1.2em;
	padding: 0 0.5em;
	background-color: #bbb;
	display: inline-block;
	cursor: pointer;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

strong .post-com-count {
	background-position: center -55px;
}

.post-com-count:hover {
	background-position: center -3px;
}

/* Tables used on comment.php and option/setting pages */

.form-table {
	border-collapse: collapse;
	margin-top: 1em;
	width: 100%;
	margin-bottom: -8px;
}

.form-table td {
	margin-bottom: 9px;
	padding: 10px;
	line-height: 20px;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	font-size: 11px;
}

.form-table th {
	vertical-align: top;
	text-align: left;
	padding: 10px;
	width: 150px;
	border-bottom-width: 8px;
	border-bottom-style: solid;
}

.form-table th.th-full {
	width: auto;
}

.form-table input, .form-table textarea {
	border-width: 1px;
	border-style: solid;
}

.form-table div.color-option {
	display: block;
	clear: both;
}

.form-table input.tog {
	margin-top: 2px;
	margin-right: 2px;
	float: left;
}

.form-table table.color-palette {
	vertical-align: bottom;
	float: left;
	margin: -3px 3px 8px;
}

.form-table .color-palette td {
	border-bottom: none;
	border: 1px solid #fff;
	font-size: 1px;
	line-height: 1px;
}

#profile-page .form-table textarea {
	width: 300px;
	margin-bottom: 6px;
}

#profile-page .form-table input[type=text] { 
	width: 220px;
}

#pass-strength-result {
	width: 197px;
	float: left;
	margin-right: 5px;
	border: 1px solid #ccc !important;
}

#profile-page .form-table #rich_editing {
	margin-right: 5px
}

.form-table .pre {
	padding: 8px;
	margin: 0;
}

.pre {
	/* http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/ */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

table.form-table td .updated {
	font-size: 13px;
}

/* Post Screen */

#tagsdiv #newtag {
	margin-right: 5px;
	width: 16em;
}

#tagchecklist {
	margin-left: 10px;

	font-size: 12px;
	overflow: auto;
}

#tagchecklist strong {
	margin-left: -8px;
	position: absolute;
}

#tagchecklist span {
	margin-right: 25px;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 1.8em;
	white-space: nowrap;
	cursor: default;
}

#tagchecklist span a {
	margin: 6px 0pt 0pt -9px;
	cursor: pointer;
	width: 10px;
	height: 10px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
}

.howto {
	font-style: italic;
	display: block;
}

.ac_results {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
	border-width: 1px;
	border-style: solid;
}

.ac_results li {
	padding: 2px 5px;
	white-space: nowrap;
	text-align: left;
}

.ac_over {
	cursor: pointer;
}

.ac_match {
	text-decoration: underline;
}

#poststuff h2 {
	margin-top: 20px;
	font-size: 1.5em;
	margin-bottom: 15px;
	padding: 0 0 3px;
	clear: left;
}

#poststuff h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 7px;
	margin: 0 0 10px;
}

#poststuff .postbox, #poststuff .stuffbox {
	margin-left: 10px;
	padding: 2px;
	margin-bottom: 10px;
	margin-right: 8px;
}

#poststuff .postarea {
	margin-bottom: 20px;
}


#link_name, #link_url, #link_description {
	font-size: 1.7em;
	padding: 4px 3px;
	width: 98%;
}

#edit-slug-box {
	margin-top: 8px;
}

#editable-post-name-full {display: none;}

#editable-post-name input {width: 16em;}

#edit-slug-buttons a.save {
	padding: 6px 4px;
	margin-right: 4px;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}

#poststuff #editor-toolbar {
	position: relative;
	height: 30px;
	margin-top: -41px;
}

#poststuff #edButtonPreview, #poststuff #edButtonHTML {
	display: block;
	height: 20px;
	padding: 5px 5px 1px;
	margin: 5px 8px 0 0;
	float: right;
	cursor: pointer;
}

#poststuff #editor-toolbar .active {
	font-weight: bold;
	-moz-border-radius-topright: 3px;
	-khtml-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-khtml-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

#poststuff #media-buttons a {
	cursor: pointer;
	padding: 0 5px 2px 2px;
}

#poststuff #media-buttons img {
	vertical-align: middle;
}

#poststuff .togbox {
	background-position: -10px 16px;
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	margin-left: -21px;
	margin-top: -10px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	width: 12px;
	-moz-border-radius-topleft: 3px;
	-khtml-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#poststuff .closed .inside {
	display: none;
}
#poststuff .closed h3 {
	margin: 0;
}
#poststuff .closed .togbox {
	background-position: 4px 15px;
}



.submitbox .inside strong {
	font-size: 14px;
}

.submitbox .submitdelete {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-decoration: none;
	margin-left: 8px;
	padding-bottom: 1px;
}

.submitbox .submit {
	text-align: left;
	padding: 12px 10px 10px 10px;
	font-size: 11px;
}

.submitbox .submit a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.submitbox .submit input {
	margin-bottom: 8px;
	margin-right: 3px;
	padding: 6px 4px;
	border: none;
}

.submitbox #autosave .error {
	margin-top: 10px;
}

/* Categories */

#categorydiv #category-adder {
	margin-left: 120px;
	padding: 4px 0;
}

#category-add input, #category-add select {
	width: 30%;
}

#category-add input#category-add-sumbit {
	width: auto;
}

#categorydiv ul#category-tabs {
	float: left;
	width: 120px;
	text-align: right;
	/* Negative margin for the sake of those without JS: all tabs display */
	margin: 0 -120px 0 0;
	padding: 0;
}

ul#category-tabs li {
	padding: 8px;
}

ul#category-tabs li.ui-tabs-selected {
	-moz-border-radius-topleft: 3px;
	-khtml-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

ul#category-tabs li.ui-tabs-selected a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

div.ui-tabs-panel {
	margin: 0 5px 0 120px;
	padding: .5em .9em;
	height: 10em;
	overflow: auto;
	border-width: 4px;
	border-style: solid;
}

#categorydiv ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#categorydiv ul.categorychecklist ul {
	margin-left: 18px;
}

ul.categorychecklist li {
	margin: 0;
	padding: 0;
	line-height: 19px;
}


#linkcategorydiv #category-adder {
	margin-left: 120px;
	padding: 4px 0;
}

#category-adder h4 {
	margin: 0;
}

#linkcategorydiv ul#category-tabs {
	float: left;
	width: 120px;
	text-align: right;
	/* Negative margin for the sake of those without JS: all tabs display */
	margin: 0 -120px 0 0;
	padding: 0;
}

#linkcategorydiv ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#linkcategorydiv ul.categorychecklist ul {
	margin-left: 18px;
}

/* pasitioning etc. */
form#tags-filter {
        position: relative;
}

p#tag-search {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
}

form#posts-filter {
        position: relative;
}

p#post-search {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
}

#post-search .button, #widget-search .button {
	padding: 3px;
}

#posts-filter fieldset {
	float: left;
	margin: 0 1.5ex 1em 0;
	padding: 0;
}

#posts-filter fieldset legend {
	padding: 0 0 .2em 1px;
}

.bordertitle {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* Global classes */
.wp-hidden-children .wp-hidden-child { display: none; }
.wp-no-js-hidden { display: none; }
.ui-tabs-hide { display: none; }

.commentlist .avatar {
	vertical-align:text-top;
}

.defaultavatarpicker .avatar {
	margin: 2px 0;
	vertical-align: middle;
}

body.minwidth {
	min-width: 808px;
}

ul.view-switch {
	float: right;
	list-style: none;
	margin: -23px 5px -2px 0;
	position: relative;
}

ul.view-switch li {
	float: left;
	margin: 0;
	font-size: 11px;
	padding: 4px 6px;
	font-weight: bold;
}

ul.view-switch a {
	text-decoration: none;
}

ul.view-switch li.current {
	border: none;
	-moz-border-radius-topleft: 3px;
	-khtml-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-khtml-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}


#the-comment-list .comment a {
	padding-bottom: 1px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


#the-comment-list td.comment p.comment-author {
	margin-top: 0;
	margin-left: 0 ;
}

#the-comment-list p.comment-author img {
	float: left;
	margin-right: 8px;
}

#the-comment-list p.comment-author strong a {
	border: none;
}

#the-comment-list td {
	vertical-align: top;
}

#the-comment-list td.comment {
	width: 65%;
	max-width: 460px;
	word-wrap: break-word;
}

#the-comment-list td.comment p {
	margin-left: 8px;
}

#the-comment-list .check-column {
	padding-top: 8px;
}

#templateside ul li a {
	text-decoration: none;
}

.curtime {
	background-image: url(images/date-button.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 18px;
}

.tablenav .delete {
	margin-right: 20px;
}

#tTips {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0 0 8px 0;
	background-image: url(images/tail.gif);
	background-repeat: no-repeat;
	background-position: 15px bottom;
	background-color: transparent;
}

#tTips p#tTips_inside {
	margin: 0;
	padding: 8px 12px;
	text-align: center;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

td.action-links, th.action-links {
	text-align: right;
}

#poststuff h3, #poststuff .closed h3 {
	cursor: pointer;
} 

.hide-if-no-js {
	display: none;
}

/* Diff */

table.diff {
	width: 100%;
}

table.diff col.content {
	width: 50%;
}

table.diff tr {
	background-color: transparent;
}

table.diff td, table.diff th {
	padding: .5em;
	font-family: monospace;
	border: none;
}

table.diff .diff-deletedline del, table.diff .diff-addedline ins {
	text-decoration: none;
}



fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

.info-box {
	top: 100px;
	left: 50%;
	margin-left: -225px;
	height: 300px;
	width: 450px;
	border: 5px solid #ddd;
	background: #f8f8f8;
	position: absolute;
	padding: 15px 15px 10px;
	z-index: 1000;
	display: none;
}

.info-box .submit {
	position: absolute;
	bottom: 15px;
	width: 450px;
	padding: 15px 0 0;
}

.info-box .gears-img {
	float: right;
	margin: 10px;
}

.info-box-title {
	line-height: 2;
	margin: 0;
	padding: 0 7px;
}

#wp_editbtns {
	padding: 2px;
	position: absolute;
	display: none;
	z-index: 999998;
}

#wp_editimgbtn, #wp_delimgbtn {
	margin: 2px;
	padding: 2px;
	border: 1px solid #999;
	background-color: #eee;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#wp_editimgbtn:hover, #wp_delimgbtn:hover {
	border-color: #555;
	background-color: #ccc;
}

////from admin.css above////

/*
Theme Name: Gagapost
Theme URI: 
Description: Created by Jelly Lin
Version: 1.0
Author: Jelly Lin
Author URI: http://www.gagapost.com/
Tags: 
*/


/* Layout */
body {
	padding: 0;
	margin: 0;
}

.bodies {
    background-color: #092841;
	font-size: 0.8em;
	font-family: Arial, Verdana, Sans-Serif;
}

/* Default */
a {
	color: #3b6065;
}

a:hover {
	color: #841700;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 1em;
}

blockquote {
	padding: 0 0.5em;
	border-left: 5px solid #f0e8a7;
	margin: 0;
	background-color: #f8f8e2;
}

img.alignleft {
	float: left;
	margin: 0 .8em .8em 0;
}

img.alignright {
	float: right;
	margin: 0 0 .8em .8em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/*
a img {
	padding: 5px;
	border: 1px solid #ccc;
}
*/
form {
	padding: 0;
	margin: 0;
}

/* Hack */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Layout */
#container {
	background: url(images/bg_header.png) right top no-repeat;
	width: 952px;
	margin: 7px auto;
}

#header {
	height: 111px;
	z-index: 10;
    cursor: default;
}

#logo {
    background: url(images/gagapost_menu_logo.gif) left top no-repeat;
    width: 220px;
    height: 79px;
    z-Index: 20;
    cursor: pointer;
    cursor: hand;
    margin-top: 10px;
    float: left;
}

#blogtitle {
	width: 780px;
	height: 21px;
	float: left;
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	vertical-align: middle;
}

#blogtitle .blogname {
    padding: 0 0 0 20px;
    margin: 0;
	color: #23608d;
	font-size: 18px;
}

#blogtitle .blogname a,
#blogtitle .blogname a:hover {
	text-decoration: none;
	color: #3387be;
}

#blogtitle .description {
    padding: 0;
    margin: 0 0 0 20px;
	color: #636464;
	font-size: 13px;
}

/* main content div */
#page {
	padding: 0px 0px 0px 0px;
}

/* main content div inner */
#pageinner {
	margin: 13px 0 0 0;
}

/* top right panel */
#navcontainer {
    text-align: right;
	float: right;
	width: 70%;
	padding-top: 5px;
	padding-right: 10px;
    font-size: 1em;
    vertical-align: middle;
    color:#ffffff;
}

#navcontainer a img {
    padding: 0;
    border: 0;
}

#navcontainer a {
    text-decoration:none;
    color:#ffffff;
    vertical-align: middle;
}

#login_panel {
    float: right;
    padding: 0px;
    margin: 0px;
    width: 460px;
    height: 30px;
    background: url(images/bg_login_panel.gif) no-repeat;
}

#loginform {
    margin-top: 2px;
    width: 460px;
    height: 30px;
    vertical-align: middle;
    color: #fff;
}

#loginform input{
    filter:Alpha(opacity=100,enabled=80);
    -moz-opacity:1;          /* Moz + FF */
    opacity:1;               /* 支持CSS3的瀏覽器(FF1.5也支持) */
    background: url(/images/input.gif) no-repeat;
    color: #226693;
}

#user_login {
    font-family: Arial, Verdana, Sans-Serif;
	font-size: 1em;
	color: #359bd7;
	margin: 5px 0px 0 6px;
	*margin: 0 0px 0 6px;
	border: 0px;
	width: 118px;
}

#user_pass {
	color: #359bd7;
	margin: 5px 3px 0 5px;
	*margin: 0 3px 0 5px;
	border: 0px;
}

#loginform .submit #login {
	padding: 0px;
	border: none;
    width: 52px;
    height: 23px;
    cursor: pointer;
    cursor: hand;
	vertical-align: middle;
    background: url(images/login_button.gif) no-repeat center top;
}

#username_box {
    margin-left: 5px;
    vertical-align: middle;
}

#password_box {
    margin-left: 10px;
    vertical-align: middle;
}

#invite_alert {
    width: 18px;
    height: 19px;
    background: url(images/invitation_alert.gif) no-repeat center top;
}
/* start - Event Date & Publish Date Navigation */
#navlist {
    float: left;
    width: 100%;
    height: 30px;
    margin: 0;
    background-color: #b4bbc3;
}
#navlist .current_page_item {
    float: left;
    margin: 5px 0 0 10px;
    width: 24px;
    height: 20px;
    cursor: pointer;
    cursor: hand;
}
#navlist_publish {
    background: url(images/publishdate_button.png) no-repeat 0 0;;
    display: none;
}
#navlist_event {
    background: url(images/eventdate_button.png) no-repeat 0 0;;
}
#navlist_publish:hover, #navlist_event:hover {
    background-position: 0 -20px;
}
#navlist_publish:active, #navlist_event:active {
    background-position: 0 -40px;
}
/* end - Event Date & Publish Date Navigation */

/*
#navlist_post_selected, #navlist_event_selected {
    background: url(images/headerTabButton.jpg) 100% no-repeat;
}
*/
#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li#first a,
#navcontainer ul li#first a:hover {
	cursor: default;
	background-image: none;
	text-decoration: none;
}

#navcontainer ul li a {
	color:#333333;
	margin: 5px 0 0 0;
	padding: 4px 30px 8px 30px;
	text-decoration: none;
	background: url(images/headerBarLiBk.gif) right 3px no-repeat;
	float: left;
}

#navcontainer ul li a:hover {
	text-decoration: underline;
}

#navcontainer ul li.current_page_item a {
	background: url(images/searchBarBk.gif) repeat-x;
	color: #fff;
	padding: 4px 30px 8px 30px;
	margin-left: -2px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;

}

#navcontainer ul li.current_page_item a:hover {
	text-decoration: none;
}

#navcontainer ul li a:hover {
	text-decoration: underline;
}
/* 搜尋家按鈕的範圍 */
#searchBar {
	clear: left;
	background: url(images/searchBarBk.gif) repeat-x;
	text-align: right;
}

#searchform {
	padding: 5px;
}
/* 搜尋裡面的字 */
#s {
	border: 1px solid #bbb;
}

#searchsubmit {
	border: 1px solid #bbb;
	background: #fff url(images/buttonBk.gif) repeat-x;
}

/* start - Sidebar CSS */
#sidebar {
	float: left;
	width: 229px;
	color: #636464;
	background-color: #092841;
}

#sidebar a {
	color: #484848;
}

#sidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidebar ul li {	
	background-color: #edecee;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
}

/* sidebar top panel */
#sidebar .widget_title {
    background: url(images/bg_sidebar_top.gif) top left no-repeat;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px 0px 0px 18px;
	height: 22px;
}

#sidebar .widget_end {
    background: url(images/bg_sidebar_bottom.gif) top left no-repeat;
	height: 10px;
	background-color: #092841;
	margin-bottom: 10px;
}

#sidebar ul li p,
#sidebar ul li div {
	padding: 0px 0px 0px 0px;
	margin: 0;
}

#sidebar ul li table {
	padding-bottom: 5px;
}

#sidebar ul li table caption {
	padding: 0px 0 0 0;
}

#sidebar ul li ul {
	padding: 0.3em 0;
}

#sidebar ul li ul ul,
#sidebar ul li ul ul ul,
#sidebar ul li ul ul ul ul,
#sidebar ul li ul ul ul ul ul {
	padding: 0;
}

#sidebar ul li ul li {
	font-size: 1em;
	padding: 0.1em 0em 0.1em 0;
	margin: 0 0 0 1em;
}

#sidebar ul li ul li li,
#sidebar ul li ul li li li,
#sidebar ul li ul li li li li,
#sidebar ul li ul li li li li li {
	margin: 0 0 0 1em;
}

#sidebar ul li ul li a {
	text-decoration: none;
	padding-left: 0em;
}
#sidebar img {
    border:0px;
}

#sidebar ul li ul#themeswitcher li a,
#sidebar ul li ul li.recentcomments a {
	background-image: none;
	padding-left: 0;
}
#sidebar ul li ul#themeswitcher li,
#sidebar ul li ul li.recentcomments {
	background: url(images/sidebarBullet.gif) left center no-repeat;
	padding-left: 1em;
}

#sidebar ul li ul li a:hover {
	color: #863f09;
}
/* end - Sidebar CSS */


/* Calendar */
#wp-calendar {
	width: 100%;
}

#wp-calendar th,
#wp-calendar td {
	text-align: center;
}

#wp-calendar td#today {
	font-weight: bold;
}

#topbar {
	background: url(images/bg_topbar.png) left center no-repeat;
	width: 952px;
	height: 83px;
	margin: 0px 0px 7px 0;
}

#content_area {
    /* top right bottom left */
	margin: 0px 0px 0 241px;
	z-index: 1;
}

#content_area #top_block {
    height: 32px;
}

#content_area #pageline {
    width: 100%;
    background-color: #326c98;
    height: 3px;
}

#content_area #content_view_tab {
    float: left;
}

#content_area #content_view_tab .content_view {
    width: 46px;
    height: 32px;
    margin-right: 7px;
    float: left;
    cursor: pointer;
    cursor: hand;
}

#content_area #create_post_tab {
    float: right;
    height: 33px;
}

#postgaga {
    position: relative;
    top: -4px;
    width: 157px;
    height: 33px;
    cursor: pointer;
    cursor: hand;
    background: url(images/createpost_button.png) no-repeat 0 0;
}
#postgaga:hover {
    background-position: 0 -33px;
}
#postgaga:active {
    background-position: 0 -66px;
}

/* start - Main Content Area */
#mainpage, #mainpage_nopost, #singlepost, #editpost {
    width: 100%;
    background-color: #edecee;
}

#mainpage_nopost {
    min-height: 555px;
}
/* end - Main Content Area */

/* Post */
/* fix firefox dirty fix */
.post {
    width: 100%;
    float: right;
    background-color: #edecee;
    margin: 0;
    padding: 0;
/*    padding-top: 10px;
    *padding: 0; */
}

.post img {
    clear: right;
}

.entry {
    /*width: 100%;*/
    padding: 20px 40px 20px 40px;
}

/* start - Post Entry for a Topic (besides the calendar) */
.post_entry {
    float: left;
    padding: 0;
    line-height: 1em;
    margin-left: 5px;
}

.post_entry h2 {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.2em;
}

.post_entry h2 a {
	text-decoration: none;
	color: #000;
}
.post_entry h2 a:hover {
	text-decoration: underline;
	color: #000;
}
/* end - Post Entry for a Topic */

/* start - Topic for Single Post */
.post_topic h2 {
	padding: 0;
	margin: 0;
	font-size: 1.5em;
	line-height: 50px;
    margin-left: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    width: 680px;
}

.post_topic h2 a,
.post_topic h2 a:hover {
	text-decoration: none;
	color: #fff;
}
/* end - Title for Single Post */

/* start - Calendar CSS */
#post_calendar_title {
    margin-left: 10px;
    padding-top: 10px;
    height: 50px;
    float: left;
    clear: left;
}
small.postcalendardata {
	float: left;
	background: url(images/date_button.png) no-repeat;
	width: 48px;
	height: 52px;
	text-align: center;
}
/*
#post_calendar_title small.postcalendardata {
	float: left;
    background: url();
	width: 52px;
	height: 48px;
    margin: 2px 0 0 1px;
	text-align: center;
}
*/
small.postcalendardata .month {
	display: block;
	color: #4f4f4f;
	padding: 0px 0px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 2px;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 3px;
	*margin-left: -2px;
	width: 44px;
}
small.postcalendardata .day {
	display: block;
	color: #ffffff;
	font: 2.2em Georgia;
	padding-top: 5px;
	text-align: center;
	margin-top: -7px;
	*margin-left: -2px;
	width: 44px;
}
/* end - Calendar CSS */

#editpost_btn {
    background: url(images/editpost_button.png) no-repeat 0 0;
}
#deletepost_btn {
    background: url(images/deletepost_button.png) no-repeat 0 0;
}
#removefrom_btn {
    background: url(images/removefrom_button.png) no-repeat 0 0;
}
#addimage_btn {
    background: url(images/addimage_button.png) no-repeat 0 0;
}
#addvideo_btn {
    background: url(images/addvideo_button.png) no-repeat 0 0;
}
#addaudio_btn {
    background: url(images/addaudio_button.png) no-repeat 0 0;
}
#addimage_btn, #addvideo_btn, #addaudio_btn {
    float: left;
    margin-left: 5px;
}
#editpost_btn, #deletepost_btn, #removefrom_btn, #addimage_btn, #addvideo_btn, #addaudio_btn {
    width: 24px;
    height: 20px;
    cursor: pointer;
    cursor: hand;
}
#editpost_btn:hover, #deletepost_btn:hover, #removefrom_btn:hover, #addimage_btn:hover, #addvideo_btn:hover, #addaudio_btn:hover {
    background-position: 0 -20px;
}
#editpost_btn:active, #deletepost_btn:active, #removefrom_btn:active, #addimage_btn:active, #addvideo_btn:active, #addaudio_btn:active {
    background-position: 0 -40px;
}



/* start - Post CSS */
.post .header {
    padding: 20px 20px 0px 30px;
    height: 70px;
    background-color: #d6d8dc;
}
.post .line {
    float:left;
    height: 1px;
    width: 100%;
    background-color: #dfdee0;
}
.post #editpost_btn, #deletepost_btn, #removefrom_btn {
    float: right;
    margin-left: 5px;
}
div.postmetadata {
	padding: 0px 15px 0px 30px;
	font-size: 0.85em;
	height: 55px;
	clear: both;
}
#singlepost div.postmetadata {
    padding: 0px 15px 0px 30px;
    margin: 0 0 40px 0;
    height: 70px;
	background-color: #edecee;
}
div.postmetadata #tags {
    margin-top: 6px;
    background: url(images/bg_tags.png) no-repeat scroll right top;
}
div.postmetadata #tags span {
    background: url(images/bg_tags.png) no-repeat scroll left top;
}
div.postmetadata #categories {
    margin-top: 1px;
    *margin-top: 3px;
    background: url(images/bg_categories.png) no-repeat scroll right top;
}
div.postmetadata #categories span {
    background: url(images/bg_categories.png) no-repeat scroll left top;
}
div.postmetadata #tags span, div.postmetadata #categories span {
    float: left;
    display: block;
    height: 20px;
    min-width: 40px;
    padding: 1px 0 0 12px;
    position: relative;
}
div.postmetadata #tags, div.postmetadata #categories {
    float: left;
    display: block;
    height: 20px;
    padding: 0 12px 0 0;
}
div.postmetadata #info {
	float: right;
}
#singlepost div.postmetadata #info {
    float: left;
}
#singlepost div.postmetadata #tools {
    float: right;
}
div.postmetadata #info a, div.postmetadata #info a:hover {
    text-decoration: none;
}
#addcomment_btn {
    float: left;
    width: 25px;
    height: 24px;
    background: url(images/addcomment_button.png) no-repeat 0 0;
    cursor: pointer;
    cursor: hand;
}
#addcomment_btn:hover {
    background-position: 0 -24px;
}
#addcomment_btn:active {
    background-position: 0 -48px;
}
#num_comment {
    float: left;
    margin-left: 6px;
    width: 56px;
    height: 20px;
    background: url(images/comment_button.png) no-repeat 100%;
    cursor: pointer;
    cursor: hand;
}
#num_comment span {
    float: right;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
    width: 44px;
    text-align: center;
}
#num_visitor {
    float: left;
    margin-left: 6px;
    width: 56px;
    height: 20px;
    background: url(images/visitor_button.png) no-repeat 100%;
}
#num_visitor span {
    float: right;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
    width: 42px;
    text-align: center;
}

div.postmetadata .spacer {
    clear: both;
    margin-bottom: 3px;
    *margin-bottom: 1px;
}
.post .divider {
    clear: both;
    margin: 7px 0 0 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: #b4bbc3;
}

#post_completion {
    float: right;
    margin: 25px 15px 0 0;
    font-size: 16px;
    font-weight: bold;
    color: #88d0ea;
    clear: right;
}

.widget_tag_cloud #wp-tag-cloud {
    margin: 5px 10px 5px 10px;
}

/* top right bottom left */
div.navigation {
	text-align: center;
	font-size: 1em;
	font-family: Arial,Helvetica,sans-serif;
	padding: 0 0 2em 0;
}

span.navigation_left {
    float: left;
    font-size: 1em;
	font-family: Arial,Helvetica,sans-serif;
    padding: 2px 0 0 12px;
	color: #6a6a6a;
	height: 16px;
}

span.navigation_right {
    float: right;
    font-size: 1em;
	font-family: Arial,Helvetica,sans-serif;
    padding: 2px 12px 0 0;
	color: #6a6a6a;
	height: 16px;
}

span.navigation_left a, span.navigation_right a {
    color: #6a6a6a;
    text-decoration: none;
}

/* Start - Comment CSS */
#comment_wrapper {
    float: right;
    background-color: #edecee;
	margin: 10px 0px 0 241px;
	width: 711px;
}

#comment_inner {
    margin: 10px 40px 10px 40px;
}

h2.commentheading {
    color:#359bd7;
}

ol.commentlist {
	padding: 0;
	margin: 0;
	list-style: none;
}

ol.commentlist a {
	text-decoration: none;
}

img.avatar {
	border: 3px solid #fefef6;
	margin: 0 0.5em;
}

ol.commentlist li.commentind {
  padding-top:10px;
  padding-bottom:10px;
}

ol.commentlist li.commentind cite {
  color:#359bd7;
  font-size:12pt;
  float:left;
  font-style:normal;
}

.commentindheader #time{
  color:gray;
  float:right;
}

.commentindheader img {
	float: left;
}

ol.commentlist li.alt .commentindheader {
	text-align: right;
}

ol.commentlist li.alt p.commentsedit {
	text-align: right;
	margin: 0 0.5em 0 0;
}

ol.commentlist p {
    margin-top: 35px;
}
/* Comment form */
form#commentform {
    color: #359bd7;
}
form#commentform textarea {
	border: 1px solid #bbb;
}

input#author,
input#email,
input#url {
	width: 60%;
}

#comment_input {

}

textarea#comment {
	width: 500px;
}

form#commentform #submit {
    color: #359bd7;
    font-size: 10px;
    border: 0px;
    background: url(images/submit_button.gif);
    width: 72px;
    height: 23px;
    cursor: hand;
    cursor: pointer;
}

#footer {
	float: right;
	height: 20px;
	margin-top: 10px;
    padding: 0;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	clear: both;
}

#footer p {
	margin: 0;
	line-height: 1.5em;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #cf7819;
}

div#recaptcha_widget_div {
	float: right;
}

/* Wordpress required */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/*
.post-date{
	float:left;
	display:inline;
	margin:0 10px 0 0;
	background:url(images/date_button.jpg)no-repeat;
}
.date {
	background: url(images/date_button.jpg) no-repeat;
	height: 53px;
	margin-bottom: 0px;
	width: 53px;
	text-align: center;
	float: left;
	margin-top: 15px;
}
*/
/* From admin from css */
.wrap {
    padding: 15px 20px 20px 30px;
    background-color: #edecee;
}
.wrapedit {
    padding: 15px 20px 20px 30px;
    background-color: #edecee;
}
#titlediv {
    margin-bottom:10px;
}
#eventdatediv {
    margin-left: 30px;
}
#eventtimediv {
    margin-left: 30px;
}
#titlediv label, #eventdatediv label, #eventtimediv label, #eventlocationdiv label {
    color: #359bd7;
    font-size: 1.4em;
    font-weight: normal;
    text-align: left;
}
#titlediv label {
    margin-right: 12px;
}
#eventdatediv label {
    margin-right: 5px;
}
#eventlocationdiv label {
    float: left;
    margin-right: 9px;
}
#titlediv .icon {
    float: left;
    width: 16px;
    height: 16px;
    top: 10px;
    margin: 10px 10px 5px 0;
    background: url(images/star.gif);
}
#titlediv input {
    width: 520px;
}
#titlediv input, #eventdatediv input, #eventtimediv input{
    border: solid #ced4dd 1px;
    background-color: #fff;
    height: 18px;
}
#eventlocationdiv input {
    border: solid #ced4dd 1px;
    background-color: #fff;
    height: 100px;
}
#geo_mashup_select {
    background: #fff;
    font-size: 0.8em;
    font-weight: normal;
    *margin-top: -110px;
}

#geo_mashup_admin_edit h3, #geo_mashup_admin_edit label, #geo_mashup_select, #geo_mashup_inline_help, #geo_mashup_admin_edit a, #geo_mashup_status_icon{
  /*display:none;*/
}

#titlediv .inside, #wp-word-count, #autosavem, #previewview {
    display:none;
}

.generic_button {
    width: 86px;
    height: 25px;
    color: #ffffff;
    font-size: 11px;
    border: 0px;
    padding-bottom: 7px;
    background: url(images/generic_button_large.png) no-repeat 0 0;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
}
.generic_button:hover {
    background-position: 0 -25px;
}
.generic_button:active {
    background-position: 0 -50px;
}
#comment-submit {
    float: left;
    margin: 15px 0 30px 20px;
}
#save-post, #remove-me, #delete-post {
    float: right;
    margin-right: 20px;
}


#tagadd {
    width: 52px;
    height: 23px;
    color: #ffffff;
    font-size: 11px;
    border: 0px;
    padding-bottom: 7px;
    background: url(images/generic_button_small.png) no-repeat 0 0;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
}
#tagadd:hover {
    background-position: 0 -23px;
}
#tagadd:active {
    background-position: 0 -46px;
}
#wpbody form h2{
    color:#359bd7;
    font-size:18pt;
    font-weight:normal;
    border-bottom:solid #83aedc 1px;
}

#wpbody form #yes, #wpbody form #no{
    position:relative;
    top:-8px;
}
#wpbody form .accept{
    color: #359bd7;
    font-size: 10pt;
    border: 0px;
    background: url(images/submit_button.gif);
    float: right;
    width: 72px;
    height: 23px;
}
#wpbody form #post-search {
    color:#676767;
    font-size:12pt;
}
#wpbody form #post-search input {
    background-color:#e7e3e0;
    border:0px;
    height: 20px;
}
#wpbody form #post-search .button {
    position:relative;
    top:2px;
    width:100px;
    height:30px;
    color:#ffffff;
    font-size:12pt;
    border:0px;
    background: url(images/publish_button.jpg);
}
#contentinner {
/*    float:right; */
}
#content {
    padding-left:20px;
    padding-right:20px;
}
#content h2{
    color:white;
}
#contentinner {
    padding: 10px 10px 10px 10px;
}
#contentinner_view {
    padding: 25px 20px 20px 30px;
}

#contentinner_view_list {
    /*padding: 25px 20px 20px 30px;*/
    padding: 0px 0 20px 0;
}

#contentinner_view_timeline, #contentinner_view_map {
    float: left;
    background-color: #edecee;
    width: 100%;
    min-height: 500px;
    /* Firefox fix */
    text-align: -moz-center;
    *text-align: center;
}

#contentinner_view_timeline #my_timeline {
    margin-top: 30px;
    height: 350px;
    width: 650px;
    border: 1px solid #aaa;
    text-align: left;
}

#contentinner_view_map #map_canvas {
    margin-top: 30px;
    width: 650px;
    height: 320px;
}

#contentinner_view_list .entry small, #singlepost .entry small, #contentinner_view_list .post_entry small {
    color: #565656;
    font-weight: bold;
}

#singlepost {
    width: 100%;
    background-color: #edecee;
    min-height: 550px;
}


/* start - Generic Title Area */
#content_area .titlebar, #comment_wrapper .titlebar {
    width: 100%;
    height: 22px;
    background: url(images/bg_content_top.gif) top left no-repeat;
    background-color: #092841;
}

#content_area .titlebar h2, #comment_wrapper .titlebar h2 {
    float: left;
    margin: 2px 0 0 25px;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
}
/* end - Generic Title Area */

#postpsp {
    display: none;
}

/* start - Gallery CSS  (but css for .gallery-item is defined in multi.php) */
#gallery_header {
    background: url(images/bg_gallery_header.jpg);
    width: 711px;
    height: 45px;
}
#gallery_header #media-buttons {
    float: right;
    margin: 20px 20px 0 0;
}
.gallery {
    padding-top:40px;
    #padding-top:50px;
    padding-left:35px;
	margin: auto;
	background: url(images/gallery_background.jpg);
	height: 111px;
}
.gallery .avatar_container {
    margin-top:13px;
    #margin-top:0px;
    float: left;
    font-size: 8pt;
    text-align: center;

}
.gallery .gallery-icon img {
    height:70px;
    width:70px;
}
.gallery-item img {
	border: 2px solid #cfcfcf;
}
.gallery-caption {
	margin-left: 0;
}
#gallery_previousbutton, #gallery_nextbutton{
    margin-top: 40px;
    float: left;
    width: 15px;
    height: 15px;
}
#gallery_previousbutton{
   margin-right: 35px;
   background: url(images/gallery_previousbutton.jpg);
}
#gallery_nextbutton {
    margin-left: 20px;
    background: url(images/gallery_nextbutton.jpg);
}
#gallery_comments_container {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
#gallery_comments_container #photo_container {
    margin-left: auto;
    margin-right: auto;
    border: solid #c0bfbe 1px;
}
#gallery_comments_container #comments_container {
    position: relative;
}
#gallery_comments_container #comments_container_transparent {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
    filter:alpha(opacity=70);       /* IE */ 
    -moz-opacity:0 .7;              /* Moz + FF */
    opacity: 0.7;           /* 支持CSS */ 
    z-index: 0;
}
#gallery_comments_container #comments_container_background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#gallery_comments_container #comment_spacer {
    background-color: #3f779f;
    color: white;
    font-size: 10pt;
    text-align: left;
    padding-top: 3px;
    padding-left: 5px;
}
#gallery_comments_container #caption, #gallery_comments_container .response {
    text-align: left;
    padding-left: 5px;
    padding-top: 3px;
    overflow: auto;
    height: 40px;
}
#gallery_comments_container .response_avatar {
    padding-left: 5px;
    padding-top: 3px;
    float: left;
}
#gallery_comments_container #response_container {
    padding-top: 5px;
    overflow: auto;
}
#gallery_comments_container label {
    margin-right: 5px;
    color: #359bd7;
}
#gallery_comments_container #your_response {
    margin-top: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    border: solid #c0bfbe 1px;  
}
#gallery_comments_container #owner_container {
    position: absolute;
    left: 30px;
    text-align: center;
    color: #359bd7;
}
/* end - Gallery CSS */

/* Friend page */
#content_area #topbgline {
    width: 711px;
    height: 10px;
    background: url(images/bg_top_line.gif);
}

#content_area #friend_view_list {
    padding: 25px 25px 20px 25px;
}

#content_area #friend_view_tab {
    padding-top: 2px;
    height: 30px;
    float: left;
}

#friend_view_coauthors {
    padding: 20px;
}

#content_area #friend_view_tab .friend_view {
    width: 48px;
    height: 30px;
    float: left;
    cursor: pointer;
    cursor: hand;
}

#friend-list .user {
    width: 84px;
    height: 95px;
    float: left;
    margin-right: 10px;
    margin-bottom: 8px;
    background: url(images/avatar_frame.gif) no-repeat;
}

#friend-list .user .avatar {
    padding: 2px 10px 5px 10px;
}

#friend-list .user .name {
	display: block;
	width: 68px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 8px;
    z-Index: 5;
    line-height: 16px;
    margin-top: 4px;
    *margin-top: 5px;
    color: #6d6d6d;
}

#friend-gallery {
    padding-left: 38px;
    padding-top: 20px;
}
#friend-gallery .user {
    float: left;
    width: 61px;
    height: 61px;
    margin-right: 4px;
    margin-bottom: 8px;
    background: url(images/avatar_frame_gallery.gif) no-repeat;
}

#friend-gallery .user .avatar_gallery {
    padding-top: 6px;
    padding-left: 7px;
}

#userGallery_previousbutton, #userGallery_nextbutton{
    float: left;
    width: 26px;
    height: 21px;
}
#userGallery_nextbutton {
    background: url(images/userGallery_nextbutton.jpg);
}
#userGallery_previousbutton {
    background: url(images/userGallery_previousbutton.jpg);
}
#friendInteraction_chart_container {
    width:100%;
    height:100%;
    text-align:center;
    position:relative;
    top:70px;
    #top:0px;
    min-height: 580px;
}
#friendInteraction_chart {
    margin:0px auto;
    width:710px;
    height:482px;
    background: url(images/friend_interaction_chart.jpg);
}
#friendInteraction_mark {
    position:relative;
    display:none;
    width:16px;
    height:13px;
    background: url(images/friend_interaction_mark.jpg);
}
#friendInteraction_friend_container {
    width:100%;
    height:100%;
    text-align:center;
}
#friendInteraction_friend {
    margin:0px auto;
    width:604px;
    height:77px;
    background: url(images/friend_interaction_friendbg.jpg);
    text-align:left;
    position:relative;
    top:70px;
    #top:0px;
}
#friendInteraction_friend img{
    position:relative;
    right:90px;
    #left:15px;
    top:15px;
}
#friendInteraction_friend_displayname {
    position:relative;
    color:#6d6d6d;
    right:10px;
    #left:70px;
    bottom:40px;
    font-size:12pt;
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    width:100px;
}
#friendInteraction_friend_post_container {
    position:relative;
    width:400px;
    bottom:-5px;
    #bottom:65px;
    right:80px;
    #right:80px;
    float:right;
    text-align:left;   
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.friendInteraction_friend_post a{
    text-decoration:none;
    color:#6d6d6d;
    font-size:10pt;
    maring-bottom:3px
}
#friend-table form{
    float:left;
    width:100%;
}
/* start - Friend list tooltip */
.userinfo_panel {
    display: none;
    color: #ffffff;
}

.userinfo_panel_data {
    font-size: 0.8em;
    margin-bottom: 5px;
}

.userinfo_panel_img {
    float: left;
}

.userinfo_panel_update {
    float: right;
    font-size: 0.9em;
    text-align: left;
    width: 210px;
}

.userinfo_panel_update .title {
    float: left;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

.userinfo_panel_update .date {
    float: right;
    width: 60px;
    text-align: right;
}
/* end - Friend list tooltip */

/* Navlist Tab CSS for My Gaga */ 
#mygaga_navlist {
    height:30px;
}
#mygaga_navlist .current_page_item{
    float:left;
    margin-top:10px;
}
#mygaga_navlist a{
    text-decoration:none;
}

.qtip {
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}

.qtip .qtip-content { -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; filter:alpha(opacity=50); }

.friend_news_container {
    padding-top:5px;
    padding-bottom:8px;
    padding-left:10px;
}

.friend_news_container .friend_news_avatar {
    padding-top:3px;
    float:left;
    margin-right:10px;
}

.friend_news_container .info_container .display_name {
    color:#376a94;
    margin-right:15px;
}

.friend_news_container .info_container .time {
    color:#8a8a8a;
}

.friend_news_container .info_container .event_type {
    margin-right:10px;
}

.friend_news_container .info_container a {
    color:#376a94;
    text-decoration:none;
}

.friend_news_container {
    line-height: 1.5em;
}

#more_newsfeed_more {
    color:#376a94;
    padding-left:15px;
    padding-bottom:10px;
    text-decoration:underline;
    font-weight:bold;
    cursor:pointer;
}

#addimage_btn_1 {
    background: url(images/addimage_button.png) no-repeat 0 0;
    width: 24px;
    height: 20px;
    cursor: pointer;
    cursor: hand;
    border:0;
    margin-left:10px;
}
#addimage_btn_1:hover {
    background-position: 0 -20px;
}
#addimage_btn_1:active {
    background-position: 0 -40px;
}
#addInlineRemark_btn {  
    border:0; 
    background: url(images/addInlineRemark_button.png) no-repeat 0 0;
    width: 24px;
    height: 20px;
    cursor: pointer;
    cursor: hand;
}
#addInlineRemark_btn:hover {
    background-position: 0 -20px;
}
#addInlineRemark_btn:active {
    background-position: 0 -40px;
}
#media-buttons {
 	float: right;
	margin-right: 8px;
	margin-top: 5px;
	cursor: default;
}