/*Structured layout mainpage*/
body { color:#606060; background: #333; }

.wrapper{ background: #333 url(/public/images/public/skin3/bg.png) repeat-x scroll 0 -200px; }
#subpage .wrapper{ background: #fff url(/public/images/public/skin1/bg.png) repeat-x 0 -350px; }

#footerwrap, #subpage #footerwrap{ margin-top:20px; }
#footerwrap { background:transparent;  }

/*HEAD AREA*/

#head P { margin:0; padding:0; padding-top:40px; color:#999;}

#nav li a{ border-left:1px solid #484848; color:#aaa; }
#nav .current a, #nav li a:hover{ color:#fff; }

#top #nav li ul a{ border:1px solid #484848; border-top:none; color:#aaa; background: #222; }
#top #nav li ul a:hover{ background:#262626; color:#fff; }
#top #nav li ul { border-top:1px solid #484848; }

/*featured*/
#featured{ margin-top:50px; overflow:visible;}

/*infotext*/
#infotext { background:transparent url(/public/images/public/skin1/bg_infotext.png) no-repeat scroll 0px -1px; }

#infotext h2{ background:transparent url(/public/images/public/skin1/bg_infotext.png) no-repeat scroll center bottom; color:#555555; }

#infotext h2 strong{ color: #ff9000; }

/*content*/
#sidebar { line-height:140%; }
#sidebar h3 { border-bottom:1px solid #d6d6d6; line-height:120%; margin-bottom:1em; }
#sidebar h4 { line-height:120%; margin-bottom:1em; }
#sidebar .box a	{ background:transparent url(/public/images/public/skin1/bullet_orange.png) no-repeat scroll left center; border-bottom:1px solid #d6d6d6; }
#sidebar .box ul ul a{ background:transparent url(/public/images/public/skin1/bullet_black.png) no-repeat scroll 10px center; }
#sidebar .box ul ul ul a{ background:transparent url(/public/images/public/skin1/bullet_black.png) no-repeat scroll 20px center; }
#sidebar .box ul ul ul ula{ background:transparent url(/public/images/public/skin1/bullet_black.png) no-repeat scroll 30px center; }
#sidebar .box ul ul ul ul ul a{ background:transparent url(/public/images/public/skin1/bullet_black.png) no-repeat scroll 40px center; }

/*blog*/
.post_data{ border:1px solid #d6d6d6; border-left:none; border-right:none; }
.entry .date{ color:#8D8D8D; }
.entry .day{ border-right:1px solid #cacaca; }

/*pagination*/
#top .pagination span, #top .pagination a{ border:1px solid #666666; }
#top .pagination a:hover{ border:1px solid #FF9000; }
#top .pagination .current{ background: #666666; border:1px solid #222; color:#fff; }

/*footer*/
#footer{ color: #cbcbcb; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a { color:#cbcbcb; }
#footer .box ul{ border-top:1px solid #4a4a4a; }
#footer .box ul li a{ border-bottom:1px solid #4a4a4a; background: transparent url(/public/images/public/skin1/bullet_grey.png) center left no-repeat; }
#footer .box ul li a:hover{ background: #262626 url(/public/images/public/skin1/bullet_grey.png) center left no-repeat; color:#fff;}

#footer .custom_button{ background: #494949 url(/public/images/public/skin1/mail.png) 170px center  no-repeat; color: #fff; }
#footer .custom_button:hover{ background-color: #666; }
#footer #s{ background: #494949; color:#ccc; }

#footer #searchsubmit{background: transparent url(/public/images/public/skin1/search.png) 2px center  no-repeat; border-left:1px solid #222; }

.wrapper #footer .social_bookmarks .rss a{background: transparent url(/public/images/public/skin1/rss_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .facebook a{background: transparent url(/public/images/public/skin1/facebook_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .twitter a{background: transparent url(/public/images/public/skin1/twitter_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .flickr a{background: transparent url(/public/images/public/skin1/flickr_16.png) 0 0  no-repeat;}

.more-link{ background:transparent url(/public/images/public/skin1/bullet_orange.png) no-repeat scroll right 15px; }
input, select, textarea{ color:#777; }
.wrapper a{ color:#0000c0; border-bottom: 0px solid #ff9000; }
.wrapper a:hover{border-bottom: 0px solid #666; color:#0000ff; }

h1,h2,h3,h4,h5,h6, legend{ color:#222; }
#featured h1 { font-size:2.8em; line-height:100%; font-weight: normal; letter-spacing: -0.04em; color:#c00000; margin:0; margin-top:0.2em; }
#featured h2,
#featured h3 { font-size:1.8em; line-height:120%; font-weight: normal; margin:0.2em 0;} { font-size:1.8em; line-height:120%; font-weight: normal; margin:0.2em 0;}
#featured P.info { font-size:1.3em; line-height:120%; font-weight: normal; margin:0.2em 0; color:#606060;}
#featured P A { color:#0000c0 !important; }
#featured UL { list-style-type: none; margin:0; padding:0; line-height:120%; }
#featured UL LI { list-style-type: none; margin:0; padding:10px 20px; background:#fff url(/public/images/public/skin3/bg-ul.png) repeat-x; border:1px solid #e0e0e0; border-bottom:0; }
#featured UL LI H3 { font-size: 1.4em; }
#featured H4 { font-size: 1.7em; border-bottom:1px solid #e0e0e0; margin:1em 0; padding:0.5em 0;}
.l { font-size:1.3em; line-height:120%; }
.xl { font-size:1.8em; line-height:120%; }

#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{ color:#222; }
#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{ color:#555; }

.lightbox_video, .lightbox_image{ background:transparent url(/public/images/public/skin1/video.png) no-repeat center center; }
#top .lightbox_image{ background:transparent url(/public/images/public/skin1/magnify.png) no-repeat center center; }

/*CONTACT FORM*/

.text_input, .text_area{ border:1px solid #D6D6D6; }
#send, #submit{ border:1px solid #D6D6D6; background: #222; color: #fff; }
#submit:hover, #send:hover{ background: #ffcc00; color: #000; }

.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #FF9000;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}

.ajax_form 		 { margin:1em 0;}

/* Zoran: */
.contentWrapper 	{ width:67%; margin-top:-30px; float:right; background:#fff url(/public/images/public/skin3/bg-featured.png) repeat-x; min-height:580px; /* IE hack for min-height: */  height:auto !important; height:580px; }
.content 			{ padding:30px 20px; padding-left:25px; }
.outer 				{ width:33%; float:left; }
#sidebar 			{ width:90%; padding:5%; padding-top:0; background:#f0f0f0; }
#subContent 		{ clear:both; padding:20px 10px; padding-top:40px;  line-height:140%; }
#subContent H4 		{ color:#ccc;}
#subContent P 		{ color:#999; }
.portfolio .row		{ margin:10px 0; width:300px; height:auto; float:left; }
.portfolio P.desc	{ padding:5px 30px 10px 0px; line-height:130%; font-size:1.2em; }
#contact_security_key			{ width:100px; }
.comment img					{ border:1px solid #eee; padding:2px; background:#fff; margin-left:-120px; float:left; }
.comment #securityKeyComment	{ float:left; display:block; width:300px; margin-left:10px; }

.portfolioBox 	{ width:600px; margin:auto;}
.portfolioBox a { margin-right:5px; margin-bottom:5px; }
.portfolioBox a img			{ border:1px solid #c0c0c0; padding:1px; }
.portfolioBox a:hover img 	{ border:1px solid #999; }

#featured .info p 			{ }
#featured .info ul li 		{ border:0; background:transparent url(/public/images/public/skin1/bullet_orange.png) no-repeat scroll 0 center; margin:0; padding:0.3em 1em; }
#authorizeText p.emphasized { font-size:1.5em; padding-bottom:0; }

h1 span.subtitle		{ display:block; font-size:0.6em; letter-spacing:-0.02em; }

BODY#c-authorize #top .wrapper { box-shadow: 0 0 20px rgba(0,0,0,0.5); width:920px; }
#authorize .inputBox:focus { box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.submitButton { padding:0.5em 2em; color:#000; background:#def url(/public/ifc/bg-gradient.png) left bottom repeat-x; min-width:200px; text-transform: capitalize; }
