/*=========================================================================
* Project Name: Acık Ofis Mimarlik
* Project URI: www.acikofismimarlik.com
* Version: 1.0
* Author: Oguzcan Sahin
* Date of creation: 27-05-2010
*=========================================================================*/


/*=========================================================================
* CSS Import
*=========================================================================*/

@import "reset.css";


/*=========================================================================
* HTML Tag Elements
*=========================================================================*/

html, body { height: 100%; }
body { background: transparent url(../images/body-bg.png) repeat left top; position: relative; font-size: 62.5%; line-height: 1.5; color: #434343; font-family: "Trebuchet MS", Tahoma, sans-serif; text-align: center; }

b, strong, caption, th, thead, dt, legend { font-weight: bold; }
cite, dfn, em, i { font-style: italic; }

sup, sub { line-height: 0; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
p { color: #9b9a9a; font-size: 1.2em; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #666; }

blockquote { padding: 1.5em; }
hr { border: none; background: #ddd; width: 100%; }

input, select, button { cursor: pointer; }
form { overflow: auto; }
legend { padding-bottom: 18px; }
label { width: 100%; position: relative; top: 5px; margin-bottom: 18px; line-height: 18px; display: block; }


/*=========================================================================
* General ID & Class
*=========================================================================*/

#container { text-align: left; padding-bottom: 30px; }
	.inline-section { width: 970px; margin: 0 auto; }
	
	#container .fleft { float: left; }
	#container .fright { float: right; }
	#container .none { display: none; }
	#container .first { margin-left: 0; padding-left: 0; }
	#container .last { margin-right: 0; padding-right: 0;}
	#container .clear { clear: both; }
	
	.horizantal { float: left; }
		.horizantal li { display: inline; } /* @group - horizantal list */
			.nav a { text-decoration: none; font-size: 1.2em; }
	
	/* .liner-group */
	.liner-group { height: 1px; border-top: dotted 1px #bebebe; margin-bottom: 15px; }
		
		/*
		.short-liner,
		.short-liner2,
		.long-liner { height: 2px; float: left; margin-right: 0; }
	
		.short-liner { background: transparent url(../images/long-liner.png) no-repeat; width: 485px; }
		.short-liner2{ display: none; }
		.long-liner { background: transparent url(../images/long-liner.png) no-repeat; width: 485px; }
		*/


/*=========================================================================
* #header
*=========================================================================*/

#header { height: 145px; background: #FFF; border-top: 5px solid #ef9514; margin-bottom: 30px; }
	.logo { float: left; padding-top: 25px; }
	#site-nav { float: right; position: relative; padding-top: 120px; }
		#site-nav li { margin:0 30px 0 0; }
			#site-nav a { color: #000; font-weight: bold; }
				#site-nav a:hover,
				#container .active { color: #ef9514; }
		#site-nav .lang { margin: 0 0 0 30px; }


/*=========================================================================
* #content = main + sidebar
*=========================================================================*/

#content {}
	.sidebar h3{ color: #000; font-size: 2.0em; font-weight: bold; }
	.sub-main h3{ color: #5d5d5d; font-weight: bold; font-size: 1.6em; margin-bottom: 10px; }
	
	.main {}
		.sub-main { float: right; width: 705px;  margin-bottom: 100px; }
		
		.main h2 { color:#9b9a9a; font-size: 1.8em; }
		
		#intro { margin: 30px 0 0 0; }
			.item .thumb { width: 240px; height: 180px; float: left; cursor: pointer; }
			.item span { width: 240px; height: 180px; overflow: hidden; display: block; }
		
		.news-wrap { margin-bottom: 20px; margin-top: 20px; }
			.news-wrap .liner-group { margin-bottom: 0; }
			.news-wrap .news-content { padding: 10px 15px 10px 15px; overflow: hidden; }
				.news-title { float: left; font-size: 2.0em; font-weight: bold; color: #595858; position: relative; top: 3px; }
				.news-content .news{ float: right; width: 805px; margin-top:7px; }
				.more { margin-left: 10px; color: #9b9a9a; font-weight: bold; }
				.more:hover { color: #000; }
				
			.cols3 {}
			.cols2 {}
				.cols3 .col { width: 225px; display: inline; float: left; margin-right: 15px; }
				.cols2 .col { width: 335px; display: inline; float: left; margin-right: 15px; }
				
			.single-projects { border-bottom: 0 none!important; }
			.projects { border-bottom: 1px dotted #bebebe; margin-bottom: 20px; }
				.project {}
					.project .thumb-img { width: 223px; height: 163px; overflow: hidden; border: 1px solid #b9b9b9; padding: 3px; }
					.project p { padding-top: 7px; width: 223px; overflow: hidden; height: 35px; }
			
			.inspection { font-weight: bold; color: #ef9514; font-size: 1.2em; float: right; text-align: right; margin: 30px 0 0 0; padding-bottom: 20px; }
	
	.sidebar { float: left; width: 235px; }
		.sub-nav { margin-top: 10px; }
			.sub-nav li { border-bottom: 1px dotted #bebebe; padding: 8px 5px 13px 5px; }
			.sub-nav li.last { border-bottom: 0 none; }
				.sub-nav span { font-size: 1.4em; color: #5d5d5d; font-weight: bold; cursor:pointer; }
				.sub-nav span:hover { color: #ef9514; }
				
			.sub-nav .project-nav {}
				.sub-nav .project-nav li { padding: 5px; }
					.sub-nav .project-nav a { color: #7b7b7b; font-weight: normal; font-size: 1.0em; }
						.project-nav a:hover { color: #ef9514; }
						
			.project-detail {}
				.project-detail .project-title { font-size: 1.9em; font-weight: normal; color: #676767; }
				.project-detail  p { margin-bottom: 15px; }
				.large-img { margin-bottom: 10px; width: 707px; overflow: hidden; background: #FFF; }
					.large-img  img { border: 1px solid #b9b9b9; padding: 3px; }
					
			.publications { border-bottom: 0; border-top: 1px dotted #bebebe; padding-top: 20px; }
				.publications .entry { margin-bottom: 10px; }
					.publications p{ width: 100%; }
					.publications strong { color: #727272; font-size: 1.3em; }
				

/*=========================================================================
* #footer
*=========================================================================*/

#footer {}
	.adr { float: right; text-align: right; margin-right: 25px; color: #5d5d5d; }