/*
  Theme Name:   Mediajunkie
  Theme URI:    http://mediajunkie.com/
  Description:  2010 Mediajunkie theme for WordPress.
  Author:       Arkikstudio
  Version:      1.0
*/

/*
  Index:

  Structure
  Titles
  Elements
  Header
  Search
  Navigation
  Top
  Content
  Bottom
  Footer
*/

/* =Structure
---------------------------------------- */
body {
  text-align: center;
  background: #f7eed5 url('../images/bg_body.jpg') repeat center 200px;
}

.no-multiplebgs div.body-wrap { background: transparent url('../images/bg_lines.gif') repeat center top; }

.multiplebgs body {
  background: url('../images/bg_lines.gif') repeat center top,
              #f7eed5 url('../images/bg_body.jpg') repeat center 200px;
}

div.inner-wrap {
  text-align: left;
  width: 940px;
  margin: 0 auto;
}

#sidebar { text-align: left; }


/* =Titles
---------------------------------------- */
.widget-title,
.section-title {
  text-transform: uppercase;
  color: #945800;
  background: transparent url('../images/bg_section-header.png') no-repeat left bottom;
  padding-left: 10px;
  padding-bottom: 5px;
  margin-bottom: 0.5714em;
}

.section-title {
  font-size: 1em;
  padding-left: 20px;
  margin-bottom: 0;
}

.font-14 .widget-title { font-size: 1em; }

#content .widget-title,
#content .section-title { color: #626452; }


/* =Elements
---------------------------------------- */
img.left,
img.alignleft {
  float: left;
  margin-right: 1em;
}

img.right,
img.alignright {
  float: right;
  margin-left: 1em;
}

hr.clear {
  clear: both;
  width: 99%;
  margin: 0;
  height: 0;
  border: 1px solid transparent;
  overflow: hidden;
}


/* =Header
---------------------------------------- */
#header-wrap { background: transparent url('../images/bg_header.jpg') repeat-x center top; }

.header-wrap-1 { background: transparent url('../images/bg_header-bottom.png') repeat-x center bottom; }

.header-wrap-2 { background: transparent url('../images/bg_header-nav.png') no-repeat center bottom; }

.header-wrap-3 { background: transparent url('../images/bg_lines.gif') repeat center top; }

.multiplebgs #header-wrap {
  background: url('../images/bg_header-bottom.png') repeat-x center bottom,
              url('../images/bg_header-nav.png') no-repeat center bottom,
              url('../images/bg_lines.gif') repeat center top,
              url('../images/bg_header.jpg') repeat-x center top;
}

#header-wrap div.inner-wrap { padding: 1px 0; }

header[role="banner"] { float: left; }

header[role="banner"] h1 { margin: 22px 0 42px; }

header[role="banner"] h1 img { display: block; }

article.tweet img {display: none;} /* twitter plugin displays a posts featured image in the header when a tweet has embedded media - this fixes it */

/* =Search
---------------------------------------- */
.widget_search { overflow: hidden; }

form[role="search"] {
  clear: both;
  background: transparent url('../images/bg_form-search-light.png') no-repeat center center;
  float: right;
  width: 230px;
  height: 40px;
}

form[role="search"] fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

form[role="search"] input {
  font-size: 16px;
  line-height: 1.375;
  color: #9b9074;
  background: none;
  border: none;
  height: 32px;
  margin-top: 4px;
}

form[role="search"] input::-webkit-input-placeholder { color: #9b9074; }

form[role="search"] input[type="text"] {
  width: 166px;
  padding: 0 12px;
  margin-left: 7px;
}

form[role="search"] input[type="text"]:focus {
  outline: none;
}

form[role="search"] input[type="submit"] {
  text-indent: -9999px;
  width: 30px;
  padding: 0;
  cursor: pointer;
}

.ie6 form[role="search"] input[type="text"],
.ie7 form[role="search"] input[type="text"] { padding-top: 5px; }

#header-wrap form[role="search"] {
  background-image: url('../images/bg_form-search-dark.png');
  margin-bottom: -100%;
}

