/*----------- Overall */
  .container {margin: 10px auto; width: 1020px; overflow: hidden;background: #FFF;}
  .header {position: relative; width: 1020px; margin: 0 auto; padding: 20px 0 0 0;background: #FFF;}
  .section {float: left; width: 640px; margin: 30px 0 30px 20px;background: #FFF;}
  .rightset {float: right; width: 300px; margin: 30px 20px 20px 0; background: #FFF;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 1020px; color: #777;background: #FFF;}

/*----------- .header form */
  .header-form {clear: both; overflow: hidden; position: absolute; top: 4px; right: 40px;}
  .header-text {width: 100px; border: 1px solid #bbb;}
  
  
/*----------- Site Header --------------- */
.header h1, .header h5 {font-size: 48px; text-transform: uppercase; margin: 10px 0 0 0;}
.header-title {display: block; width: 1020px; height: 165px; background: url(images/lwtc_header.png) no-repeat 0 0; text-indent: -9999em; margin: 0 auto}
.header-desc {display: none;}

/*----------- .nav */
  .mobile-nav {display: none;}
  .nav {position: relative; height: 40px; background: url('images/lwtc_background.png') repeat center; padding: 0 2px; margin-top: 10px; clear: both; line-height: 1em; text-transform: uppercase;}
  .nav ul {list-style: none;}
  .nav a {display: block; padding: 14px; color: #fff;}
  .nav a:hover {color: #eab3ff;}
  .nav ul ul a {display: block; padding: 14px; position: relative; color: #eab3ff;}
  

/*----------- .post-info-meta */
  ul.post-info-meta {color: #000; padding: 0;}
  ul.post-info-meta li {list-style: none; float: left;}
  ul.post-info-meta li.post-info-comment {float: right;}

/*--------  FOOTER ---------*/
p.footer-lwtc {background: url('images/nav-color.png') repeat center; padding: 10px 20px; clear: both; font-size: 0.9em; overflow: hidden; margin: 0 auto; font-family: 'Maven Pro', sans-serif; font-size: 16px;color:#FFF; text-transform:uppercase;}
p.footer-lwtc .footer-credit {display: block; float: right; width: 200px; height: 20px; background: url('images/kaystyled.png') no-repeat 0 0; text-indent: -9999px; margin-top: 5px;}




/*----------------------- Lexi With The Curls -------------------------- */
body {font: normal 0.8em Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif; color: #000; background: #fff; repeat-x top center;}
body p {margin-bottom: 20px; line-height: 1.8em; word-wrap: break-word; -ms-word-wrap: break-word;}

/*----------- Title Headers--------------- */
h1, h2, h3, h4, h5, h6 {line-height: 1.2em; margin-bottom: 15px; font-family:  'Sacramento', cursive;font-weight: 400;}
h1 {font-size: 2.4em; color: #000;}
h2 {font-size: 2.3em; color: #000;}
h3 {font-size: 2.2em; color: #000;}
h4 {font-size: 2.1em; color: #000;}
h5 {font-size: 2.0em; color: #000;}
h6 {font-size: 2.0em; color: #000;}

/*----------- Links --------------- */
a {color: #eab3ff; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {color: #c7c7c7;}


/* --------- NAVIGATION BAR ----------- */
.nav ul	{ margin: 0; background: #000; padding: 0; /* only needed if you have not done a CSS reset */}
.nav li	{display: block;float: left;line-height: 40px; height: 30px; margin: 0; padding: 0; position: relative; font-family: 'Sacramento', cursive;  text-transform: capitalize;padding-left: 15px; padding-right: 5px; padding-top: 5px; font-size: 1.9em; z-index: 100; }
.nav li a	{display: block;height: 30px;line-height: 30px;padding: 0 15px;}
.nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {color: #eab3ff;}
.nav ul ul {  background: #000 url('images/arrow_down.png') no-repeat 0 0; display: none; position: absolute;top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */color: #eab3ff; font-size: 12px; z-index: 120;  }
.nav ul ul a{ font-family: 'Maven Pro', sans-serif; font-size: 12px; text-transform:uppercase;}
.nav ul ul a:hover{color:#FFF;}
.nav ul ul li { /* this targets all submenu items */float: none; /* overwriting our float up above */width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */}
.nav ul ul li a { /* target all sub menu item links */padding: 5px 10px; /* give our sub menu links a nice button feel */}
.nav ul li:hover > ul {display: block; /* show sub menus when hovering over a parent */}

.nav a.sf-with-ul {padding-right: 20px;}
.nav .sf-sub-indicator {background: #000; display: block; background: url('images/arrow_down.png') no-repeat 0 0; width: 12px; height: 8px; position: absolute; top: 18px; right: 8px; text-indent: -9999px;}
.nav .sub-menu .sf-sub-indicator {background: #fff; display: block; background: url('images/arrow_right.png') no-repeat 0 0; width: 12px; height: 8px; position: absolute; top: 13px; right: 5px; text-indent: -9999px; #b15e94; }


/*------------ STYLES -------------*/
.lexistyle { color: #CCC; font-size:15px; align:center; text-transform:uppercase;text-align:center; font-family: "Helvetica Neue","Arial",sans-serif;}

/* .article */
.sticky {}
.article {margin-bottom: 50px; padding-bottom: 20px; overflow: hidden; clear: both;}
.article .post-thumb {padding: 2px; border: 1px solid #ddd;}
.article .post-header {margin-bottom: 30px; overflow: hidden; border-bottom: #000 solid 1px; border-top: #000 solid 4px;}

/*------------ Article Date -------------*/
.article .post-date {float: left; margin-right: 10px; background: url(images/lwtc_date.png) no-repeat; color: #000; width: 90px; height: 70px; padding-top: 18px; padding-bottom: 18px ;padding-left: 5px; padding-right: 18px;  line-height: 1em; font-size: 1.2em; text-align: center; text-transform: uppercase; font-family: 'Maven Pro', sans-serif;}
.article .post-date span {color: #000; font-size: 1.4em; text-align:center;}

/*------------ Article Title -------------*/
.article h2.post-title {font: 400 2.3em 'Sacramento', cursive;margin: 10px 0 5px 0; line-height: 1.2em;}
.article h2.post-title a {color: #000;}

.article .attachment-alignleft {float: left; margin: 0 10px 5px 0;}
.article .archives {overflow: hidden; clear: both; padding: 10px 0;}
.article .archives .archives-box {width: 45%; float: left; padding: 2px;}

/* --------- Articl HTML ----------- */
.article blockquote {font: 1.6em 'Sacramento', cursive;; display: block; clear: both; margin: 20px 0; padding: 20px 20px 20px 60px; background: #FFF url('images/quote.png') no-repeat 20px 25px; font-style: italic; color: #000;}
.article blockquote p {padding: 0;}
.article ul {margin: 0 0 20px 25px; list-style: circle outside;}
.article ol {margin: 0 0 20px 25px; list-style: decimal outside;}
.article li {margin: 3px 0; line-height: 1.8em;}
.pagetitle {text-align: center; font-size: 2em; padding: 20px; color: #999;}

.page-pagination {font-weight: bold; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 0;}
.page-pagination span {margin: 2px 5px;}

/* --------- Pagination Look + Feel ----------- */
.pagination-wrapper { text-align: center;  }
.pagination{ -webkit-border-radius: 3px; -moz-border-radius: 3px; font: 24px font-family: 'Maven Pro', sans-serif;border-radius: 3px; margin-bottom: 25px; background: #FFF;border: 1px solid #EAEAEA; display: inline-block; padding: 9px;}

.pagination span, .pagination a{ padding:9px 19px;text-decoration:none;width:auto;color:#222;}
.pagination a:hover{background:#eab3ff; color:#FFF;}

.pagination .current{ color: #eab3ff;   background: #fff; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;margin-left: -1px; }
.pagination a{ border-color: #EAEAEA;border-image: none; border-style: solid; border-width: 0 1px 0 0;}
.pagination a:active{-moz-box-shadow: inset 0 0 8px 4px #999, 0 1px 0 0 #eeeeee;  -webkit-box-shadow: inset 0 0 8px 4px #999, 0 1px 0 0 #eeeeee;box-shadow: inset 0 0 8px 4px #999, 0 1px 0 0 #eeeeee; }  
	/**/
.navigation {height:37px; border:1px solid #cbcbcb;text-align: center; font-family:font-family: 'Maven Pro', sans-serif; font-size:18px; font-weight:bold; float: right;   margin: 20px 18px 10px 0; display:inline-block}
.navigation a {text-decoration:none;color:#6a6a6a;  line-height: 34px;}
.navigation a:hover{background:#666; color:#fff;}
.page-numbers { padding: 5px 8px 8px;}
.current {background:#C60303;color:#fff;}


.post-footer {clear: both; padding: 20px 0 10px 0; margin: 0; overflow: hidden;}
.post-footer ul {margin: 0; list-style: none;}
.post-footer ul li {margin: 5px 0;}

/* --------- Post Footer ----------- */
.footer-navi {clear: both; overflow: hidden; padding: 0 !important; margin-bottom: 20px; border-top: 3px solid #000; border-bottom: 1px solid #000; font-family:'Maven Pro', sans-serif; text-transform:uppercase; }
.footer-navi li.previous {float: left; width: 300px;}
.footer-navi li.next {float: right;width: 300px;}

/* --------- Image Gallery ----------- */
.gallery {clear: both; overflow: hidden;}
.gallery .gallery-item {margin-top: 0 !important;}
.gallery dl {margin: 0;}
.gallery a {padding: 5px; display: block;}
.gallery a img {max-width: 100%; height: auto;}
.gallery-caption {}

/* --------- Images ----------- */
img {max-width: 100%; height: auto;}
img.aligncenter {display: block; margin: 0 auto 10px auto;}
img.alignright {display: inline; margin: 0 0 10px 20px;}
img.alignleft {display: inline; margin: 0 20px 10px 0;}
.aligncenter,
.centered {display: block; margin: auto;}
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ccc; background: #FFF; margin: 15px; padding: 1%; text-align: center; max-width: 96%; text-transform:uppercase;}
.wp-caption img {border: 0;}
.wp-caption p.wp-caption-text {font-size: 0.85em; line-height: 1.2em; padding: 3px 0; margin: 0;}

/* --------- SIDEBAR ----------- */
.side-widget {padding: 0 0 30px 0; margin-bottom: 10px;overflow: visible; clear: both;}
.textwidget {overflow: visible; clear: both;}
.side-widget h3 {font-size: 1.9em; font-weight: 400; text-transform: capitalize; text-align: center; margin-bottom: 15px; color: #FFF; background-image: url(images/lwtc_sidebar_bg.png); padding-top: 5px; padding-bottom: 5px;}
.side-widget select {width: 90%;}
.side-widget ol,
.side-widget ul {clear: both; list-style: none;}
.side-widget ol.children,
.side-widget ul.children {clear: both; list-style: none; margin-left: 20px;}
.side-widget ol li,
.side-widget ul li {margin: 5px 0; line-height: 1.8em;}
.sideform {clear: both; overflow: hidden; text-align: center;}
.sidetext {width: 150px; margin: 2px auto; color: #000; border: 1px solid #c7c7c7;}


/*--------  SOCIAL MEDIA ---------*/
ul.social-icons li {float: left;}
.social-rss, .social-facebook, .social-twitter, .social-youtube, .social-instagram, .social-pinterest {display: block; width: 50px; height: 60px; float: left; background: url('images/share/lwtc_social.png') no-repeat; text-indent: -9999px;}

.social-youtube {background-position: 0 0; }
.social-instagram {background-position: -50px 0;}
.social-pinterest {background-position: -100px 0; }
.social-twitter {background-position: -150px 0; }
.social-facebook {background-position: -200px 0; }
.social-rss {background-position: -250px 0;}

/* .footer */
p.footer-copy a:hover {color: #fff;}


/*--------  COMMENTS ---------*/
.comment-box {padding: 0 0 20px 0; overflow: hidden;}
.comment-box h4 {font-size: 1.4em; margin: 10px 0; font-family: 'Maven Pro', sans-serif; text-transform:uppercase;}
#respond {padding: 10px; background: #fff;}
.comment-text {width: 25%; margin-right: 5px;}
.comment-textarea {width: 95%;}
.comment-text,
.comment-textarea {border: 1px solid #000; padding: 5px; color: #999; font: normal 0.85em Verdana, Tahoma, Arial, San-serif;}
.avatar {margin-right: 20px; float: left; border: 1px solid #999;}
.comment-meta {clear: both; overflow: hidden;}
.comment-meta h6 {font-size: 1.2em; margin-bottom: 3px; font-family: 'Maven Pro', sans-serif; letter-spacing: 2px; text-transform:uppercase;}
.comment-meta small {font-style: italic; color: #999; font-size: 0.85em;}
.comment-content {padding: 5px 10px; overflow: hidden;}
.comment-content p {padding: 5px 0; margin: 0 0 10px 55px; line-height: 1.8em}
.commentlist li {border-top: 4px solid #C7C7C7; border-left: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; margin-bottom: 20px; list-style: none;}
.commentlist li.bypostauthor { background: #ebdaf2;}
.commentlist ul.children {padding: 0;}
.commentlist ul.children li {border: none; background: #FFF;padding: 0 0 0 30px; margin: 0; list-style: none;}
.commentlist li ul.children li.bypostauthor {border: none;background: #ebdaf2;}
a.comment-reply-link {float: right;}

/* --------- Calendar ----------- */
#wp-calendar {text-align: center; width: 100%; font-size: 0.9em;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 5px 0; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px; border-right: 1px solid #000;}
#wp-calendar td {font-style: normal; padding: 2px; border-right: 1px solid #000;}
#wp-calendar tr {border-top: 1px solid #eee; border-left: 1px solid #000;}
#wp-calendar tfoot td {border-bottom: 1px solid #000;}


/* --------- FORMS ----------- */
select,
textarea,
input {border: 1px solid #ccc; color: #888; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: 'Muli', Arial, Verdana, Sans-serif;}
input[type=submit] {border: 1px solid #ccc; color: #555; cursor: pointer; background: #eee; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
input[type=submit]:hover {border: 1px solid #aaa; background: #ccc;}
label {display: inline-block; margin-right: 20px;}

/* --------- ARTICLE ITEMS ----------- */
.hidden {display: none;}
.focused {border: 1px solid #888;}
.highlight {background: #eab3ff; padding: 0 2px; color: #fff;}
.button {padding: 1px 5px;}
.fade {filter: alpha(opacity=50); opacity: 0.5;}
.clearfix {clear: both; height: 10px;}
.shadow {-webkit-box-shadow: 0 0 5px 0 #aaa; box-shadow: 0 0 5px 0 #aaa;}
.transparency {background-color: rgba(255, 255, 255, 0.8);}
.radius-100 {-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;}
.radius-10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.radius-8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.radius-4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}