#content_wrap {
	float:left;
	overflow:hidden;
	width:100%;
}

/****************************************************************/
/* 1. INITIAL SETTINGS */
/****************************************************************/

.pun TABLE, .pun DIV, .pun FORM, .pun P, .pun H1, .pun H2, .pun H3,
.pun H4, .pun PRE, .pun BLOCKQUOTE, .pun UL, .pun OL, .pun LI, .pun DL,
.pun DT, .pun DD, .pun TH, .pun TD, .pun FIELDSET, .pun IMG {
	MARGIN: 0px;
	PADDING: 0px;
	FONT-WEIGHT: normal;
	LIST-STYLE: none;
}

.pun IMG {BORDER: none}

.pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {MARGIN: 0}

/****************************************************************/
/* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 2.1 Clearing floats and invisible items */
.pun .clear, .pun .nosize {
clear:both;
height: 0;
width: 0;
line-height: 0;
font-size: 0;
overflow: hidden
}

.pun .clearer, .pun .clearb {CLEAR: both}
.pun .nosize {POSITION: absolute; LEFT: -10000px}

/* 2.2 Overflow settings for posts */

DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}

/****************************************************************/
/* 3. BUG FIXES - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 3.1 This attempts to eliminate rounding errors in Gecko browsers. */

DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px}

/* 3.2 This is only visible to IE Windows and cures various bugs. Do not alter comments */

/* Begin IEWin Fix \*/
* HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {HEIGHT: 1px}
/** HTML .inbox DIV.postmsg {WIDTH: 98%}*/
/* End of IEWin Fix */

/****************************************************************/
/* 4. HIDDEN ELEMENTS */
/****************************************************************/

#brdheader div.box
{
background-color:#fff5d2
}

/****************************************************************/
/* 5. BOX CONTAINERS AND FLOATS */
/****************************************************************/

/* 5.1. Setup all left and right content using floats. */

.conr {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: right;
	WIDTH: 40%
}

.conl {
	FLOAT: left;
	WIDTH: 80%;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap
}

LABEL.conl {
	WIDTH: auto;
	OVERFLOW: visible;
	MARGIN-RIGHT: 10px
}

/* 5.2 Set up page numbering and posts links */

DIV.linkst .conl, DIV.linksb .conl, DIV.postlinksb .conl {WIDTH:250px}

DIV.linkst .conr, DIV.linksb .conr, DIV.postlinksb .conr {WIDTH:250px}

FORM DIV.linksb .conr {WIDTH: 500px}

/* 5.3 Keep breadcrumbs from shifting to the right when wrapping */

.linkst UL, linksb UL, .postlinksb UL {MARGIN-LEFT: 12em}

/* 5.4 Settings for Profile and Admin interface.*/

DIV.block2col {PADDING-BOTTOM: 1px}

DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {MARGIN-LEFT: 14em}

DIV.blockmenu, #viewprofile DT {
	FLOAT:left;
	WIDTH: 13em
}

#profileavatar IMG {
	FLOAT: right;
	MARGIN-LEFT: 1em
}

#viewprofile DL {FLOAT: left; WIDTH: 100%; OVERFLOW: hidden}



/****************************************************************/
/* 6. TABLE SETUP */
/****************************************************************/

/* 6.1 Table Basic Setup */

.pun TABLE {WIDTH: 100%}

/* 6.2 Fixed Table Setup */

#punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}

.tcl {TEXT-ALIGN: left; WIDTH: 50%}

.tc2, .tc3, .tcmod {WIDTH: 9%; TEXT-ALIGN: center}

.tcr {WIDTH: 32%; TEXT-ALIGN: left}

#punsearch #vf .tcl, #punmoderate #vf .tcl {WIDTH: 41%}

#punsearch #vf .tc2 {WIDTH: 18%; TEXT-ALIGN: left}

.tcl, .tcr {OVERFLOW: HIDDEN}

/* 6.3 Other Table Setup */

#users1 .tcl {WIDTH: 40%}

#users1 .tcr {WIDTH: 25%}

#users1 .tc2 {WIDTH: 25%; TEXT-ALIGN: left}

#users1 .tc3 {WIDTH: 10%; TEXT-ALIGN: center}

#debug .tcr {WIDTH: 85%; WHITE-SPACE: normal}

#punindex TD.tcr SPAN.byuser {DISPLAY: block}

/****************************************************************/
/* 7. VIEWTOPIC SETUP */
/****************************************************************/

/* 7.1 This is the basic structure. */

