/* harrytran.com */

/********************************************/
/* main containers                          */
/********************************************/

html, body
{ 
  background              : #111 url("images/bg.png");
  color                   : #888;
	font-family             : "verdana";
	font-size               : 11px;
	line-height             : 20px;
	margin                  : 0px auto 0px auto;
	padding                 : 0px;
} 

#top
{ 

	margin                  : 0px auto 0px auto;
	width		                : 928px;
	text-align	            : left;
}

#header
{ 
  background              : #000;
  border                  : 1px #444 solid;
  height                  : 132px;
  margin                  : 40px 0px 40px 0px;
  width                   : 920px;
} 

#menu
{
  background              : url("images/bg_menu.gif") no-repeat;
  height                  : 53px;
  margin                  : 40px 0px 0px 0px;
  position                : relative;
  text-align              : center;
  width                   : 924px;
}

#container
{
	background	            : #000 url("images/bg_content.png") repeat-y;
  border                  : 1px #444444 solid; 	
	float		                : left;
	position	              : relative;
	width		                : 922px;
}

#footer
{ 
  background-color        : #111;
  border-left             : 1px #444444 solid;
  border-right            : 1px #444444 solid;
  height                  : 60px;
  line-height             : 60px;
  font-size               : 11px;

  margin                  : 0px 0px 0px 0px;
  padding                 : 20px 0px 20px 0px;
  position                : relative;
  text-align              : center;
  width                   : 922px;
} 

#buttons
{
  background              : url("images/social.png") no-repeat;
  display                 : block;
  float                   : right;
  height                  : 132px;
  position                : relative;
  width                   : 530px;
}

/********************************************/
/* text                                     */
/********************************************/

#cleft a:link 
{ 
	color			              : #B51717;
	text-decoration		      : none; 
}

#cleft a:active 
{ 
	color			              : #B51717;
	text-decoration		      : none; 
}

#cleft a:visited 
{ 
	color			              : #B51717;
	text-decoration		      : none; 
} 

#cleft a:hover 
{ 
	color			              : #FFDD5C;
	text-decoration		      : none; 
}

/********************************************/
/* header styles                            */
/********************************************/

#header h1
{
  margin                 : 0px;
  text-indent            : -9999px;
}

#header h2
{
  margin                 : 0px;
  text-indent            : -9999px;
}

/********************************************/
/* menu styles                              */
/********************************************/

#nav ul
{
  border-left             : 1px #444444 solid;
  height                  : 52px;
  line-height             : 52px;
  list-style-type         : none;  
  margin                  : 0px 0px 0px 108px;
  padding                 : 0;
  text-align              : center;
  white-space             : nowrap;
  width                   : auto;
} 

#nav ul li
{
  border-right            : 1px #444444 solid;
  border-top              : 1px #444444 solid;
  display                 : block;
  float                   : left;
  width                   : 120px;
}

#nav ul li a
{
  color                   : #aaaaaa;
  display                 : block;
  text-decoration         : none;
  width                   : 120px;
}

#nav ul li a:hover
{
  border-top              : 6px #8E8F1F solid;
  line-height             : 46px;
  background              : #000;
  color                   : #6b2089;
}

/********************************************/
/* content styles                           */
/********************************************/

#cleft
{
	float		                : left;
	display		              : inline;
	padding                 : 24px 16px 24px 24px;
	position	              : relative;
	width                   : 664px;
}

#cright
{
  border-top              : 15px #000 solid;
	float		                : left;
	margin		              : 0px;
	padding                 : 0px 40px 40px 18px;
	position	              : relative;
	width                   : 160px;
}

#cbottom
{
  background-color        : #000;
  clear                   : both;
	float		                : left;
	height                  : 15px;
	margin		              : 0px;
	padding                 : 0px;
	position	              : relative;
	width                   : 922px;
}

/********************************************/
/* left content styles                      */
/********************************************/

#cleft h2
{
  border-bottom           : 1px #444 dashed;
  font-size               : 11px;
  margin                  : 10px 0px 10px 0px;
  padding                 : 0px 0px 6px 0px;
  width                   : 400px;
}

#cleft h3
{
  border-bottom           : 1px #444 dashed;
  font-size               : 11px;
  margin                  : 10px 0px 10px 0px;
  padding                 : 0px 0px 6px 0px;
  width                   : 116px;
}

.indent
{
  margin                  : 0px 0px 0px 67px;
}

