/*
	Skin name: ArtofPic-Elegant-Premiumskin
	Description:  ArtofPic-Elegant-Premiumskin for Mingle Forum
	Author: ArtofPic
	Author url: http://artofpic.de
	Mingle Forum url: http://artofpic.de/forum
	Version: 2
*/
#wpf-wrapper{
	line-height: normal;
	color: #696969;
	/*background-color: white; ENABLE THIS IF YOU'RE HAVING TROUBLE SEEING MENU FONTS*/
}
#wpf-wrapper th h4{
    font-size: 18px;
	font-weight: bold;
	color: #696969;
}
#wpf-wrapper strong {
    font-weight: bold;
	color: #696969;
}
#wpf-wrapper table, #wpf-wrapper div, #wpf-wrapper h2, #wpf-wrapper h3, #wpf-wrapper h4, #wpf-wrapper form{
	margin: 0;
	padding: 0;
}
#wpf-wrapper p {
    margin-bottom: 5px;
}
#wpf-wrapper small {
	color: #696969;
	font-size: 11px;
}
.wpf-table a, .wpf-post-table a, #wpf-wrapper p a, #wpf-wrapper span a, #wpf-wrapper a{
	color: #3B87BF;
	text-decoration: none;
}

#wp-mainmenu a{
	color: #696969;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}
#wp-mainmenu tr td {
    padding: 0 !important;
}

.wpf-table a:hover, .wpf-post-table a:hover, #wpf-wrapper a:hover {
	text-decoration: underline;
}

#wpf-wrapper th a {
	color: #696969;
}

#wpf-wrapper th {
	color: #fff;
}
#wpf-wrapper th.wpf-bright {
	color: #696969;
}
table.search td{
	border: none;
}
table.search{
	background: #ecedf3;
}

.topic_text p img { /*Edit This Value To Fit Your Theme*/
	max-width: 475px;
}

img.avatar {
  float: none;
  margin: 0px;
}

ul#wpf-menu, ul.wpf-postmeta {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}
ul#wpf-menu li, .wpf-postmeta li{
	list-style: none;
	padding-right: 10px;
	display: inline;
}
.wpf-table{
	border-collapse: collapse;
	padding: 5px;
	border: 0px solid #696969;
	background: #fff;
	font-size:  95%; /*If your fonts are too small try increasing this number*/
}
.wpf-post-table{
	border-collapse: collapse;
	padding: 15px;
	border-left: 1px solid #CCCCCC !important;
	border-right: 1px solid #CCCCCC !important;
	border-bottom: 1px solid #CCCCCC !important;
	background: #fff;
}
.wpf-table th, .wpf-post-table th{
	text-align:left;
	/*background: url('images/catbg.jpg') !important; ±ÛÁ¦¸ñ */
	border-bottom: 1px solid #0ba189;
	height:25px;
	font-size:12px;
	padding: 5px;
	color: #ffffff;
	background:#4bc7b3;
	/*white-space: nowrap;*/
	overflow: auto;
}

.wpf-post-table td{
	padding: 5px;
}

.wpf-table td{
	border-bottom: 1px solid #e5e5e5;
	padding-left: 5px;
	padding-right: 5px;
	padding: 5px;
	font-size: 12px;
}
.wpf-table textarea {
	width: 98%;
}
#wpf-wrapper .wpf{
	padding: 1px;
	border: 0px solid #696969;
}
.wpf-alt{
	background: #fff;
}
#wpf-wrapper .sticky{
	background:#fff;
}
#wpf-wrapper .sticky a{
	font-weight: bold;
}
td.wpf-meta{
	border-bottom: 0px solid #adadad;
	padding: 0;
	margin: 0;
}
td.wpf-meta a{
	font-weight: bold;
}
.wpf-small{
	margin-bottom: 10px;
}

.wpf-table h2{
	margin: 0;
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #fff;
}

