/* Dropdown
----------------------------------------------------------- */

ul.dropdown {
	position: relative;
	float: left;
}

ul.dropdown li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599 !important;
	cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

ul.dropdown ul li {
	float: none;
}

ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

/* Text
----------------------------------------------------------- */

.pad {
	padding: 0 0 15px 0 !important;
}

.small {
	font-size: 11px !important;
}

.smallpink {
	font-size: 10px !important;
	color: #ed39ac;
}

.pinkname {
	color: #ef4646;
}

.smallest {
	font-size: 9px !important;
}

.medium {
	font-size: 12px !important;
}

.big {
	font-weight: bold;
	font-size: 16px !important;
}

.gray {
	color: #999 !important;
}

.statusfree {
	color: #26718f;
}

.statusprem {
	color: #ef4646;
}

.statusposted {
	color: #003300;
}

.statusnposted {
	color: #990000;
}

.nowrap {
	white-space: nowrap;
}

a.dot {
	background: url(../i/dot-h1.gif) repeat-x left bottom;
}

a.dot:hover {
	background: none;
}

.flatlist li {
	display: inline;
	float: left;
	padding: 0 0 0 1em;
	font-size: 12px;
}

.spliter {
	padding: 0 .5em;
	color: #ccc;
}

/* Layout
----------------------------------------------------------- */

.l {
	display: inline;
	float: left;
	padding: 0 1em 0 0;
}

.r {
	display: inline;
	float: right;
}

.r p,
.l p,
p.r {
	padding: 3px 0 0 0;
}

/* Title
----------------------------------------------------------- */

.title {
	padding: 0 0 1em 0;
}

.title h2 {
	padding-top: .6em;
}

.title h3 {
	padding: 1em 0 !important;
}

.title p {
	padding: 0 0 1em 0;
	font-size: 13px;
}

/* Content
----------------------------------------------------------- */

.content {
	padding: 0 15px 15px 15px;
}

.content h2 {
	padding-top: .6em;
}

.content h3 {
	padding: 1em 0 !important;
}

.content p {
	padding: 0 0 1em 0;
	font-size: 13px;
}

.content blockquote {
	padding: 0 3em;
}

.content ul,
.content ol {
	padding: 0 3em 1em 3em;
}

.content li {
	padding: 0 0 .3em 0;
	font-size: 13px;
}

.content ul li {
	list-style: disc;
}

.content ol li {
	list-style: decimal;
}

.input-search {
	padding: 2px 0 2px 20px;
	font: 11px Arial;
	color: #666;
	border: solid 1px #ddd;
	border-left-color: #aaa;
	border-top-color: #aaa;
	background: #fff url(../i/ico-input-search.gif) no-repeat 4px 3px;
}

/* Two columns in Body
----------------------------------------------------------- */

.col-left {
	float: left;
	width: 175px;
}

.col-right {
	float: right;
	width: 510px;
}

#Blog .col-right {
	width: 765px !important;
}

/* Tab panel: thumb 1
----------------------------------------------------------- */

.tp-thumbs {
	padding: 0 0 15px 0;
}

.tp-thumbs-shell {
	padding: 20px 0 0 25px;
}

/* Tab panel: video
----------------------------------------------------------- */

.tp-video {
	padding: 0 0 15px 0;
}

.tp-video-shell {
	padding: 15px;
}

.tp-video .v-play {
	float: left;
	width: 320px;
}

.tp-video .v-play p {
	font-size: 11px;
	color: #666;
}

.tp-video .v-list {
	float: right;
	width: 320px;
	height: 300px;
}


/* scrollbar */

#scrollbar {
	width: 320px;
	height: 300px;
	clear: both;
}

#scrollbar .viewport {
	width: 310px;
	height: 300px;
	overflow: hidden;
	position: relative;
}

#scrollbar .overview {
	position: absolute;
	left: 0;
	top: 0;
}

#scrollbar .scrollbar {
	position: relative;
	float: right;
	width: 10px;
}

#scrollbar .track {
	position: relative;
	padding: 0;
	width: 10px;
	height: 100%;
	background: #c8dce0;
}

#scrollbar .thumb {
	position: absolute;
	top: 0;
	height: 20px;
	width: 10px;
	overflow: hidden;
	cursor: pointer;
	background: #8ab1c1 url(../i/bg-scroller.png) no-repeat 2px center;
}

#scrollbar .thumb:hover {
	background-color: #26718f;
}

#scrollbar .thumb .end {
	overflow: hidden;
	height: 5px;
	width: 10px;
}

