/*  
Theme Name: Ansel Elgort FAN
Theme URL: nowhereland9.org/design
Description: Ansel Elgort FAN Version by NowhereLand9 Design http://ansel-elgort.com
Author: Nicole
Version 3.0
*/

.character {
background-color:#f1f1f1;
color:#555555;
padding:5px;
font-size:8px;
display:inline-block;
}


h5{
    font-size: 15px!important;
    margin-bottom: -5px!important;
    padding: 4px;
    text-transform:uppercase;
    text-align: left;
    letter-spacing: 1px;
    color: #ffffff!important;
    background-color: #ff3c21;
}
.career tr:nth-child(odd)
{
    font-size: 12px!important;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
}

.career tr:nth-child(even)
{
    font-size: 12px!important;
    border-bottom: 1px solid #dfdfdf;
    background-color: #fff;
}

.career td
{
    padding: 10px;
}

.olinks ul {
  padding: 0;
  margin:0;
}

.olinks li {
  background-color: rgba(152, 152, 152, 0.1);
  padding: 10px;
  list-style: none;
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin-right: 1px;
  margin-top: 1px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8d8c87;
	background-color: #fbfbf9;
	background-image: url(images/ansel_header.png);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
}
#container {
	margin: auto;
	width: 1000px;
}
#menu1 {
	float: left;
	height: 80px;
	width: 450px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-top: 70px;
	padding-left: 50px;
}
#menu1 a, #menu2 a {
	text-decoration: none;
	margin-right: 20px;
	color: #1c1c1c;
}



#menu2 {
	float: left;
	height: 80px;
	width: 380px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-family: "Times New Roman", Times, serif;
	padding-top: 70px;
	padding-left: 120px;
}
#menu1 a:hover, #menu2 a:hover {
	text-decoration: none;
	cursor: help;
	border-bottom: 5px solid #bcd7a9;
	padding-bottom: 3px;
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 0.2s;
}

#header {
	float: left;
	height: 450px;
	width: 1000px;
}
#menu1 ul, #menu1 li, #menu2 ul, #menu2 li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}

#welcome {
	float: left;
	width: 980px;
	text-align: justify;
	line-height: 18px;
	margin-bottom: 10px;
	background-color: #e2ebdd;
	margin-top: 20px;
	padding: 10px;
}
#welcome .welcometext {
	border-right: 1px solid #fbfbf9;
	padding-right: 15px;
	float: left;
	width: 685px;
	letter-spacing: 1px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #7a7978;
}
#welcome .latestimg {
	float: left;
	padding-left: 15px;
}
.latestimg img {
	width: 58px;
	margin-top: 10px;
	margin-right: 3px;
	border-radius: 1px;
}

.latestimg img:hover, .latestimg img a:hover {
	opacity: 0.9;
	cursor: help;
}

#welcome b, #welcome strong {
	color: #c39a00;
}
#welcome em, #welcome i {
	color: #b6696d;
}

#content {
	float: left;
	width: 1000px;
	border-top: 2px solid #f1efee;
	margin-top: 10px;
}
#main {
	float: left;
	width: 680px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 20px;
}
#up {
	float: left;
	width: 685px;
}
#date {
	float: left;
	width: 80px;
	border-right: 5px solid #ece15d;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#date .number {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	font-weight: bold;
	color: #222;
	margin-top: 0px;
}
#date .monthy {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #222;
	letter-spacing: 2px;
	margin-top: 5px;
}


#title {
	float: left;
	width: 585px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #222;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#titlepage {
	float: left;
	width: 680px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #222;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 3px solid #ece15d;
}

#title a, #titlepage a {
	color: #222;
	text-decoration: none;
	cursor: help;
}

#category {
	float: left;
	width: 590px;
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #222;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 5px;
}
#category a {
	background-color: #ff3c21;
	text-decoration: none;
        padding-bottom: 2px;
	color: #101010;
	margin-right: 5px;
	margin-left: 5px;
}
#category a:hover {
	background-color: #b6d5a9;
	cursor: help;

}
#center {
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
	float: left;
	width: 680px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #a4a39f;
}
#div {
	background-color: #bdd7a8;
	float: left;
	height: 6px;
	width: 150px;
	margin-bottom: 30px;
	margin-top: 30px;
}








#sidebar {
	float: right;
	width: 280px;
	background-color: #f1efee;
	padding: 10px;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 18px;
	text-align: justify;
}
#sidebar .cp {
	float: left;
	margin-bottom: 10px;
}


#sidebar .sbtitle {
	margin-top: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	color: #101010;
	letter-spacing: 1px;
	font-weight: bold;
}
#sidebar .sbdiv {
	background-color: #fbfbf9;
	height: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100px;
	margin-right: 90px;
	margin-left: 90px;
	float: left;
}
#sidebar .cpimg {
	background-repeat: no-repeat;
	height: 100px;
	width: 110px;
	padding-top: 80px;
	float: left;
	margin-right: 5px;
}
#sidebar span.cptitle {
	background-color: #fcfcfc;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #222;
	font-size: 10px;
	letter-spacing: 2px;
}
#sidebar span.cpinfo {
	background-color: #ceddc8;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	color: #101010;
	padding-bottom: 3px;
}
#sidebar .cp .link {
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
}
.link a {
	background-color: #101010;
	margin-right: 3px;
	margin-left: 3px;
	padding-bottom: 2px;
	color: #ece15d!important;
}
.link a:hover {
	background-color: #f63b23!important;
	color: #222!important;
}
#sidebar .cptext {
	float: right;
	width: 165px;
}