#header-wrap form[role="search"] input { color: #f0b667; }

#header-wrap form[role="search"] input::-webkit-input-placeholder { color: #f0b667; }

.search section[role="main"] form[role="search"] { float: none; }


/* =Navigation
---------------------------------------- */
nav[role="navigation"] { clear: both; }

nav[role="navigation"] ul {
  margin: 0 0 13px -5px;
  padding: 0;
  list-style: none;
}

nav[role="navigation"] li {
  display: inline-block;
  margin: 0;
  list-style: none;
}

nav[role="navigation"] a,
nav[role="navigation"] a:visited {
  font-size: 1.5em;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 0 #be6e17;
  display: inline-block;
  padding: 13px 12px;
}

nav[role="navigation"] a:hover,
nav[role="navigation"] .current-menu-item a {
  text-decoration: underline;
  text-shadow: 0 1px 0 #be6e17, 0px 0px 4px rgba(255, 255, 255, 0.5);
}

.ie6 nav[role="navigation"] ul,
.ie7 nav[role="navigation"] ul { overflow: hidden; }

.ie6 nav[role="navigation"] li,
.ie7 nav[role="navigation"] li { float: left; }

/* pagination */
nav.navigation {
  clear: both;
  line-height: 1.423;
  background: transparent url('../images/bg_section-header.png') no-repeat left top;
  padding: 2px 10px 0;
  vertical-align: middle;
  overflow: hidden;
}

nav.navigation a {
  background: transparent url('../images/icon_navigation.gif') no-repeat left 1.25em;
  display: block;
  float: left;
  width: 225px;
  min-height: 3em;
  padding: 15px 15px 15px 20px;
  margin-right: -260px;
}

nav.navigation a:last-child {
  background-position: right 1.25em;
  padding: 15px 20px 15px 15px;
  margin-left: 259px;
  margin-right: 0;
  border-left: 1px solid #ece5d3;
}

nav.navigation a:hover {}

/* pager */
nav.pager { text-align: center; }

nav.pager span.extend {
  color: #7c7e6d;
  margin: 0 0.5em;
}

nav.pager a,
nav.pager span.current {
  font-size: 1.333em;
  line-height: 1;
  color: #dc8200;
  background-color: #e6deca;
  display: inline-block;
  margin-right: 3px;
  padding: 3px 6px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

nav.pager a:hover {
  color: #e6deca;
  background-color: #dc8200;
}

nav.pager a.prev { margin-right: 24px; }

nav.pager a.next { margin-left: 24px; }

nav.pager a.prev,
nav.pager a.next { padding: 2px 11px 5px; }

nav.pager span.current { color: #333; }


/* =Top
---------------------------------------- */
#top {
  clear: both;
  background: #4f5142;
  padding: 26px 0 1px;
}

#intro {
  color: #c1c4ab;
  margin-bottom: 10px;
  overflow: hidden;
}

#intro h1 {
  font-family: "Droid Serif", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
  font-size: 2.5em;
  color: #c1c4ab;
  letter-spacing: -0.016em;
  text-shadow: 0px -1px 0px #2f3128;
  float: left;
  margin: 5px 70px 0 40px;
}

.home #intro { margin-bottom: 22px; }

.home #intro h1 {
  font-size: 3.429em;
  margin: -10px 70px 0 40px;
}

#intro p {
  font-style: oblique;
  margin-bottom: 1em;
}


/* =Content
---------------------------------------- */
#content {
  clear: both;
  background: transparent url('../images/bg_content-top.png') repeat-x center top;
  padding-top: 33px;
}

.home #content {
  min-height: 600px;
  padding-top: 66px;
}

.home .content-wrap { background: transparent url('../images/bg_content-inner-home.png') no-repeat center top; }

.multiplebgs .home #content {
  background: url('../images/bg_content-top.png') repeat-x center top,
              url('../images/bg_content-inner-home.png') no-repeat center top;
}

section[role="main"] { margin: 2.5em 0 4em; }

.home section[role="main"] { width: 550px; }

.with-sidebar section[role="main"] {
  float: left;
  width: 540px;
  margin-right: 100px;
}

