/*	C S S	*/

/*@import url(http://fonts.googleapis.com/css?family=Cabin+Sketch:700&text=colecting);*/
@import url(https://fonts.googleapis.com/css?family=Contrail+One&text=Collecting.SlotHobby.com);
/*@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);*/
/*@import url(http://fonts.googleapis.com/css?family=Economica:700);*/
/*@import url(http://fonts.googleapis.com/css?family=Lobster);*/
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,700);
/* breadcrumbs @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700); */
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&text=1234567890');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400&text=1234567890');


html {	
	-background-color:#FFFFFF;
	-background-image:none !important;
	--background-color:#000000;
	--background-image:url(bg.jpg);
	--background-repeat:repeat;
}

body {
	margin:0px;
	
	font-family: "Maven Pro", Arial, Helvetica, sans-serif;
	--color: #FFFFF;
/*border: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	--margin: 0px;
	padding: 0px; */
	background-color:#F0F0FF;
}


a:link    {text-decoration: none; color: #0E477F; -border-bottom:#00CC33 1px dotted}
a:visited {text-decoration: none; color: #0E477F; -border-bottom:#00CC33 1px dotted}
a:active  {text-decoration: none; color: #EEEEEE;}
a:hover   {text-decoration: none; color: #0E477F; text-shadow: #0E477F 0px 0px 1px}

/* Edit link */
.edit {
	font-size:24px;
	color:#393739 !important;
	font-weight:bold;
}
.edit:hover {
	opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */
	text-shadow: none;
	----border:#000 1px solid;
	----background:#CCC;
	----border-radius: 4px;
} 
 

/*** L A Y O U T    B L O C K S ***************************************************/

/*

[  HEADER   ]
[    NAV    ]
[ #CONTENT
[MAIN][ASIDE]
			]
[  FOOTER   ]



*/

#content {
	-margin: 8px; 
	--display:inline-table; 
	--min-width:100%;
	
	padding-right: 200px;
    overflow: hidden;
}

#main {
	display:block;
	-float:left;
	-margin-right: 8px;
	-width:auto;
	
	padding:8px;
	
    width: 100%;
    float: left;
}



#aside {
	display:block;
	width:188px; 
	float:left; 
	margin-right: -200px;
	-padding-left:4px;
	-padding-right:8px;
}





#footer {
	display:block;
    clear: both;
    margin-bottom: 0;
}
















.folder_title {
	--font-size:18px;
	--background-image:url(/icons/folder.png);
	--padding-left: 20px;
	font-size:22px;
	background-image:url(/icons/folder_open.png);
	padding-left: 28px;

	background-repeat:no-repeat;
	background-position:left center;
}


img.bullet {vertical-align:middle}

img.flag {width: 16px; height: 11px; vertical-align:middle; padding-bottom: 2px; margin-right: 4px; border:none;}




ul.usr_list {
	list-style:none;
	--list-style-position:outside;
	padding-left:0px;

}
ul.usr_list li{
	margin-bottom: 4px;
}
.own_name {
	font-weight:bold; 
	font-variant:small-caps;
}
.avatar_lt {
	width:48px;
	height:48px;
	max-width:100%;
	border-radius:90px; 
	border: #000000 1px solid; 
	background-color: #F0F0F0;
	margin-bottom:0px; padding-bottom:0px;
	vertical-align: middle;
}
a:hover .avatar_lt {
	box-shadow: #333 0px 0px 1px;
}





.reference {
	background-color:#999900;
	border:#996600 1px solid;
	padding: 0 2px;
	border-top-left-radius: 6px 4px;
	border-bottom-left-radius: 6px 4px;
}

.race_num {
	color:#000000;
	background:#FFFFFF;
	border: #666 1px solid;
	padding: 0 3px;
	border-radius: 50%;
	--border-radius: 25%;
	--border-radius: 3px;;
	margin-right: 4px;
}


/* Owner card **********************************************/

#own_card {
	width:180px; 
	margin-top:32px; -background:#F1F1F1; -border-radius:8px; -border-color: #D6D6D6; -border-width: 1px; -border-style: solid; -box-shadow: 1px 1px 1px  #E7E7E7}
