/*   
Theme Name: MilosParipovic2 Theme
Theme URI: http://milosparipovic.com
Description: This is a custom theme for my website, if you like it contact me and we can make something
Author: Milos Paripovic
Author URI: http://milosparipovic.com
Version: 2
*/
* { margin: 0; padding: 0; }
html { background: white; 
/*
            -moz-user-select: none; 
            -khtml-user-select: none;
            user-select: none;
*/
			}
a img {border: 0 !important; outline : none;}			
a {outline: none !important; }

body { 
	font-family: 'PTSansNarrowRegular', Arial, sans-serif;
	font-size: 12pt;
      overflow-y: visible !important;
	}

#bgcontainer {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	position:fixed;
	top:0px;
	}
	

@font-face {
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	
    font-family: 'PTSansNarrowRegular';
    src: url('PTN57F-webfont.eot');
    src: url('PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTN57F-webfont.woff') format('woff'),
         url('PTN57F-webfont.ttf') format('truetype'),
         url('PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#realbody{
	position:absolute;
	top:0px;
	z-index: 2;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content  ovoooo */ 
	height:100%;width:100%;	/* Make the new body fill the screen */
}
#bgraster{
	height:100%;width:100%;	
	background: url('img/raster.png');
	opacity:0.4;
	z-index: 3;
}
	
a img {border: none none;}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */


article, aside, figure, footer, header, nav, section { display: block; }

#thumb-list {

}

#main-nav{ 
z-index:500;
	padding-top:0px;
	padding-bottom:0px;
	height:60px;
	left:0px;
	width:100%;
	overflow:auto;
	background-color:#2F2F2F;

	position:fixed;
	bottom:0px;
	/*background: url(images/tile2.gif) ;*/
	/*background-color:rgba(200,200,200, 0.82);
	background-color:rgba(47,47,47, .9);*/
	border-top: 1px solid  #444444;

}
[if IE 7] .iecolor {  

    background-color:#2F2F2F;
	background:#2F2F2F;
}  
#main-nav:hover{ 
/*background-color:rgba(47,47,47, 0.92);
background: url(images/tile2.gif) ;*/
}

#main-nav-links {
padding-left:20px;
}

nav ul {
	list-style: none;
	display: block;
	float: left;
	width:100%;
	height:40px;
}

nav ul li {
	display: block;
	float: left; 
	padding-top:5px;
	
}
.selected {
border-top: 5px solid  #444444;
}

nav ul li a {
	font-weight:500;
	font-size: 1.5em;  
 /*  text-shadow: 2px 2px 3px #000000;  */
    color: white;
	text-decoration: none;
	position: relative;
}

