/*
Theme Name: Beth Sorrentino
Theme URI: https://www.bethsorrentino.com
Description: Theme created for Beth Sorrentino
Author: Example7
Author URI: https://www.example7.com
Version: 1.0

  Webfonts
  --------
  crimson     font-family: 'Crimson Text', Helvetica, Arial, sans-serif; font-weight: 400; font-weight: normal;

*/

@import url('style-normalize.css');










/* ====================================================================
   Global
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

body { 
  background-color: #FFF; 
}

#container { 
  clear: both; 
  width: 760px; margin: 40px auto; padding: 0; 
}

#header { 
  clear: both; 
  width: 760px; height: 100px; 
}

#content { 
  clear: both; overflow: hidden; 
  width: 760px; 
}

#footer { 
  clear: both; 
  width: 760px; padding: 70px 0 0 0; 
  font-size: 14px; line-height: 16px; text-align: center; 
}

/* -------------------[ Columns and Tables ]------------------- */

#c1,
#c2, 
#c3 { 
  float: left; 
  width: 200px; margin: 0; 
}

#c1 { 
  padding: 0 40px 0 0; 
}

#c2 { 
  padding: 0 39px; 
  border-left: 1px dashed #000; border-right: 1px dashed #000; 
}

#c3 { 
  padding: 0 0 0 40px; 
}

table { 
  clear: both; 
  width: 600px; margin: 8px 0 30px 0; padding: 0; 
  border: none; 
}

tr { 
  width: 760px; 
}

td { 
  vertical-align: top; 
  width: 200px; margin: 0; padding: 0 50px 0 0;
  text-align: center; 
}

#q1 { 
  clear: both; float: left; 
  width: 300px; margin: 0; padding: 0 40px 0 0; 
}

#q2 { 
  float: left; 
  width: 300px; margin: 0; padding: 0 0 0 40px; 
  border-left: 1px dashed #000; 
}

/* -------------------[ Fonts and Type ]------------------- */

body, html { 
  color: #000; font-family: 'Crimson Text', Helvetica, Arial, sans-serif; font-weight: 400; font-weight: normal; font-size: 17px; line-height: 22px; 
}

a:link, a:visited, a:active { 
  color: #000; text-decoration: underline; 
}

a:hover { 
  color: #000; text-decoration: none; 
}

h1 { 
  margin: 0 0 15px 0; 
  font-family: 'Crimson Text'; font-size: 32px; line-height: 32px; font-weight: 700; letter-spacing: 0.03em; 
}

h2, h3, h4 { 
  margin: 0 0 2px 0; padding: 0; 
  color: #000; font-weight: normal; 
}

h2 { 
  font-size: 22px; line-height: 28px; 
}

h3 { 
  font-size: 14px; line-height: 16px; 
}

h4 { 
  font-size: 16px; line-height: 20px; 
}

#content ul li { 
  margin: 0 0 0 -15px; padding: 0 0 3px 0;
  list-style: disc; list-style-position: outside; 
}

#content ol li { 
  margin: 0 0 0 -15px; padding: 0 0 3px 0;
  list-style-type: decimal; list-style-position: outside; 
}

p, .p { margin: 0 0 15px 0; }

/* -------------------[ Images ]------------------- */

.alignleft, 
img.alignleft, 
.wp-caption.alignleft { 
  float: left; display: inline; 
  margin: 6px 15px 12px 0; 
}

.alignright, 
img.alignright, 
.wp-caption.alignright { 
  float: right; display: inline; 
  margin: 6px 0 15px 15px; 
}

.aligncenter, 
img.aligncenter, 
.wp-caption.aligncenter { 
  clear: both; display: block;
  margin-left: auto; margin-right: auto; 
}

.alignnone, 
img.alignnone { 
  clear: both; 
  margin: 0 0 5px 0; 
}

.wp-caption { 
  font-size: 12px; line-height: 15px; letter-spacing: 0px; text-align: center; 
}

.wp-caption-text {
  margin: 0 15px 0 15px; 
}

/* -------------------[ Spacers ]------------------- */

.break0 { clear: both; display: block; height: 1px; }
.break1 { clear: both; display: block; height: 10px; }
.break2 { clear: both; display: block; height: 20px; }
.break3 { clear: both; display: block; height: 30px; }
.break4 { clear: both; display: block; height: 40px; }
.break5 { clear: both; display: block; height: 50px; }
.break6 { clear: both; display: block; height: 60px; }
.break7 { clear: both; display: block; height: 70px; }
.break8 { clear: both; display: block; height: 80px; }
.break9 { clear: both; display: block; height: 90px; }