#own_avatar {
	width:176px; height:176px; 
	max-width:100%;
	border-radius:90px; 
	border: #000000 2px solid; 
	background-color: #F0F0F0;
	--margin-bottom:0px; --padding-bottom:0px;
}
a:hover #own_avatar {
	box-shadow: #333 0px 0px 1px;
}

--#own_text {padding: 4px;}
#own_name {font-weight:bold; 
	font-variant:small-caps;
	-text-transform:uppercase;
	text-align:center;  display:inline; width:auto; color:#000000 !IMPORTANT; --background-color:#000000;  --color:#F0F0F0 !IMPORTANT; --padding: 4px;}
--#own_city {font-size:13px; font-weight:bold; color:#333333;}
--#own_bio {font-size:small; padding-top:4px; overflow: hidden; color:#666666;}




img.folder_ico {
	vertical-align:text-bottom;
	width:16px;
	height:16px;
}

/* Tiles ***************************************************/

DIV.tilescontainer {
	--margin:16px;
}

DIV.tile {
	width: 240px;
	height: 280px;
	box-shadow: 0px 0px 3px #666;
	text-align:center;
	overflow:hidden;
	
	background-color:#FFFFFF;
	
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	margin-left:8px;
	margin-top:8px;
	
	cursor:pointer;
}

DIV.tile .tileImageBox{
	--background:#000000;
	--height:125px;
}

DIV.tile .tileImage{
	width: 240px;
	height:136px;
}

DIV.tile .tileTitle {font-size:14px; margin: 8px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

DIV.tileData {
	margin: 16px;
	text-align:left;
	font-size:small;
}

/* Tile Hover */
DIV.tile:hover {
	background-color:#000000;
	color:#FFFFFF;
	box-shadow: 0px 0px 3px #333;
	--opacity: 0.8;
    --filter: alpha(opacity=80); /* For IE8 and earlier */
	--transition: 1s;
}

DIV.tile:hover .tileImage{
	width: 230px;
	height:125px;
	border:5px solid #000000;
	--transition:1s;
}

DIV.tile:hover .tileTitle a{
	color:#FFFFFF;
}

.crew_itm {
	white-space:nowrap;
}

img.crew_role_ico{
	width:12px;
	height:12px;
	vertical-align: text-bottom;
}
img.crew_role_ico:hover{
	---opacity: 0.5;
    ---filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* Scale ***********************************************/

.scale32, .scale24, .scale43, .scale87 {
	border-radius: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-right: 1px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	box-shadow: #999 0px 0px 1px 0px;
	font-family: '--Roboto Condensed--', 'Open Sans Condensed', sans-serif, Helvetica, sans-serif, Arial;
}
.scale87 {
	background-color: #996600;
	text-shadow: #663300 0px -1px 1px; 
}
.scale43 {
	background-color: #FF9900;
	text-shadow: #FF6600 0px -1px 1px; 
}
.scale32 {
	background-color:#00CC00;
	text-shadow:#006600 0px -1px 1px; 
}
.scale24 {
	background-color: #0099FF;
	text-shadow: #0033CC 0px -1px 1px; 
}

/**********************************************/







.type {
	width: 24px;
	height: 24px;
	vertical-align:middle;
}

.hq {
	font-size:small;
	font-weight:normal;
	color:#666666;
	vertical-align:middle;
	white-space:nowrap;
}

.ephoc {font-weight:normal;}
.period {font-style:italic; color:#000000; font-size:small;}

/* H E A D E R ****************************************/

#header {
	display:block;
	max-width:100%;
	overflow:hidden;
	background-color:#1796E6;
	--background-image:url("header_bg.jpg");
	--background-repeat:no-repeat;
	--background-position:right top;
	border-bottom:#0E477F 1px solid;
}

#header .page_title {
	display:block;
	text-align:center;
	color:#E56717;
	--text-shadow:#333333 0px 0px 3px;
	font-family: "Contrail one";
	max-width:100%;
	margin-top:8px;
	margin-bottom:0px;
	font-size: 36px;
}

#header .page_title a:link, #header .page_title a:hover, #header .page_title a:visited {
	text-shadow:#0E477F 0px 0px 3px;
}

