@charset "UTF-8";
/*
Theme Name: Thread Magazine Theme
Theme URI: http://outhreadmag.com/
Description: Thread Magazine is a student published fashion and interest magazine of Ohio University.
Author: Tyler Means
Author URI: http://www.tylermeansbusiness.com/
Version: 1.3
Tags:  (optional)

License:
License URI:

General comments (optional).
*/


/* ------------------------------------------
  RESET
--------------------------------------------- */

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* ------------------------------------------
  FORMATTING STYLES
--------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-family:'Open Sans'; color:#333; line-height:1.2; margin:0 0 20px; }

h1 { font-size:3em; } 

h2 { font-size:2em; } 

h3 { font-size:1.5em; } 

h4 { font-size:1.3em; } 

h5 { font-size:1.2em; } 

h6 { font-size:1.1em; }



/* HYPERLINKS */

a:link, a:visited { color:#111; text-decoration:none; }

a:hover { color:#555; text-decoration:underline; }

p {font-size: 14px;}

/* ------------------------------------------
  FONT STYLES
--------------------------------------------- */
@font-face {
font-family: 'Justus Oldstyle';
font-style: normal;
font-weight: normal;
src: local('Justus Oldstyle'), url('Justus-Oldstyle.woff') format('woff');
}


@font-face {
font-family: 'Justus Roman';
font-style: normal;
font-weight: normal;
src: local('Justus Roman'), url('Justus-Roman.woff') format('woff');
}


@font-face {
font-family: 'Justus Versalitas';
font-style: normal;
font-weight: normal;
src: local('Justus Versalitas'), url('Justus-Versalitas.woff') format('woff');
}


@font-face {
font-family: 'Justus Bold';
font-style: normal;
font-weight: normal;
src: local('Justus Bold'), url('Justus-Bold.woff') format('woff');
}


@font-face {
font-family: 'Justus Italic Oldstyle';
font-style: normal;
font-weight: normal;
src: local('Justus Italic Oldstyle'), url('Justus-ItalicOldstyle.woff') format('woff');
}


@font-face {
font-family: 'Justus Italic';
font-style: normal;
font-weight: normal;
src: local('Justus Italic'), url('Justus-Italic.woff') format('woff');
}





/* ------------------------------------------
  CUSTOM COLUMNS STYLES
--------------------------------------------- */
.grid-1020 {
  max-width: 1020px;
}

.onerow {
  clear: both;
  padding: 0 10px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  float: left;
  margin: 0 3% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
  margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
  width: 100%;
  height: auto;
  display: block;
}


/* ------------------------------------------
  MAIN THEME FUNCTION STYLES
--------------------------------------------- */


/**** MAIN NAV COLORS*******/
.main_color {
background-color: #ABECF1;}


/**** MAIN NAV COLORS*******/
.main_nav {  
    width: 100%;  
    font-size: 11pt;  
    font-family: Helvetica, sans-serif;    
    position: relative; 
    text-align:center; 
}  

.main_nav ul {    
    margin: 0 auto;  
    max-width:1024px;  
}

.main_nav li    {
display: inline; 
padding: 18px 0;
}

.main_nav li:hover {
  background:#fff;
}


.current-menu-item {
    background-color:#fff;
}

.main_nav a {
    color: #000;
    display: inline-block;  
    width: 13.7%;  
    text-align: center;  
    text-decoration: none;  
    line-height:50px;
}

/* ------------------------------------------
  IHOVER STAFF STYLES
--------------------------------------------- */
.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.square {
    width: 176px;
    height: 260px;
}

.ih-item.square.effect13 {
  overflow: hidden;
}
.ih-item.square.effect13 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect13 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect13 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect13 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect13 a:hover .img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.ih-item.square.effect13 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect13.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect13.top_to_bottom a:hover .info {
  -webkit-transform: translateY(-1);
  -moz-transform: translateY(-1);
  -ms-transform: translateY(-1);
  -o-transform: translateY(-1);
  transform: translateY(-1);
}
/* ------------------------------------------
  BASE STYLES
--------------------------------------------- */


.clearfix:before,  
.clearfix:after {  
    content: "";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}  

.inside {
    max-width: 1024px;
    margin: 0 auto;
}

body {  
    background-color: #fff;  
    font-family: Open Sans;
} 

nav a#pull {  
    display: none;  
}   

#main_content {
    margin-top: 35px;
	min-height: 500px;
}

#wide {
    width: 100%;
    position: absolute;
    top: 84px;
    height: 48px;
    z-index: -1;
}


/* ------------------------------------------
  HEAD STYLES
--------------------------------------------- */


#top_head {
    max-width: 1024px;
    margin: 0 auto;
}

#top_logo {
    text-align: center;
    margin: 20px 0;
}

#foot {
    bottom: 0;
    height: 100px;
    width: 100%;
}


/* ------------------------------------------
  FOOTER SIDEBAR STYLES
--------------------------------------------- */