/* ====================================================================
   Header
   ==================================================================== */

.logo { 
  float: left;
}

.social { 
  float: right; 
}

.social img { 
  margin: 0 0 0 10px;
}

.social img:hover { 
  opacity: 0.8;
}

div.menu ul {
  list-style: none;
}

div.menu li {
  float: left; position: relative; 
  margin: 0; padding: 0; 
}

#nav {
  float: left; 
  width: 760px; height: 25px; margin: 0; padding: 0;
}

#nav ul, 
#nav li { 
  display: inline; z-index: 99999; 
}

#nav li { 
  display: inline; 
  margin: 0 20px 0 0; padding: 0; 
  text-align: left; 
}

#nav li.end { 
  margin: 0; 
}

#nav a {
  float: left; 
  color: #000; font-family: 'Crimson Text'; font-size: 18px; line-height: 25px; font-style: italic; text-decoration: none; 
}

#nav a:hover, 
#nav li.current_page_item a {
  color: #000; text-decoration: underline; 
}











/* ====================================================================
   Post
   ==================================================================== */

.posttop { 
  clear: both; 
  margin: 0 0 15px 0; padding: 0; 
}

.postbottom { 
  clear: both; display: block; 
  margin: 25px 0; padding: 7px 0; 
  border-top: 1px solid #000;  
  font-size: 13px; line-height: 16px;  
}

.postbottom .left { 
  clear: both; float: left; 
  width: 650px; margin: 0; 
  text-align: left; 
}

.postbottom .right { 
  float: right; 
  width: 100px; 
  text-align: right; 
}

.posttop a, 
.postbottom .left a {
  text-decoration: none; 
}









/* ====================================================================
   Disco
   ==================================================================== */

.album { 
  float: left; 
  width: 200px; margin: 0 30px 30px 0; padding: 0;
  font-family: 'Crimson Text'; font-weight: 400; font-weight: normal; font-size: 18px; line-height: 20px; letter-spacing: 0.03em; text-align: center;
}

.album img { 
  margin: 10px 0 2px 0;
}

.album img:hover { 
  opacity: 0.8;
}









/* ====================================================================
   Contact
   ==================================================================== */

#contact-form { 
  clear: both; overflow: hidden; 
  margin: 0; padding: 0; 
  text-align: left; 
}

.form-title { 
  clear: both; float: left; 
  width: 100px; margin: 7px 0; padding: 0 10px 0 0; 
  text-align: left; 
}

.form-field { 
  float: left; 
  margin: 7px 0; padding: 0; 
  text-align: left; 
}

input, textarea { 
  width: 350px; margin: 0 0 12px 0; padding: 3px; 
  border: 1px solid #000; 
}

.msgbox { 
  width: 350px; height: 120px; 
}

.contact-submit { 
  clear: both; 
  margin: 3px 0 0 0; 
}

.wpcf7-submit { 
  width: 70px; margin: 0 0 0 110px; padding: 4px 0 3px 0; 
  border: 1px solid #000;  
  background-color: #FFF; 
  color: #000 !important; text-align: center; 
}

.wpcf7-submit:hover { 
  border: 1px solid #000; 
  background-color: #d5d5d5; 
  color: #000 !important; 
}

span.wpcf7-not-valid-tip { 
  position: absolute !important; top: 3px !important; left: 15px !important; z-index: 100 !important; 
  width: 180px !important; margin: 0 !important; padding: 3px 2px 2px 8px !important; 
  border: 2px #FFF solid !important; 
  background-color: #000 !important; 
  color: #FFF !important; font-size: 12px !important; 
}

div.wpcf7-mail-sent-ok, 
div.wpcf7-mail-sent-ng, 
div.wpcf7-spam-blocked, 
div.wpcf7-validation-errors { 
  margin: 0 !important; padding: 10px !important; 
  border: none !important; 
  color: #000 !important; font-size: 18px !important; text-indent: 0px !important; }

div.wpcf7, 
div.wpcf7-response-output { 
  margin: 0 !important; padding: 0 !important; 
}

span.wpcf7-form-control-wrap { 
  position: relative !important; 
}