#header .page_title a:link, #header .page_title a:visited {
	color:#FEFEFE;
	--text-shadow:#666666 0px 0px 1px;
}

#header .page_title a:hover {
	--color:#E56717;
	color:#E0E0E0;
	--color:#FFB767;
	--color:EEEEEE;
	--text-shadow:#666666 0px 0px 1px;
}

/* M E N U *****************************/

#menu {
	display:block;
	width:100%;
	background-color:#0E477F;
	border-bottom:#000000 1px solid;
}

a.mnu_item{
	-display:block;
	margin-left: 0px;
	margin-right:0px;
	padding-left: 8px;
	padding-right:8px;
	border-right: #000000 1px solid;
}

a.mnu_item:link, a.mnu_item:visited{
	color:#FFFFFF;
	-padding-left:0px;
	-border-right: #000000 1px solid;
}

a.mnu_item:hover{
	color: #000000;
	background-color:#FFFFFF;
}

/* A S I D E *****************************/

.aside_header {
	margin-left: 0px;
	
	margin-bottom: 4px;
	padding-bottom: 0px;
}

.aside_list {
	margin-left: 4px; 
	---line-height:1.6;
}

.aside_list a{
	width: 180px;
	max-width:100%;
	
	display:block;
	
	margin-top:0px;
	padding-top:0px;
	
	margin-bottom: 4px;
	--padding-bottom: 0px;
	
	---border:#000000 1px solid;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aside_list br {
	display:none;
}
/*****************************************/



.options a {
	white-space: nowrap;
}


.modelthumb {
	margin-left: 32px;
	margin-top: -16px;
	border-radius: 4px;
	max-width: 100%;
	overflow:hidden;
}

/* N AV  B A R */
#breadcrumb {
		margi-bottom: 8px;
}
.breadcrumb {
	font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
	--font-size:small;
	--font-size:11px;
	font-stretch:condensed;
	line-height: 1.5em;
	color:#c5ccd3; 
	text-decoration:none;
}
.breadcrumb a {	
	font-weight:bold;
	white-space: nowrap; 
	color:#F0F0F0; 
	text-decoration:none; 
	text-shadow: #000 0 1px 3px; 
	line-height:1.5em;
}
.breadcrumb a:hover {color: #6D85A3}


/* A R T I C L E */
.article, .list {
	background-color:#FFFFFF;
	--background-color: rgba(255, 255, 255, 0.6);
	border-radius: 4px;
	padding: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}



/*  *  *  *  */


img.photo {
	-border: 1px solid #666666;
	border: 1px #999999 solid; background-color: #FFFFFF;
	border-radius:4px;
	padding:8px;
	-box-shadow: 1px 1px 1px #D0D0D0; 
	box-shadow: 1px 1px 1px #000;
	margin-right: 16px;
	margin-bottom: 16px;

	transition: all 0.5s ease;
}

a:hover  img.photo {
	border: 1px solid #666666;
	opacity:0.9;filter:alpha(opacity=90);
}

div#photos a:hover img.photo:nth-child(1) {
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	
	transition: all 0.5s ease;
}


/* Home */
div.photo {
	width: auto;
	-border: 1px solid #666666;
	border: 1px #999999 solid; 
	-background-color: #F8F9CA;
	--background-color: #FFFFEA;
	background-color: #FFFFFF;
	padding:8px;
	padding-bottom:2px;
	-box-shadow: 1px 1px 1px #D0D0D0; border-radius:4px;
	box-shadow: 1px 1px 1px #666;
	margin-right: 16px;
	margin-bottom: 16px;

	transition: all 0.5s ease;
}

div.photo:hover {
	opacity:0.9;filter:alpha(opacity=90);

	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	
	transition: all 0.5s ease;
}

.photonote {
	font-family: "Indie Flower";
	text-decoration: none !important;
	color:#333333;
	white-space: nowrap;
	overflow:hidden;
}

.photolink, .photolink:hover {
	color:#333333;
	text-shadow:none;
}

