/* --- Articles (nodes) --- */
.article {
  margin-bottom: 15px; /* Articles spacing */
}

/* Teaser */
.node-blog,
.node-article,
.node-poll,
.node-forum,
.node-photo-gallery,
.node-fashion  {
  border-bottom: 1px solid #e5e5e5;
  margin-left: 80px;
  padding-bottom: 15px;
  position: relative;
}

.node-full {
  border-bottom: none;
  padding-bottom: 0;
}

/* Article Title */
.node-title {
  color: #222;
  font-size: 1.846em;
  font-weight: normal;
  margin: 0;  
}

.node-title a,
.node-title a:visited {
  color: #222;
}

.node-title a:hover,
.node-title a:active,
.node-title a:focus {
  color: #ff0066;
  text-decoration: none;
}

.submitted-date {
  background: url(../images/date-bg.png) 0 0 no-repeat;
  color:#fff;
  display: block;
  font-family: 'NovecentowideUltraLightBold', sans-serif;
  font-weight: normal;
  font-style: normal;
  height: 40px;  
  left: -80px;
  padding: 10px 0;
  position: absolute;  
  top: 5px;
  text-align: center;
  width: 60px;
}

.submitted-date span {
  display: block;
  font-size: 1.846em;
}

.submitted-date .on {
  display: none;
}

.submitted-date .date {
  padding: 3px 0 3px 0;
}

.submitted-date .month {  
  font-size: 0.769em;
  text-transform: uppercase;
}

/* User Picture */
.article .user-picture {
  display: inline-block;
  left: -80px;
  position: absolute;
  top: 20px;
  vertical-align: text-top;
}

/* Meta */
.article > .submitted {
  color: #666;  
  font-size: 0.912em;
  font-style: italic;
  line-height: 1;  
  padding: 0.455em 0 1.5em;  
}

.article > .submitted .menu {
  display: inline;
}

.article > .submitted a {
  color: #666;
  border-bottom: solid 1px #ddd;
  text-decoration: none;
}

.article > .submitted a:hover,
.article > .submitted a:focus,
.article > .submitted a:active {
  color: #ff0066;
  border-color: #ff0066;
}

.node-type-photo-gallery .article > .submitted {
  position: relative;
}

.node-type-photo-gallery .submitted-date {
  top: -25px;
}

/* Field Image */
.article .field-type-image {
  margin-bottom: 1em;  
}

/* Article Links */
.article .menu {
  margin-bottom: 10px;
  margin-top: 10px;
}

.article ul.links {
  color: #666;
  font-size: 0.912em;  
  margin: 0;  
}

.article ul.links li {
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;  
}

.article ul.links li.last {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

.article ul.links li a {
  background: url(../images/read-more.png) no-repeat 100% 7px;  
  display: inline-block;
  font-style: italic;
  padding: 0 10px 0 0;  
}

.article ul.links li a:hover,
.article ul.links li a:active,
.article ul.links li a:focus {
  text-decoration: underline;
}

.article ul.links li.node-readmore a:hover {
  text-decoration: underline;
}

/* Blog User Picture */
.node-blog .user-picture {
  display: inline-block;
  left: -80px;
  position: absolute;
  top: 0;
  vertical-align: text-top;
}

/**
 * Misc.
 */

/* Skinr article title alignment */
.ta-l .article-title {
  text-align: left;
}

.ta-r .article-title {
  text-align: right;
}

.ta-c .article-title {
  text-align: center;
}

.submitted span.node-links {
  padding-left: 3px;
}

.article .submitted ul.links li a {
  background: none;
  border-bottom: solid 1px #ddd;
  color: #666;  
  font-size: 1.1em;
  line-height: 1.2;  
  padding-right: 0px;
  text-decoration: none;  
}


.article .submitted ul.links li a:hover,
.article .submitted ul.links li a:focus,
.article .submitted ul.links li a:active {
  border-color: #ff0066;
  color: #ff0066;  
}

.article .node-login-form {
  color: #666;
}

.article .node-login-form ul.links li a {
	background: none;
	color: #666;
	border-bottom: solid 1px #ddd;
	padding-right: 0px;
	text-decoration: none;
	line-height: 1.2;
}

.article .node-login-form ul.links li a:hover,
.article .node-login-form ul.links li a:focus,
.article .node-login-form ul.links li a:active {
	color: #ff0066;
	border-color: #ff0066;
	text-decoration: none;
}

.node-type-forum .article .node-login-form ul.links li a {
  background: #ff0066;
  border-bottom: none;
  color: #fff;
  font-style: normal;
  margin: 0;
  padding: 4px 10px;
  text-transform: uppercase; 
}

.node-type-forum .article .node-login-form ul.links li a:hover,
.node-type-forum .article .node-login-form ul.links li a:focus,
.node-type-forum .article .node-login-form ul.links li a:active {
  background: #111;
  color: #fff;
  text-decoration: none;
}