/*
 Theme Name:   Twenty Twelve Child
 Theme URI:    http://www.lesliecerier.com/twentytwelve-child/
 Description:  Twenty Twelve Child Theme
 Author:       JWM
 Author URI:   http://example.com
Template: twentytwelve

Version: 0.1.0
 Tags:         light, dark, 
 Text Domain:  twentytwelve-child
*/

@import url("../twentytwelve/style.css");


@media screen and (min-width: 0px)
{  

body {background-color: #c3d2a7; font-size: 16px;margin: 0 auto;padding: 0;width: 100%; }

body.blog .widget-area {position:relative; top:550px;}
body.page .widget-area {position:relative; top:0px;}

/*  for leslies site if you diff widget position for specific page, use the page-id in the body tag for that page.
body.page-1d-16 .widget-area {position:relative; top:0px;} 
*/

.site {background-color:#fff;}
.template-front-page .entry-title {display:none;}
.template-front-page  .entry-content  {float:left; position:relative; top:50px; width:100%; height:auto;}
.template-front-page .entry-content p {font-size:18px; line-height:1.4;}
.template-front-page .entry-content a {font-size:18px;}
.template-front-page #primary {float:left; clear:none; width:100%;}
.template-front-page #secondary  {float:left; width:100%; clear:both; margin:0 auto; position:relative; top:0;left:0;}
.template-front-page .site-content, .template-front-page article {overflow:visible}
.template-front-page .widget-area {border:0;}
.template-front-page #secondary #searchform {position:relative; }

#masthead  {overflow:hidden; padding-bottom:0;text-align:center;z-index:200; position:relative;}
#left {float:left: width:100%; text-align:center;}
#right {float:left; width:100%; text-align:center;}
#main {z-index:1; margin-top:0; position:relative;}
#primary {margin-top:0; }

#slideshow img {width:320px; height:auto; z-index:1; margin-bottom:0;}


#page {background: none repeat scroll 0 0 #fff;
    box-shadow: 0 1px 7px rgba(50, 50, 50, 0.82);
    margin: 10px auto 20px;}
.main-navigation a {background: none repeat scroll 0 0 #fff;
    font-family: "Cabin Condensed",Arial,Helvetica,sans-serif;
    font-size: 16px; font-weight:bold; text-decoration:none; 
    margin: 0 auto; padding: 0;  text-transform: lowercase;color:#6A8E24;}
.main-navigation li a {background: none repeat scroll 0 0 #fff;
    font-family: "Cabin Condensed",Arial,Helvetica,sans-serif;
    font-size: 16px; font-weight:bold; text-decoration:none; 
    margin: 0 auto;padding: 0; text-transform: lowercase; color:#6A8E24;}
.main-navigation ul.sub-menu {margin-left: 5px; margin-top:5px;text-align:left; color:#6A8E24;}

.main-navigation li {margin-top:8px;text-align:left; margin-left:5px; color:#6A8E24;}

.content-block p, .entry-content p {font-family:cabin; color: #333; font-size:15px; line-height:17px; text-decoration:none; font-weight:normal;}
.content-block a, .content-block a:hover, .content-block a:active, .content-block a:visited {font-family:"cabin condensed"; color: #6a8e24; font-size:15px; line-height:17px; text-decoration:none; font-weight:normal;}
.entry-content a, .entry-content a:hover, .entry-content a:active, .entry-content a:visited {font-family:"cabin condensed"; color: #6a8e24; font-size:15px; line-height:17px; text-decoration:none; font-weight:normal;}
.content-block ul li, .content-block ol li, #entry-block ul li .content-block ol li{font-family:cabin; font-size:15px;}

.entry-header, .entry-title {font-size: 20px;}
.entry-header a, .entry-header a:hover, .entry-header a:visited, .entry-header a:active {font-size: 20px;}
.entry-title a, .entry-header a:hover, .entry-header a:visited, .entry-header a:active {font-size: 20px;}

strong, b {color:#333; font-weight;bold; font-family:cabin, sans-serf; font-size:15px;}

a, a:hover, a:active, a:visited { color: #6a8e24; font-family: "cabin condensed",Arial,Helvetica,sans-serif;
    font-size: 15px; line-height: 17px; text-decoration: none; font-weight: normal;}
p.slogan {margin:0 auto; background:#C5D2A7; color:#CD0067; font-family:"cabin condensed"; font-size:16px; padding:3px 8px;}
.green {color:#60733F}
.site-header #left h1 a {color:#8a9670; font-family: 'Raleway', sans-serif; font-size:48px; letter-spacing:.09em; line-height:1.1;font-weight:normal; margin:0; padding:0; text-transform:uppercase;}
.site-header #left h1 a.header-green {font-family:pacifico, sans-serif; text-transform: capitalize;color:#8A9670; font-weight:normal; font-size:26px;padding: 0 10px 0 10px; line-height:1.1; margin:0; padding:0;}
.site-header #left h2 {color:#8A9670; font-weight:normal; font-size:24px; margin: 0 auto;}
.site-header #left img  {margin:0 auto;}
.site-header #right  .phone {color:#6A8E24; letter-spacing:-.01em; font-size:22px; padding:10px; font-family:"cabin condensed", sans-serif;}
.site-header #right  a.email {color:#CD0067; font-size:20px;line-height:1.2; padding:10px;}

h3.widget-title {color:#6A8A24; font-size:18px; font-family: 'cabin condensed'; letter-spacing:2px; font-weight:400;}
.widget-area .widget h3 {margin-bottom:10px;}
.widget-area .widget ul {margin-bottom:10px;}
.widget_categories {  border: 1px solid #a1a1a1;   margin: 0 30px 10px 10px;   padding: 5px 20px 0 30px;}
.widget-area .widget a {   color:#6A8A24; font-family:"cabin condensed", sans-serif; font-size:14px;}
.textwidget {border:1px solid #808080;}
.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
    font-size: 15px;
    line-height: 1.84615;
}
.widget-area .widget a {
    color: #6a8a24;
    font-family: "cabin condensed",sans-serif;
    font-size: 16px; }
.widget-area .widget a:hover {font-size:16px;}
.widget-area .widget a:visited {
    color:#6E6E6E;
}
.widget p {padding:4px;}
body.blog .widget-area {top:-30px; width:auto; padding:2px; }

h1, h2, h3 {color: #6a8e24;    font-size: 24px;    font-weight: 400 !important;    padding-bottom: 5px;
font-family: "Cabin Condensed",Arial,Helvetica,sans-serif;  font-weight: 400;  line-height: 24px;}
.boxes, .boxes img {display:none; margin:0;}
.email-line {height:32px; padding:1px;}
.emailform {float:right;  }
.emailform button, input, select, textarea {font-size:11px; color: #404040;}
.emailform input, text {width: 80px; height: 15px; float: left; margin: 0; margin-right: 3px; padding:1px;} 
.emailform .submit {width:80px; height:20px; float:left;}

#colophon {background:#6a8e24; width:394px; auto;position:relative;left:-20px;}
#colophon  p {color:#fff; font-size:13px;font-family:"verdana", sans-serif; line-height:24px;
letter-spacing:1px; text-align:center;  }
#colophon p.small {font-size:12px;}
#colophon  h2 {color:#fff; font-size:24px;font-family:"cabin condensed", sans-serif; text-align:center; }
footer[role="contentinfo"] {   border-top: 0;  padding: 15px; width:394px;max-width:394px;}
.footer-icons {padding-bottom:12px; text-align:center; width:394px;}
.footer-icons li {    display: inline-block;   list-style-type: none;   padding-left: 5px;}

}

@media screen and (min-width: 384px)
{  
#masthead  {width:384px; }
#page {width:384px;}
#slideshow img {width:384px; height:auto; margin-top: 10px; margin-bottom:0;}

.email-line {background:#CD0067; padding: 2px; width:380px; color:#fff;  font-weight:bold;font-size:14px; margin:0;}

}

@media screen and (min-width: 584px)
{  
body {font-size:14px;}
#masthead  {width:584px; height:auto; text-align:center; overflow:visible; z-index:200;}
#page {width:584px;}
body.blog .widget-area {top:250px; width:30%;}
#secondary {position:relative; left:20px; }
.widget-area .widget h3 {letter-spacing:0;}
.blog #secondary #searchform {position:relative; right: -40px;}
.page #secondary #searchform {position:relative; top:40px; width:180px; }

.widget_categories {padding: 5px;}
#left {float:left; width:420px; margin:0; padding:0;}
#right {float:right; width:160px; margin:0; padding:0;position:relative; top:35px;}
.site-header #left h1 a {color:#8a9670; font-family: 'Raleway', sans-serif; font-size:38px; letter-spacing:.09em; font-weight:normal; text-align:left; }
.site-header #left h1 a.header-green {color:#8A9670; font-weight:normal; font-size:26px;padding: 0; text-align:left;}
.site-header #left img  {margin:0;}
.site-header #right  .phone {color:#6A8E24; letter-spacing:-.01em; font-size:22px; padding:0; text-align:right;}
.site-header #right  a.email {color:#CD0067; font-size:17px;line-height:1.6; padding:0; text-align:right;}
.site-header #right  a.email:hover {color:#CD0067; font-size:17px;line-height:1.6; padding:0; text-align:right;}
 
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul  {height:33px;}
.main-navigation li  {margin:0 2px 0 2px;background: #C3D2A7; height:33px; }
.main-navigation li a {background: #C3D2A7; height:20px; line-height: 29px; padding-top:3px; letter-spacing:1.3px; font-weight:normal; }
.main-navigation li a:hover {color:#546C20;}
.main-navigation .current-menu-item > a {color:#546C20;}
.nav-menu {background: #C3D2A7;}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {border-bottom:0; }
.main-navigation ul.sub-menu {margin: 0; text-align:left; color:#6A8E24; background:#fff; padding:0; height:33px;  border:0; }
.main-navigation li ul li {border-right: 2px solid #C3D2A7; border-left:2px solid #C3D2A7;}
.main-navigation li ul li  a {background:#fff; color:#546C20; line-height:29px; font-size:14px; padding-top:3px; letter-spacing:1.3px; font-weight: normal; width:150px; }
.main-navigation li ul li a:hover,.main-navigation li ul li a:focus {background:#fff; color: #546C20; }
.main-navigation li ul li {margin:0; padding:0;}

#slideshow img {width:584px; height:auto; margin:0;}

#homeboxes {background: #C3D2A7; padding:10px; width:564px; margin:0;}
p.slogan {display:block; width:564px;padding: 4px 10px; text-align:center; color:#CD0067; font-size:13px; }
.green {color:#6A8E24; font-size:13px; clear:both; }

.email-line {background:#CD0067; padding: 5px; width:574px; font-size:16px;}
.emailform {float:left;  text-align:center;}
.emailform button, input, select, textarea {font-size:12px; }
.emailform input, text {width: 120px; } 
.emailform .submit {width:90px;}

.blog #secondary #searchform {position:relative; right: -40px; top:20px;}

.content-block p, .entry-content p {font-family:cabin; color: #333; font-size:14px; line-height:1.6; text-decoration:none; font-weight:normal;}
.content-block a, .content-block a:hover, .content-block a:active, .content-block a:visited {font-family:"cabin condensed"; color: #6a8e24; font-size:14px; line-height:1.6; text-decoration:none; font-weight:normal;}
.entry-content a, .entry-content a:hover, .entry-content a:active, .entry-content a:visited {font-family:"cabin condensed"; color: #6a8e24; font-size:14px; line-height:1.6; text-decoration:none; font-weight:normal;}
.content-block ul li, .content-block ol li, #entry-block ul li .content-block ol li{font-family:cabin; font-size:14px; line-height:1.6;}
strong, b {font-size:14px;}
.entry-content ul, .comment-content ul, .mu_register ul {font-size:14px; font-family:cabin;}

#colophon {background:#6a8e24; width:594px; height: auto;position:relative;left:-20px;}
#colophon  p {color:#fff; font-size:18px;font-family:"cabin condensed", sans-serif; line-height:24px;
 letter-spacing:1px; text-align:center;  }
#colophon p.small {font-size:12px;}
#colophon  h2 {color:#fff; font-size:24px;font-family:"cabin condensed", sans-serif; text-align:center; }
footer[role="contentinfo"] {   border-top: 0;  padding: 15px; width:594px;max-width:594px;}
.footer-icons {padding-bottom:12px; text-align:center; width:594px;}
.footer-icons li {    display: inline-block;   list-style-type: none;   padding-left: 5px;}

}

@media screen and (min-width: 768px)
{  
#left {float:left; width:550px; text-align:left;}
#right {float:right; width:250px; text-align:right;}
#masthead  {float:left; width:768px; }
#page {width:768px;}
body.blog .widget-area {top:480px; margin-right:0;}
.widget_categories {padding: 10px;}
#secondary #searchform {left:0px;}
#left {width:530px; }
#right {width:220px;  position:relative; top:30px;}
.site-header #left h1 a {color:#CD0067; font-family: 'cabin condensed'; font-size:28px; letter-spacing:.05em; font-weight:normal; text-align:left; }
.site-header #left h1 a.header-green {color:#8A9670; font-weight:normal; font-size:26px;padding: 0; text-align:left;}
.site-header #left img  {margin:0;}
.site-header #right  .phone {color:#6A8E24; letter-spacing:-.01em; font-size:24px; padding:0; text-align:right;}
.site-header #right  a.email {color:#CD0067; font-size:19px;line-height:1.6; padding:0; text-align:right;}
.site-header #right  a.email:hover {color:#CD0067; font-size:19px;line-height:1.6; padding:0; text-align:right;}

.main-navigation li {margin: 0 10px 0 5px;}

#slideshow img {width:768px; height:auto; clear:both;}
p.slogan {width: 748px; background:#c3d2a7; padding:2px 10px 4px 10px; margin:0; line-height:1.3;text-align:center;font-size:15px; letter-spacing: 1px;}
.boxes {display:block; width:768px; padding:0; background:#C3D2A7; float:left; }
.boxes img {display:block; float:left; width: 15%; height:auto; padding:0 14px 14px 14px; }
.email-line {width:758px; float:left; padding:5px; font-size:14px;height:28px;}
.green {font-size:15px; clear:initial; letter-spacing:.5px;padding:left;10px;font-weight:400; padding-right:20px;}
.emailform {float:right;  }
.emailform button, input, select, textarea {font-size:12px;}
.emailform input, text {width: 80px; height: 18px; float: left; margin: 0; margin-right: 3px; padding:1px;} 
.emailform .submit {width:80px; height:22px; float:left;}

#colophon {background:#6a8e24; width:768px; height: auto;position:relative;left:-20px;}
#colophon  p {color:#fff; font-size:18px;font-family:"cabin condensed", sans-serif; line-height:24px;
letter-spacing:1px; text-align:center;  }
#colophon p.small {font-size:12px;}
#colophon  h2 {color:#fff; font-size:24px;font-family:"cabin condensed", sans-serif; text-align:center; }
footer[role="contentinfo"] {   border-top: 0;  padding: 15px; width:768px;max-width:768px;}
.footer-icons {padding-bottom:12px; text-align:center; width:768px;}
.footer-icons li {    display: inline-block;   list-style-type: none;   padding-left: 5px;}

}

@media screen and (min-width: 900px)
{  
#page {width:900px; padding-right:60px; padding-left:60px;}

#masthead  {float:left; width:900px; margin-top:-10px;}

#left {width:750px;}
#right {width:150px;  position:relative; top:0;}
.site-header #left h1 a {color:#8a9670; font-family: 'Raleway', sans-serif; font-size:41px; letter-spacing:.09em; font-weight:300; text-align:left;  }
.site-header #left h1 a.header-green {color:#8A9670; font-size:34px;font-weight:500;letter-spacing:.02em; padding: 0 0 0 20px; text-align:left;  text-transform:capitalize;}
.site-header #left h2.site-description {color:#CD0067; font-family: 'Raleway', sans-serif; font-size: 35px; padding:0; margin-top:-10px;}
.site-header #left h2.site-description {
    background: url('http://www.lesliecerier.com/wp-content/uploads/2015/03/coracao.png') no-repeat center right;
}

.site-header #left img  {margin-left:228px;}
.site-header #right  .phone {color:#6A8E24; letter-spacing:-.01em;font-size:28px; padding:0; text-align:right;}
.site-header #right  a.email {color:#CD0067; font-size:16px;line-height:1.6; padding:0; text-align:right;font-weight:500;}
.site-header #right  a.email:hover {color:#CD0067; font-size:16px;line-height:1.6; padding:0; text-align:right;font-weight:600;}
 
.main-navigation li {margin: 0 15px 0 5px;}
.main-navigation li a {font-size:22px;}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {text-align: center;}

#slideshow img {width:900px; height:auto;clear:both;}
.boxes {display:block; width:900px; padding:0; background:#C3D2A7; float:left; }
.boxes img {padding:0 8px 8px 8px; height:200px; width:160px;}
.email-line {width:890px; }
p.slogan {text-align:center; font-size: 16px; width:880px; background:#c3d2a7; padding: 4px 10px; margin:0; letter-spacing:.5px; font-weight:600; }
.green {font-size:16px; letter-spacing:.5px; font-weight:400; }

.textwidget {font-size:16px;}

.template-front-page .entry-title {display:none;}
.template-front-page  .entry-content  {float:left; position:relative; top:50px; width:700px; height:auto;}
.template-front-page .entry-content p {font-size:18px;}
.template-front-page .entry-content a {font-size:18px;}
.template-front-page #primary {float:left; clear:none; width:700px;}
.template-front-page #secondary  {float:right; width:150px; clear:none; position:relative; top:520px;left:-37px;}
.template-front-page .site-content, .template-front-page article {overflow:visible}
.template-front-page .widget-area {border:0;}
.template-front-page #secondary #searchform {position:relative; }



body.page-id-22 #catering > p {height:300px; width:900px;background-image: url(http://www.lesliecerier.com/wp-content/uploads/2013/12/Catering-collage-1-900-x-300.jpg);}
body.page-id-24 #classes > p {height:300px; width:900px;background-image: url(http://www.lesliecerier.com/wp-content/uploads/2013/07/Classes-collage-2-900-x-300.jpg);}
body.blog .widget-area {top:550px;}
body.page .widget-area {top:0px;}
body.page-id-22 .widget-area { top:330px;}
body.page-id-24 .widget-area { top:330px;}

.widget_categories {padding: 10px; position:relative; right:0px;}
#secondary {left:20px;}
#secondary #searchform {position:relative; left: 10px;}

/*  for leslies site if you diff widget position for specific page, use the page-id in the body tag for that page.
body.page-1d-16 .widget-area {top:0px;} 
*/

#colophon {background:#6a8e24; width:900px; height: 200px;position:relative;left:-20px;}
#colophon  p {color:#fff; font-size:18px;font-family:"cabin condensed", sans-serif; line-height:24px;
text-transform:none; letter-spacing:1px; text-align:left; clear:both; width:540px;}
#colophon p.small {font-size:12px; clear:both}
#colophon  h2 {color:#fff; font-size:24px;font-family:"cabin condensed", sans-serif; text-align:left; }
.address {float:left;}
footer[role="contentinfo"] {   border-top: 0;  padding: 15px; width:900px;max-width:900px;}
.footer-icons {padding-bottom:12px; width:640px; clear:both; text-align:left;}
.footer-icons li {    display: inline-block;   list-style-type: none;   padding-left: 5px;}
.footer-left {width:540px;}
.footer-right {width:340px; position:relative; top: -100px; float:right;}


}



.footer-nav li{
    display: inline-block;
    padding:0px 5px;
}
.footer-nav li a{
    color: #fff !important;
    font-size: 9pt;
}

.footer-nav{
    margin-top:45px;
}

.footer-email{
    margin-top:52px;
}

.floatright{
    float:right;
}
.floatleft{
    float:left;
}
.col-md-6{
    width:50%;
    height:auto;
}
.text-right{
    text-align: right;
}

.social_links a{
    font-size:21px;
    margin:0px 5px;
}

#colophon{
    color:#fff !important;
}
#colophon b{
    color: #fff !important;
}
#colophon a{
    color:#fff !important;
}

#colophon h3 a{
    font-size: 19px;
}

/*@media all (max-width:900px;) {
    .col-md-6{
        width:100% !important;
        height:auto;
        text-align: center !important;
        float:none !important;
    }

    .col-md-6 ul li{
        display: block !important;
    }
}*/

p.small{
    line-height: 18px;
}

.header_heart{
    width: 62px;
    height: 56px;
}