/* S E A R C H */
#searchbox {
	background-image:url(img/header.png);
	padding: 32px;
}
#searchinp {
	border:#ccc 2px solid;
	padding: 4px;
	font-size:16px;
	width: 260px;
	font-weight:700;
}
#searchbtn {
	color:#000;
	font-weight:700;
	font-size:16px;
	font-family:Geneva, Thaoma, Arial, Helvetica, sans-serif;
	padding: 1px 4px;
	margin: 1px;
}
#searchico {
	margin-top: 2px;
	-vertical-align:middle;
}

/* on focus */
input#searchinp:focus::-webkit-input-placeholder { color:transparent; opacity: 0;}
input#searchinp:focus::-moz-placeholder { color:transparent; opacity: 0;}
input#searchinp:focus:-moz-placeholder { color:transparent; opacity: 0;}
input#searchinp:focus:-ms-input-placeholder {color:transparent; opacity: 0;} /* Internet Explorer */





.share_links {
	-width: 100%;
	text-align: right;
	-padding-left: 8px;
	-padding-right: 8px;
}
.share_links ul, .share_list {
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 2.5em;
}
.share_list {

}
.share_links ul li {
	display: inline;
	-color: #fff;
	-border: 2px solid;
	margin:8px;
	white-space: nowrap;
}
.share_links ul li a {
	color:#fff;
	font-weight: bold;
	padding:8px;
	-margin:8px;
	text-decoration: none;
	
}
.share_links ul li a:hover {
	opacity: 0.8;
}
.share_list li a image, .share_icon {
	-display:none;
	width: 16px;
	height: 16px;
	-padding-right: 8px;
}

.share_text {
	margin-left: 8px;
}

.share_fb {
	background-color: #3a579a;
	border-color: #334d87;
	white-space: nowrap;
}
.share_tw {
	background-color: #00abf0;
	border-color: #0099d7;
}
.share_li {
	background-color: #0077b5;
	border-color: #00669c;
}
.share_wh {
	background-color: #39b322;
	border-color:#2f802c;
}
.share_te {
	background-color: #00abf0;
	border-color: #0099d7;
}
.share_re {
	background-color: #ff4400;
	border-color: #c73703;
}




@media all and (max-width: 480px) {
	#content {
		display:block;
		--width:98%;
		padding-right:8px;
		margin-right: 8px;
	}

	#main {
		display:block;
		float: none;
		margin-right: 16px;
		padding-right: 16px;
		border-right:#FF0000 8px solid;
		
		width:100%;
	}

	#aside {
		--display:none;
		--visibility:hidden;
		display:block;
		float:none;
		padding-left: 16px;
		padding-top: 32px;
		margin-top: 32px;
		width:100%;
	}

	#own_card {
		--width: 100%;
	}

	.aside_list a{
		width: 100%;
		overflow:visible;
	}

	/*  #listItems {
		padding-left: 0px;
	}
	
	#listItems li.item {
		max-width: 100%;
		overflow: hidden;
	}
	*/

	.share_text {
		display: none;
	}
}

@media print {

	body {
		margin:0px;
		padding: 0px; */
		background-color:#FFF;
	}
	
	.page_title a:link {text-shadow:none !important;}

	#menu {display:none; visibility: hidden;}

	#aside {display:none; visibility: hidden;}
	
	#content {padding: 0px; overflow:visible;}
	
	#main{float:none;}

    .no_print, .edit, .delete {display:none; visibility: hidden;}


/*	
	#header h1{-vertical-align: bottom; -font-size:18px}
	#loginform, #leftsidebar, #rightsidebar, #menu, #options, .socialnets {display:none}
	#voting {display:none;}
	#related {display:none;}
*/
	/*#favorite {display:none}*/ /* Fav star */

/*
	#footer {visibility:hidden}
	.license {visibility:visible;}
	
	#contact {display:none;}
	#like {display:none;}
	div.like_txt{display:none;}

	#promobanner {
		display:none;
	}

	a.ltbtn{display:none;}
	
	div#bookmarked{display:none;}

	div.enrol{display:none;}
*/
}