/**
 * @author Bilal Cinarli
 * @copyright 2008
 * @company Icon Perception Management Co.
 * @contact contact@icon-pm.com
 * @web www.icon-pm.com
 * @project www.icon-pm.com
 **/
 
 /*  ------------------- Global Settings  ------------------- */
	html, body { border:0; height: 100%; margin:0; padding:0; }
	body { background: #727272 url(../media/image/blog/bg.png) top center repeat-x; color: #23262a; font:10px/1.25 Arial; }

	.clear { clear:both; }
	.clearfix:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
	.clearfix { display: inline-block; }
	/*IE-mac \ */
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* IE-mac */
	.border { border: 1px solid; }
/*  ------------------- Global Settings  ------------------- */

/* ------------------- Common Styles ------------------- */
 	h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; }

	p, ul, ol { margin:0; padding:0; }

	ul, ol { list-style:none; margin: 0; padding: 0; }

	blockquote { margin:22px 40px; padding:0; }

	small { font-size:0.85em; }

	img { border:0; }

	sup { bottom:0.3em; position:relative; vertical-align:baseline; }

	sub { bottom:-0.2em; position:relative; vertical-align:baseline; }

	acronym, abbr { border-bottom:1px dashed; cursor:help; letter-spacing:1px; }

/* ------------------- Link Styles ------------------- */
    a, a:visited { outline: none; text-decoration:none; }
/* ------------------- Common Styles ------------------- */
 
/*  ------------------- Page Skeleton  ------------------- */
	#wrapper { margin: 0 auto; position: relative; width: 980px; }

		#header { height: 137px; z-index: 99; }
		
		#navigation { background: url(../media/image/blog/navigation.png) repeat-x; height: 35px; padding-left: 10px; position: relative; z-index: 99; }

		#content { background: #fff url(../media/image/blog/content.png) top left no-repeat; padding: 10px 20px 0; font: 12px Arial, sans-serif; }
		
	#footer { background: #23262a url(../media/image/blog/footer.png) top center no-repeat; height: 123px; margin: 0 auto; }
	
	    #header, #content, #footer { position: relative; }
/* ------------------- Page Skeleton ------------------- */

/* ------------------- Header ------------------- */
	#logo { display: block; left: 32px; position: absolute; top: 30px; z-index: 99; }
	#headerBanner { height: 73px; position: absolute; width: 959px; z-index: 1; }
/* ------------------- Header ------------------- */

/* ------------------- Navigation ------------------- */
/* ------------------- Main Menu ------------------- */
	#navigation li { background: url(../media/image/blog/menu_border.png) bottom right no-repeat; display: inline; float: left; height: 32px; padding: 3px 2px 0 0; width: 92px; }
		#navigation li a { color: #b5c9d3; display: block; float: left; font: 12px/32px Arial; height: 32px; position: relative; text-align: center; width: 92px; }
			#navigation li a:hover { color: #cd0000; }
			#navigation li.activeNav a { background: url(../media/image/blog/activeNav.png) bottom center no-repeat; bottom: -1px; color: #cd0000; position: absolute; }
			
			#navigation li.rss { background: none; position: absolute; right: 10px; top: 7px; }
/* ------------------- Main Menu ------------------- */
/* ------------------- Navigation ------------------- */

/* ------------------- Content ------------------- */
/* ------------------- Pages ------------------- */
	#page { border-right: #cbd1d2 1px solid; display: inline; float: left; padding-right: 10px; width: 630px; }
	
	#sidebar { display: inline; float: left; padding-left: 10px; width: 285px; }
	
	p { margin-bottom: 10px; }
	
	
/* ------------------- Pages ------------------- */

/* ------------------- Sidebar ------------------- */
	#sidebar h3 { color: #cd0000; font: bold 14px Arial; }
	#sidebar ul { border-color: #cbd1d2; border-width: 1px 0; border-style: solid; margin: 5px 0 20px; }
		#sidebar ul li a { background: url(../media/image/blog/arrow_light_gray.png) center left no-repeat; border-bottom: 1px dotted #dcdddd; color: #4f5357; display: block; text-indent: 10px; padding: 5px 0; }
		#sidebar ul li a:hover { background: #959595 url(../media/image/blog/arrow_light_gray_hover.png) center left no-repeat; color: #fff; }
/* ------------------- Sidebar ------------------- */

