/***** Global Settings *****/

* {
	border: 0;
	margin: 0;
	padding: 0
}
A:link {
	text-decoration: none;
	color: #04a;
}
A:visited {
	text-decoration: none;
	color: #04a;
}
A:active {
	text-decoration: none;
	color: #666;
}
A:hover {
	text-decoration: none;
	color: #000;
}
body {
	font: 83%/1.5 arial, helvetica, sans-serif;
	margin-top: 3px;
      margin-bottom: 20px;
}
h1, h2, .blog-title {
	text-align: left;
	line-height: 1.1;
	font-size: 175%;
	letter-spacing: -1px;
	font-weight: normal;
	color: #333;
}
h2 {
	font-size: 125%;
	color: #666;
}
h3 {
	text-align: left;
	font-size: 135%;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 1;
	padding-bottom: 4px;
	clear: left;
	color: #444;
}

/***** Layout *****/

#container {
	margin: auto;
      padding: 5;
	width: 985px;
      background-color: #FDFCEB;
}
#side {
	float: left;
	width: 170px;
	padding-right: 15px;
      padding-left: 5px;
}
#main {
	float: left;
	color: #666;
	padding-top: 1px;
	width: 785px;
}

#footer {
	margin-top: 15px;
	padding:10px;
	background-color: #f9f9f9;
	text-align:right;
	font-size: 11px;
}
#about_login {
    font-size: 12px;
    text-align:justify;
    padding:6px 0 6px;
}
#login-form {
    border: 1px solid #ddd;
    border-top: 0px;
    width:150px;
    padding:10px;
    font-size:16px;
    text-align:left;
}
#description {
    margin: 0 auto;
    width: 98%;
    padding: 10px 0;
    text-align: justify;
}

/***** Forms *****/

.field-area {
    display: block;
    position: relative;
}
.field-area strong {
    font-size: 16px;
    letter-spacing: -1px;
}
.field-area .field-description {
	display:block;
	padding:1px 0 0 30px;
	line-height:18px;
	width:330px;
	height:54px;
	background:url('/skins/default/images/description-bracket.gif') left no-repeat;
	position:absolute;
	left:255px;
	top:13px;
}
.field-area:focus .field-description {
    color:#FFF;
}
.inputtext, .inputtext-register, .inputtext-search {
    display: block;
    border: 1px solid #e3d165;
    background-color: #fffdea;
	font-size: 16px;
	padding: 5px;
	width: 128px;
	/* vertical-align: text-bottom; */
}
.inputtext:focus, .inputtext-register:focus, .inputtext-search:focus {
    background-color: #FFF;
}
.inputtext-register {
    width: 220px;
    height: 25px;
    margin:5px 0 15px 0;
    padding:6px 0 0 7px;
}
.inputtext-search {
    display: inline;
}
#searchbox {
	float: right;
}
.submit-button, .inputsubmit {
	margin:15px 0 0 0;
	font-size:16px;
	font-weight:bold;
	background:#FFE88C;
	color:#806702;
	padding:8px 15px;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #EFCB3B;
	border-bottom:1px solid #EFCB3B;
}
.inputsubmit {
    margin: 0;
	background: url('/skins/default/images/view_all_bg_on.gif') 100% bottom no-repeat;
	padding: 5px 15px;
	margin-bottom:1px;
}
#tagcloud_editor {
    width: 164px;
	border: 1px solid #e3d165;
	background-color: #FFF;
	text-align: justify;
	font-size: 14px;
	padding: 3px;
}
.loc_selection {
	width: 170px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 5px 3px;
    background-color: #fffdea;
	border: 1px solid #e3d165;
}
.loc_selection:focus {
    background: none;
}

/***** Comments *****/

.comment {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    font-size: 11px;
}
.comment-name {
    font-size: 11px;
    font-weight: bold;
    color: #333;
}
.comment-time {
    font-size: 11px;
    color: #aaa;
}
.comment-body {
    font-size: 12px;
    color: #333;
    width:80%;
    float:left;
}
.comment-box, #ad_content {
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #333;
    border: 1px solid #e3d165;
    background-color: #fffdea;
}
.comment-box:focus, #ad_content:focus {
    background-color: #FFF;
}

/***** User Interaction *****/

