/****************************************************************************************/
/*                                                                                      */
/* Perpetum Mobile Prague - Trike Club website - CONTENT DESIGN                         */
/*                                                                                      */
/*									                                                    */
/*						                                                                */
/*                                                                                      */
/* Version:         2008-12-19 18:30                                                    */
/* Last changed by: Michal Pelech	                                                    */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/

form, ul, li, ol, h1, h2, h3, h4, h5, h6, object, p, body, form, dl, dd, dt
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, input, select, textarea
{
	font-size: 100%;
	font-family: "Verdana", "Tahoma", "Arial";
	font-family: Verdana, Tahoma, Arial;
}

h2
{
	display:none;
}

img
{
	border: none;
}

a
{
	color:White;
	cursor: pointer;
}

p
{
	margin:0 0 14px 0;
	font-size:100%;
}

ul li
{
	margin: 0 0 0 20px;
}
/*======================================================================================*/

#content p
{
	font-size: 80%;
}

#content ul
{
	font-size: 80%;
}

#content .article
{
	margin: 5px 0;
	padding: 5px;
	border-bottom: 1px solid white;
}

#content .links a
{
	text-decoration: underline;
}

/*======================================================================================*/

.gallery_item
{
	width:258px;
	height:253px;
	margin:0 24px 0 0;
	float:left;
}

.gallery_item p
{
	margin: 0;
	font-size: 80%;
	text-align: center;
}

.article_item
{
	width:161px;
	height:197px;
	margin:0 24px 0 0;
	float:left;
}

.user_item
{
	width:161px;
	height:197px;
	margin:0 24px 0 0;
	float:left;
	text-align: center;
}

.back
{
	width:44px;
	height:16px;
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
	background: url(../images/design/back.jpg) no-repeat;
}


/*======================================================================================*/
.hidden
{
	visibility: hidden;
}

ul + *
{
  clear: both;
}

.clear
{
  height: 1%;
  clear: both;
  font-size: 1px;
  visibility: hidden;
}
/**********************************  CATEGORY FILES  ******************************************************/

.files
{
  margin:10px 0 0 20px;
}

.files li
{
  margin: 0;
  list-style-type:none;
  clear:both;
}

.files li a
{
  display:block;
  height:25px;
  padding:5px 0;
  margin:0px 10px 0px 0;
  color:#fff;
  text-decoration:none;
}

.files a
{
	background:url(../images/files/unknown.gif) 0 5px no-repeat;
}

.files .multimedia a,
.files .mpg a,
.files .MPG a,
.files .mpeg a,
.files .MPEG a,
.files .avi a,
.files .AVI a,
.files .mov a,
.files .MOV a,
.files .asfx a,
.files .ASFX a,
.files .divx a,
.files .DIVX a,
.files .wmv a,
.files .WMV a,
.files .vob a,
.files .VOB a,
.files .mod a,
.files .MOD a,
.files .m1v a,
.files .M1V a,
.files .m2v a,
.files .M2V a
{
	background:url(../images/files/multimedia.gif) 0 5px no-repeat;
}

.files .text a,
.files .txt a,
.files .TXT a,
.files .doc a,
.files .DOC a,
.files .docx a,
.files .DOCX a,
.files .xls a,
.files .XLS a,
.files .csv a,
.files .CSV a,
.files .xlsx a,
.files .XLSX a,
.files .xml a,
.files .XML a,
.files .dat a,
.files .DAT a,
.files .info a,
.files .INFO a,
.files .mht a,
.files .MHT a,
.files .hlp a,
.files .HLP a
{
	background:url(../images/files/pdf.gif) 0 5px no-repeat;
}

.files .picture a,
.files .bmp a,
.files .BMP a,
.files .jpg a,
.files .JPG a,
.files .jpeg a,
.files .JPEG a,
.files .gif a,
.files .GIF a,
.files .png a,
.files .PNG a,
.files .raw a,
.files .RAW a,
.files .tiff a,
.files .TIFF a,
.files .cdr a,
.files .CDR a,
.files .psd a,
.files .PSD a
{
	background:url(../images/files/picture.gif) 0 5px no-repeat;
}

.files .pdf a,
.files .PDF a
{
	background: url(../images/files/pdf.gif) no-repeat 0px 5px;
}

.files .archive a,
.files .rar a,
.files .RAR a,
.files .zip a,
.files .ZIP a,
.files .arj a,
.files .ARJ a,
.files .cab a,
.files .CAB a
{
	background:url(../images/files/archive.gif) 0 5px no-repeat;
}

.files .name
{
  clear:both;
  margin:0 0 0px 40px;
}

.files .size
{
  font-size: 70%;
}

/**********************************  CONTACT FORM  ******************************************************/

#contactForm
{
  margin:10px 30px;
  padding:0;
}

#contactForm input,
#contactForm textarea
{
  width:300px;
  padding: 2px 0;
  border:1px solid #000;
  font-size: 70%;
}

#contactForm .TextBoxtb,
#contactForm .TextAreata
{
	float: left;
}

#contactForm .TextAreata div
{
	float: left;
}

#contactForm textarea
{
  height: 60px;
}

#contactForm .tbTextSTextBox,
#contactForm .taTextSTextArea
{
  width:100px;
  font-size: 80%;
}

#contactForm #btnResetForm,
#contactForm #btnSubmitForm
{
  width: 70px;
  margin:5px 5px;
  padding: 0 5px;
  float: left;
  position: relative;
  right: 38px;
  background:#fff;  
  border:1px solid #000;
  color:#000;
  font-size: 80%;
  cursor:pointer;
}

#contactForm #btnSubmitForm
{
  margin-left:290px;
}

/*=====================================================================================*/

#captchaText
{
	font-size: 90%;
	font-style: italic;
}

#commentsList
{
	margin: 10px 0;
}

.cComment
{
	margin: 5px 0;
}

.cHead
{
	margin: 0 0 5px 0;
	color: #fe0000;
}

.paging
{
	margin: 5px 0 0 0;
}


#content .login p
{
	margin: 0;
	font-size: 80%;
}

#content .login input
{
	font-size: 80%;
}

#addCommentBox
{
	font-size: 80%;
}