/* HTML */

body{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:hover {
	color: #0050a1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.dg { color: #333; }
	
form {
	margin: 0px;
	padding: 0px;
	}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	color: #000;
	margin-top: 6px;
	margin-bottom: 3px;
	padding: 0px;
	}

h1 {
	margin-top: 0px;
	font-size: 20px;
	}
	
h2 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: #ccc 1px dotted;
	margin: 0pt 0pt 8pt;
	}

h3 {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
}
h4 { font-size: 14px; }
h5 { font-size: 12px; }

hr {
	border: none 0; 
	border-top: 1px dashed #999; /* the border */
	height: 1px; /* whatever the total width of the border-top and border-bottom equal */
	}

.hand {
  cursor: pointer;
  /*cursor: hand;*/
}

/* My */
h3.Tab {font-size: 14px;border-bottom: 3px solid #f1f1f1; padding-left: 15px; margin-top: 3px; margin-bottom: 10px; }

.TabIn {background: #ffffff; padding: 3px 11px 3px 11px; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #fff; margin-right: 3px; margin-left: 3px; }

.TabOut {font-weight: normal; color: #000; background: #f1f1f1; padding: 2px 8px 3px 8px; }

/* Masthead Elements */
#baseDiv {
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px 10px 10px;
	text-align: left;
}

#Main {
	width: 760px; 
	float: left;
}

#standardContent {
	width: 750px; 
	float: left;
	}
	
#standardSidebar {
	width: 200px; 
	float: right;
	text-align: left;
	}

#footer {
	clear: both;
	border-top: 1px solid #999;
	margin-top: 24px;
	padding-top: 12px;
	padding-bottom: 24px;
	font-size: 11px;
	text-align: center;
	}

#footerDiv {
	clear: both;
	border-top: 1px solid #999;
	margin-top: 24px;
	padding-top: 12px;
	padding-bottom: 24px;
	font-size: 12px;
	text-align: center;
	}

/* Text */

.f10 { font-size: 10px; }
.f9 { font-size: 9px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }

.gray {
	color: #888;
	font-size: 12px;
}
.grayText { color: #666; }

.dgText {color: #333; }

.error{
	color: red; font-weight: bold; font-size: 12px; 
}

.datetime {
	color: #888;
	font-size: 12px;
}
.RealName {
	color: #333;
	font-size: 12px;
}
.nickname {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.title { 
	font-weight: bold;
	font-size: 12px; 
	}
.fixedtable {
	table-layout: fixed;
	word-wrap: break-word;
}

/* ---------- Topbar ----------- */
#topbar { 
  background: #fff; 
  color: #000; 
  height: 22px;
  border-bottom: #CCC 1px solid;
}

#topbar .topleft { 
  text-align: left;
  padding-left: 10px;
}
#topbar .topright { 
  text-align: right;
  padding-right: 10px;
}

/* ---------- Header Nav ----------- */
#gNavDiv {
	clear: both;
	margin-left: 10px;
	}
#gNavDiv .tab {
	float: left;
	width: 86px;
	margin-right: 5px;
	}
#gNavDiv .tabContent {
	height: 20px;
	padding: 8px 5px 0 5px;
	background: #E0EDFE url('http://www.nphoto.net/images/nav_tab_bg.gif') left no-repeat;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#gNavDiv .tabContent a {
	color: #003399;
	text-decoration: none;
}
#gNavDiv .selected {
	background: #D6D6D6 url('http://www.nphoto.net/images/nav_tab_bg_sel.gif') left no-repeat;
}

#gNavDiv .selected a {
	color: #333;
	text-decoration: none;
}

#gSubNavDiv {
	height: 34px;
	background: #D6D6D6 url('http://www.nphoto.net/images/nav_bg.gif');
	text-align: left;
	padding-left: 125px;
	padding-right: 20px;
	margin-bottom: 15px;
	}

#gSubNavDiv a {
	color: #000;
	}

/* ---------- Tag ----------- */
.tagCloud {
	margin-left: 5px; 
	margin-bottom: 20px; 
	line-height: 18px;
	}
	
.tagCloudBig {
	margin-left: 5px; 
	margin-bottom: 20px; 
	line-height: 28px;
	}

/* ---------- contentBox ----------- */
.contentBox {
	padding: 6px; 
	border: 1px solid #eee;
	}

.contentHeaderBox {
	background: #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-top: 0px;
	}

.contentListBox {
	background: #fff;
	border: 1px solid #ddd;
	margin-top: 0px;
	padding: 15px 10px 15px 10px;
	}

.contentFooterBox {
	padding: 3px 5px;
	border: 1px solid #ddd;
	background-color: #ddd; 
	margin-bottom: 15px;
	margin-top: 0px;
	}

.confirmBox {
	border: 3px solid #666;
	padding: 6px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #006;
	}

.errorBox {
	border: 3px solid #C00;
	padding: 6px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #C00;
	}

.tagBox {
	padding: 15px;
	border: 1px solid #CCC;
}

.highlightBox {
	padding: 9px; 
	background-color: #FFC;
	border: 1px solid #FC3;
	}

.attentionBox {
	font-weight: bold;
	padding: 6px;
	text-align: center;
	background-color: #FFC;
	border: 1px solid #FC3;
	}

/* photo */

.pimg {
	border: #ccc 1px solid;
}

#photo_img {
	margin-bottom: 50px;
	margin-top: 50px;
}

.usericon { 
  width: 75px; height: 75px; 
  border: #ccc solid 1px;
  overflow: hidden; 
  text-align: center;
  background: #fff; 
}

/* Homepage Elements */

.headerTitle {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	}

.headerTitleRight {
	float: right; 
	padding: 1px 5px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	}

.headerTitleCenter {
	padding: 1px 5px 0px 0px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	}

.contentListPremium {
	background-color: #FFC;
	}

.contentListStandard {
	background-color: #EEE;
	}

#button_bar {
	background-color: #f4f4f4;
	border: #CCCCCC 1px solid;
	margin-bottom: 20px;
	margin-top: 6px;	
}

.comment_btn { color:#fff; font-weight:bold; background-color:#cc0000; padding-bottom:5px; padding-left:20px; padding-right:20px; padding-top:5px; border:#000 1px solid; text-decoration:none; }


/* ---------- Buttons ----------- */

.butt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background:#ff6600;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	clear: none;
}
.deleteButt
{
	clear: both;
	color: #fff;
	background-color:#515151;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d1d1;
}
.cancelButt
{
	clear: both;
	color: #fff;
	background-color:#515151;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d1d1;
}


ul {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
	line-height: 18px;
}

li {
	line-height: 18px;
}

/* ---------- Blog ----------- */

.thumb {
	border: 1px solid #ddd;
}

.thumbnail {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #BFBFBF;
	margin-bottom: 3px;
}

.picture {
	background-color: #FFFFFF;
	padding: 6px;
	border: 1px solid #BFBFBF;
}

.recentFotoDate
{ 
	display: block;
	margin-bottom: 10px;
}