th.wpf-bright{
	/* background: url('images/catbg.jpg') !important; stick topics Æ÷·³Á¦¸ñ */
	color: #000;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #e5e5e5;
	background:#f8f8f8;
	height:16px;
}
th.wpf-bright h3{
	margin: 0;
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
}
.wpf-avatar{
	padding: 5px;
}

#wpf-wrapper a img, #wpf-wrapper img {
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
}
.updated{
	background: #fffbcc;
	border: 1px solid #e6db55;
	padding: 5px;
	margin-bottom: 1em;
}
.
#wpf-wrapper blockquote{
	background: #d7daec;
	border: 1px solid #6081a0;
	padding-left: 5px;
	margin: 0;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
	color: white;
	_text-transform: uppercase;
	vertical-align: top;
}
.maintab_back, .maintab_active_back
{
	color: white;
	text-decoration: none;
	vertical-align: top;
	padding: 2px 6px 6px 6px;
	font-family: tahoma, sans-serif;
}
.maintab_first
{
	background: url(images/maintab_first.gif) left bottom no-repeat !important;
	width: 10px;
}
.maintab_back
{
	background: url(images/maintab_back.gif) left bottom repeat-x !important;
}
.maintab_last
{
	background: url(images/maintab_last.gif) left bottom no-repeat !important;
	width: 12px;
}
/*
.maintab_active_first
{
	background: url(images/maintab_active_first.gif) left bottom no-repeat !important;
	width: 6px;
}
.maintab_active_back
{
	background: url(images/maintab_active_back.gif) left bottom repeat-x !important;
}
.maintab_active_last
{
	background: url(images/maintab_active_last.gif) left bottom no-repeat !important;
	width: 8px;
}
*/

/* how links behave in main tab. */
#wpf-wrapper .maintab_back a:link , #wpf-wrapper .maintab_back a:visited, #wpf-wrapper .maintab_active_back a:link , #wpf-wrapper .maintab_active_back a:visited
{
    color: #696969;
    font-size: 12px;
    text-decoration: none;
    vertical-align: baseline;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
	color: #e0e0ff;
	text-decoration: none;
	
}

/* definitions for the mirror tab */
#wpf-wrapper .mirrortab_first, #wpf-wrapper .mirrortab_back, #wpf-wrapper .mirrortab_last, #wpf-wrapper .mirrortab_active_first, #wpf-wrapper .mirrortab_active_back, #wpf-wrapper .mirrortab_active_last
{
	color: #696969;
	vertical-align: top;
}
#wpf-wrapper .mirrortab_back, #wpf-wrapper .mirrortab_active_back
{
	color: 696969;
	text-decoration: none;
	vertical-align: bottom;
	padding: 6px 6px 2px 6px;
	font-family: tahoma, sans-serif;
}

.mirrortab_first
{
	background: url(images/mirrortab_first.gif) no-repeat !important;
	width: 12px;
}
.mirrortab_back
{
	background: url(images/mirrortab_back.gif) repeat-x !important;
}
.mirrortab_last
{
	background: url(images/mirrortab_last.gif) no-repeat !important;
	width: 12px;
}
/* how links behave in mirror tab. */
#wpf-wrapper .mirrortab_back a:link ,#wpf-wrapper  .mirrortab_back a:visited,#wpf-wrapper  .mirrortab_active_back a:link , #wpf-wrapper .mirrortab_active_back a:visited
{
    color: #696969;
    font-size: 12px;
    text-decoration: none;
    vertical-align: top;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
	color: #e0e0ff;
	text-decoration: none;
}

pre.code{
	width: 90%;
	background: #FFFFFF;
	border: solid 1px #ccc;
	padding: 5px;
	overflow: auto;
	white-space: pre-wrap;
	font-size: 95%; /*If font is too small try increasing this*/
}
blockquote {
	width: 90%;
	background: #FFFFFF;
	border: solid 1px #ccc;
	margin-bottom: 10px;
	padding: 5px;
	overflow: auto;
	white-space: pre-wrap;
	font-size: 95%; /*If font is too small try increasing this*/
}
#trail{
	margin-top: 20px;
}
 