.article
{

  font-size               : 11px;
  margin                  : 10px 0px 10px 0px;
  padding                 : 6px;
  text-align              : justify;
  width                   : 550px;
}

.newsimg
{
  border                  : 1px #444 solid;
  height                  : 55px;
  float                   : left;
  margin                  : 6px 10px 0px 0px;
  padding                 : 1px;
  width                   : 55px;
}

.snippet
{

  margin                  : 0px 0px 0px 69px;
  width                   : 480px;
}

ul.links
{
  height                  : 26px;
  list-style-type         : none;  
  margin                  : 0px;
  padding                 : 0px;
  text-align              : center;
  white-space             : nowrap;
  width                   : 554px;
} 

ul.links li
{
  display                 : block;
  margin                  : 0px;
  padding                 : 8px 4px 0px 4px;
  float                   : right;
  width                   : 26px;
}

.pfoot
{ 
  border                  : 1px #000 solid;
  clear                   : right;
  font-family             : "verdana";
  font-size               : 10px;
  margin                  : 0px 0px 0px 69px;
  padding                 : 3px;  
  text-align              : right;
  text-decoration         : none;
  width                   : 478px;    
}

.more
{ 
  color                   : #FFDD5C;
  font-family             : "verdana";
  font-size               : 10px;
  text-decoration         : none;
  text-transform          : uppercase;
}

.bookmark
{ 
  border                  : 0px;
  text-decoration         : none;
}

.text
{
  margin                  : 0px 0px 20px 0px;
  text-align              : justify;
  width                   : 549px;
}

.amsg
{
  margin                  : 0px 0px 10px 10px;
  text-align              : justify;
  width                   : 642px;
}

.lads
{
  margin                  : 20px 0px 20px 10px;
  text-align              : center;
  width                   : 642px;
}


.paragraph
{
  margin                  : 0px 0px 20px 10px;
  text-align              : justify;
  width                   : 539px;
}

.subtext
{
  font-weight             : bold;
  margin                  : 0px;
  width                   : 549px;
}

#connect
{
  margin                  : 20px;
  text-align              : center;
}

/********************************************/
/* right content styles                     */
/********************************************/

#cright h3
{
  border-bottom           : 1px #000 dashed;
  color                   : #444;
  font-size               : 11px;
  margin                  : 20px 0px 10px 0px;
  padding                 : 0px 0px 6px 0px;
  width                   : 116px;


}

#crightad
{
  margin                  : 20px 0px 20px 14px;
  width                   : 156px;
}


#cright ul
{
  list-style-type         : none;
  margin                  : 0px;
  padding                 : 0px 0px 0px 0px;
  width                   : 156px;
}

#cright ul li
{
  color                   : #444;
  margin                  : 0px 0px 0px 0px;
  padding                 : 1px;
  text-align              : justify;
}

#cright ul li a
{
  display                 : block;
  color                   : #444;
  margin                  : 0px 0px 0px 0px;
  padding                 : 3px 8px 3px 8px;
  text-decoration         : none;  
}

#cright ul li a:hover
{
  display                 : block;
  color                   : #000;
  margin                  : 0px 0px 0px 0px;
  padding                 : 3px 8px 3px 8px;
  text-decoration         : underline;
}

.subheader
{ 
  color                   : #B51717;
  font-family             : "verdana";
  font-size               : 10px;
  font-weight             : bold;
  margin                  : 0px;
  padding                 : 0px;
  text-decoration         : none;
  text-transform          : uppercase;
}

.rmore
{ 
  color                   : #444;
  font-family             : "verdana";
  font-size               : 10px;
  font-weight             : bold;  
  text-decoration         : none;
  text-transform          : uppercase;
}

/********************************************/
/* form styles                              */
/********************************************/

.hiddenDiv
{
  display: none;
}

.visibleDiv
{
  display: block;
}

.logged
{
  display                 : block;
  margin                  : 10px 5px 5px 5px;
  width                   : 440px;
}

.logged a
{
  color: #ff0000;
}

label
{
  clear                   : left;  
  width                   : 100px;
  float                   : left;
  padding                 : 5px 0px 0px 0px;
  text-align              : right;
  margin                  : 16px 10px 10px 0px;
  display                 : block
}

input, textarea, select
{
  background              : #000;
  border                  : 1px #444 dashed;
  color                   : #888;
  line-height             : 16px;
  font-family             : "verdana";
  font-size               : 11px;
  padding                 : 8px;
  margin                  : 16px 10px 10px 0px;
  width                   : 265px;
}

