/*	Integer HTML/CSS Template
	Created by system32
	Copyright 2009 All rights Reserved
	Themeforest.net
--------------------------------------------------------------------------------------------*/
	

/*	Headings
--------------------------------------------------------------------------------------------*/

h1 {
	font: normal 24px/30px "Trebuchet MS", "Lucida Sans unicode", Sans-serif;
	padding:0;
	margin:0 0 10px 0;
	letter-spacing:-1px;
	}

h2	{
	font:normal 20px/24px "Trebuchet MS", "Lucida Sans unicode", Sans-serif ;
	margin:0 0 10px 0;
	}

h3	{
	font:normal 18px/20px "Trebuchet MS", "Lucida Sans unicode", Sans-serif;
	font-weight:normal;	
	margin:0 0 10px 0;
	padding:0;	
	}

h4	{
	font:normal 16px/18px "Trebuchet MS", "Lucida Sans unicode", Sans-serif;
	margin:0 0 10px 0;
	padding:0px;	
	}

h5	{
	font:bold 14px/16px "Trebuchet MS", "Lucida Sans unicode", Sans-serif;
	margin:0 0 5px 0;
	padding:0;
	}

h6	{
	font:normal 12px "Trebuchet MS", "Lucida Sans unicode", Sans-serif;
	margin:0;
	padding:0;
	}
	
h1, h2, h3, h4, h5, h6 { color:#141414;}

	
/*	Typography (Alert boxes)
--------------------------------------------------------------------------------------------*/

span.error, span.info, span.alert, span.download {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}

span.error {
	color: #cc0000;
	border: 1px solid #fe7b7a;
	background: #ffd6d6 URL(../images/icons/error.png) 1% 50% no-repeat;
	}

span.info {
	color: #0055bb;
	border: 1px solid #629de3;
	background: #d8e5f8 URL(../images/icons/info.png) 1% 50% no-repeat;
	}

span.alert {
	color: #b79000;
	border: 1px solid #fde179;
	background: #fef6d8 URL(../images/icons/alert.png) 1% 50% no-repeat;
	}

span.download {
	color: #57861a;
	border: 1px solid #c2df88;;
	background: #eef7dd URL(../images/icons/download.gif) 1% 50% no-repeat;
	}

span.error,
span.info,
span.alert,
span.download {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 5px 0;	
	}

pre {
                      /* specify width  */
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
	/* overflow-x: auto; */                /* Firefox 2 only */
	/* width: 99%; */		       /* only if needed */
	}

pre {
	border: 1px solid #ddd;
	margin: 10px 0; 
	padding:10px; 
	line-height:15px;
	background: #f0f0f0;
	font-family:"Courier New", courier, monospace, sans-serif;
	}

code {
	font-size:1.2em; 
	}

span.inset-left {
	display: block;
	padding: 15px;
	float: left;
	width: 20%;
	font:italic normal 12px/20px Georgia, Arial, Sans-serif;
	}

span.inset-right {
	display: block;
	padding: 15px;
	float: right;
	width: 20%;
	font-weight: bold;
	font:italic normal 12px/20px Georgia, Arial, Sans-serif;
	}
	
	
/*	Full width page
--------------------------------------------------------------------------------------------*/	
	
.three_column	 {
	width:280px;
	float:left;
	margin:0 25px 0 0;
}

.two_column	 {
	width:440px;
	float:left;
	margin:0 30px 20px 0;
}

.last	 {
	clear:right;
	margin-right:0 !important;
}	

hr {
border:1px solid #eee;
margin:0;
clear:both;
}				

/*	Table
--------------------------------------------------------------------------------------------*/

#forms .input_small {
	width:25%;
	background:#f8f8f8;
}

#forms .input_medium {
	width:50%;
	background:#f8f8f8;
}

#forms .input_large {
	width:90%;
	background:#f8f8f8;
}




/*	Table
--------------------------------------------------------------------------------------------*/

table {
	border: none;
	border-collapse: collapse;
	margin: 10px 0;
	}

	td,th {
		border-bottom: 1px solid #cacaca;
		border-collapse: collapse;
		color: #4c4c4c;
		padding: 10px 15px;
		}

	tbody td {
		border: 1px solid #cacaca;
		border-collapse: collapse;
		color: #4c4c4c;
		}

	th {
		background:#1a1a1a;
		padding-left: 20px;
		text-align: left;
		color:#CCCCCC;	
		}

	th.lefthead {
		background:#1a1a1a;
		padding-left: 20px;
		text-align: left;
		color:#CCCCCC;
		}

	th.righthead {
		background:#1a1a1a;
		text-align: left;
		color:#CCCCCC;	
		}

	table a {
		text-decoration: none;
		}
	
	tbody tr:hover {
		background: #eee;
		}	



blockquote {
	font-style: italic;
	font:italic normal 16px/24px Georgia, Arial, Sans-serif;
	width: 90%;
	padding:10px;
	margin:0;
}