nav li:nth-child(1) a, nav li:nth-child(1) a  { color: #728951;  }
nav li:nth-child(2) a, nav li:nth-child(2) a  { color: #8a8651; }
nav li:nth-child(3) a, nav li:nth-child(3) a  { color: #896a50; }
nav li:nth-child(4) a, nav li:nth-child(4) a  { color: #8b5157; }
nav li:nth-child(5) a, nav li:nth-child(5) a  { color: #695289; }

nav li:nth-child(6) a, nav li:nth-child(6) a  { color: #52558a; }
nav li:nth-child(7) a, nav li:nth-child(7) a  { color: #52728b; }
nav li:nth-child(8) a, nav li:nth-child(8) a  { color: #508a84; }
nav li:nth-child(9) a, nav li:nth-child(9) a  { color: #518a69; }
nav li:nth-child(10) a, nav li:nth-child(10) a  { color: #84518a; }
nav ul li:hover { 
-moz-transform: scale(1.2);
-ms-transform: scale(1.2); /* IE 9 */
transform: scale(1.2);
-webkit-transform: scale(1.2); /* Safari and Chrome */
-o-transform: scale(1.2); /* Opera */
}


#footer{ 
	z-index:501;
	font-size: .9em;  
	height:20px;
	padding-left:20px;	
	margin-left:0px;
	overflow:hidden;
	color:#8b8b8b;
	background-color:#2a2a2a;

	position:relative;
	left:0px;

	bottom:0px;
}
#footer a { 
	color:#728951;
}

.page-wrap-style{
	-moz-border-radius: 10px; border-radius: 10px; -webkit-border-top-right-radius: 10px;
/*		-moz-box-shadow: 3px 3px 15px #000;
	-webkit-box-shadow: 3px 3px 15px #000;
	box-shadow: 3px 3px 15px #000;
	 For IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
	
	/*overflow-x:hidden;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	background: #2F2F2F; 
	color: #bbbbbb;

	background-color:rgb(180,180,180); background-color:rgba(29,39,41,0.9);
	background: #373737; 
	color: #c1c0c5;	*/
	padding-left:2%;
	padding-right:2%;
	background: #eeeeee; 
	background-color:rgb(250,250,250); 
	color: #111111;		
}

#page-head { 
	padding-top: 5px;
	padding-bottom: 5px;
	position:relative;	
}
#page-head h1 { 
	float:left;	
	color: #555555 !important;
}
.page-wrap-style h2, h3, h1 {
	color: #555555 !important;	
}
	.posttitle{ 		
		display:inline;
		margin:0px;
		padding:0px;
	}
	#btnx { 
		cursor:pointer;
		position:relative;
		margin-right:auto;
		margin-left:auto;
		
	}
	
	.enlarging:hover {
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2); /* IE 9 */
		transform: scale(1.2);
		-webkit-transform: scale(1.2); /* Safari and Chrome */
		-o-transform: scale(1.2); /* Opera */
	}
	
	#btnup { 
		cursor:pointer;
		position:relative;
		margin-right:5px;
		float:right;
		top:8px;
		display:none;
	}
	
	
	#btndown { 
		position:relative;
		float:right;
		margin-right:2%;
		top:8px;
		cursor:pointer;
		display:none;
	}		

	#lightbox {
		cursor: -moz-zoom-in, pointer;
		cursor:url(images/magnify.cur),url(images/zoom.gif),auto;
	}
	

#page-extras{
	margin-top:30px;
	padding-top:5px;
	margin-bottom:130px;
}

#page-wrap { 
	position: relative;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;	
}




#page-content  { 
	/*font-family: 'PTSansRegular', Arial, sans-serif;
	
	line-height:1.5;*/
	/*font-family: 'PTSansRegular', Arial, sans-serif;
	font-family: Verdana, Helvetica, Arial, 'PTSansRegular', sans-serif;*/
	line-height:1.5;
	background: url('images/pagewrap.gif');
	background-repeat:no-repeat;
	background-position:right bottom; 
	text-align:justify;
}

#page-extras .twitter-follow-button {
margin-top:1px;
margin-left:5px;
}

#page-content small { 
font-size:0.9em !important;
}
.txtblocl small { 
font-size:0.9em;
}


#page-content img { 
	cursor: -moz-zoom-in, pointer;
	cursor:url(images/magnify.cur),url(images/zoom.gif),auto;
}

#page-content a { 
	color: #00aaff;
	text-decoration:underline;
}
/*
.group3 {
position:relative;
width:625px;
margin-top:7px;
margin-bottom:7px;
}
.group3 p {

width:auto !important;
}

.group4 {
position:relative;
width:800px;
margin-top:7px;
margin-bottom:7px;
}
.group4 p {

width:auto !important;
}
*/








#related {
margin-left:2%;
margin-right:2%;
width:96%;
height:120px;
overflow:hidden;
}

#related-holder {
width:2000px;
}


.rel-entry {
width:180px;
height:120px;
display:inline-block;
float:left;
margin-right:2px;
position:relative;
}


.simpleline {
width:96%;
  border:0;
  border-top: 1px solid #bbbbbb;
  height: 0;
  background: #bbbbbb;
  margin:8px 2%;
  margin-right: 2%;
  clear:both;
}







	


#bgimage {
/*
	position:absolute;
	z-index: -1;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/bg.jpg’, sizingMethod=’scale’);
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/bg.jpg.jpg’, sizingMethod=’scale’)”;
	*/	
	background-position:left center; 
	height:100%; width:100%;
	z-index: 1;
	
}

#mask {
	top:0px;
	position:fixed;
	z-index:9000;
	background-color:#000;
	display:none;
}
#submenumask {
	top:0px;
	left:0px;
	position:fixed;
	background-color:#000;
	display:none;
}
#imagex {
	cursor:pointer;
	position:fixed;
	z-index:9002;
	display:none;
}