.btnSubmit
{
  font-size               : 10px;
  margin                  : 10px 10px 10px 0px;
  padding                 : 6px;  
  width                   : 100px;
}

form
{
  background              : #222;
	padding                 : 10px;
	margin                  : 20px auto 20px auto;
	width                   : 450px;
}

/********************************************/
/* forum styles                             */
/********************************************/

.fmenu
{
  font-size               : 11px;
  line-height             : 18px;
  margin                  : 5px 5px 5px 5px;
  padding                 : 0px 10px 0px 10px;
  text-align              : right;
}

.ftopic
{
  border                  : 1px #444 dashed;
  font-size               : 11px;
  margin                  : 10px 0px 25px 0px;
  padding                 : 6px;
  text-align              : justify;
  width                   : 550px;
}

.itopic
{
  border                  : 1px #000 solid;
  height                  : 28px;
  float                   : left;
  margin                  : 12px 10px 4px 4px;
  padding                 : 4px;
  width                   : 28px;
}

.imsg
{
  border                  : 1px #444 solid;
  float                   : left;
  margin                  : 6px 10px 4px 4px;
  padding                 : 2px;
}

.tinfo
{
  font-family             : verdana;
  font-size               : 10px;
  margin                  : 0px 0px 0px 50px;
  width                   : auto;
}

.tstats
{ 
  float                   : right;
  font-family             : "verdana";
  font-size               : 10px;
  margin                  : 0px 0px 0px 50px;
  padding                 : 3px;  
  text-align              : right;
  text-decoration         : none;
  width                   : auto;  
}

.fshow
{
  font-size               : 11px;
  margin                  : 10px 0px 0px 0px;
  padding                 : 6px;
  text-align              : justify;
  min-height              : 74px;
  width                   : 640px;
}

.fhead
{
  margin                  : 10px 0px 0px 0px;
  text-align              : justify;
  width                   : 549px;
}

.mtopic
{ 
  color                   : #FFDD5C;
  font-family             : "verdana";
  font-size               : 10px;
  padding                 : 0px;
  margin                  : 10px 10px 0px 10px;
  text-decoration         : none;
  text-transform          : uppercase;
}

.atopic
{ 
  color                   : #FFF;
  font-family             : "verdana";
  padding                 : 0px;
  margin                  : 16px 0px 0px 10px;
  text-decoration         : none;
}

.ctopic
{ 
  color                   : #FFF;
  font-family             : "verdana";
  padding                 : 0px;
  margin                  : 6px 0px 0px 10px;
  text-decoration         : none;
}

.fmsg
{
  margin                  : 0px 0px 0px 76px;
}

/********************************************/
/*  article styles                          */
/********************************************/

.simg
{
  display                 : block;
  border                  : 1px solid #aa99aa;
  margin                  : 20px auto 5px auto;
  padding                 : 1px;
  text-align              : center;
}


.rimgl
{
  border                  : 1px solid #aa99aa;
  float                   : left;
  clear                   : right;
  margin                  : 7px 10px 0px 0px;
  padding                 : 1px;
}

.rimgr
{
  border                  : 1px solid #aa99aa;
  clear                   : left;  
  float                   : right;
  margin                  : 7px 0px 0px 10px;
  padding                 : 1px;
}

/********************************************/
/*  tables                                  */
/********************************************/

.div-table
{
  display                 : table; 

}

.div-table-row
{
  display                 : table-row;
}

.div-table-col
{
  display                 : table-cell; 
  padding                 : 0px 20px 0px 15px; 
  width                   : 183px;
  text-align: justify;
}

.div-table-col a
{
  border                  : 1px #000 solid;
  display                 : block;
  font-size: 11px;
  font-family             : "verdana";
  padding                 : 4px;
}

.div-table-col a:hover
{
  background              : #111;
  border                  : 1px #444 solid;
  display                 : block;
}


.tableimg
{
  border                  : 1px #444 solid;
  height                  : 171px;
  margin                  : 0px 0px 10px 0px;
  padding                 : 1px;
  width                   : 181px;
}

.hideimg
{
display: none;
  border                  : 1px #444 solid;
  height                  : 171px;
  margin                  : 0px 0px 10px 0px;
  padding                 : 1px;
  width                   : 181px;
}

/********************************************/
/*  hax                                     */
/********************************************/

.clearfix:after
{
	clear		: both;
	content		: ".";
	display		: block;
	height		: 0;
	visibility	: hidden;
}
 
.clearfix
{
	display		: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */