/*************************************************
*  Cosmosart / Online design portfolio           *
*  CSS document / www.cosmosart.org              *
*  Copyright (c) 2002-2008. Davor Peic-Gavran    *
*  http://www.cosmosart.org davor@cosmosart.org  *
*  Learn! Learn! Learn! Copying is bad! :)       *
*************************************************/

body {
	margin: 0px;
	padding: 0px;
	font-family:"trebuchet MS", "Arial";
	font-size: 62.5% ;
	line-height: 1.7em;
	color:#c4c2c2;
	background-color: #000;
	text-align: center;
}
form {margin:0px; padding:0px;}
br{font-size:10px;}
.clearDiv {
	clear:both;	
}
textarea,select{
   background:#ffffff;  
   color:#000000; 
   font-size:9pt;
} 

img, a img {
	border:none;
}
a:link, a:visited {
	/*color:#e9e9e9; */
        color:#fff;
	text-decoration:none;
} 
a:hover { color: #81adcf; text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	margin:0px;
	padding:0px;
	font-size:1.5em;
}
h1 {
	font-size:1.8em;
	font-weight:normal;
	color: #bed8ed;
	margin: 0px 0px 7px 0px;
	text-transform: none;
    line-height:110%;
       
}
h1 a:link, h1 a:visited { color: #bed8ed;  text-decoration:none;}
h1 a:hover { text-decoration:underline; }
h2 {
	font-size:1.5em;
	margin:12px 0px 15px 0px;
	color: #bed8ed;
	font-weight:normal;
}
h3 {
	font-size:1.1em;
	color:#4c6e84;
	margin:9px 0px 7px 0px;
	text-transform: uppercase;
}
h4, h5, h6 {
	font-size:9pt;
	color:#4c4c4c;
	margin:2px 0px 2px 0px;
}

p {
	margin:0px;
	padding-bottom: 11px;
}
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 10px;
	padding-left: 8px;
}
ul li {
	background: transparent url(bullet02.png) 0px 5px no-repeat;
	padding-left: 13px;
	margin: 3px 0px 3px 0px;
}