#sharebuttons {
width:96%;
}




.fbthing {
top:0px;
width:50px;
display:inline;

}

#twitterthing {
top:0px;
width:20px;
display:inline;
}




#socialholder {
	position:relative;
	display:block;	
	height:36px;	
	padding-top:5px;

}
#fb-root > div { left:0 !important; }
#fb-root  { display:none !important; }
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
left: -300px !important;
}
.fb-right {
float:right;
}

.gholder {
float:left;
margin-left:5px;
margin-right:5px;
}

.tholder {
float:left;
padding-left:2%;
}

#facebook-comments {
margin-left:2%;
width:370px;
float:left;
}


#diggthing {
position:relative;
top:-4px;
display:inline;
}


#plusonething {
position:relative;
width:50px;
display:inline;

}


.tweethold {

float: left;
position:relative;
vertical-align: top;
}
.likehold {
float: left;

position:relative;
vertical-align: top;
margin-right:5px;
}

.fb-like{
top:-1px !important;
}

.plusonehold {
top:-4px;
float: left;
margin-right:32px;
position:relative;
vertical-align: top;
}
/*
#dummy{
position:relative;
top:100px;
height:5px;
}

#subcat{
position:absolute;
background-color:#000;
display:none;
z-index:10000;
}

.submenuitems{
display:none;
margin-left:15px;
font-size:20px;
font-weight:700;
}
*/

.entry {
	width:100%;
	height: 180px;
	height: 125px;
	overflow:hidden;
	margin-bottom:7px;
	border-bottom: 1px solid  #cccccc;
}
.entry-search {
	width:100%;
	height: 180px;
	height: 126px;
	overflow:hidden;
	margin-bottom:10px;
	border-bottom: 1px solid  #cccccc;
	text-overflow:ellipsis;
}

.entry-search a {
color: #00AAFF !important;
text-decoration:none;
}

.entry-image {
float:left;
display:inline;
width:190px;
height:100%;
}



.entry a {
color:#444444;
text-decoration:none;
}
.entry p {
padding-left:15px;
}

#searchform {
position:absolute;
top:10px;
right:15px;
}
#btnhome {
position:fixed;
top:5px;
left:2px;
z-index:5002;
}
#loading {
position:fixed;
top:20px;
right:20px;
display:none;
}
#txtscroll {
position:fixed;
top:20px;
right:2%;
-moz-border-radius: 10px; border-radius: 10px; -webkit-border-top-right-radius: 10px;
background-color:#ffffff;
color:#ff0000;
padding:10px;
display:none;
font-weight:bold;
}

#search {
	float: right;
	right: -20px;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 70px;
	border:0px;
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* KHTML */
	border-radius: 10px; /* CSS3 */
	behavior:url("border-radius.htc");
	text-align:center;
	background-color:#8b8b8b;
	color:#2f2f2f;padding:2px;
}
#search:focus {
	background-color: #8b8b8b;
	width: 220px;
}


#pleaseclick
{
background-color:#ffffff;
width:300px;
left:-150px;
position:relative;
top:50px;
}
#copyrightInfo
{
display:none;
top:0px;
right:0px;
padding:4px;
  position:fixed;
  z-index:11000;
  background-color:#000000;
  color:#dd0000;
  font-weight:bold;
}







/** Twitter Reactions**/
/*
ul#twitter_reactions {width:540px;margin:0 0 0 -3px; padding:0;}
ul#twitter_reactions li {width:540px; position:relative; margin:3px 0 0 -3px; padding:0px; list-style:none;text-align:left; background:#f2f2f2; color:#555; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; border-radius:2px;}
ul#twitter_reactions li#reactions_header {font-weight:bold;background:#ddd;}
ul#twitter_reactions li#reactions_header em {float:right;color:#888;font-weight:normal;}
ul#twitter_reactions li img {float:left;width:36px;height:36px;margin-right:8px;background:#fff;border:none;}
ul#twitter_reactions li a {color:#663399;text-decoration:none;}
ul#twitter_reactions li small {color:#ccc;position:absolute;bottom:4px;right:6px;}
ul#twitter_reactions li small a {color:#bbb;}
ul#twitter_reactions li small a.reply {color:#aaa;}
ul#twitter_reactions .clear {clear:both;}
*/
/** Twitter Reactions**/
ul#twitter_reactions {width:360px; padding:0;
margin-left:0px;
float:left;
margin-bottom:100px;
}
ul#twitter_reactions li {width:350px; position:relative; margin:0px 0 0px; 0px; padding-left:5px; padding-right:5px; list-style:none;text-align:left; 
background:#eeeeee; 
color:#333333;
margin-bottom:8px;
 -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px;
 }