#logout {
    float: right;
    font-size: 14px;
    font-weight: bold;
    background: url(/skins/default/images/divider.gif) no-repeat left 50%;
    padding-left: 10px;
    margin: 5px 0 5px 10px;
}
#avatar img, .avatar_comments {
    width: 20px;
    height: 18px;
    border: 1px solid #ccc;
    background-color: #fff;
	padding: 3px;
}
#directory {
	padding-left: 4px;
	font-size: 11px;
	position: relative;
	top: -8px;
}
#directory b {
	position: relative;
	padding-top: 5px;
	font-size: 15px;
	color: #e68217;
}
#top_menu {
	padding: 4px 4px 8px 4px;
	line-height: 17px;
	text-align: left;
	font-size: 11px;
	color: #666;
	border-top: 1px solid #ccc;
}
#top_menu b {
	position: relative;
	padding-top: 5px;
	font-size: 15px;
	color: #e68217;
	background: url(/skins/default/images/marker.gif) 50% 0 no-repeat;
}
#top_menu img {
	position: relative;
	top: 4px;
}
#top_menu a {
	text-decoration: underline;
	padding: 0 3px;
}
.rating_box {
    font-size: 12px;
    color: #444;
    text-align: center;
    margin: 0 auto;
}
.stars {
    font-size: 11px;
}
#subscriptions-switch, #favorites-switch {
	float: left;
	position: relative;
	margin: -16px 0 0 -16px;
	top: -10px;
	left: 20px;
	clear: both;
}

/***** Buttons *****/

.button a, .button a:link, .button a:visited {
	text-decoration: none;
}
.button :hover {
	border-color: #449;
}
.button_txt, .avatar-list {
	float: left;
	width: 162px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	border: 1px solid #ddd;
}
.avatar-list {
    width: 34px;
    height: 30px;
    margin: 1px;
    padding: 1px;
}
.avatar-list img {
    width: 34px;
    height: 30px;
}
.button_txt_highlight {
	float: left;
	width: 162px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	background: url(/skins/default/images/view_all_bg_on.gif) 100% bottom no-repeat;
	border: 1px solid #e3d165;
}
.viewall :hover {
	border-color: #449;
}
.viewall_txt {
	float: left;
	margin-bottom: 3px;
	width: 162px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 4px;
	border: 1px solid #ddd;
	background: url(/skins/default/images/button_bg_gray.gif) 100% bottom no-repeat;
}
.viewall_txt_highlight {
	float: left;
	margin-bottom: 3px;
	width: 162px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;
	padding: 4px;
	background: url(/skins/default/images/view_all_bg_on.gif) 100% bottom no-repeat;
	border: 1px solid #e3d165;
	color: #000;
}
.txt_color_on{
	color:#000;
}
.txt_color_off{
}
.category_num, #subscription_count, #favorite_count, #queue_count, #disabled_count, #blog_queue, #drafts, #imp_queue_count, #imp_failed_count {
    background: url(/skins/default/images/divider.gif) 0 50% no-repeat;
    float: right;
	color: #444;
	padding: 0 5px 0 10px;
	text-align: center;
}
#login-button {
    display: block;
    background: url(/skins/default/images/login-arrow.gif) 98% 50% no-repeat;
}
#lost-password {
    text-align: right;
    font-size: 9px;
    text-decoration: underline;
    padding-top: 10px;
}

/***** Tags *****/

#tagcloud {
    width: 164px;
	border: 1px solid #ddd;
	text-align: justify;
	font-size: 12px;
	padding: 3px;
	}
#tagcloud :hover {
	background-color: #04a;
	color: #FFF;
}
#tagcloud_editor {
    width: 164px;
	border: 1px solid #ddd;
	background-color: #FFF;
	text-align: justify;
	font-size: 14px;
	padding: 3px;
}
#edit_tags {
    line-height: .8em;
}

/***** Thumbnails *****/

.thumb-box, .thumb-box-hist {
    float: left;
    margin: 0;
    padding: 4px 4px 0px 4px;
	text-align:left;
	width: 149px; /* Must set if you change the thumbnail size! */
}
.thumb-box-hist {
     width: 71px; /* Must set if you change the thumbnail size! */
     padding: 5px 5px 0px 5px; /* Distance between thumbs */
}
.thumb img {
    border: 1px solid #ffae00;
    padding: 2px;
}
.thumb img:hover {
    border: 1px solid #444;
}
.thumb-text {
    font-size: 9px;
    clear: both;
    color: #999;
    line-height: 1.1;
}
.thumb-desc {
    margin-top:2px;
}
.group-title {
    color: #444;
    float: left;
    line-height: 1;
}
.new {
	float: left;
	position: relative;
	margin: -37px 0 0 -37px;
	top: 37px;
	left: 37px;
	clear: both;
}
#full-size {
    text-align:center
}
#full-size img {
    border: 1px solid #ffae00;
    padding: 2px;
}

/*** Video ***/

#video {
    height:520px;
    padding: 4px;
    border: 1px solid #ddd;
}