#wpf-info{
	text-align:center; 
	padding:5px; 
	border:1px solid #adadad;
	margin-top:15px !important;
	background: #fff;
}
#wpf-wrapper{
	font-size: 95%; /*If fonts are too small try increasing this*/
	background: none repeat scroll 0 0 #FFFFFF;
	/*
    border: 1px solid #CCCCCC;
	-khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	*/
}
#wpf-wrapper td, #wpf-wrapper th{
	vertical-align: top;
}
#wpf-wrapper th{
	vertical-align: middle;
	padding: 5px !important;	
}

/*Attempt to make the forum look better with more themes*/
#forummenu td, #topicmenu td {
	padding:1px !important;
	padding-left:3px !important;
	margin:0 !important;
	height:25px !important;
	vertical-align:middle !important;
}
.maintab_first, .mirrortab_first {
	font-size:5px !important;
}
.pop_menus td{
	padding-top:10px;
	margin:0 !important;
	text-align:center;
}
.pop_menus td span{
	margin:10 auto;
}
#upshrinkHeader {
background: url('images/memberbox.png') !important;
}
#wpf-wrapper form input {
    font-size: 11px;
    margin: 2px;
}
.wpf-meta-table, .wpf-meta-table td, .wpf-meta-table table, .pop_menus td, .forenicons {
    border: medium none !important;
}
#wpf-wrapper, #content tr td {
    padding: 5px !important;
}
td.autorpostbox {
    background-color: #DEDEDE;
    text-align: center;
    border-right: 1px solid #CCCCCC;
}
.borderless {
    border: none !important;
}
#wpf-login-button {
    background: url("images/login.png") no-repeat scroll 0 0 transparent;
    width: 60px;
    height: 20px;
    border: medium none;
	cursor: pointer;
}
#wpf-search-submit {   
    background: url("images/search.png") no-repeat scroll 0 0 transparent;
    width: 60px;
    height: 20px;
    border: medium none;
	cursor: pointer;
}
#log-input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 8px 0 0 5px !important;
    padding: 3px;
    width: 120px !important;
}
#search-input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 8px 0 0 5px !important;
    padding: 3px;
    width: 120px !important;
}
#profileHeader p {
    margin: 0 0 5px;
}
#wpf-wrapper hr {
    width: 80%;
    margin-bottom: 10px;
}
#wpf-bodybackground {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
	-khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}
#wpf-wrapper .posttop {
    border-bottom: 1px solid #CCCCCC !important;
    font-size: 13px;
    padding-top: 0 !important;
}
#wpf-wrapper .avatar {
    background: none repeat scroll 0 0 #E7E7E7 !important;
    border: 1px solid #FFFFFF;
    float: none;
    margin: 0 0 10px !important;
    padding: 8px !important;
}
.wpf-meta-table .topic_text td {
    border: 1px solid #CCCCCC !important;
	text-align: center;
}
.wpf-meta-table .topic_text table {
    background: #FFFFFF ;
    border: 1px solid #CCCCCC !important;
    color: #666666;
	width: auto !important;
}
#mingle-spoiler-view {
    font-family: arial;
    font-size: 11px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#mingle-spoiler-view li {
    cursor: pointer;
    margin: 10px 0 10px 0;
    position: relative;
}
#mingle-spoiler-view h3 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    margin: 0;
    padding: 2px 0;
    text-align: center;
    width: 50px;
}
#mingle-spoiler-view span {
    color: #CCCCCC;
    font-size: 13px;
    position: absolute;
    right: 5px;
    top: 0;
}
#mingle-spoiler-view p {
    display: none;
    margin: 5px 0;
}
#wpf-wrapper .topic_text {
    height: 150px;
    padding-top: 10px !important;
    padding-bottom: 50px !important;
}
#wpf-wrapper .user_desc {
    border-top: 1px dotted #999999 !important;
}
#wpf-wrapper .statsinfo {
    line-height: 25px;
}