DIV.postleft, DIV.postfootleft {
	FLOAT:left;
	WIDTH: 12em;
    padding-bottom:32767px;
    margin-bottom:-32767px;
width:130px;
padding-top:5px;
}

div.postright
{
display:block;
padding:6px;
}

DIV.postfootright, P.multidelete {TEXT-ALIGN: right}

DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px}

/* 7.4 These items control overflow and scrolling within posts. */

DIV.incqbox {OVERFLOW: hidden}
DIV.scrollbox {WIDTH: 100%; OVERFLOW: auto}
IMG.postimg {max-width: 100%}
A .postimg {max-width: 100%}

/* 7.6 Create the horizontal line above signatures */

DIV.postsignature HR {
	MARGIN-LEFT: 0px;
	WIDTH: 200px;
	TEXT-ALIGN: left;
	HEIGHT: 1px;
	BORDER:none
}

/* 7.7 Maximum height for search results as posts. Position go to post link */

DIV.searchposts DIV.postmsg {}
DIV.searchposts DD P {PADDING-TOP: 3em}

/* 7.8 Class for bbcode [u] */

SPAN.bbu {TEXT-DECORATION: underline}

/****************************************************************/
/* 8. LISTS SPECIAL SETTINGS */
/****************************************************************/

/* 8.1 Horizontal display of online list, main navigation menu and breadcrumbs */

#onlinelist DD, #onlinelist DT, #brdmenu LI, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,
DIV.postfootright LI, UL.bblinks LI {
	DISPLAY: inline;
	HEIGHT: 0
}

/* 8.2 Turn on square icon for posterror list */

#posterror UL LI {LIST-STYLE: square inside}

/* 8.3 Right alignment of descriptions in ordinary member view of other members profiles */

#viewprofile DT {TEXT-ALIGN: right}

/****************************************************************/
/* 9. FORM SETTINGS */
/****************************************************************/

/* 9.1 Makes textareas and long text inputs shrink with page */

DIV.txtarea {WIDTH: 85%}

DIV.txtarea TEXTAREA, INPUT.longinput {WIDTH: 100%}

.pun LABEL {DISPLAY: block}

#qjump SELECT {WIDTH: 50%}

/****************************************************************/
/* 10. HELP FILES AND MISC. */
/****************************************************************/

/* 10.1 Put some space between sections of the help file */

#helpfile H2 {MARGIN-TOP: 12px}

/* 10.2 Internal padding */

#helpfile DIV.box {PADDING: 10px}

/* 10.3 Other templates */

#punredirect DIV.block, #punmaint DIV.block {MARGIN: 50px 20% 12px 20%}

.forum-user{
font-size:10px;
}
.forum-user img{
padding:0 7px 0 7px;
padding-bottom: 0px;
}

.forum-user .name{
color:#FF9900;
font-family:Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:15px;
text-decoration:none;
padding-top: 5px;
}

.forum-user .rank{
color:#a60d77;
}

.but-mail, but-tchat, but-vchat, but-sms,but-call,but-voice{
background:transparent url(../../../i/ver6/sampler_search.png) no-repeat scroll 0%;
overflow:hidden;
}

/****************************************************************/
/* 11. Text editor. */
/****************************************************************/

.bb-editor{
   margin-botton:15px;
   margin-top:5px;
   background-color:#FFFFFF;
	margin-top:10px!important;
	margin-bottom:10px!important;

}
.toolbar {
    border-color:#C1D2EE;
    border:1px;
}

.bbcode_button {
	margin: 1px;
}
.bbcode_button:hover {
/*	background-color: #C1D2EE; */
/*	border: 1px solid #316AC5;*/
	cursor: pointer;
	margin: 0px;
}

.border{
}