.with-sidebar section#sidebar {
  float: left;
  width: 300px;
}

.page-publications section[role="main"],
.single-publication section[role="main"],
.page-portfolio section[role="main"],
.single-project section[role="main"],
.single-event section[role="main"],
.page-contact section[role="main"],
.page-about section[role="main"],
.page-speaking section[role="main"] { width: 940px; }

/* =Bottom
---------------------------------------- */
#bottom { clear: both; }

#bottom section { margin-bottom: 3.666666em; }


/* =Footer
---------------------------------------- */
footer[role="contentinfo"] {
  clear: both;
  background: url('../images/bg_footer.png') no-repeat center bottom;
  padding-bottom: 8px;
}

footer[role="contentinfo"] section:first-child {
  float: left;
  width: 640px;
  margin-right: 30px;
}

footer[role="contentinfo"] section:last-child {
  float: left;
  width: 270px;
}

div#site-info {
  clear: both;
  color: #f7efd8;
  position: relative;
  width: 940px;
  max-width: 100%;
  height: 45px;
  margin: 0 auto;
}

div#site-info p {
  font-size: 1.167em;
  line-height: 42px;
  font-family: Times, "Times New Roman", serif;
}

div#site-info a {
  font-size: 0.917em;
  font-weight: bold;
  line-height: 4.545;
  color: inherit;
  text-transform: uppercase;
  text-shadow: 0 0 2px #b7853a;
  background: transparent url('../images/bg_anchor-top.gif') no-repeat 0 0;
  position: absolute;
  width: 46px;
  height: 42px;
  right: 0;
  margin-top: 2px;
}

div#site-info a:hover { text-shadow: 0 0 2px #eed5b1; }



/* */
span.meta-nav {
  font-size: 1.1em;
  font-family: sans-serif;
}

a.all {
  line-height: 28px;
  text-transform: lowercase;
  color: #fff;
  background: transparent url('../images/bg_a-more.png') no-repeat left top;
  display: inline-block;
  float: right;
  margin: -34px 4px 0 0;
  padding: 0 24px 2px 36px;
  position: relative;
  z-index: 0;
}

a.all:hover { background-position: -250px top; }

a.cv {
  text-transform: uppercase;
  color: #f4f2df;
  background-color: #a3a092;
  background-color: rgba(58, 59, 49, 0.45);
  display: inline-block;
  padding: 4px 9px 3px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

a.cv:hover {
  background-color: #7d7b6f;
  background-color: rgba(58, 59, 49, 0.65);
}

section[role="main"] a.cv { font-size: 0.857em; }

a.comments-link {
  background: transparent url('../images/icon_comments.png') no-repeat left 4px;
  display: inline-block;
  padding-left: 25px;
}

section[role="main"] a.comments-link {
  float: right;
  margin-top: 0.385em;
}

div.retweet {
  text-align: center;
}

div.retweet label {
  font-size: 0.846em;
  line-height: 1.546;
  color: #8e8f8b;
  background-color: #e6deca;
  display: inline-block;
  padding: 0 3px 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

div.retweet strong {
  font-size: 2.727em;
  font-weight: bold;
  line-height: 0.733;
  display: block;
  margin-bottom: 4px;
}

div.retweet span {
  background: transparent url('../images/bg_retweet-span.png') no-repeat center top;
  display: block;
  height: 16px;
}

div.retweet a {
  line-height: 1;
  text-transform: lowercase;
  color: #fff;
  background-color: #d39a49;
  display: block;
  padding: 2px 7px 5px;
}

section[role="main"] div.retweet {
  clear: both;
  float: right;
  margin: 1.231em 0 -1.8em;
}

div.share {
  clear: both;
  text-transform: lowercase;
  color: #a1a1a1;
  background: transparent url('../images/bg_share.png') repeat-y left top;
  padding: 1px 0 3px 15px;
  margin: 0 -16px;
}

div.share label,
div.share ul,
div.share li { display: inline-block; }

div.share label { margin-right: 10px; }

div.share img {
  margin-right: 2px;
  vertical-align: middle;
}