/*
Theme Name: Soukup
Theme URI: http://soukupvisual.com/
Description: A custom WordPress theme for Soukup Visual. Created by <a href="http://surprisehighway.com">Surprise Highway</a>
Version: 1.0
Author: Jason Siffring
Author URI: http://surprisehighway.com/

*/

/***

   :: Hand Crafted by surprisehighway.com

***/

/* CSS reset courtesy of meyerweb.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Typography ----------------------------------------------------------------- */
body {font-size: 10px; line-height: 1.4em; font-family: Arial, sans-serif; color: #808080;}

h1 {font-size: 20px; font-weight: bold;}
h2 {font-size: 18px; font-weight: bold; color: #414142; text-transform: uppercase; margin-bottom: 4px;}
h3 {font-size: 14px; line-height: 1.4em; font-weight: bold; color: #414142; text-transform: uppercase; border-bottom: 1px solid #58595B; margin-bottom: 24px;}
h4 {font-size: 14px; line-height: 1.4em; font-weight: bold; color: #414142;} 

p,
.desc {margin-bottom: 15px; font-size:10px;}

ul,
ol {margin-bottom: 158px;}
li {margin-left: 20px; font-size: 10px;}
a {text-decoration: none; color: #414142;}
a:hover {text-decoration: underline;}


/* Layout ----------------------------------------------------------------- */
.container {width: 887px; margin: 0 auto;}
#header {margin-top: 20px; margin-bottom: 5px; margin-left: 112px;}
#header h1 a {display: block; width: 625px; height: 95px; text-indent: -9999px; background: url(/wp-content/themes/soukup/images/logo_revised2.png) no-repeat;}
#alpha, #beta, #gamma, #delta {float: left; margin-bottom: 20px;}
#footer {clear: both; padding: 5px 0; border-top: 1px dotted #58595B;}
#alpha {width: 117px;}
#sidebar li {list-style: none; margin-left: 0;}

  /* 2 Column Layout */
  .page-template-template-artwork-php #beta,
  .page-template-template-exhibitions-php #beta {width: 590px; border-left: 1px dotted #58595B;}
  .page-template-template-artwork-php h2,
  .page-template-template-exhibitions-php h2 {font-size: 14px; border-bottom: 1px solid #414142; margin-bottom: 25px; padding-bottom: 5px;}

  /* 3 Column Layout */
  .home #beta,
  .single #beta {width: 588px; margin-right: 10px; border: 1px dotted #58595B; border-width: 0 1px;}
  .home #gamma,
  .single #gamma {width: 170px;}

  /* 4 Column Layout */
  .page-template-template-contact-php #beta,
  .page-template-template-film-php #beta {width: 258px; margin-right: 10px; border-left: 1px dotted #58595B;}
  .page-template-template-contact-php #gamma,
  .page-template-template-film-php #gamma {width: 320px; margin-right: 10px; border: 1px dotted #58595B; border-width: 0 1px;}
  .page-template-template-contact-php #delta,
  .page-template-template-film-php #delta {width: 169px;}
  
#nav li {text-transform: uppercase; color: #414142; font-size: 18px; line-height: .9em; margin-left: 0; list-style-type: none; font-weight: bold; padding-right: 10px; letter-spacing: -1px;}
#nav a:hover {color: #7EB8DF; text-decoration: none;}

.content {padding-left: 10px; padding-right: 10px;}
.date {color: #7EB8DF; font-family: Georgia, Times, serif; font-size: 14px; font-weight: bold; text-transform: lowercase;}
ul.side span {color: #939598; display: block; font-weight: normal; text-transform: lowercase;}
ul.side li {list-style-type: none; margin-left: 0; font-weight: bold; color: #58595B; text-transform: uppercase; margin-bottom: 8px;}
.entry {margin-bottom: 30px;}

  /* Artwork Page */
  .artwork #beta {width: 610px;}
  .artwork h4 {font-size: 10px;}
  .artwork .entry {position: relative; border-bottom: 1px dotted #58595B; padding-bottom: 18px; margin-bottom: 18px;}
  .artwork .entry.last {border-bottom: none;}
  .artwork .entry .caption {position: absolute; bottom: 6px; right: 0; width: 107px;}
  .artwork .entry .caption p {margin-bottom: 10px;}
  .artwork .entry .caption a {color: #808080;}
  
  /* Film Page */
  .film h2 {margin-bottom: 16px;}
  .film hr {height: 1px; color: transparent; border-bottom: 1px dotted #58595B; margin-bottom: 15px;}
  .film .resume {float: right; margin-top: 5px;}
  
  /* Exhibition Page */
  .exhibit .entry {border-bottom: 1px dotted #58595B; margin-bottom: 15px; overflow: auto;}
  .exhibit .entry.last {border-bottom: none;}
  .exhibit .entry .main_image {float: left; margin-right: 45px;} 
  .exhibit .entry .details {float: left;}
  .exhibit h3 {border: none; text-transform: none; margin-bottom: 0;}
  .exhibit .date {margin-bottom: 0;}