/* ------------------- Posts ------------------- */
	.blog-post { border-bottom: 1px solid #dadada; padding: 10px 0; }
		.blog-post h3 { font: bold 20px Arial; }
		.blog-post h3 a { color: #23262a; }
		.blog-post h3 a:hover { color: #cd0000; }
		.blog-post .post-date { color: #676b6f; }
		.blog-post .post-summary, .blog-post .post-body { margin: 10px 0; }
			.blog-post .post-summary h3, .blog-post .post-body h3 { color: #cd0000; font: bold 14px Arial; }
		.blog-post .post-details { background: url(../media/image/blog/arrow_red.png) center right no-repeat; color: #cd0000; padding-right: 7px; }
		.blog-post .post-details:hover { background: url(../media/image/blog/arrow_dark_gray.png) center right no-repeat; color: #23262a; }
		
		.post-body ol { list-style: inside decimal; margin: 0 0 10px 10px; }
		.post-body ul { list-style: inside disc; margin: 0 0 10px 10px; }
/* ------------------- Posts ------------------- */

/* ------------------- Search ------------------- */
	#search-info { margin: 0 0 10px 0; }
		#search-info a { color: black; }

	.search-result { margin: 0px 10px 10px 0; }
	.search-result a { border-bottom: 1px solid; color:#355083; font: 1.3em Verdana; }
	.search-result .summary { margin-bottom: 2px; }
	.search-result .link { color: green; }
	
	.search-pagination { text-align: center; width: 100%; }
	.search-pagination ol li { display: inline; font: bold 0.9em Verdana; }
	.search-pagination ol li a { border-bottom: 1px solid; color:#355083; }
/* ------------------- Search ------------------- */

/* ------------------- 404 ------------------- */
	.error_element { margin-left: 15px; }
	.error_element li { list-style: decimal inside; }
/* ------------------- 404 ------------------- */
/* ------------------- Pages ------------------- */

/* ------------------- Forms ------------------- */
/* ------------------- Common ------------------- */
	form { margin: 10px 10px 10px 15px; }
	fieldset { border: none; }
	legend { color: #000; font: bold 1em Arial; margin: 0 0 5px; padding: 0; }
	
	label { cursor: pointer; font-weight: bold; }
	label.inputlabel { display: block; float: left; }
	label.addlabel { font-weight: normal; }

	form li { margin-bottom: 10px; position: relative; }
	form .inputbox {  }
	form .input { display: inline; float: left; }
	form .button .submit { margin-left: 125px; }
	form .hide { display: none; }
	span.required { color: red; }

	.width01 { width: 25px; }
	.width02 { width: 50px; }
	.width03 { width: 75px; }
	.width04 { width: 100px; }
	.width05 { width: 125px; }
	.width06 { width: 150px; }
	.width07 { width: 200px; }
	.width08 { width: 250px; }
	.width09 { width: 300px; }
	.width10 { width: 400px; }
	.width00 { width: 98%; }
	.width33 { width: 33%; }
	
	.marginLeft07 { margin-left: 200px; }
	
	.size{ width: 230px; }
		.size2{ width: 130px; }
		.size5{ width: 165px; }
		.size3{ width: 300px; }
		.size3a{ width: 367px; }
		.size4{ width: 50px; }
		.size6{ width: 150px; }
		.size7{ width: 170px; }
		.size8{ width: 380px; }

		.mediumtextarea { height: 50px; width: 300px; }
	
/* ------------------- Search Form ------------------- */
	#search { margin: 0; position: absolute; right: 14px; top: 0; }
	#search #q { background: url(../media/image/template/search.png) 0 0 no-repeat; border: none; color: #828282; font: 12px Tahoma; height: 20px; padding: 8px 5px 0 10px; width: 135px; }
	#search label { cursor: text; display: block; color: #828282; font: 12px Tahoma; left: 10px; position: absolute; top: 8px; }
	#searchbtn { background: url(../media/image/template/search.png) top right no-repeat; border: none; color: #fff; cursor: pointer; font: 10px Verdana; height: 29px; padding-top: 29px; overflow: hidden; position: absolute; right: 0; top: 0; width: 27px; }
/* ------------------- Search Form ------------------- */
/* ------------------- Forms ------------------- */
/* ------------------- Form Errors ------------------- */
/* form error display */
	.warn { color: orange; display: block; font-weight: bold; margin-bottom: 10px; }

	.result { color: #f90; font: 1em Arial; font-weight: bold; margin: 10px; text-align: center; }

	label.error{ color: red; display: block; font-style: italic; margin-left: 5px; width: auto; }
/* ------------------- Form Errors ------------------- */
/* ------------------- Content ------------------- */

/* ------------------- Footer ------------------- */
	#copyright { color: #717171; display: block; font: 9px Verdana; left: 250px; position: absolute; text-align: left; top: 28px; width: 670px; }
	#icon { background: url(../media/image/blog/icon.png) top left no-repeat; display: block; height: 0; padding-top: 12px; overflow: hidden; position: absolute; text-align: center; right: 14px; top: 40px; width: 32px; }
/* ------------------- Footer ------------------- */