#footer {
	clear: both;
	width: 80%;
	padding-top: 15px;
	padding-right: 10%;
	padding-bottom: 15px;
	padding-left: 10%;
	text-align: center;
	color: #5d5d5d;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#footer a {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: none;
	color: #101010;
}
#footer a:hover {
	cursor: help;
	color: #ff3c21;
}
#footer strong {
	background-color: #ece15d;
	padding: 3px;
	color: #222;
}
#footer em {
	color: #ea3626;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a:link, a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	color: #ff3d21;
	text-decoration: none;
	cursor: help;
}
em, i {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #885040;
}
b, strong {
	color: #5f8d9c;
}
#sidebar em, #sidebar i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff3b23;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome!important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    list-style-type: none;
    padding-right:10px;

}

.fa ul, .fa li {
	list-style-type: none;
}



u {
	text-decoration: none;
	border-bottom: 1px solid #ece15d;
	padding-bottom: 2px;
	color: #727170;
}

div#qTip {
	padding: 5px 6px;
	display: none;
	color: #333;
	position: absolute;
	z-index: 1000;
	text-transform: uppercase;
	background-color: #ceddc8;
	opacity: 0.95;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
	
	
input, textarea, option, select {
	background-color: #fbfbf9!important;
	color: #b1b0af;
	border: 1px solid #e0e0e0;
	padding: 10px;
	font-size: 12px;
}

blockquote {
	color: #c8c6c5;
	opacity: 0.9;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	margin-top: 25px;
	margin-right: 30px;
	margin-bottom: 25px;
	margin-left: 30px;
} 

blockquote::first-letter {
	font-size: 250%;
	color: #222;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	border-right: 2px solid #f63b23;
	padding-right: 2px;
	margin-right: 5px;
}
.more {
	float: none;
	width: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	height: auto;
}


.more a:link, .more a:visited{
	text-align: center;
	color: #faf8cf!important;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	font-size: 10px;
	background-color: #222;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
.more a:hover {
	color: #fff!important;
	text-decoration: none;
	cursor: help;
	text-shadow: none;
	background-color: #030303;
	opacity: 0.9;
}


#center img, #center img a:link, #center img a:visited {
	padding: 7px;
	margin: 3px;
	background-color: #fcfcfc;
	border: 1px solid #e4e4e3;
	opacity: 0.9;
}

#center img a:hover, #center img:hover {
	padding: 7px;
	margin: 3px;
	background-color: #fff;
	border: 1px solid #e4e4e3;
	/*box-shadow: 0 0 9px #ddd;*/
	opacity: 1.0;
	cursor: help;
	border-radius: 3px;
	
}


#sidebar img, #sidebar img a:visited {
	padding: 0px;
	margin: 3px 4px;
  /*  border: 1px solid #989995; 
	background-color: #fff;*/
	box-shadow: 0 0 5px #dcd9d8;
	opacity: 0.9;
	border-radius: 3px;



}
#sidebar img a:hover, #sidebar img:hover {
	padding: 0px;
	margin: 3px 4px;
/*  border: 1px solid #989995; 	
    background-color: #c6dcec; */
	box-shadow: 0 0 5px #dcd9d8;
	opacity: 1;
	cursor: help;

}

#comments {
	text-align: justify;
	width: 670px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 16px;
	font-size: 12px;
	float: left;
}


.galleryupdate {
	background-image: url(images/gu.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding-top: 35px;
	padding-bottom: 10px;
	padding-left: 5px;
	line-height: 18px;
	color: #989898;
	padding-right: 10px;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
}
.galleryupdate a {
	color: #333;
	font-weight: bold;
	letter-spacing: 0px;
}

.galleryupdate a:hover {
	color: #eadf5e;
}

.featured {
	width: 680px;
	margin: 0px;
}

.featured img {
	background-color: transparent!important;
	margin: 0px !important;
	padding: 0px!important;
}

.navigation {
	text-align: center;
	width: 670px;
	clear: both;
}

.clinks ul {
	margin: 0px;
	padding: 0px;
}
.clinks li {
        border-bottom: 1px solid #dddddd;
	list-style-type: none;
	padding-top: 10px;
	padding-right: 0x;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.info ul {
	margin: 0px;
	padding: 0px;
}
.info li {
        border-bottom: 1px solid #dddddd;
	list-style-type: none;
	padding-top: 10px;
	padding-right: 0x;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul#aff{
	margin: 0px;
	padding: 0px;
	list-style: none!important;
	overflow: hidden;

}
#aff li {
	display: inline-block;
	list-style: none!important;
	text-align: center;
        position: center;
	width: 25%;
	margin: 2px;
	padding: 4px;
        border: 1px solid #b6d5a9!important;
        line-height: 20px;

}
#aff li:hover {
        border: 1px solid #ff3c21!important;
}

#aff span.name {
	font-weight: bold;
	color: #131313;
	font-size: 12px;
	text-transform: lowercase;
}

#aff span.surname {
	color: #131313;
	text-transform: lowercase;
	letter-spacing: 1px;
	font-size: 9px;
	
}
/* Entry Classes