/*** Admin Tools ***/
#admin {
	/*
	position: absolute;
	top:0;
	left:0;
	background: #FFF;
	padding:4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	*/
}
.tools {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	text-align: center;
}
.admin_cat {
    margin: -18px;
    float: right;
    position: relative;
    top: 26px;
    right: 26px;
}
#crop_tool {
    border-bottom: 1px solid #a00;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#editor_box {
    border-bottom: 2px solid #FFE88C;
    font-size: 12px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
#editor_box h3 {
    margin-top: 3px;
}
#alert_box {
    border: 1px solid #d49e34;
    text-align: center;
    margin:10px;
}
#alert_box p {
    border: 10px solid #f4de64;
    padding: 15px;
    color: black;
}

/***** Graphs *****/

.graph {
    border: 1px solid #e3d165;
    margin: 0 auto;
    margin: 3px 0;
    cursor: pointer;
    text-align: left;
    padding: 2px;
}
.graph .bar {
    display: block;
    background: url(/skins/default/images/view_all_bg_on.gif) 100% bottom no-repeat;
    color: #333;
    height: 26px;
    line-height: 2em;
    text-align: center;
}
#drop_graph {
    height: 200px;
    margin: 10px;
}

/***** Pages *****/

.pages {
	margin-bottom: 4px; /* Fixes IE bug */
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	font-size: 75%;
	display: block;
	text-align: center;
}
.pages span.current {
	border: 1px solid #2E6AB1;
	padding-bottom: 4px;
	margin-left: 2px;
	font-weight: bold;
	background: #2E6AB1;
	color: #fff
}
.pages a,span.current,span.nextprev {
	padding: 4px 8px;
	margin-left: 2px;
	border: 1px solid #9AAFE5;
}
.pages a:hover {
	border-color: #2E6AB1;
}
.pages a.nextprev {
	padding-bottom: 4px;
	font-weight: bold;
}
.pages span.nextprev {
	border-color: #999;
	color: #999;
}
.pages .spacer {
	margin: 6px;
}

/***** Tabs *****/

.admin_tab {
    border-bottom: 2px solid #FFE88C;
    text-align: left;
    margin-top: 20px;
}
.admin_tab2 {
    height: 23px;
    background-color: #FFE88C;
    color: #806702;
    font-size: 14px;
	font-weight: bold;
    padding-bottom: 4px;
    text-align:center;
}
.admin_tab_top {
    background: url(/skins/default/images/tr-corner.gif) no-repeat top right;
}
.admin_desc {
    border-top:1px solid #EFCB3B;
    background-color: #FAFAFA;
    padding: 8px;
    margin-bottom: 15px;
    color: #444;
    text-align: justify;
    font-size: 12px;
}

/***** Gallery Options *****/

#gallery-options {
    height: 35px;
    width: 90%;
    list-style: none;
    margin: 0 auto;
    clear: both;
}
#gallery-options li {
    float: left;
    width: 49%;
    margin: 10px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	height: 16px;
}

/***** Subsection Tabs *****/
#main ul.subsection_tabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:29px;
	clear:both;
	font-size: 14px;
	font-weight: bold;
	padding-top:20px;
}
#main ul.subsection_tabs li {
	float:left;
	margin-right:1px;
	text-align:center;
	font-size: 93%;

}
#main ul.subsection_tabs li a {
	float:left;
    background:url(/skins/default/images/tableft.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 7px;
    text-decoration:none;
}
#main ul.subsection_tabs li a span {
    float:left;
    display:block;
    background:url(/skins/default/images/tabright.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#6B78A9;
}
#main ul.subsection_tabs li a:hover {
	color:#666;
}
#main ul.subsection_tabs li a.active {
	background-color:#ddd;
	background:url(/skins/default/images/tableft_on.gif) no-repeat left top;
}
#main ul.subsection_tabs li a.active span {
    float:left;
    display:block;
    background:url(/skins/default/images/tabright_on.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#000;
}
#main ul.register_tabs {
	border-bottom:none;
}
#main ul.register_tabs li a.active {
	background-color:#6d7a81;
	color:#fff;
}
.tab_data {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: #FFF;
	text-align: justify;
	font-size: 14px;
	padding: 3px;
	margin-bottom:15px;
}

/***** CROP TOOL *****/

.imgCrop_wrap {
	position: relative;
	cursor: crosshair;
}
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea {
	background-color: transparent;
}
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}
.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}
.imgCrop_selArea {
	position: absolute;
	cursor: move;
	z-index: 2;
}
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}
.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url(marqueeHoriz.gif) repeat-x 0 0;
	z-index: 3;
}
.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url(marqueeVert.gif) repeat-y 0 0;
	z-index: 3;
}
.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }
.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}
.imgCrop_handleN {
	top: -3px;
	left: 0;
	cursor: n-resize;
}
.imgCrop_handleNE {
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}
.imgCrop_handleE {
	top: 0;
	right: -3px;
	cursor: e-resize;
}
.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}
.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	cursor: s-resize;
}
.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}
.imgCrop_handleW {
	top: 0;
	left: -3px;
	cursor: w-resize;
}
.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}
.imgCrop_previewWrap {
	overflow: hidden;
	position: relative;
}
.imgCrop_previewWrap img {
	position: absolute;
}

