/*   
Theme Name:     uxnz2014
Theme URI:      http://www.userexperience.co.nz/
Description:    
Author:         Rob Edwards - LifeformLabs
Author URI:     http://lifeform.co.nz
Template: 		twentytwelve
Version: 		1.0
*/

@import url("../twentytwelve/style.css");



/* ==========================================================================
   kill footer.entry-meta on home page
   ========================================================================== */
.home footer.entry-meta {
  display: none;
}




/* Set up width
   ========================================================================== */
/* for overall 768px */
@media screen and (min-width: 600px) {
.site {
max-width: 768px;
max-width: 54.857142857rem; /* 768 / 14 */
}
}

footer[role="contentinfo"]{ max-width: 768px; }

.ie .site { max-width: 768px; }


/* Set up widths
   ========================================================================== */

@media screen and (min-width: 600px) {
.site-content { width: 61% } 
.widget-area { width: 31% }
}

.ie .site-content { width: 61%; }
.ie .widget-area { width: 31%; }


/* General styles
   ========================================================================== */
/* Remove double border at bottom of pages */
.site-content article { border-bottom: none }


a, a:visited { color:#1982d1; text-decoration:none; }
a:hover { color:#666; }


.entry-content a:visited,
.comment-content a:visited {
	color: #1982d1;
}


/* Remove default box shadow and image radius */
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
  -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; 
  -moz-box-shadow:none;-webkit-box-shadow:none; box-shadow:none;
}

/* remove italic from caption */
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
  font-style: normal;
}

/* beef up comments link */
.comments-link a {
  color: #333333;
  font-size: 1.1em;
  font-weight: bold
}



/* Header
   ========================================================================== */
.header-image { margin-top: 0.6em; }

.site-header { padding: 2em 0 0; }

.site-header h1 { line-height: 1 }

.site-header h1 a, .site-header h2 a { color: #222; }

.site-header h2 {
  color: #373737;
  font-size: 16px;  
  font-size: 1.14285rem;
}


/* entry-header
   ========================================================================== */
.entry-header .entry-title a, .entry-header .entry-title { color: #222; }

.entry-header .entry-title a:hover { color: #666; }


/* Nav
   ========================================================================== */
/* remove borders */
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
  border-bottom: medium none;
  border-top: medium none;
}

.main-navigation { margin:0 }


/* Widgets
   ========================================================================== */

.widget-area .widget h3 {
  font-size: 1.3em;
  font-weight: normal;
  margin-bottom: 0;
  text-transform: none;
}

/* remove excessive bottom margin */
.widget-area .widget {
  margin-bottom: 1em;
}


.widget-area .widget a {
	color: #222;
}
.widget-area .widget a:hover {
	color: #757575;
}

.widget-area .widget a:visited {
	color: #333;
}

.menu-popular-posts-container .menu-item a {color: #222;}

.menu-popular-posts-container .menu-item a:hover {color: #757575;}


/* sm icons */
.sm > img {
  -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; 
  -moz-box-shadow:none;-webkit-box-shadow: none; box-shadow: none;
  margin-right: 6.5%;
  opacity: 0.7;
}

.sm > img:hover { opacity: 1 }

/* IE8 no support nth child fix icons breaking to second line */
img.iefix { margin-right:0 }

.textwidget a:nth-child(5) img { margin-right: 0; opacity:  1}
.textwidget a:nth-child(5) img:hover { margin-right: 0; opacity:  0.7}


/* iPad vert */
@media screen and (max-width: 830px) {	
.sm > img { margin-right: 0.8em; }
}

/* add space between recent posts close up line height a bit */
#recent-posts-4 li {
  line-height: 1.5;
  margin-bottom: 0.5em;
}


/* Posts/pages
   ========================================================================== */
.entry-header time {
  font-size: 0.928571em;
  line-height: 2em;
  padding: 0 0 0 0.1em;
}


/* Archives page - left align etc */
#lcp_instance_0 > li {
  margin-bottom: 0.5em;
  margin-left: 0;
}

#lcp_instance_0 a {
  color: #333333;
  font-size: 1.1em;
  font-weight: bold;
}

#lcp_instance_0 a:hover {
  color: #777;
}


/* Comments
   ========================================================================== */
/* reduce excessive margin under comment header */
.comments-area article header {
  margin: 0 0 1.429rem;
}


/* Site credits
   ========================================================================== */
.site-info { text-align: right; }
.site-info a:hover { color: #106177; }
.copy { float: left; }