/*
Theme Name: They're All So Beautiful
Description: Child theme for the twentytwelve theme 
Author: Designer Huy Nguyen, Developer Ann Nguyen
Template: twentytwelve
*/

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

/*
TASB Color Palette

yellow: #e8da45
gray: #686868
black: #000000

*/

body {font-family: 'Source Sans Pro', sans-serif;background:#CECFD3;min-width:970px}
body .site {position:relative;background:none transparent;box-shadow:0 0px 0px rgba(100, 100, 100, 0);margin:0 auto;padding:25px 0 0;overflow:visible}
body.home .site {padding:0}
a {color:#686868}
p {font-size:14px;line-height:1.2em;margin-bottom:1em}
.entry-header h1.entry-title {font-size:38px}

.button.short {width:95px}
.button.medium {width:110px}
.button.long {width:150px}
.button.x-long {width:200px}
.arrow {color:#ccbf30;padding-left:3px}
.button:hover .arrow {color:#333}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}
.grey-border {padding:0px;border:5px solid #fff}

#top-nav {background:#000;height:91px}
#top-nav .site {padding: 0;text-align: right}
#top-nav li {display:inline-block;padding:0 8px;border-left:1px solid white}
#top-nav li:first-child {border-left:0}
#top-nav li a {color:white;text-decoration:none;font-size:17px}
#logo {float:left}
#menu-secondary-nav{margin-top:61px;float:right}
#masthead {z-index:1;position:relative;text-transform:uppercase;font-weight:bold;padding-bottom:0;padding-top:0}
.main-navigation{margin:0}
.site-header h1, .site-header h2, .site-header h1 a, .site-header h2 a {text-align:center}
.site-header h1 a {color:black;font-weight:bold;}
.site-header h1 a:hover {color:black}
.site-header h1 {font-size:79px;line-height:1.2em}
.site-header h2 {color:#e8da45;font-size:32px;font-weight:bold}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {border:0;text-align:center}
.main-navigation li {margin:0}
.main-navigation li a {background:white;color:#999;padding:5px 20px;font-size:20px;line-height:1em;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.45);-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.45);box-shadow: 1px 1px 5px rgba(0,0,0,.45);}
.main-navigation li a:hover,.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {color:black;background:#e8da45}
#social {float:right;margin-top:52px}
#social .fb {display:inline-block;width:31px;height:31px;background:url(images/facebook_off.png) 0 0;}
#social .fb:hover {width:31px;height:31px;background:url(images/facebook_hover.png) 0 0;}
#social .tw {display:inline-block;width:31px;height:31px;background:url(images/twitter_off.png) 0 0;}
#social .tw:hover {width:31px;height:31px;background:url(images/twitter_hover.png) 0 0;}

.page #primary {margin-top:5px}
#main.wrapper {position:relative;z-index:10}
#primary, #secondary .widget, #hero-widget .widget, #question-otw .widget, #footer-one .widget, #footer-two .widget, #footer-three .widget {background:white;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
#secondary .widget {padding:10px;margin-bottom:1.5rem}
#hero-widget {margin-bottom:0}
#hero-widget .widget {margin:15px;float:left;width:940px}
#hero-widget .widget .textwidget {padding:0}
#hero-widget .alignright {width:240px;padding:20px 20px 10px;background:black}
#hero-widget h2 {margin:10px 0;font-size: 25px;font-weight: bold;color: white}
#hero-widget h2 a {color:white;text-decoration:none}
#hero-widget h2 a:hover {color:#e8da45;text-decoration:none}
#hero-widget p {color:white;margin-bottom:10px;font-size:13px;}

#question-otw {position:relative}
#question-otw p.question {font-size:30px;text-align:center;margin:0;line-height:1em}
#question-otw .button {position:absolute;top:45px;right:20px}
.widget-area .widget h3 {color:black;text-align:center;font-size:1.5rem;text-transform:none}
.widget img {border-radius:0px;box-shadow: 0 0 0 rgba(0,0,0,0)}
h3.widget-title {background:#e8da45;font-size: 18px;font-weight:bold;text-transform:uppercase;text-align:center;color:#333;line-height:1.5em;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px}
h3.widget-title a {text-decoration:none; color:#333}
h3.widget-title a:hover {color:#666}
#footer-two .widget.qotw h3.widget-title {background:#333}
#footer-two .widget.qotw h3.widget-title a {color:#e8da45;text-decoration:none}
#footer-two .widget.qotw h3.widget-title a:hover {color:#fff}
.widget .textwidget {padding:20px}
footer[role="contentinfo"] {border: 0}
.grey-shadow,#sub-main .footer-widget-area .widget {background: white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.45);-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.45);box-shadow: 1px 1px 5px rgba(0,0,0,.45);margin-bottom:20px;z-index:10}
.grey-shadow.square {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px}
.grey-gradient, .single #secondary .widget.grey-gradient, #content li.card {background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 50%, #d3d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ededed), color-stop(100%,#d3d3d3));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 50%,#d3d3d3 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 50%,#d3d3d3 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 50%,#d3d3d3 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 50%,#d3d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );}
.button {line-height:1em;color:#666;font-size:16px;font-weight:bold;padding:5px 0;text-align:center;display:inline-block;text-decoration:none;background: rgb(254,254,254);
border-top-left-radius: 5px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,238,238,1) 100%, rgba(225,225,225,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(238,238,238,1)), color-stop(100%,rgba(225,225,225,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(238,238,238,1) 100%,rgba(225,225,225,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(238,238,238,1) 100%,rgba(225,225,225,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(238,238,238,1) 100%,rgba(225,225,225,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(238,238,238,1) 100%,rgba(225,225,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e1e1e1',GradientType=0 );border:1px solid #d7d7d7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.35);-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.35);box-shadow: 1px 2px 5px rgba(0,0,0,.35);}
.button:hover {border:1px solid #c5ba3b;background: rgb(231,217,69);color:#333;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZDk0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q5Y2M0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZWEzMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(231,217,69,1) 0%, rgba(217,204,65,1) 50%, rgba(174,163,52,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,217,69,1)), color-stop(50%,rgba(217,204,65,1)), color-stop(100%,rgba(174,163,52,1)));
background: -webkit-linear-gradient(top, rgba(231,217,69,1) 0%,rgba(217,204,65,1) 50%,rgba(174,163,52,1) 100%);
background: -o-linear-gradient(top, rgba(231,217,69,1) 0%,rgba(217,204,65,1) 50%,rgba(174,163,52,1) 100%);
background: -ms-linear-gradient(top, rgba(231,217,69,1) 0%,rgba(217,204,65,1) 50%,rgba(174,163,52,1) 100%);
background: linear-gradient(to bottom, rgba(231,217,69,1) 0%,rgba(217,204,65,1) 50%,rgba(174,163,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7d945', endColorstr='#aea334',GradientType=0 );}
#footer-two p.question {font-size:22px;font-weight:bold}
.site-content article {margin:35px;border:0}
.entry-header .entry-title,.entry-header .entry-title a {font-weight:bold}

#primary .article-block{display:inline-block;vertical-align:top;position:relative;width:208px;padding:0 15px;border-left:1px solid #ccc;margin:15px 0;height:225px}
#primary .article-block:first-child {border:0;}
#primary .article-block h2 {font-size:19px;text-align:left;font-weight:normal;text-transform:uppercase;margin:0 0 10px;line-height:1em}
#primary .article-block h3 {font-size:16px;text-align:left;margin-bottom:10px}
#primary .article-block p {font-size:14px;line-height:1em;margin:0;vertical-align:top;}
#primary .article-block .excerpt {font-size: 13px;text-align: left;font-weight: normal;text-transform: none;line-height: 1.5em;}
#primary .article-block p.link {width:100%;position:absolute;bottom:0;text-align:center;line-height:1em}
#primary .author-info {margin:0; padding:0 0 10px; border:0;overflow:hidden}
.articles-container {text-align:center}

#sub-main .footer-widget-area {width:310px;display:inline-block;margin-left:17px;vertical-align:top}
#sub-main .footer-widget-area .widget {color:#333}
#sub-main #footer-one.footer-widget-area {margin-left:0}
#sub-main .footer-widget-area .miniloops ul {padding:20px}
#sub-main .footer-widget-area .miniloops ul li { border-bottom:1px solid #ccc;margin-bottom:10px}
#sub-main .footer-widget-area .miniloops ul li:last-child { border-bottom:0;margin-bottom:10px}
#sub-main .footer-widget-area h4 {font-size:20px;text-align:center;margin-bottom:10px}
#sub-main .footer-widget-area h4 a {color:#333;text-decoration:none}
#sub-main .footer-widget-area p {color:#333;text-align:center}

#miniloops-2 p {font-size:20px}

#bottom-nav {height:65px;background:#e8da45;margin-top:135px}
#bottom-nav .site {padding: 23px 0}
#bottom-nav li {display:inline-block;padding:0 15px;border-left:1px solid black}
#bottom-nav li:first-child {border-left:0;padding-left:0}
#bottom-nav li a {color:black;text-decoration:none;font-size:15px;font-family:'Century Gothic',sans-serif}


#footer {height:110px;background:black}
#footer .site-info {padding-top:30px;color:white;font-size:12px}

/* PAGE */
.category .author-info .avatar, .home .author-info .avatar {float:left;margin-right:10px}
.category .author-info .author-details , .home .author-info .author-details{text-align:left;line-height:1em;float: left;width: 115px;}
.home .author-info .author-details{float: none;width: auto;}
.category .author-info .author-details h2, .home .author-info .author-details h2 {text-align:left;margin: 0 0 10px}


/* SINGLE POST */
.single #primary.site-content.grey-shadow {margin-top:0}
.single .site-content {width:100%}
.single .site-content article {margin:35px 30px 35px 35px}
.single .site-content.single-container {margin:0;}
.single #primary {float: left;width: 695px;}
.single #secondary{float:left}
.single .entry-header .entry-title, .entry-header .entry-title a {font-weight:normal;font-size:38px;line-height:42px}
.single #primary .author-info {border:0;margin:0;padding:0 0 10px;overflow:visible;height:auto}
.single .author-info .avatar {float:left;margin-right:20px}
.single .author-info h2.author-title {font-size:29px;margin:15px 0}
.single .author-info h2.author-title span {font-size:18px}
.single .author-info p {font-size:15px;margin:0}
.single .author-details {width:400px;float:left}
.single .entry-header .entry-title {padding:30px 0}
.single .entry-header {margin:0}
.single .entry-content iframe {margin:0 !important}
.single .lrsharecontainer {width: 100%;padding: 10px 0 !important;border-top: 1px solid #ccc !important;margin-bottom:25px !important;border-bottom: 1px solid #ccc !important;}
.single .lrshare_interfacehorizontal ul li {margin-left:30px !important}
.single .lrshare_interfacehorizontal ul li:first-child,.single .lrshare_interfacehorizontal ul li:last-child {margin-left:0px !important}
.single .lrshare_interfacehorizontal .lrshare_iconsprite16.lrshare_facebook {background:url(images/black_fb.png) 0 0;width: 26px;height: 26px;background-position:0px 0px}
.single .lrshare_interfacehorizontal .lrshare_iconsprite16.lrshare_twitter {background:url(images/black_tw.png) 0 0;width: 26px;height: 26px;background-position:0px 0px}
.single .lrshare_interfacehorizontal .lrshare_iconsprite16.lrshare_email {background:url(images/black_em.png) 0 0;width: 26px;height: 26px;background-position:0px 0px}
.single .lrshare_interfacehorizontal .lrshare_iconsprite16.lrshare_evenmore16 {background:url(images/black_more.png) 0 0;width: 26px;height: 26px;background-position:0px 0px;margin-right:0 !important}
.single #secondary .widget {padding:0}
.single #secondary #episode-widget {padding:10px}
.single #secondary #episode-widget img {width:100%}
.single #secondary .widget h3 {margin-bottom:0}
.single #secondary #other-posts img {width:100%;}
.single #secondary #other-posts h2 {font-size: 20px;text-align: center;text-transform: uppercase;margin:0;}
.single #secondary p {margin:0;}
.single #secondary p.link {width: 100%;text-align: center;line-height: 1em;margin-top:15px!important}
.single #secondary #other-posts .article-block {padding-bottom:20px;border-bottom:1px solid #ccc;margin-bottom:20px}
.single #secondary #other-posts .article-block:last-child {border-bottom:0;margin-bottom:0}
.single #secondary #qotw-widget h4 {font-size:28px;text-align:center;line-height:31px;marin-bottom:15px;font-weight:normal}
.single #secondary .widget a.button:hover {color: #333;}

/* About Page */
.page-id-2 #team-grid .team-member {position:relative;float:left;width:256px;height:256px;list-style:none;margin-bottom:35px}
.page-id-2 #team-grid .team-member .panel {position:absolute;width:256px;height:256px;top:0;left:0;cursor:pointer;display:none;}
.page-id-2 #team-grid .team-member .panel.active {display:block}
.page-id-2 #team-grid .team-member .member-head {float:left}
.page-id-2 #team-grid .team-member .member-pic-small {float:left;margin-right:10px}
.page-id-2 #team-grid .team-member .member-title {float:left;width:165px}
.page-id-2 #team-grid .team-member .member-title h2 {margin:20px 0 0}
.page-id-2 #team-grid .team-member .member-title h3 {margin:0}
.page-id-2 #team-grid .team-member .member-details p {margin: 0 15px 15px;line-height:1.5em}
.page-id-2 #team-grid .team-member .close-btn {position:absolute;font-size:15px;top:0;right:0;background:#e8da45;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;padding: 0px 7px 4px;line-height: 1em;margin: 5px;}
.entry-content img {border-radius:0}
.page-id-2 #team-grid .team-member .member-pic-large img.no-name,.page-id-2 #team-grid .team-member .member-pic-large img.name-only {display:block;position:absolute;top:0;left:0}



/* CONTACT DROPDOWN */
#contact-slider {display:none;padding: 30px 0;width:100%;margin: 0px;position:absolute;top:36px;background:white;z-index:11}
#contact-slider .entry-content {margin:0 auto;max-width:887px;}
#overlay{display:none;width:100%;height:100%;background:black;position:fixed;top:0;left:0;z-index:10;filter: alpha(opacity=75); 
-khtml-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75; 
}
#contact-slider.visible, #overlay.visible {display:block;}
#contact-slider .contact-title {float:left;width:20%;}
#contact-slider .contact-title h1.entry-title {text-transform: uppercase;color: #000;font-weight: bold;font-family: 'century gothic', verdana, sans-serif;font-size: 28px;padding:0;}
#contact-slider .contact-body {float:left;width:65%;}
#contact-slider .contact-close {font-weight:bold;font-size:13px;text-transform:uppercase;font-family: 'century gothic', verdana, sans-serif;float:left;width:15%;cursor:pointer;}
#contact-slider .contact-close .round {background: black;color: white;text-transform: lowercase;border-radius: 13px;padding: 0px 6px 3px;line-height: 0;} 

/* Sponsors */
.page-id-12 #content ul {list-style:none;clear:both}
.page-id-12 #content ul li {float:left;margin:0;padding:0}
.page-id-12 #content ul li img {box-shadow:0 1px 4px rgba(0, 0, 0, 0);width:auto;border-bottom:3px solid #fff}
.page-id-12 #content ul li.card {height:255px;width:402px;text-align:center;padding:20px;margin:0}
.page-id-12 #content ul li.card:first-child {margin-right:10px}
.page-id-12 #content ul li.card p {font-size:22px;line-height:29px}
.page-id-12 #content ul li.card p .larger {font-size:24px;font-weight:bold}
.page-id-12 #content ul li.card small {font-size:13px;line-height:18px}
.page-id-12 #content ul li.card .link {line-height:1em}
.page-id-12 .first-col, .page-id-12 .second-col{border-right:1px solid #ccc}
.page-id-12 .first-row{border-bottom:1px solid #ccc}
.page-id-12 #cards {margin-top:30px;display:inline-block}
.page-id-12 #content ul li img {border-bottom:3px solid #fff;height:105px;margin:15px}
.page-id-12 #content ul li img:hover {border-bottom:3px solid #e8da45}
.page-id-12 #content #sponsors .sponsor {width:295px;text-align:center}

/* Contributors */
.page-id-10 #primary.site-content .author-info {border-bottom: 1px solid #ccc;margin: 0px 60px;padding:20px 0;height:auto}
.page-id-10 #primary.site-content .author-info .avatar {float:left;width:208px;margin-right:20px}
.page-id-10 #primary.site-content .author-info .author-details {float:left;width:510px}
.page-id-10 #primary.site-content h1 {text-transform: capitalize;display: inline-block;padding: 20px;font-weight: normal;}
.page-id-10 #primary.site-content h2.author-title {font-size: 19px;text-align: left;font-weight: normal;text-transform: uppercase;margin: 10px 0;line-height: 1em;}
.page-id-10 #primary.site-content .readmore {float:right;margin-top:30px}

.author #primary.site-content .author-info {margin:0 20px 20px}
.author #primary.site-content h2.author-title {font-size: 19px;text-align: left;font-weight: normal;text-transform: uppercase;margin: 10px 0;line-height: 1em;}
.author #primary.site-content .author-info .avatar {float:left;margin-right:20px}
.author #primary.site-content .author-info .author-details {float:left;width:600px}


/* Archive */
.archive .site-content article {border-bottom: 1px solid #ccc;margin:0px 60px}
.archive .site-content h1 {text-transform: capitalize;display: inline-block;padding:20px;font-weight: normal}
.archive .site-content .hentry h1 {padding:0}
.archive .entry-header .entry-title a {font-size: 19px;text-align: left;font-weight: normal;text-transform: uppercase;margin: 0 0 10px;line-height: 1em}
.archive .entry-header {margin-bottom:0}
.archive .entry-summary p {width:80%;float:left}
.archive .entry-summary .readmore {width:20%;text-align:right}
.archive .hentry:last-child {border:0}
@media screen and (min-width: 600px) {
	.site {max-width: 970px;overflow: hidden;}
}