/*
	Theme Name: Kapaprojekt
	Theme URL: www.kapaprojekt.com
	Description: Kapaprojekt theme for wordpress
	Author: Dusan Stojanovic (dusan@etondigital.com)
	Author URI: http://www.etondigital.com/
	Version: 1.0
*/
@import url("common.css");

/*begin normal CSS for Tier 1 browser: Firefox
----------------------------------------------------*/
html {background: #fff;color: #000; font-size: 16px;}
body {font: 62.5% Arial, Helvetica, Sans-Serif;text-align: center;}











/*classes
----------------------------------------------------*/
/*page navi*/
.wp-pagenavi {width: 100%;font-size: 1em;text-transform: uppercase;clear: both;color: #666;font-weight: bold;margin-top: 5px;padding: 5px 0 0;text-align: right; line-height: 20px;}
.wp-pagenavi a,
.wp-pagenavi .current {padding: 2px 4px;border: 1px solid #ccc;color: #DA251D;margin-left: 3px; line-height: 20px;}
.wp-pagenavi a:hover,
.wp-pagenavi .current {color: #000;background: #f1f1f1;font-weight: bold;}
.wp-pagenavi .pages {float: left;}

.txt-block, .txt-block-last {float: left;margin: 15px 0 0;min-height: 150px; height: auto !important; height: 150px;}
.txt-block {width: 325px; background: url(images/bg-txt-block.gif) repeat-y 100% 0;}
.txt-block-last {width: 310px;}

		/*wordpress page break
		-----------------------------------------------------*/
		#content div.pagelink {position: absolute;bottom: 0;}
		#content div.pagelink p {font-size: 1.2em;line-height: 1em;margin: 0;padding: 0;letter-spacing: 3px;font-weight: bold;color: #000;}
		#content div.pagelink p a {color: #999;font-weight: normal;}
		#content div.pagelink p a:hover {color: #000;text-decoration: none;}




/*h1
----------------------------------------------------*/
#content h1,
#content h2 {color: #000;margin: 0 0 15px;font: normal 2.4em/1em Arial, Helvetica, sans-serif;letter-spacing: -1px;padding-bottom: 5px;border-bottom: 1px solid #f1f1f1;text-transform: capitalize;position: relative;height: 1%;}
#content h1 {padding-right: 55px;margin-top: 15px;}

#content #intro h1 {float: left; width: auto;margin: 0; padding: 0; border: 0;color: #bf0901; display: inline; margin: 45px 0 0 45px; font-size: 2.4em;text-transform: lowercase;}



/*h2
----------------------------------------------------*/
#content .txt-block h2,
#content .txt-block-last h2 {color: #a8a8a8; font-size: 1.4em; border: 0; font-weight: bold; padding: 0 30px 0 15px; line-height: 1.1em; margin: 0 0 1em; text-transform: none;}



/*h3
----------------------------------------------------*/



/*h4
----------------------------------------------------*/



/*p
----------------------------------------------------*/
p.linklove {display: none}
#content  #intro p {float: left; width: 560px;margin: .5em 0 0 45px; font-size: 1.4em; line-height: 1.4em; color: #7b7b7b; font-weight: bold;}

#content .txt-block p,
#content .txt-block-last p {margin: 0 30px 0 15px; color: #333; line-height: 1.4em;}

#footer p {color: #999;text-align: right; font-size: 1.1em; line-height: 1.1em; margin: 0 0 10px; display: inline;}
#footer p.language {float: left;}

/*lists
----------------------------------------------------*/
/*header navigacija*/
#header ul.level1 {float: right;width: auto;clear: both;}
#header ul.level1 li {display: inline;}
#header ul.level1 li a {float: left;display: block;font: bold 1.4em Arial, Helvetica, sans-serif;text-transform: uppercase;color: #BFBFBF;padding: 100px 15px 0;outline: none;}
#header ul.level1 li a:hover {color: #000;text-decoration: none;background: url(images/bg-li-a-header.gif) no-repeat 50% 100%;}
#header ul.level1 li.current a,
#header ul.level1 li.currentparent a,
#header ul.level1 li.current_page_item a {color: #000;text-decoration: none;background: none;}

#header ul.level2 {position: absolute;right: 5px;bottom: 61px;}
#header ul.level2 li {display: inline;}
#header ul.level2 li a {float: left;display: block;font: bold 1.4em Arial, Helvetica, sans-serif;text-transform: uppercase;color: #BFBFBF;padding: 0 10px;line-height: 20px;outline: none;}
#header ul.level2 li a:hover {color: #000;text-decoration: none;}
#header ul.level2 li.current a,
#header ul.level2 li.currentparent a,
#header ul.level2 li.current-cat a,
#header ul.level2 li a.active_category {color: #000;text-decoration: none;}

#header ul.level3,
#header ul.wp-tag-cloud {position: absolute;right: 10px;bottom: 26px;}
#header ul.level3 li,
#header ul.wp-tag-cloud li {display: inline;}
#header ul.wp-tag-cloud li a,
#header ul.level3 li a {float: left;display: block;font: bold 1.4em Arial, Helvetica, sans-serif;text-transform: capitalize;letter-spacing: -1px;color: #BFBFBF;padding: 0 5px;line-height: 20px;outline: none;}
#header ul.wp-tag-cloud li a {text-transform: lowercase;}
#header ul.level3 li a:hover,
#header ul.wp-tag-cloud li a:hover {color: #000000;text-decoration: none;}
#header ul.level3 li.current a,
#header ul.level3 li.currentparent a {color: #000;text-decoration: none;}

/*a
----------------------------------------------------*/
#content h1 a,
#content h2 a {color: #eb3d00;display: block;line-height: 1em;}
#content h1 a:hover, 
#content h2 a:hover {color: #000;}

#sidebar p.linkovi a {float: left;width: 50%;text-align: center;display: block;background: #FFFFFF url(images/bg-a-p-linkovi.gif);line-height: 3em;border: 3px solid #ddd;border-width: 3px 0;}
#sidebar p.linkovi a:hover {background: #fff;text-decoration: none;}

#footer p a {color: #999;font-weight: bold;}
#footer p a:hover {color: #000;text-decoration: underline;}
#footer p.editpost a {font: 2em bold  Georgia, "Times New Roman", Times, serif;display: block;text-align: center;margin: 15px 0;padding: 10px;background: #fff;border: 1px solid #000;color: #000;}
#footer p.editpost a:hover {color: #fff;text-decoration: none;background: #DC143C;border: 1px solid #fff;}

/*forms
----------------------------------------------------*/
/*contact form*/
.cform {padding: 10px;width: auto;background: url(images/bg-a-p-linkovi.gif);border: 3px solid #ddd;border-width: 3px 0;}
.cform fieldset {margin: 0; padding: 0;}
.cform input,
.cform textarea {border: 1px solid #ddd;width: 230px;margin: 0 0 5px;vertical-align: middle;background: #fff;}
.cform textarea {height: 120px;}
.cform ol.cf-ol li {margin: 0;}
.cform ol.cf-ol li label {float: left;width: 100px;margin-right: 10px;clear: left;font-size: 1.2em;font-weight: bold;margin-bottom: 10px;padding-top: 3px;	color: #999;}
.cform ol.cf-ol li label span {width: 100px;text-align: right;}
div.cf_info {font-size: 1.2em;padding: 5px !important;}
div.failure {border-width:3px 0;}
ol.cf-ol li.cf_li_err {background-image:none !important;background-color: transparent !important;border: 0;padding:0!important;margin:5px 0!important;}
ol.cf-ol li.cf_li_err span {color: #c20800;}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{background:#f1f1f1;}
.cform input:focus,
.cform textarea:focus,
.cform select:focus	{background:#fffae5;}
.cform input.sendbutton	{width:auto;padding:5px;margin: 0;font-size: .8em;text-transform: uppercase;font-weight: bold;background:#da251d;color: #fff;border:0 !important;}
.reqtxt, .emailreqtxt {margin-left: 5px; color: #f00; font-size: 1.6em;}


/*tables
----------------------------------------------------*/
#content table {background: #f1f1f1;background-image: none;width: 100%;font-size: 1.2em;}
#content td {padding: 6px 5px;vertical-align: middle;border: 1px solid #fff;text-align: center;width: auto;font-weight: bold;}
#content td,
#content td a {color: #999;}
#content td a img {background: #fff;padding: 2px;border: 3px solid #CD251D;}
#content td a:hover img {border: 3px solid #fff;}
#content td:hover,
#content td a:hover {white-space: normal;color: #333;}
#content td:hover {color: #999;}
#content tr:hover {background: #ffdfdf;color: #fff;}













/*header
----------------------------------------------------*/
#header-holder {background: #fff url(images/bg-header.gif) repeat-x 0 100%;text-align: center;width: 100%;}
#header {width: 960px;height: 215px;margin: 0 auto;overflow: hidden;position: relative;}
a#logo {position: absolute;top: 75px;left: 8px;float: left;width: 375px;height: 66px;border-style: none;background: url(images/logo.gif) no-repeat;}
a#logo img  {display: block;width: 0;}

/*intro
----------------------------------------------------*/
#intro {width: 960px; min-height: 242px; height: auto !important; height: 242px; background: url(images/bg-intro.gif) no-repeat 0 0; position: relative; padding: 1px 0 0;}

#intro-pics {position: absolute; top: 15px; right: 15px; width: 295px; height: 212px; overflow: hidden;}




/*content
----------------------------------------------------*/
#content {width: 960px;margin: 10px auto;min-height: 415px;padding: 1px 0;position: relative;}


#content p,
#content ul {margin: 0 0 1em;font-size: 1.2em;line-height: 1.5em;}
#content ul {margin: 1em 0;}
#content li {font-size: 1em;line-height: 1.5em;}
#content li ul,
#content li li li ul {font-size: 1em;margin: 0.5em 0 0;}
#content h1 small {
	font-size: 0.6em;
	font-weight: bold;
	color: #999;
	background: url(images/bg-small-h1.gif) no-repeat 0px 50%;
	padding-left: 25px;
	line-height: 22px;
	position: absolute;
	bottom: 3px;
	right: 0px;
	}
#content p img {
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
#content h3 {
	color: #000;
	font-size: 2.2em;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	margin: 25px 0 0 0;
	padding: 20px 0 10px 0;
	}
#content p a,
#content li a {
	color: #DC143C;
	}
#content p a:hover,
#content li a:hover {
	color: #000;
	text-decoration: underline;
	}
#content p.readmore {
	text-align: right;
	clear: both;
	margin-bottom: 2em;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	}

/*columns
----------------------------------------------------*/
.left-big {
	width: 570px;
	float: left;
	padding: 0;
	}
.left-big #large {
	width: 535px;
	min-height: 412px;
	background: url(images/indicator.gif) no-repeat 50% 50%;
	}
.left-big img {
	background: #fff;
	padding: 2px;
	border: 3px solid #ddd;
	}


		/*prev next project navigation
		------------------------------------------------*/
		.navigation {width: 100%;float: left;clear: both;margin-top: 15px;}
		.navigation .prev {float: left;	width: 48px;}
		.navigation .next {float: right;width: 48px;}
		.navigation .prev a,
		.navigation .next a {text-indent: -99999px;width: 48px;height: 21px;display: block;outline: 0;}
		.navigation .prev a {text-indent: -99999px;width: 48px;height: 21px;display: block;background: url(images/bg-a-prev.gif) no-repeat 0 0;}
		.navigation .next a {background: url(images/bg-a-next.gif) no-repeat 0 0;}

/*right small column, za detalje o projektima itd
---------------------------------------------------------*/
.right-small {width: 390px;min-height: 360px;float: right;padding-top: 50px;position: relative;}
.right-small.top {padding-top: 0;}
.right-small #text,
.right-small #data,
.right-small #credits {min-height: 200px;padding: 1px 0 0;}
#content .right-small h1 {margin: 0 0 15px;text-align: right;font: bold 1.4em Arial, Helvetica, sans-serif;border: 0;padding: 0;}
#content .right-small h3 {margin: 0 0 15px;text-align: right;font: bold 1.4em Arial, Helvetica, sans-serif;border: 0;padding: 0;}
#content .right-small h1 {color: #000;margin: 0 0 15px;font: normal 2.4em/1em Arial, Helvetica, sans-serif;letter-spacing: -1px;padding-bottom: 5px;text-transform: capitalize;}
#content .right-small p {margin: 15px 0;text-align: right;}
#content .right-small .anchors {color: #000;display: block;text-align: right;font: bold 1.4em Arial, Helvetica, sans-serif;}
#content .right-small .anchors li {display: inline;}
#content .right-small .anchors li a {color: #ddd;}
#content .right-small .anchors li a:hover,
#content .right-small .anchors li a.on {color: #000;}
#content .right-small .thumbnails {position: absolute;bottom: 0;right: 0;width: auto;float:right;}
#content .right-small .thumbnails ul {margin: 0;padding: 0;}
#content .right-small .thumbnails li {text-align: right;display: inline;}
#content .right-small .thumbnails li a img {float: left;background: #fff;padding: 2px;border: 3px solid #ddd;}
#content .right-small .thumbnails li a:hover img {border: 3px solid #E60005;}




	

/*footer holder
----------------------------------------------------------------*/
#footer-holder {background: #fff url(images/bg-header.gif) repeat-x 0 0;text-align: center;width: 100%;padding-top: 15px;}

/*footer
----------------------------------------------------------------*/
#footer {width: 960px;margin: 0 auto;text-align: right;}