#footer-sidebar {
    display:block;
    height: 250px;
}

#footer-sidebar1 {
    float: left;
    width: 340px;
    margin-left:5px;
    margin-right:5px;
}

#footer-sidebar2 {
    float: left;
    width: 340px;
    margin-right:5px;
}

#footer-sidebar3 {
    float: left;
    width: 340px;
}

/* ------------------------------------------
  ALL PAGE STYLES
--------------------------------------------- */

.line {
  border-bottom: #000 1px;
  border-style: solid;
  width: 100%;
  margin: 10px 0;
}

.lines {
  border-bottom: #000;
  border-style: double;
  width: 100%;
  margin: 20px 0;
}
/* ------------------------------------------
  HOME STYLES
--------------------------------------------- */

#home_slide {}

#home_mag a img {
    max-width:250px;
    margin: 0 auto;
    margin-bottom:10px;
}

#home_mag h2 {
    text-align:center;

}

#home_mag p {
    text-align: center;
}

#eic {}

#eic h1 {
    font-family: 'Justus Italic', italic, serif;
    font-size: 30px;
    margin-bottom: 20px;
}

#chief {
  margin-top:50px;}

#chief img {
    margin: 0 auto;
    max-width: 170px;
}

#chief h6 {
    text-align: center;
    margin-top: 10px;
}

/* ------------------------------------------
  BLOG STYLES
--------------------------------------------- */

#blog {}

#blog_post {}

.da_post {
  margin: 30px 15px;
}

.posttitle {}

.content {}

.date {}

#bloggers {}

#blogger {
  padding-top:9px;
}

#blogger h3 {
  margin-bottom:10px;
}

#blogger_img {}

#line {}

.singleArticle {}

.indexh1 {}

.posted {}

/* ------------------------------------------
  GALLERY STYLES
--------------------------------------------- */

/* ------------------------------------------
  ISSUES STYLES
--------------------------------------------- */
#issues {
margin-left: 19%;}

.cent p {text-align: center; margin-bottom: 10px;}

/* ------------------------------------------
  CONTACT STYLES
--------------------------------------------- */

#contact_ninja {}

#ninja_forms_field_1 {
  background: #aaa;
  opacity: 0.3;
}

#ninja_forms_field_2 {
  background: #aaa;
  opacity: 0.3;
}

#ninja_forms_field_3 {
  background: #aaa;
  opacity: 0.3;
}

#ninja_forms_field_5 {
padding: 5px 15px 5px !important;
font-size: 18px !important;
background-color: #aaa;
font-weight: bold;
text-shadow: 1px 1px #aaa;
color: #ffffff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #aaa;
cursor: pointer;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

#contact_content {}

/* ------------------------------------------
  STAFF STYLES
--------------------------------------------- */

#staff li   {
    display:inline-block;
    float: left;
    list-style-type:none;
    margin: 14px;
}
/* ------------------------------------------
  ISSUES STYLES
--------------------------------------------- */

.roundabout-holder {
      list-style: none;
      padding: 0;
      margin: 0;
      height: 5em;
      width: 25em;
   }
   .roundabout-moveable-item {
      height: 4em;
      width: 4em;
      cursor: pointer;
      background-color: #ccc;
      border: 1px solid #999;
   }
   .roundabout-in-focus {
      cursor: auto;
   }

#spacer {margin-bottom: 230px;
  }

#cent p {
    text-align: center;
} 

/* ------------------------------------------
  404 STYLES
--------------------------------------------- */

#fohohfoh {}

/* ------------------------------------------
  MOBILE STYLES
--------------------------------------------- */

@media screen and (max-width: 600px) {  
    .main_nav {   
        height: auto;  
    }  
    .main_nav ul {  
        width: 100%;  
        display: block;  
        height: auto;  
    }  
    .main_nav li {  
        width: 100%;  
        float: left;  
        position: relative;  
    padding: 0;
    }  
    .main_nav li a {  
        border-bottom: 1px solid #000;  
        border-left: 1px solid #000;
        border-right: 1px solid #000;  
    }  
    .main_nav a {  
        text-align: center;  
        width: 100%;  
    }  
    
    .onerow {
    }

    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
    float: none;
    width: 99%;
    }

    #wide {display:none;}

    nav  {  
        border-bottom: 0;  
    }  
    nav  ul {  
        display: none;  
        height: auto;  
    }  
    nav a#pull {  
        display: block;  
        width: 100%;  
        position: relative;  
    z-index: 101;
    }  

    nav a#pull:after {  
        content:"";  
        background: url('http://johnwisell.com/wp-content/uploads/2014/03/menu_butt.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: relative;    
    margin:10px 0 0 47%;
    }  
}  

@media only screen and (max-width : 320px) {  
    .main_nav  li {  
        display: block;  
        float: none;  
        width: 100%;  
    }  
    .main_nav  li a {  
        border-bottom: 1px solid #999;  
    }  
}