/***** BLOG *****/

.blog-date {
    font-size: 12px;
    padding-bottom: 6px;
    color: #999;

}
.blog-title {
    font-size: 20px;
    font-weight: bold;
    padding: 6px 0;
}
.blog-author {
    font-size: 11px;
}
.blog-html {
    color: #444;
}
.blog-html a {
    font-weight: bold;
}
.blog-footer {
    clear: both;
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    text-align: right;
    font-size: 11px;
}

/***** CALENDAR *****/

#calendar {
	position: absolute;
}
.calendars_container{
	position: relative;
	float: left;
	margin: 0;
}
  .calendars_container table {
	width: 100%;
	font-size: 12px;
	text-align: center;
	border: 1px solid #e3d165;
    background-color: #fffdea;
	padding: 2px;
	margin-top: 2px;
}
    .calendars_container table .caption th{
      font-weight: bold;
      background: #FFE88C;
	  color: #806702;
      text-align: center;
}
    .calendars_container table .caption span{
      padding: 1px 0;
}
    .calendars_container table .caption a {
      display: block;
      font-weight: bold;
      background: #FFE88C;
	  color: #806702;
      text-align: center;
}
    .calendars_container table .caption a:hover {
      background: #1F8FC8;
      color: #fff
}
    .calendars_container table .caption a:active,.calendars_container table .caption a:focus {
      outline: none;
}
    .calendars_container thead tr th {
      border-bottom: 1px solid #806702;
      color: #806702;
      background: #FFE88C;
      font-weight: bold
}
    .calendars_container th, .calendars_container tr {
      text-align: center;
}
    .calendars_container thead th {
      text-align: center;
      padding: 2px;
}
    .calendars_container td {
      cursor: pointer;
      text-align: center;
      padding: 2px 3px;
}
    .calendars_container td.beyond {
      color: #555;
}
    .calendars_container td.weekendDay {
      background: #E8EEF7;
}
    .calendars_container td.clickbar {
      background: #AACCEE;
      cursor: pointer;
}
    .calendars_container td.hover {
      background: #1F8FC8;
      color: #fff
}
    .calendars_container td.today {
      background: #0066B3;
      color: #fff
}

/***** STARS *****/
.rating{
    width:80px;
    height:16px;
    margin:2px 0 5px 0;
    padding:0;
    list-style:none;
    clear:both;
    position:relative;
    background: url(/skins/default/images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li {
    cursor: pointer;
    float:left;
    text-indent:-999em;
}
ul.rating li a {
    position:absolute;
    left:0;
    top:0;
    width:16px;
    height:16px;
    text-decoration:none;
    z-index: 200;
}
ul.rating li.one a {left:0;-moz-outline:none;}
ul.rating li.two a {left:16px;-moz-outline:none;}
ul.rating li.three a {left:32px;-moz-outline:none;}
ul.rating li.four a {left:48px;-moz-outline:none;}
ul.rating li.five a {left:64px;-moz-outline:none;}

.stars0 {background-position:0 0}
.stars1 {background-position:0 -16px}
.stars2 {background-position:0 -32px}
.stars3 {background-position:0 -48px}
.stars4 {background-position:0 -64px}
.stars5 {background-position:0 -80px}

ul.rating li a:hover {
    z-index:2;
    width:80px;
    height:16px;
    overflow:hidden;
    left:0;
    background: url(/skins/default/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

/***** TABLES *****/

#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: #fff;
}
#mytable caption {
	padding: 0 0 5px 0;
	width: 100%;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: url(/skins/default/images/button_bg_gray.gif) 100% bottom repeat;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ddd;
	background: none;
}

#mytable td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}
#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.odd {
	border-left: 1px solid #ddd;
	border-top: 0;
	background: #fff url(/skins/default/images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.even {
	border-left: 1px solid #ddd;
	border-top: 0;
	background: #f5fafa url(/skins/default/images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
      .head { background: url('http://www.nakedteenies.com/images/bg_fill.gif') top repeat-x; width: 100%; }
	.desc { background: url('http://www.nakedteenies.com/images/head_04.gif'); width:169px; height:151px; font-size: 11px; vertical-align: top; text-align: center; color:#552a00; padding-top:10px; }
	.desc B { color:#7b2503; }
	.header { background: url('http://www.nakedteenies.com/images/box_02.gif'); width:235px; height:54px; text-align: center; font-size: 25px; font-weight: bolder;}