/****************************************************************************************************************************************



##      Mod title:  		Easy_Visual_BBCode

##      Mod version: 		1.5
##   	Works on PunBB: 	1.2.15
##     	Release date:  		2007-07-25
##      Author: 			Niklas Olofsson. (no64)

##      Description:  		Adds several BBCodes to embed videos in posts
##		     				Adds Button Grafics into Rickard's Easy BBCode (if installed)

##   	Affected files:  	include/parser.php
##							mod_easy_bbcode.php (If Rickard's Easy BBCode is installed)
##							style/imports/base.css


##      Affects DB:  		No

##      Notes:  			Add these BBCodes: (For more info read the "how_to" file)
##
##							[youtube]
##							[googlevid]
##							[myvideo]
##							[clipfish]
##							[dailymotion]
##							[metacafe]
##							[ifilm]
##							[sevenload]
##							[garagetv]
##							[revver]
##							[guba]
##							[myspace]
##							[yahoo]
##							[aniboom]
##							[veoh]
##							[virb]
##							[videojug]
##							[vsocial]
##							[esnips]
##							[brightcove]

##							[megavideo]						Player with "Start-Picture", but use Video ID fro "Embed" Code
##							[megavideo2]					Player without "Start-Picture", but use Video ID from URL

##							[stage6]
##							[stage6 width=? height=?]



##							[quicktime]						Quicktime Files (fixed dimensions)
##							[quicktime width=? height=?]	Quicktime Files (width and height settings)

##							[divx]							DivX Files (fixed dimensions)
##							[divx width=? height=?]			DivX Files (width and height settings)

##							[wmp width=? height=?]			Windows Media (width and height settings)

##							[swf width=? height=?]			Flash Files (width and height settings)
##							[swf height=?]					Flash Files (width 100% , height settings)
##							[swf]							Flash Files (fixed dimensions)

##							[flv]							FLV Videos with Jeroen Wijering's Player *
##							[mp3]							Mp3 Music with Jeroen Wijering's Player *


##							* 	to use this feature you need to download and install Jeroen Wijering's Player seperately. Find the player here:
##		  						http://www.jeroenwijering.com/?item=JW_Media_Player
##		 						Grab the file "mediaplayer.swf" - rename it to "mod_mediaplayer.swf" and upload to the forum root.



##							[center]		Text - center
##							[left]			Text - left align
##							[right]			Text - right align
##							[size=?]		Font - size
##							[hr]			Rule - horizontal

##							[ul]			List - Bullets
##							[ol]			List - Decimal
##							[li]			List - None



##      DISCLAIMER:  		Please note that "mods" are not officially supported by
##                    		PunBB. Installation of this modification is done at your
##                    		own risk. Backup your forum database and any and all
##                    		applicable files before proceeding.

##	 	ICONS:				I used some fabulous icons for the button grafics!
							http://www.famfamfam.com/lab/icons/silk/






##		INSTALLATION:		In "base.css" add this to the end of the file:

**************************************************************************************************************************************/


/****************************************************************/
/*#########################################################*/
/*###########... Begin Easy_Visual_BBCode ...   ###########*/
/*#########################################################*/
/********************  CSS for Toolbars ****************************/
.bbtitel  { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #ccc }
#bbtoolbar {
	text-align: center; margin-top: 5px; padding: 3px 6px; width: auto; height: 20px; border: solid 1px #ccc
	}
