style.css

/*
Theme Name: Lauren Krieger 2.0
Description: Portfolio theme for Lauren Krieger's website
Author: @linoleumtile - Beth McKeever
Version: 1.0
Tags: 
*/

/* ====== IMPORT OTHER STYLESHEETS + FONTS ====== */

@import url('css/bootstrap.min.css'); 
@import url('css/bootstrap-theme.min.css');
@import url('css/imageswap.css');
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700);


/* ====== BACKGROUND ====== */
html, body, #wrap {
  background-image: url(css/greyzz.png) !important;
  background-repeat: repeat !important;
  z-index: 500;
}


/* ====== FONTS/TYPEFACES ====== */
body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Archivo Narrow', sans-serif;
  color: #64332d;
}
p, li {
  font-size: 18px;
}
h1 {
  font-weight: bold;
}
.sub {
  font-style: italic;
}
.grey {
  color: #a28481;
}

/* ====== NAVBAR ====== */

/* solve for the fixed top navbar */
body {
	padding-top: 50px;
}

/* put the admin bar on the bottom */
body.admin-bar {
  margin-top: -28px;
  padding-bottom: 28px;
}
#wpadminbar {
  top: auto !important;
  bottom: 0;
}
#wpadminbar .quicklinks>ul>li {
  position:relative;
}
#wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
  bottom:28px;
}

/* ====== HEADER ====== */

/*style the site name */
a.navbar-brand {
  color: #fa8072 !important;
  text-shadow: 1px 1px 1px #c8665b;
  font-family: 'Pacifico', sans-serif;
  font-size: 36px;
  margin-left: 15px;
}

#description {
  color: #c8665b;
  text-shadow: 1px 1px 1px rgba(204,182,180,.9);
  font-size: 16px;
  padding-left: 15px;
  margin-bottom: 2px;
}

/*make the navbar taller */
nav {
  height: 90px;
  padding-top: 18px;
}

/*style the active navbar item */
li.current-menu-item {
  background-color: #fa8072;
  border-bottom: 2px solid #c8665b;
  box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
  border-radius: 3px;
}
li.current-menu-item > a {
  color: #ffffff !important;
  text-shadow: 1px 1px #c8665b;
}

/*style all navbar items */
li.menu-item {
  font-weight: bold;
  font-size: 20px;
  margin: 5px;
  height: 80px;
  width: 100px;
  text-align: center;
}


/* ====== BODY ====== */

/* style social icons */
.social {
  height: 120px;
  width: 120px;
  background-color: #fa8072;
  border-bottom: 2px solid #c8665b;
  border-right: 2px solid #c8665b;
  border-radius: 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
}
.social:hover{
  background-color: #e17366;
  border-bottom: 2px solid #c8665b;
  border-right: 2px solid #c8665b;
}
.social a {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
.social a:hover {
  color: #fef2f0;
}
a.fill {
  display: block;
  height: 100%;
  width: 100%;
  position: inherit;
}
.socialname {
  position: relative;
  top: 92px;
  left: 8px;
}
#instagram {
  background-image: url(css/instagram-64.png);
  background-repeat: no-repeat;
  background-position: center;
}
#tumblr {
  background-image: url(css/tumblr-64.png);
  background-repeat: no-repeat;
  background-position: center;
}
#vimeo {
  background-image: url(css/vimeo-64.png);
  background-repeat: no-repeat;
  background-position: center;
}
#twitter {
  background-image: url(css/twitter-64.png);
  background-repeat: no-repeat;
  background-position: center;
}

/* ====== IMAGES ====== */



/* ====== POSTS ====== */

/* style storyboarding posts */
.feature {
  position: relative;
  top: 10px;
  left: -3px;
  box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
}
div.feature a {
  display: block;
  width: 100%;
  height: 100%;
}
.linkfix:hover {
  color: #ffffff;
}
a:hover {
  text-decoration: none;
}
.linkfix {
  position: relative;
  top: 185px;
  left: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #fa8072;
  background-color: rgba(54,54,54,.8);
  padding: 5px;
  border-radius: 3px;
}
.holder {
  margin-right:20px;
  margin-bottom: 20px;
  background-color: #fa8072;
  height: 248px;
  width: 324px;
  border-bottom: 3px solid #c8665b;
  border-right: 3px solid #c8665b;
  border-radius: 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
}

/* ====== SIDEBAR ====== */



/* ====== FOOTER ====== */
footer {
  background-color: #fa8072;
  height: 55px;
  width: 100%;
  position: relative;
  bottom: 0px;
}

div.footer > p {
  color: #ffffff;
  padding-top: 15px;
}


/* ====== MISCELLANEOUS ====== */

/* remove bullets from a list (because the widgets are set in unordered lists and widget titles don't need bullets) */
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
li {
  list-style-type: inherit;
  padding: inherit;
  margin: inherit;
  background-color: inherit;
}

/* create a class for bullets just in case */
ul.bullets {
  list-style-type: circle;
}

/* create a class to add extra padding */
.padding-top {
  padding-top: 25px;
}

.padding-right {
	padding-right: 10px;
}