#scrollbar .disable {
	display: none;
}

/* dbvideo
----------------------------------------------------------- */

.dbvideo {
	margin: 20px 0 30px 0;
}

.dbvideo .vbox {
	display: inline-block;
	padding: 10px 0;
	width: 318px;
	vertical-align: top;
	background: #ebf7fb;
	border: solid 1px #a6d8ec;
	border-radius: 3px;
}

.dbvideo .vbox:first-child {
	border-right: solid 1px #a6d8ec;
}

.dbvideo .vbox:last-child {
	float: right;
}

.dbvideo .vbox > div {
	padding: 0 15px;
}

.dbvideo .vbox .b {
	margin: 5px 0;
	padding: 15px 15px 12px 15px;
	background: #f3fafc;
	border-top: solid 1px #cde6f0;
	border-bottom: solid 1px #cde6f0;
}

.dbvideo h3 {
	padding: 0 0 5px 0;
}

.dbvideo p {
	padding: 0 0 5px 0;
	font-size: 12px;
	line-height: 15px;
}

.dbvideo .b {
	padding: 0 0 5px 0;
}

.dbvideo .f {
	padding-top: 5px !important;
	font-size: 11px;
	text-align: center;
}

/* Allstars
----------------------------------------------------------- */

.alstars {
	float: left;
	width: 140px;
	height: 60px;
}

/* News (side)
----------------------------------------------------------- */

.news {
	padding: 0 0 15px 0;
}

/* Latest logged (side)
----------------------------------------------------------- */

.tp-logged {
	padding: 0 0 15px 0;
}

.tp-logged-shell {
	padding: 15px 0 0 22px;
}

.tp-logged-shell .t-box2 {
	display: inline;
	float: left;
	padding: 0 22px 22px 0;
}

/* Testimonials (side)
----------------------------------------------------------- */

.testimonials {
	padding: 0 0 15px 0;
}

/* Profile Image Caption
----------------------------------------------------------- */

.testimonials {
	padding: 0 0 15px 0;
}

/* Box (side)
----------------------------------------------------------- */

.browse-side,
.box-side {
	margin: 0 0 15px 0;
}

/* Ads (side)
----------------------------------------------------------- */

.ad-side {
	padding: 0 0 15px 0;
	position: relative;
	z-index: 1;
}

/* Blog: Search bar
----------------------------------------------------------- */

.searchbar {
	padding: 0 0 25px 0;
}

/* Blog: listing blogs
----------------------------------------------------------- */

.list-blog {
	padding: 0 0 1em 0;
}

/* Blog: user pic
----------------------------------------------------------- */

.user-blog {
	padding: 0 0 15px 0;
	text-align: center;
}

.user-blog .t-box2 {
	margin: 0 auto;
	width: 84px;
}

/* Contri: Cols
----------------------------------------------------------- */

#ContriBody {
	float: left;
	width: 600px;
}

#ContriSide {
	float: right;
	width: 340px;
}

/* Contri: thumbs
----------------------------------------------------------- */

.contri-thumbs {
	padding: 0 0 1em 0;
}

.contri-thumbs .t-box {
	display: inline-block;
	padding: 0 0 10px 0;
}

/* Login: Cols
----------------------------------------------------------- */

#LoginBody {
	float: left;
	width: 400px;
}

#LoginSide {
	float: right;
	width: 520px;
}

#Body #LoginBody {
	width: 300px;
}

#Body #LoginSide {
	width: 380px;
}

/* Title
----------------------------------------------------------- */

.conrititle {
	padding: 0 0 0 0;
}

.conrititle h2 {
	padding-top: 0.1em;
	color: #666;
}

.conrititle h3 {
	padding: 1em 0 !important;
}

.conrititle p {
	padding: 0 0 1em 0;
	font-size: 13px;
}

/* Clearfix
----------------------------------------------------------- */

.br:after,
.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.br,
.clear {
	display: block;
}

.br,
.clear {
	.display: inline-block;
}

* html .br,
* html .clear {
	height: 1%;
}

/* Sitemap
----------------------------------------------------------- */
.sitemap {
	clear: both;
}
.sitemap .column3 {
	display: inline-block;
	margin: 0 0 2em 0;
	width: 50%;
	vertical-align: top;
}
.sitemap .column3 ul {
	margin: 0;
	padding: 0 1em;
}
.sitemap .column3 li {
	padding: 0 0 .25em 0;
	font-size: 12px;
	line-height: 18px;
	list-style: square;
}