/*  
Theme Name: Teknikulay Integrated
Version: 1.1
Author: Teknikulay.com
Author URI: http://www.teknikulay.com

*/


*, html { margin: 0; }

body { background: #fff; color: #666; font-family: "Lucida Grande", "Lucida Sans",Trebuchet MS, Verdana, Helvetica, arial; font-size: 11px; }

blockquote { margin: 10px; padding: 0 0 0 10px; border-left: 5px #9BB9F8 solid; }

#logo { display: block; width: 85px; padding: 17px 7px 20px 13px; float: left; }

#container { margin: 0 0 5px 110px; padding: 18px 0 0 0; }

/* typography and colors */

a { color: #666; text-decoration: none; }

	a:hover { color: #333; }
	
	a.box-link { color: #fefefe; text-decoration: none; background-repeat: no-repeat; background-position: left top; }

	a:hover.box-link { background-repeat: no-repeat; background-position: left bottom; }
		
#box-home { background: #DA481D url(images/bg.gif) repeat-y; margin-bottom: 1px; }

	#box-home .box-link { background-image: url(images/teknikulay-home.jpg); display: block; color: #fefefe; width: 830px; height: 20px; }
			
#box-profile { background: #FFA203 url(images/bg.gif) repeat-y; margin-bottom: 1px; }

	#box-profile .box-link { background-image: url(images/teknikulay-profile.jpg); display: block; color: #fefefe; width: 830px; height: 20px; }

#box-folio { background: #A5BF34 url(images/bg.gif) repeat-y; margin-bottom: 1px; }

	#box-folio .box-link { background-image: url(images/teknikulay-folio.jpg); display: block; color: #fefefe; width: 830px; height: 20px; }

#box-solutions { background: #56B2B4 url(images/bg.gif) repeat-y; margin-bottom: 1px; }

	#box-solutions .box-link { background-image: url(images/teknikulay-solutions.jpg); display: block; color: #fefefe; width: 830px; height: 20px; }

#box-journal { background: #5E83C3 url(images/bg.gif) repeat-y; margin-bottom: 1px; }

	#box-journal .box-link { background-image: url(images/teknikulay-journal.jpg); display: block; color: #fefefe; width: 830px; height: 20px; }

#box-extras { background: #754C9B url(images/bg.gif) repeat-y; margin-bottom: 1px; }

	#box-extras .box-link { background-image: url(images/teknikulay-extras.jpg); display: block; color: #fefefe; width: 830px; height: 20px; }

#box-kontakt { background: #A12E6E url(images/bg.gif) repeat-y; margin-bottom: 1px; }

	#box-kontakt .box-link { background-image: url(images/teknikulay-kontakt.jpg); display: block; color: #fefefe; width: 830px; height: 20px; }

/* colors */

.blue-links a, a.blue-links { color: #9BB9F8 !important; font-weight: bold; }

/* post structures */

#page { background-repeat: repeat-y; width: 860px; }

#content { float: left; width: 515px; padding: 25px 30px 25px 60px; }
	
	#content h2 { font-size: 1.5em; font-weight: normal; }
		
	.post { padding: 0 0 10px 0; }
		
	.postdata { height: 20px; clear: both; }
	
	.entry { padding: 10px 0 0 0; line-height: 1.3em; text-align: justify; }
	
		.entry p { margin: 0 0 10px 0; }
		
		.entry img { max-width: 100%; }
			
		.entry a img { border: none; }
		
#sidebar { width: 220px; margin: 10px 0 25px 605px; padding: 10px 0 10px 15px; }

	#sidebar h2 { font-size: 1.3em; text-transform: lowercase; }
	
	#sidebar img { max-width: 220px; }

	#sidebar p { margin: 0 0 5px 0; }

	#sidebar ul { list-style: none; margin: 0; padding: 0; }
		
			#sidebar ul li { margin: 0 0 20px 0; }
			
				#sidebar ul li ul li { margin: 0; }
				
	#sidebar #searchform { padding: 0 0 20px 0; }
	
	#commentform #author, #commentform #url, #commentform #email, #commentform #comment, #sidebar #s { padding: 3px; font-size: 11px; width: 150px; background-color: #5e83c3; border: 1px inset #999;  font-family: Helvetica, Arial, Trebuchet MS;  }

	#commentform #comment { width: 500px; }

	#commentform #author:hover, #commentform #url:hover, #commentform #email:hover, #commentform #comment:hover, #sidebar #s:hover { background-color: #69c; } 

	#commentform #author:focus, #commentform #url:focus, #commentform #email:focus, #commentform #comment:focus, #sidebar #s:focus { background-color: #fff; border: 1px inset #ccc; }

	#commentform #submit, #sidebar #searchsubmit { border: 1px solid; text-transform: lowercase; padding: 2px; font-size: 11px; }

.commentlist { padding: 0; margin: 15px 0 0 0; list-style: none; border-top: 1px dotted #9BB9F8; }

	.commentlist cite { font-style: normal; font-weight: bold; }

		.commentlist cite a { color: #fff; border-bottom: 1px dotted #9BB9F8; }

		.commentlist cite a:hover { border-bottom: 1px solid #9BB9F8; }

	.commenttext { padding: 10px 15px; }

	.commentmetadata, .commentmetadata a { color: #9BB9F8; }

	.commentlist li { border-bottom: 1px dotted #9BB9F8; padding: 10px 20px; }

		.commentlist li li { border-bottom: none; padding: 0; }

		.commentlist ol, .commentlist ul { margin: 10px 30px; padding: 0; }
		
	#respond p { margin: 3px; }


h3 { margin: 20px 0 0 0; font-size: 1.4em; font-weight: normal; color: #9BB9F8; }
	
#footer { clear: both; padding: 3px 10px; font-family: Helvetica, Arial, Trebuchet MS; }

hr { clear: both; visibility: hidden; }

#spacer { height: 35px; }

.navigation { padding: 10px 5px; height: 20px; clear: both; } 

.alignleft { float: left; } .alignright { float: right; } .center { text-align: center; }


/*specific colors for journal*/
#box-journal #page { background-image: url(images/journal-bg.gif); }

#box-journal #content { color: #fefefe; }

	#box-journal #content h2, #box-journal #content h2 a { color: #fefefe; }
	
	#box-journal #content h2 { border-bottom: 1px dotted #9BB9F8; }

		#box-journal #content h2 a:hover { color: #9BB9F8; }

	#box-journal .postdata, #box-journal .postdata a { color: #9BB9F8; }

	#box-journal .entry a, .commenttext a, #respond a { color: #ffeeff; border-bottom: 1px dotted #9BB9F8; }

		#box-journal .entry a:hover, .commenttext a:hover,  #respond a:hover { border-bottom: 1px solid #9BB9F8; }

#box-journal #sidebar { color: #fefefe; }

	#box-journal #sidebar h2 { color: #9BB9F8; }

	#box-journal #sidebar a { color: #fefefe; }

		#box-journal #sidebar a:hover { text-decoration: underline; }
	
	#commentform #submit, #box-journal #sidebar #searchsubmit { border-color: #96AED8; background: #5373AC; color: #fff; }

#box-journal .navigation a { color: #C3CEE2; } #box-journal .navigation a:hover { color: #2E446B; }