/*  
Theme Name: Tech Blog
Theme URL: http://wordpress.org/
Description: A theme from 5 Shades Templates Collection 
Version: 2.2
Author: 5 Shades Templates 
Author URL: http://www.5shadestemplates.com/ 
*/

/* CSS Document */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

* {
	margin:0; padding:0;
}

body{
	background-image: url(images/pozadi.png);
  background-repeat: repeat-x;
	background-color: white;
}

.linkbox {position:absolute; z-index: 2; left: 50%; top: 100px;margin-left: -600px; width: 210px; background-color:#494949; border-top: 5px solid white; border-left: 5px solid white;}

a:hover{text-decoration:none;}

a img { border:0;}

.column { float:left;}
.clear { clear:both;}


html, input, textarea
	{
		font-family:Tahoma; 
		font-size:11px;		
		color:#5B5B5B;		
	}

a {color:#5B5B5B;}

input, select { vertical-align:middle; font-weight:normal;}

.search .input {border-color:#D4D0C8; border-bottom-width:1px; border-right-width:1px; padding-top:2px; padding-bottom:2px; background:#FFFFFF;}
.search .submit { margin:0;}

#main { width:766px; margin:0 auto; background:url(images/side-tall.gif) repeat-y left; border:2px #3D3D3D solid; border-top:0; border-bottom:0;}

#main .top { background:url(images/top.jpg) no-repeat top;}
#main .bot { background:url(images/side-bot.gif) no-repeat bottom left;}

#header { height:184px;}

.textbox {margin: 10px; color: #B6B6B6}
.textbox a{color: white;}
.title {color: white; font-weight: bold; font-size: 12px;}

#logo {margin:70px 0 0 35px; position:absolute; no-repeat left; padding-left:0px;}

h1 { color:#F3F3F3; font-size:2.91em; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
h1 a {color:#F3F3F3; text-decoration:none;}

#logo span { font-size:1.41em; color:#AD825B; font-family:"Times New Roman", Times, serif; font-weight:bold;}

#body { background:url(images/side-dr.gif) repeat-y left top;}

/* side bar */
#side_bar { width:229px; float:left; color:#B6B6B6;}
#side_bar a { color:#B6B6B6;}
#side_bar .indent { padding:30px 30px 35px 60px;}

#side_bar .search { text-align:right;}
#side_bar .search .input { width:80%; }
#side_bar .search .submit {margin:5px 0px 0px 4px;}

.widget_style { background:url(images/side-h-l.gif) repeat-x bottom; width:100%; padding-bottom:17px; margin-bottom:15px;}
.widget_style h2 { color:#FFFFFF; font-size:1.01em; font-weight:bold;}
.widget_style ul { margin:15px 0 0 8px; list-style:none;}
.widget_style li { background:url(images/side-a.gif) no-repeat 0px 5px; padding:0px 0 0px 15px; font-size:1.01em; margin-top:5px;}
.widget_style li a { text-decoration:none;}
.widget_style li a:hover { text-decoration:underline;}

.widget_style ul.children { margin:0;}

#links_with_style ul {margin:0;}
#links_with_style ul ul {margin:15px 0 0 8px;}
#links_with_style ul li {list-style:none;background:none;margin:0;padding:0;}
#links_with_style ul li ul li { background:url(images/side-a.gif) no-repeat 0px 5px; padding:0px 0 0px 15px; font-size:1.01em; margin-top:5px;}

#categories { vertical-align:top;}

#meta { vertical-align:top;}

#archives { vertical-align:top;}

#recent-comments  {
	vertical-align:top;
}
#recent-posts  {
	vertical-align:top;
}
#calendar {
	vertical-align:top;
}
#google-search  {
	vertical-align:top;
}
#gsearch {
	text-align:left;
}
#pages  {
	vertical-align:top;
}
#text-1 {
	vertical-align:top;
}
#delicious {
	vertical-align:top;
}
#delicious-box {
	text-align:left;
}
#calendar_wrap {
	vertical-align:top;
	padding:0px 0px 0px 0px;
}
#calendar_wrap a {	
	font-weight:bold;
}
.textwidget {	
	padding:0px 0px 0px 0px;
}
#statusbar {
	padding:0px 0px 0px 0px;
	text-align:justify;
}
#statusbar p {
	padding:0px 0px 0px 0px; 
	margin:0px;
}
#statusbar a {		
	font-weight:bold;
}

/* side bar end */

/* content */
#content { width:537px;}

#content .search .input { width:300px;}
#content .search .submit { margin-left:13px;}

#content .search1 { padding:33px 340px 15px 20px;}
#content .search1 strong { color:#161616; text-transform:uppercase;}
#content .search1 .input { width:160px; margin-top:10px;}
#content .search1 .submit { margin:6px 0 0 107px;}

#content .indent {padding:7px 11px 0 4px;}

#content .title { background:url(images/title.gif) repeat-y; width:100%;}
#content .title .left { float:left; padding:14px 0 11px 20px;}
#content .title .right { float:right; padding:18px 30px; text-align:center; margin-top:5px; }

h3 { color:#931E2B; font-size:1.01em; font-weight:bold; text-transform:uppercase; }
h3 a {color:#931E2B; text-decoration:none;}

.author { color:#6E6E6E; font-size:1.01em;}

.date { color:#3D3D3D; font-size:1.01em;}

.content_text { padding:16px 10px 7px 12px;}

.content_text ol { margin-left:20px; margin-top:15px;}

.content_text ul { list-style:none;}
.content_text ul li { background:url(images/cont-a.gif) no-repeat 0px 5px; padding-left:13px; color:#333333; margin-top:8px;}
.content_text ul li a { color:#333333;}

.comment { background:#F9F9F9; padding:12px 18px; color:#353535; font-size:1.11em; text-align:right;}
.comment a { background:url(images/comment-a.gif) no-repeat 0px 3px; padding:3px 0 3px 26px; color:#353535;}

.postmetadataalt {
	font-size:0.81em; 
}

.pagetitle {
	 color:#931E2B; font-size:1.01em; font-weight:bold; text-transform:uppercase;
	padding:10px 0px 10px 20px;	
}

p {	
	padding:10px 0px 10px 0px;
}

.article {
	padding:0;
}

.post {
	padding:0px 5px 0px 5px;
}

.navigation {padding:0px 0px 10px 0px; width:100%; color:#F9F9F9; font-size:0.91em;}
.navigation a {color:#F9F9F9; font-weight:bold;}
.navigation .left {width:45%; float:left;  padding-left:10px;}
.navigation .right {width:45%; float:right; text-align:right; padding-right:10px;}

/* content end */


/* footer */
#footer { color:#919191; background:url(images/foot-tall.gif) repeat-y; float:left; width:529px; text-align:right;}
#footer .t { background:url(images/foot-top.gif) no-repeat top;}
#footer .b { background:url(images/foot-bot.gif) no-repeat bottom;}
#footer .indent { padding:26px 35px;}
#footer a { color:#931E2B;}
/* footer end */