abbr,
acronym {border:none;}
abbr[title],
acronym[title] { border-bottom:#575858 1px dotted; font-style:italic; cursor:help; }
blockquote { background: transparent url(quote.png) 0% 0% no-repeat; color: #859eae; font-style: italic; font-size:13px;  padding: 5px 15px 5px 42px; margin: 10px 10px 8px 15px; display: block;}
blockquote p { padding-right: 25px; padding-bottom: 11px;}
blockquote p.lastp { background: transparent url(quote_bottom.png) 100% 100% no-repeat;}
code { font-family:Courier; font-size:.95em; line-height:1.3em;color:; background:#323232 url(code.png) 4px 4px no-repeat; display:block; padding:10px; padding-top:28px; margin-bottom:10px;}
.fullIzdvojeno { font-weight:bold; color:#aad8ff;}

.commPost a[href^="http://"]:not([href*="cosmosart.org"]), .leftContent2 a[href^="http://"]:not([href*="cosmosart.org"]) { 
 
background: url(outgoing_link.png) no-repeat 100% 50%; 
padding: 0 13px 0 0; 
}


/* CONTENT */

#headContainer {
	width:100%;
	background: #173751 url(head_bg.png) 0% 0% repeat-x;
}
#container { 
	width:980px;
	text-align: left;
	margin: 0 auto;
}
.head {
	width: 420px;
	float: right;
	/* background-color: red; */
	overflow: hidden;
	text-align: right;
}
.davor_peic {
	width: 290px;
	height: 90px;
	float: right;
	margin-top: 15px;
}
.language {
	width: 100px;
	height: 50px;
	float: left;
	/* background-color: red; */
	margin-top: 50px;
	text-align: left;
}
/* MENU */
.menu {
	clear: both;
	padding-top: 20px;
	display: block;
}
.buttonNormal {float: right; margin: 0px; padding: 0px; margin-left: 4px;} /* pozicija buttona */
.buttonNormal a		{ font-size: 1.4em; float: left; text-decoration: none; text-transform:uppercase; background: #19283b url(menuNormalBg.png) 0% 0% repeat-x !important; }
.buttonNormal em	{ float: left; font-style: normal; }
.buttonNormal a		{ color: #c4dae7 !important; text-decoration: none !important; /* line-height: 1.8em; */ font-weight: normal;}
.buttonNormal .tr	{ background: transparent url(menuNormalRight.png) no-repeat 100% 0; }
.buttonNormal .tl	{ background: transparent url(menuNormalLeft.png) no-repeat 0 0;  }
.buttonNormal .cc	{ padding: 4px 8px 4px 8px; }
.buttonNormal a:hover .cc {	color:#fff; }
.buttonNormal .feed { background: transparent url(menu_feed.png) 0% 55% no-repeat; padding-left:15px;  }

.buttonActive a		{ background: #000 url(menuActiveBg.png) 0% 0% repeat-x !important; }
.buttonActive a		{ color: #fff !important;}
.buttonActive .tr	{ background: transparent url(menuActiveRight.png) no-repeat 100% 0; }
.buttonActive .tl	{ background: transparent url(menuActiveLeft.png) no-repeat 0 0;  }



/* END MENU */
.leftContent {
	width: 560px;
	float: left;
	background: #242424 url(leftContentTop.png) 0% 0% no-repeat;
	position: absolute;
	top:0;
	margin-top:27px; margin-bottom:30px; 
	font-size: 1.2em;
}
.leftContent2 {
	width: 510px;
	background: transparent url(leftContentBottom2.png) 0% 100% no-repeat; 
	overflow: hidden;
	padding: 25px;
}
.leftContent2 img { border: solid 5px #1d1d1d;}
.leftContent2 p.center { text-align:center; padding:0px; margin: 0px; margin-bottom:15px;}
.leftContent2 p.center2 { text-align:center; padding:0px; margin: 0px; margin-bottom:15px;}
.leftContent2 .center img { border:0 none; /*clear:both;*/ float:none; /*margin:0 auto;*/ padding:5px; background: transparent url(contentImageBg2.png) 0% 0% repeat;}
.leftContent2 .center2 img { border:0 none; /*clear:both;*/ float:none; /*margin:0 auto;*/ padding:5px; /*background: transparent url(contentImageBg2.png) 0% 0% repeat;*/}
.contentImageRight { float:right; margin:0 0 7px 7px;}
.leftContent em { color:#a2b4bf; }
/* News */
.newsBox {
	background: transparent url(newsBoxFooter.png) left bottom no-repeat;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 15px 0px;
	float: left;
	width: 510px;
        overflow:hidden;
}
.newsBoxLeft {
	width: 150px;
	float: left;
	overflow: hidden;
        margin-bottom:10px;
}
span.newsBoxLeftImages img{
	border: solid 5px #3b3b3b;
	margin-top: 11px;
}
.newsBoxRight {
	width: 345px;
	float: right;
	overflow: hidden;
}

.dateBox		{ float: right; font-size: 1em; text-decoration: none; background: #313131 url(newsDateBg.png) left top repeat-x !important; text-transform: uppercase; margin-top:3px; }
.dateBox em	{ float: left; font-style: normal; color: #b3b3b3; }
.dateBox		{ color: #b3b3b3 !important;  text-decoration: none !important; }
.dateBox .tr	{ background: transparent url(newsDateTR.png) no-repeat 100% 0; }
.dateBox .bl	{ background: transparent url(newsDateBL.png) no-repeat 0 100%; }
.dateBox .tl	{ background: transparent url(newsDateTL.png) no-repeat 0 0; }
.dateBox .br {	background: transparent url(newsDateBR.png) no-repeat 100% 100%; padding: 1px 6px;}
.dateBox span.dateYear { background: transparent url(newsDateLine.png) left top repeat-y; padding-left: 7px;margin-left: 2px; }

.dateBoxEntry		{ float: left; font-size: 1em; text-decoration: none; background: #313131 url(newsDateBgBig.png) left top repeat-x !important; text-transform: uppercase; }
.dateBoxEntry em	{ float: left; font-style: normal; color: #b3b3b3 }
.dateBoxEntry		{ color: #b3b3b3 !important;  text-decoration: none !important; text-align: center; margin: 2px 15px 7px 0px; }
.dateBoxEntry .tr	{ background: transparent url(newsDateTR.png) no-repeat 100% 0; }
.dateBoxEntry .bl	{ background: transparent url(newsDateBL.png) no-repeat 0 100%; }
.dateBoxEntry .tl	{ background: transparent url(newsDateTL.png) no-repeat 0 0; }
.dateBoxEntry .br {	background: transparent url(newsDateBR.png) no-repeat 100% 100%; padding: 2px 6px;}
.dateBoxEntry span.dateBoxEntryDate {float: left;font-size: 2.2em;padding-top: 9px; color: #9b9b9b;}
.dateBoxEntry span.dateYear { font-size: 1em; background: transparent url(newsDateLine.png) left top repeat-y; padding-top:1px;padding-left: 8px;margin-left: 6px;  float: left;  }
.dateBoxEntry span.dateBoxEntryMonth {font-size: 1.1em;}

.entryTitleText { display:block; font-size:0.6em; color:#616161;}

.newsLeftLinks a, .newsLeftLinks a:visited { font-size: 10px; color: #a5a5a5; text-transform: uppercase; padding-left: 17px; text-decoration: none; line-height: 1.8em; float: right; margin-left: 8px;margin-top: 4px;}
.newsLeftLinks a:hover {color: #d7d5d5;}
.newsComments a, .newsComments a:visited { background: transparent url(newsComments.png) 0% 50% no-repeat; }
.newsPermalink a, .newsPermalink a:visited { background: transparent url(newsPermalink.png) 0% 50% no-repeat; }
.newsLeftLinksMore a, .newsLeftLinksMore a:visited { font-size: 11px; float:none; margin-left:0px; margin-right:4px; color: #a5a5a5; margin-top:0px; line-height:1em;} 
.newsMoreSubTitle { display:block; margin:1px 0px 5px 0px;}

.newsCategories { clear:right; text-align: right; font-size: 10px; color: #a5a5a5; display: block; line-height: 1.5em; padding-top: 2px;}
.newsCategories a, .newsCategories a:visited { color: #90a2b1; text-decoration: none;}
.newsCategories a:hover {color: #d7d5d5; text-decoration: underline;}
.newsCategoriesComments { font-size: 11px; clear: none; display: inline;}

/* Paginacija styles */
a.button01_right, a.button01_right:visited { background: transparent url(button01_right.png) 100% 35% no-repeat;  padding: 2px; padding-right: 18px; display: block; float: right; text-decoration: none; color: #767676;}
a.button01_right:hover { text-decoration: underline; color: #81adcf;}

a.button01_left, a.button01_left:visited { background: transparent url(button01_left.png) 0% 35% no-repeat;  padding: 2px; padding-left: 18px; display: block; float: left; text-decoration: none; color: #767676;}
a.button01_left:hover { text-decoration: underline; color: #81adcf;}

.button01_1 { margin-top: 10px; text-transform: uppercase;}

.workPagination {
	background: transparent url(newsBoxFooter.png) 0% 0% no-repeat;
	padding: 3px 0px 10px 0px;
	margin-top: 10px;


}

/* END NEWS */
/* RIGHT CONTENT */
.rightContent {
	width: 410px;
	margin-left: 570px;
	position: absolute;
}
.leftBoxBig {
	width: 230px;
	float: left;
	margin-top: 15px;
	font-size: 1.1em;
	/* background-color: red; */
}
.rightBoxBig ul {margin: 0px;padding: 0px;}
.rightBoxTab { float: left; display:inline; margin: 0px; padding: 0px; margin-left: 10px; }
.rightBoxTab		{ font-size: 1em;  text-decoration: none; text-transform:uppercase; background: #2a2a2a url(rightBoxTab_bg.png) 0% 0% repeat-x !important; }
.rightBoxTab em	{ float: left; font-style: normal; }
.rightBoxTab		{ color: #afcde8 !important; text-decoration: none !important; font-weight: normal;}
.rightBoxTab .tr	{ background: transparent url(rightBoxTab_right.png) no-repeat 100% 0; }
.rightBoxTab .tl	{ background: transparent url(rightBoxTab_left.png) no-repeat 0 0;  }
.rightBoxTab .cc	{ padding: 1px 8px 2px 8px; }
.rightBoxTab a, .rightBoxTab a:visited {color: #afcde8 !important; text-decoration: none !important; font-weight: normal;}

.tabComments {padding: 3px 0px 2px 0px; width: 1.11em; height: 1.11em; }

.tabs-hide {display: none;}
.tabs-selected { background: #363535 url(rightBoxTabActive_bg.png) 0% 0% repeat-x !important; }
.tabs-selected .tr	{ background: transparent url(rightBoxTabActive_right.png) no-repeat 100% 0; }
.tabs-selected .tl	{ background: transparent url(rightBoxTabActive_left.png) no-repeat 0 0;  }

.leftBoxContent {
	width: 210px;
	background: #242424 url(rightContentBg.png) 0% 0% repeat-x;
	padding: 10px;
	clear: left;
}
.simpleCenter { text-align: center;}
/* FOOTER */
#footer {
	background: #071624 url(footer_bg2.png) 0% 0% repeat-x;
        /*height:159px;*/
        
}
.footer_bottom {
       background: transparent url(footer_bottom.png) 0% 100% no-repeat;
       padding:7px 25px 25px 25px;
       overflow:hidden;

}
/* RIGHT BOX CONTENT */
.rightBoxesContent { float: right; width: 170px;}
.rightBanners a { padding-bottom: 10px; display: block;}
.rightBoxBig {
	width: 170px;
	float: right;
	margin-top: 15px;
	font-size: 1.1em;
}
.rightBoxTabSwitch {margin-left: 5px;}
.rightBoxContent {
	width: 150px;
	background: #242424 url(rightContentBg.png) 0% 0% repeat-x;
	padding: 10px;
	clear: left;
	overflow: hidden;
}
.iframePhotosBox {
	width: 170px;
	padding: 0px 0px 6px 0px;;
}
/* IFRAME PHOTOS */
.iframePhotos {
	width: 170px;
	height: 160px;
	background-color: transparent;
}
.iframePhotos a img {border: 0 none;}
.iframePhotosLink a, .iframePhotosLink a:visited {color: #76899a; padding: 5px 0px 0px 10px; display: block;}
/* END IFRAME */

/* COMMENTS */
.commBox { margin: 12px 0px 10px 0px;}
.commPost {padding: 10px 5px 0px 5px; color: #9fa8b0;}
.commBox p { }
.commLeft {  display: block; background: #0c1e2e url(commTop.png) 100% 0% no-repeat; width: 510px;}
.commLeft2 { background: transparent url(commBottom.png) 100% 100% no-repeat; padding: 6px; /* width: 114px; */ overflow: hidden;}

img.commAvatar { float: left; margin: 0px 10px 0px 0px; border:solid 1px #04101b;}
.commName {  padding: 4px 0px 3px 0px; display: block; font-size: 1.4em; }
.commName a, .commName a:visited { text-decoration: none; }
.commDate {  font-size: 0.9em; color: #404f5b; }
.commNum { background: transparent url(commLine.png) left top repeat-y; float: right; padding: 7px 2px 7px 8px; display: block;}
.commNum a, .commNum a:visited { color:#05101b; text-decoration: none; font-size: 37px; line-height: 25px; }
.commNum a:hover {color: #152f45;}

.commLeft_admin .commDate {color:#6c7984;}
.commLeft_admin { background: #132636 url(commTop_admin.png) 100% 0% no-repeat;}
.commLeft_admin .commLeft2 { background-image: url(commBottom_admin.png);}

.commLeft blockquote { background: transparent url(quote_comm.png) 0% 0% no-repeat; font-style: normal;}
.commLeft blockquote p {margin-bottom: 3px; color: #669fcf;}
.commLeft_admin blockquote { background: transparent url(quote_comm_admin.png) 0% 0% no-repeat; font-style: normal;}

.commJump {padding: 5px 0px 10px 0px; color: #5987B3; font-size: 2em; display: block; height: 27px;}
.commJump a, .commJump a:visited {color: #5987B3; text-decoration: none; }

.commInput { background: #0f2336 url(commInputBg.png) 0% 0% repeat-x; color: #adb4bc; font-size: 1.3em; padding: 7px; width: 316px; border: 0 none;}
.commTextarea { font-family:"trebuchet MS", "Arial"; background: #0f2336 url(commInputBg.png) 0% 0% repeat-x; color: #adb4bc; font-size: 1em; padding: 7px; width: 316px; border: 0 none; }
.commMust {font-size: 1.1em;}

.structural { position:absolute; left:-9999px;}
.commShadow { display: block; background: transparent url(commShadow.png) 0% 0% no-repeat; width: 510px; height: 30px; }

.comment_reqs { float: right; width: 165px; margin-top:0px;}
.comment_reqs p { font-size:.9em; color:#9badbf;}

/* END COMMENTS */

/* PORTFOLIO ----------------------------------------------------------------------------- */
.workTitle {padding: 0px 0px 5px 0px;  color: #5987B3; font-size: 1.8em; display: block; line-height: 1.8em; height:40px;}
.workTitle a, .workTitle a:visited {color: #5987B3; text-decoration: none; }
.workTitleSecond { padding-top:15px;}

ul.workList { padding-bottom:10px; }
ul.workList, ul.workList li {margin: 0px; padding: 0px; }
ul.workList li {float: left; display: inline; /*width: 245px;overflow: hidden;*/  margin-bottom:5px; background: none; }
ul.workList li a img { border: solid 3px #3b3b3b; float: left; margin-bottom: 4px;}
ul.workList li a:hover img { border: solid 3px #30446e;}
ul.workList li p {font-size: 0.95em; color: #969595; margin: 0px; padding: 0px;}
ul.workList li p span.workInfoText, 
ul.workList li p span.workInfoText a, 
ul.workList li p span.workInfoText a:visited,
ul.workListDetails li span.workInfoText, span.workInfoText {color: #b4b3b3;}
ul.workList li p span.workInfoDate {float:right;}

ul.workList li.workBoxRight { margin-left: 12px;}

.workLeft { width:245px; float:left; display:inline; margin:17px 0;}
ul.workListDetails { width:245px; float:right; display:inline; margin:9px 0; padding:0px; }
ul.workListDetails li { border-bottom:1px solid #333333; padding:5px; font-size: 1em; color: #7d7d7d; background: none;}
p.workLeftTitle { font-size:1.2em; color: #bed8ed;}

ul.workListGroup, ul.workListGroup li {margin:0px; padding:0px; background: none;}
ul.workListGroup li a, ul.workListGroup li a:visited { background:transparent url(bullet01_normal.png) 0% 50% no-repeat; padding:1px 0px 1px 14px; margin-left:2px; color:#989898; text-decoration:none; display:block; text-transform:uppercase; }
ul.workListGroup li a.workListActive, ul.workListGroup li a.workListActive:visited { background:transparent url(bullet01_active.png) 0% 50% no-repeat; color:#e9f0f5; }
ul.workListGroup li a:hover { color:#e9f0f5; background:transparent url(bullet01_active.png) 0% 50% no-repeat; }
.friendListInfo { color:#6c6c6c; text-transform: lowercase; padding-left: 2px;}
ul.workListGroup li a:hover span.friendListInfo { color:#989898;}

ul.workListCategory, ul.workListCategory li {margin:0px; padding:0px;}
ul.workListCategory { display:block; background:transparent url(workListCategoryBg.png) 50% 0% no-repeat; margin-top:5px; padding-top:14px;}
ul.workListCategory li a, ul.workListCategory li a:visited { background:transparent url(workListCategoryBullet.png) 0% 50% no-repeat; padding:1px 0px 1px 17px;  color:#989898; text-decoration:none; display:block; text-transform:uppercase;}
ul.workListCategory li a:hover {color:#e9f0f5;}
/* END PORTFOLIO ----------------------------------------------------------------------------- */

/*FOOTER --------------------------------------------------------------------------------------*/
ul.defaultFooterList { width:240px; float:left; display:inline; margin:5px 0; padding:0px; /*background-color:red;*/}
ul.defaultFooterList li {  font-size: 1em; color: #7d7d7d; padding: 0px; margin: 0; display: block; background: none;}
ul.defaultFooterList2 { margin-left:30px; }
ul.defaultFooterList li a, ul.defaultFooterList li a:visited {color:#787878; text-decoration:none; display:block; padding:5px; border-bottom:1px solid #0e2335; }
ul.defaultFooterList li a:hover {color:#91aec7;}
ul.defaultFooterList li a span.footerListDate, ul.defaultFooterList li a span.footerListDate:visited {color:#395064; padding-right:5px; font-size:0.9em;}

.footerTitles { float:left; width:240px; display:inline; line-height:30px; color: #5987B3; font-size: 1.2em;}
.footerTitles2 { margin-left:30px; }
/*END FOOTER ------------------------------------------------------------------------------------*/

/* ABOUT */
.about_big_photo { float: right; margin: 30px 0px 20px 20px; display: inline;}
.about_avatar { float: right; margin: 0px 0px 10px 10px; display: inline;}
/* END ABOUT */

/* ERRORS */
.message_404 a { clear:both; padding-top:100px; display: block; width: 400px; height: 150px; margin: 0 auto;}
/* END ERRORS */

/* EE STYLES */
.ee_banner { margin-top:15px; float:left;}
.system_messages { width: 490px; padding: 20px; margin: 0 auto; background: #000 url(ee_message_bg.jpg) 0% 100% repeat-x; color: #fff; text-align: left; font-size: 1.3em;}
/* END EE STYLES */

/* IE UPDATE DIV */
.ie_update_div { display:block; width:100%; line-height:25px; background-color:#ffea00; color:#ff0000; font-size:1.3em;clear:both; }
.ie_update_div a, .ie_update_div a:visited { color:#ff0000; font-weight:bold;}
/* END IE UPDATE DIV */

.content404 {background-color:#3d3d3d; padding:10px; padding-bottom:0;  border:3px #242424 dotted; margin-bottom:25px; margin-top:10px;}
.archiveList {padding-left:4px; margin-bottom:20px;}
.archiveList span.archiveLine { display:block; padding:3px 0; border-bottom:solid 1px #2f2f2f; }
.archiveList span.archiveDate { color: #6e6d6d; padding-right:8px; display:block; float:left;}