ul#twitter_reactions li#reactions_header {font-weight:bold;/*background:#ddd;*/}
ul#twitter_reactions li#reactions_header em {float:right;color:#888;font-weight:normal;}
ul#twitter_reactions li img {float:left;width:36px;height:36px;margin-right:8px;background:#fff;border:none;}
ul#twitter_reactions li a {color:#663399;text-decoration:none;
color: #00aaff;
text-decoration:underline;

}
ul#twitter_reactions li small {color:#ccc;position:relative;bottom:4px;right:6px; display:block; width:100%; text-align:right;}
ul#twitter_reactions li small a {color:#bbb;}
ul#twitter_reactions li small a.reply {color:#aaa;}
ul#twitter_reactions .clear {clear:both;}

#mobilemenu {
display:none;
}

#page-wrap ol li { 
	position: relative;
	margin-left:30px;
	margin-bottom:20px;
	
	
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}


.centerit {
	width:100%;
}
.centerit a img {

}

#lightbox {
/*box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);*/
}

.addthis_toolbox {
display:inline;
}








.txtblock {
float:left;
margin:2%;
}
.txtblockwide {
float:left;
margin:2%;
}

.txtblock-wide {
width:96%;
margin: 0px 2%;
clear:both;
}

.txtblock-wide img {

position:relative;
width:100%;
height:auto;
}

.image-fullwidth {
position:relative;
height:auto;

margin:2%;

	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
}





.iframeclass {
	margin:2%;	

}
.group3 {	
	margin:2%;
}
.group3 a img{
	height:auto;
	margin-right:1px;
}
.posttitle{margin-left:2%;}

.centeritww  {
	text-align:center;
	position:relative;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
}
	
	.group100 {
clear:both;
text-align:center;
position:relative;
width:100%;
max-width:900px;
margin-left:auto;
margin-right:auto;
display:table;
	}
	.group100 a {
	margin-left:auto;
margin-right:auto;
padding:5px;
display:table-cell;

height:auto;	
max-width:100%;
	}
.group100 a img{
margin:5px;
width:100%;
height:auto;
	}





@media only screen and (min-width:1371px) {
.bl3 {
clear:both;
}
	.image-fullwidth {
	width:29.2%;
	float:right;
	margin-right:2.25%
	}
	.txtblock {
	width:29.2%;
	margin-right:1.9%
	}
	.txtblockwide {
	width:29.2%;
	margin-right:1.9%;
float:left;
	}
	.iframeclass {
	width:57.8%;
	float:left;
	}
	.group3 {
	width:29.2%;
	float:left;
	}
	.group3 a img {
	margin-right:1px;
	width:33%;
	}


.floatleft {
	float:left !important;
}
.floatright {
	float:left !important;
}
}


.half .image-fullwidth{
	width:45.5%;
	}