#bbtoolbar2 { text-align: center; margin-top: 1px; padding: 3px 6px; position: relative; width: auto; height: 20px; border: solid 1px #ccc }
div.bbcode { text-align: center; margin-top: 5px; padding: 3px 3px 5px; width: auto; height: auto; border: solid 1px #ccc }
img.bbcode { cursor: pointer; margin-right: 2px; padding: 2px 3px }
img.bbcode:hover { background-color: #e4e4e4; cursor: pointer; margin-right: 2px; padding: 2px 3px }
img.spacer { margin-bottom: 1px; margin-left: -2px }
#bbmovies  { text-align: center; display: none; margin-top: 4px; padding: 5px 6px; width: auto; height: auto; overflow: hidden; border: solid 1px #ccc }
#bbsmiles  { text-align: center; display: none; margin-top: 4px; padding: 5px 6px; width: auto; height: auto; overflow: hidden; border: solid 1px #ccc }
img.vid_spacer { margin-bottom: 2px; margin-left: -2px }
#bbmovies_divider { color: #ccc; background-color: #ccc; margin-top: 5px; margin-bottom: 5px; width: 100%; height: 1px; border: 0 }
#bbsmiley  { text-align: center; display: none; margin-top: 4px; padding: 10px 30px; width: auto; height: auto; max-height: 100px; overflow: auto; border: solid 1px #ccc }
#bbsmiley IMG { margin: 1px }
/****************************************************************/
/************ Post Styling BBCodes ******************************/
div.postmsg span.bbu  { text-decoration: underline }
div.postmsg span.bbs { text-decoration: line-through }
div.postmsg .bbcenter { text-align: center }
div.postmsg .bbleft { text-align: left }
div.postmsg .bbright { text-align: right }
div.postmsg .bbjustify { text-align: justify }
div.postmsg .bbindent { line-height: 1em; margin-left: 40px }
div.postmsg span.bbhighlight { background-color: #ff6; padding-right: 4px; padding-bottom: 3px; padding-left: 4px }
div.postmsg HR { color: #cccccc; background-color: #cccccc; text-align: center; height: 1px; border: none; align=center: 80%  }
div.postmsg PRE   { color: #660; font-size: 1.2em; font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace }
div.postmsg ol, div.postmsg ul { margin-left: 40px }
div.postmsg li { margin-left: 40px; padding: 0 }
div.postmsg ol li { list-style-type: decimal; margin: 0 }
div.postmsg ul li { list-style-type: disc; margin: 0 }
div.postmsg .bbvideo   { text-align: center; margin-top: 10px; margin-bottom: 10px; padding: 0; width: auto; height: auto; clear: both }
/****************************************************************/
/*********** overwrites the base textarea settings **************/
/* The width of the whole commentsarea */
DIV.txtarea { width: 100% }
/****  The Textarea ****/
DIV.txtarea TEXTAREA { margin-top: 5px; margin-bottom: 5px; width: 100%; height: 250px }
/****************************************************************/
/*##########################################################*/
.line_stat
{
width: 80px;
height: 12px;
background-color:#ffffff;
display: block;
position: relative;
top: -2px;
_left: 2px;
text-align: right;
font-size: 9px;
}

body:last-child:not(:root:root) .line_stat {top: 0px;}

.online
{
background: url(../../../i/forum/stat_on.gif) no-repeat top left;
color: #f99708;
}

.offline
{
background: url(../../../i/forum/stat_off.gif) no-repeat top left;
color: #8d8d8d;
}

div.kudos
{
display:block;
width:91px;
height:23px;
background: url(../../../i/forum/give_kudos.gif) no-repeat top left;
cursor:pointer;
}

div.forum_subscribe
{
display:block;
width: 86px;
height: 28px;
position: absolute;
background: url(../../../i/forum/subscribe.gif) no-repeat;
cursor: pointer;
left: 630px;
margin-top: -7px;
}
/*##########################################################*/
.expert_pin
{
position: absolute;
width: 50px;
height: 67px;
left: 18px;
_left: 2px;
}
.sex_exp
{
background: url('../../../i/forum/expert/sex.png') no-repeat bottom left;
_background: url('../../../i/forum/expert/sex.gif') no-repeat bottom left;
}
.love_exp
{
background: url('../../../i/forum/expert/love.png') no-repeat bottom left;
_background: url('../../../i/forum/expert/love.gif') no-repeat bottom left;
}
.fun_exp
{
background: url('../../../i/forum/expert/fun.png') no-repeat bottom left;
_background: url('../../../i/forum/expert/fun.gif') no-repeat bottom left;
}
.flirt_exp
{
background: url('../../../i/forum/expert/flirt.png') no-repeat bottom left;
_background: url('../../../i/forum/expert/flirt.gif') no-repeat bottom left;
}
.discus_exp
{
background: url('../../../i/forum/expert/discus.png') no-repeat bottom left;
_background: url('../../../i/forum/expert/discus.gif') no-repeat bottom left;
}
.dating_exp
{
background: url('../../../i/forum/expert/dating.png') no-repeat bottom left;
_background: url('../../../i/forum/expert/dating.gif') no-repeat bottom left;
}

div.best_block
{
width: 374px;
height: 455px;
float: left;
padding: 5px 0 0 0;
padding: 0;
}

div.left_marg
{
padding-left:20px;
}
* html div.left_marg
{
padding-left:0;
}

div.wall
{
width: 374px;
height: 245px;
margin: 0;
padding: 0;
background: url(../../../i/forum/best_bg.gif) repeat-y;
text-align: center;
overflow: visible;
}

div.wall_top
{
background: url(../../../i/forum/best_top.gif) top left no-repeat;
}

div.wall_bot
{
background: url(../../../i/forum/best_bot.gif) bottom left no-repeat;

}

div.wall h2
{
padding-top: 0px;
_padding-left: 10px;
padding-bottom: 5px;
color: #FFFFFF;
font-family: Tahoma, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
margin: 0px;
}

div.top_ten
{
height: 33px;
background: url(../../../i/forum/top_bg.gif) repeat-y;
overflow: hidden;
width: 361px;
margin: 0 6px;
}

div.top_form
{
width:158px;
height: 33px;
float: left;
margin: 0;
padding: 0 0 0 0px;
}

div.top_form select
{
font-weight: bold;
height: 18px;
font-size: 11px;
margin: 7px 0 0 4px;
}


div.top_list
{
width: 361px;
height: 192px;
margin: 0 6px;
background: #efefef;
overflow: hidden;
background: url(../../../i/forum/top_bg.gif) repeat-y;
}

div.top_list_bot
{
width: 361px;
height: 192px;
background: url(../../../i/forum/top_down.gif) no-repeat bottom left;
}

div.experts
{
width: 768px;
height: 264px;
background: url(../../../i/forum/expert_bg.gif) repeat-y;
margin: 20px 0 0px 0;
border: 0px solid;
}

div.expert_top
{
background: url(../../../i/forum/expert_top.gif) no-repeat top left;
margin: 0px;
}

div.expert_bot
{
background: url(../../../i/forum/expert_bot.gif) no-repeat bottom left;
margin: 0px;
}

div.expert_bot h2
{
color:#a5107a;
}

div.wall_fotos
{
width: 374px;
_margin-left:0px;
padding: 0 10px;

}

div.foto_block
{
width: 118px;
height: 150px;
float: left;
}

div.foto_block h3
{
color:#b5b501;
font-size: 18px;
margin-bottom: 10px;
margin-top: 10px;
font-weight: normal;
}

div.foto_block a
{
color: #a5107a;
}
div.foto_block a.screenname
{
display:block;
overflow-x:hidden;
width:110px;
}

div.foto_block p
{
margin: 0;
padding: 1px 0 0 0;
color: #5e5e5e;
font-size: 10px;
font-weight: bold;
font-family: tahoma, Arial, verdana, sans-serif;
}

div.foto_block div.stars_block
{
margin:0;
padding:2px 0 0 17px;
text-align:center;
}
* html div.foto_block div.stars_block
{
padding:2px 0 0 0;
}
* + html div.foto_block div.stars_block
{
padding:2px 0 0 0;
}
div.foto_block div.stars_block .rating_widget,
div.foto_block div.stars_block .rating_widget div
{
position: static;
}
div.expert_fotos
{
width: 768px;
margin: 18px 17px;
}

div.expert_fotos .foto_block
{
width: 123px;
}

div.foto_block .expert_pin
{
margin-bottom: 5px;
width: 121px;
height: 49px;
}

div.top_ten_h
{
width: 130px;
height: 30px;
float: left;
text-align: left;
margin: 0;
padding: 6px 0 0px 10px;
}

div.top_ten_h h3
{
color: #a5107a;
font-size: 18px;
margin: 0px;
}

div.top_ten_text
{
color: #000000;
font-size: 9px;
line-height: 10px;
font-weight: bold;
float: right;
text-align: right;
width: 50px;
margin: 10px 10px 0 0;
_margin-right: 5px;
}

div.right_list
{
text-align: right;
float: right;
width: 68px;
font-size: 11px;
padding-left: 10px;
padding-right: 0px;
line-height: 16px;
margin-right: 10px;
_margin-right: 5px;
}

div.with_star
{
text-align: left;
_font-size: 13px;
}

table.left_list
{
padding: 5px 0 0 18px;
width: 97%;
border: 0 none;
}

table.left_list td
{
text-align: left;
font-family:tahoma, Arial, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 1.1;
color: #606060;
border:0 none;
padding:2px;
}

table.left_list td a
{
color: #606060;
font-size: 12px;
font-weight: bold;
font-family:tahoma, Arial, verdana, sans-serif;
}

table.left_list td.list_num
{
color: #a5107a;
text-align:right;
width:10px;
white-space:nowrap;
}
table.left_list td.list_name
{
color: #606060;
text-align:left;
}
table.left_list td.list_stars
{
color: #606060;
text-align:left;
width:20px;
white-space:nowrap;
}
table.left_list td.list_stars div
{
display:inline;
background-position:0 2px;
background-repeat:no-repeat;
padding-left:8px
}
table.left_list td.list_stars div.s1 { background-image:url(../../../i/forum/star_1.gif) }
table.left_list td.list_stars div.s2 { background-image:url(../../../i/forum/star_2.gif) }
table.left_list td.list_stars div.s3 { background-image:url(../../../i/forum/star_3.gif) }
table.left_list td.list_stars div.s4 { background-image:url(../../../i/forum/star_4.gif) }
table.left_list td.list_stars div.s5 { background-image:url(../../../i/forum/star_5.gif) }

div.member_photo
{
height:99px;
margin: 0px 15px;
padding: 4px 0 5px 0;
text-align:center;
width:88px;
}

div.member_photo img
{
border: none;
}

#stars_rating
{
float:none;
}