.half .txtblock {
	width:45.5%;
	width:35%;	
	float:right;
	}
	
	.group2 {
	width:56.7%;
	}
	.group2 a img {
	
	width:45.0%;
	}

		@media only screen and (min-width:760px)  and (max-width:1370px) {

			.image-fullwidth {
				width:45.5%;
				width:56.7%;
				float:right;	
			}
			.txtblock {
			width:45.5%;
			width:35%;	
			float:left;
			}
			.txtblockwide {
			width:56.7%;
			float:right;
			}
			.txtblockwide img {
			max-width:96%;
			height:auto;
			}
			.iframeclass {
			width:56.7%;
			float:right;
			}

			
			.group3 {
		text-align:center;
		position:relative;
		max-width:100%;	
		margin-left:auto;
		margin-right:auto;
		min-width:200px;
		float:left;
		}
		.group3 p {
		width:auto !important;
		}
		.group3 a {
		margin-right:2px;
		}
			
		.group3 .image-fullwidth  {
			margin:0px;
			margin-right:1px;
			margin-bottom:1px;
			width:49.5%;
			}
		
		#btnup {display:none;}
		#btndown {display:none;}
}
.image-fullwidth {	width:56.7%\9; float:right\9;	}
.txtblock {	width:34%\9; float:left\9;	}
.txtblockwide {	width:56.7%\9; float:right\9;	}
.iframeclass {	width:56.7%\9; float:right\9;	}
.txtblockwide img { max-width:96%\9; height:auto\9;	}
.group3 {	width:100%\9; text-align:center\9;	}
.group3 p { width:auto\9;   }
.group3 a img {	margin-right:2px\9;	width:auto\9; text-decoration:none\9;	}
.group3 .image-fullwidth  { margin:0px\9; margin-right:1px\9; margin-bottom:1px\9; width:49.5%\9;}
 



@media only screen and (max-width:760px) {

#page-wrap{
width:100%;
top:0px !important;
}

#ie-z-fix {
	z-index:501;
}
	.image-fullwidth {
	width:96%;
	}
	.txtblock {
	width:96%;
	}
	.iframeclass {
	width:96%;
	float:left;
	}

	.group3 {
		text-align:center;
		position:relative;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
		.group3 a img {
		margin-right:2px;
		width:auto;
	}

#main-nav, 
#thumb-tray,
#bgraster,
#bgcontainer,
#btnhome { 
display: none;
}	
#mobilemenu-wrap{
margin-bottom: 10px;
background-color:#ffff00;
}
#mobilemenu {
	padding:0px;
	display:block;
	background-color:#2a2a2a;
	margin-bottom:5px;
}

#mobilemenu ul {
height:auto !important;
background-color:#2f2f2f;
	-webkit-border-bottom-left-radius: 8px;
	-khtml-border-radius-bottomleft: 8px;	
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-radius-bottomright: 8px;	
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}

#mobilemenu ul li{
display:inline;
}

#mobilemenu ul li a {
font-weight:600;
font-size:1em !important;

}
#mobilemenu ul li:first-child {
margin-left:9px !important;
}
#mobilemenu ul li:not(:first-child){
margin-left:2%;
}


#mobilemenu ul li:nth-child(1) a   { color: #728951;  }
#mobilemenu ul li:nth-child(2) a  { color: #8a8651; }
#mobilemenu ul li:nth-child(3) a   { color: #896a50; }
#mobilemenu ul  li:nth-child(4) a   { color: #8b5157; }
#mobilemenu ul  li:nth-child(5) a  { color: #695289; }

#mobilemenu ul  li:nth-child(6) a   { color: #52558a; }
#mobilemenu ul  li:nth-child(7) a  { color: #52728b; }
#mobilemenu ul  li:nth-child(8) a { color: #508a84; }
#mobilemenu ul  li:nth-child(9) a  { color: #518a69; }
#mobilemenu ul  li:nth-child(10) a  { color: #84518a; }
	
#mobilemenu h3 {
margin-left:9px;

}
#mobilemenu h3 a {

color: #728951;
text-decoration:none;

}

#mobilemenu small {
position:absolute;
top:7px;
right:5px;
}

ul#twitter_reactions {

padding-left:2%;
clear:both;

 }
#page-extras{
overflow:hidden;
}

}




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#bgimage {
-webkit-background-size: 1024px 750px !important;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */


#page-wrap{
width:100%;
top:0px !important;
}

#ie-z-fix {
	z-index:501;
}
	.image-fullwidth {
	width:96%;
	}
	.txtblock {
	width:96%;
	}
	.iframeclass {	
	width:96%;
	float:left;
	}

	.group3 {
		text-align:center;
		position:relative;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		float:left;
	}
		.group3 a img {
		margin-right:2px;
		width:auto;
	}



	ul#twitter_reactions {

	padding-left:2%;
	clear:both;

	 }
	#page-extras{
	overflow:hidden;
	}
	#btnup {display:none;}
	#btndown {display:none;}

}