/* This imports the Base Weblog CSS from TypePad, which defines core styles */

@import url(/.shared/themes/common/base-weblog.css);

/* Body */
body {
 font-family: "ronnia-n4","ronnia-1","ronnia-2", sans-serif;
 font-size: 16px;
 font-weight: 400;
}

a {
 color: #4b928d; 
 text-decoration: none;
}

a.name {
 color: #131313; 
 text-decoration: none !important;
}

a:hover {
 text-decoration: underline;
}

/* Custom Font Sizes and Weights */
#nav { font-size: 18px; font-weight: 400; }

.copyright, .comments {
 font-size: 16px;
 font-weight: 400; 
}

.date-header, .assigned-categories { font-size: 13px; }

.content-header {
 font-family: "ronnia-n3","ronnia-1","ronnia-2", sans-serif !important;
 font-size: 24px !important; 
 font-weight: 300;
 color: #fc9b19 !important;
 margin: 0px !important;
 padding-bottom: 20px;
 
}

.entry-header, .entry-header a {
 font-size: 24px !important;
 font-weight: 400 !important; 
 color: #314e4d !important;
 margin: 0px !important;
 padding-bottom: 5px;
}

.page-header, .page-header a {
 font-size: 24px !important;
 font-weight: 400 !important; 
 color: #314e4d !important;
 margin: 0px !important;
 padding-bottom: 10px;
 background-color: transparent;
 background-image: url(http://www.parenthacks.com/assets/separator-tall.png);
 background-position: bottom;
 background-repeat: repeat-x;
}

.module-header, .module-header a {
 font-size: 20px;
 font-weight: 400;  
 letter-spacing: 0em !important;
 text-transform: normal;
}

.entry-footer, .entry-footer a { font-size: 15px; font-weight: 400; color: #314e4d !important;}

.module-content { font-size: 12px; font-weight: 400; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif !important; }

/* Layout */
#container { width: 100%; }
#alpha { width: 600px; }
#beta { width: 330px; margin-left: 30px; }

/* Banner */
#banner {
 width: 930px;
 margin: 0px auto 0px auto;
 background-color: #ffffff;
 background-image: url(http://www.parenthacks.com/assets/parenthacks_logo.png);
 background-repeat: no-repeat;
 background-position: left center;
 height: 256px;
}

#banner-inner { overflow: visible; padding: 0; }

#banner-header {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 margin: 0;
 padding: 0;
}

#banner-header a {
 display: block;
 left: 0;
 top: 0;
 height: 256px;
 text-indent: -1000em;
}

#banner-description {
 overflow: hidden;
 width: 0;
 height: 0;
 margin: 0;
 padding: 0;
 text-indent: -1000em;
}

.blog-description {
 width: 600px;
 float: right;
 text-align: justify;
 margin-top: 50px;
 font-size: 24px;
 font-family: "ronnia-n3","ronnia-1","ronnia-2",sans-serif !important;
 font-weight: 300;
 color: #999999;
 line-height: 1.3em;
}

.blog-description .desc-phacks {
 color: #fc9b19;
 font-size: 44px;
 font-family: "ronnia-n6","ronnia-1","ronnia-2",sans-serif !important;
 font-style: normal;
 font-weight: 600;
 line-height: 1em
}

.blog-description .desc-smart {
 font-family: "ronnia-n3","ronnia-1","ronnia-2",sans-serif !important;
 font-style: normal;
 font-weight: 300;
 color: #4b928d;
}

.blog-description .desc-parents {
 font-family: "ronnia-n3","ronnia-1","ronnia-2",sans-serif !important;
 font-style: normal;
 font-weight: 300;
 color: #4b928d;
}

.blog-description .desc-phacker {
 font-family: "ronnia-n3","ronnia-1","ronnia-2",sans-serif !important;
 font-style: normal;
 font-weight: 300;
 color: #fc9b19;
}

/* Navigation Bar */
#nav {
 background-color: #e2e2e2;
 width: 100%;
 height: 50px;
 color: #8b8b8b;
 clear: right;
 margin: 5px 0px !important;
    /* Drop Shadow on the Navigation Bar */
	-moz-box-shadow: 0px 2px 4px #666;
	-webkit-box-shadow: 0px 2px 4px #666;
	box-shadow: 0px 2px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#666666');
    /* End CSS for Drop Shadow */
}

#nav a {
 color: #8b8b8b;
 text-decoration: none;
 padding: 5px 0px !important;
 margin: 0px !important;
}

#nav a:hover {
 color: #3fa3a2;
 text-decoration: underline;
}

.nav-list {
 width: 980px;
 text-align: center;
 vertical-align: middle !important;
 margin: 0px auto 0px auto !important; 
 padding: 0px !important;
 position: relative;
 top: 10px;
 overflow: hidden !important;
}

.nav-list-item {
 padding: 0px 0px 0px 15px !important;
 margin: 0px !important;
 display: inline !important; 
}

.nav-list-item-search { margin-left: 5px !important; }

#nav .browse-by {
 display: inline;
 padding: 0px !important;
 margin: 0px !important; 
}

#nav .browse-by .browse-text {
 position: relative;
 top: 6px; 
}

#nav .by-topic {
 display: inline;
 position: relative;
 top: 4px; 
 *top: 3px; 
 _top: 3px; 
}

#nav .by-age {
 display: inline;
 position: relative;
 top: 4px; 
 *top: 3px; 
 _top: 3px; 
}

.nav-list-item form {
 display: inline;
 margin: 0px 0px 0px 0px;
 padding: 0px; 
}

#nav .module-search {
 margin: 0px 0px 0px 0px !important;
 padding: 0px !important;
}

#nav form#search-blog {
 margin: 0px !important;
 padding: 0px !important;
}

#nav .module-search .find {
 position: relative;
 top: 6px;
 *top: 0px; 
 _top: 0px; 
}

#nav input[type="search"] {
 position: relative !important;
 top: 5px;
 border: none !important;
 display: inline !important;
 height: 20px;
 padding: 0px !important; 
 margin: 0px !important;
}

#nav .follow-social {
 padding: 0px !important; 
 margin: 0px !important;
 position: relative !important;
 top: 0px !important;
}

.follow-social .follow {
 padding: 0px 0px 0px 0px !important; 
 margin: 0px 0px 0px 0px !important;
 position: relative !important;
 top: 6px !important;
 vertical-align: top !important;
}


#nav .follow-social a { 
 position: relative !important;
 display: inline !important;
 margin: 0px 0px 0px 0px !important;
 padding: 0px !important; 
 clear: none !important;
 white-space: nobreak !important;
}

/* Leaderboard ad above blog content */

#leaderboard {
 width: 930px; 
 margin: 15px auto 0px auto; 
 background-color: #EEEEEE; 
 border: 10px !important;
 display: block;
 padding: 10px auto 10px auto !important; 
 min-height: 90px !important;
}


/* Pagebody - Holds blog columns */
#pagebody {
 width: 960px;
 margin: 0px auto 0px auto;
}

/* Alpha - Post Column */
#alpha {
 position: relative;
 float: left; 
}

#alpha-inner {
 padding: 20px 15px 15px 15px;
}

.date-header {
 font-family: "ronnia-n3","ronnia-1","ronnia-2",sans-serif !important;
 color: #8b8b8b;
 font-size: 13px;
 font-weight: 300;
 text-transform: uppercase;
 margin: 0px;
 padding-bottom: 5px;
}

.assigned-wrap {
 background-color: transparent;
 background-image: url(http://www.parenthacks.com/assets/separator-tall.png);
 background-position: bottom right;
 background-repeat: repeat-x;
}

.assigned-categories {
 font-family: "ronnia-n3","ronnia-1","ronnia-2",sans-serif !important;
 background-color: #ffffff;
 display: inline;
 text-transform: uppercase;
 font-weight: 300;
 display: inline;
}

.assigned-categories a {
 background-color: transparent;
 padding-right: 5px;
 display: inline;
}

.assigned-categories span {
 margin-left: -5px;
}

.entry-content {
 margin: 0px 0px 5px 0px !important;
 font-family: Arial, Helvetica, sans-serif !important;
 font-size: 13px !important;
 color: #131313;
 line-height: 1.5em !important;
}

.entry-content h2 {
 font-family: "ronnia-n6","ronnia-1","ronnia-2",sans-serif !important; 
 font-weight: 600 !important;
 font-size: 20px !important;
 color: #3d3d3d !important;
 padding-top: 15px !important;
}

.entry-content h3 {
 font-family: "ronnia-n6","ronnia-1","ronnia-2",sans-serif !important; 
 font-size: 16px !important;
 font-weight: 600 !important;
 color: #131313 !important;
 padding-top: 10px !important;
}

.entry-body { padding-top: 15px !important; }

.entry-body .excerpt-photo {
 float: right !important;
}

.entry-body .excerpt-photo img {
 float: right;
 padding: 5px 15px 5px 25px; 
}

.entry-body .excerpt-text {
 display: inline;
 padding: 0px;
 margin-bottom: 5px;
 clear: right;
}

.entry-excerpt {
 margin-bottom: 5px;
}

.entry-footer {
 background-color: transparent;
 background-image: url(http://www.parenthacks.com/assets/separator-tall.png);
 background-position: 0px 12px;
 background-repeat: repeat-x;
 width: 100% !important;
 height: 30px !important;
 margin: 0px !important;
 padding: 0px 0px 15px 0px !important;
}

.entry-footer-inner {
 background-color: #ffffff;
 display: inline;
 text-transform: uppercase;
 float: right !important;
 padding: 0px 0px 0px 10px !important;
 margin: 0px 0px 0px 0px !important; 
 width: 320px;
}

.entry-footer-info { background-color: transparent !important; padding: 0px !important; margin: 0px !important; }

.entry-footer-info .comment-count,
.entry-footer-info .tweet-button,
.entry-footer-info .fb-button {
 background-color: transparent !important;
 display: inline !important;
 white-space: nobreak !important;
 clear: none !important;
 position: relative !important;
 top: 0px !important;
 right: 0px !important;
 padding: 0px !important;
 margin: 0px !important;
}

.entry-footer-info .tweet-button { 
 position: relative !important;
 top: 4px !important;
 left: 5px !important;
}

.entry-footer-info .fb-button { 
 position: relative !important;
 top: 5px !important;
}

.list-posts {
 old-border-top: 1px solid #8b8b8b;
 padding: 0px !important;
 margin: 0px 0px 0px 0px !important;
}

.list-posts .entry { margin: 0px; padding: 0px 0px 10px 0px; }

.list-posts .date-header {
 padding: 10px 0px 0px 0px !important;
 clear: right; 
}

.list-posts .post-header {
 padding: 2px 0px 2px 0px !important;
 clear: right; 
 margin: 0px !important;
 line-height: 1em;
}

.list-posts .post-header, .list-posts .post-header a {
 font-family: "ronnia-n6","ronnia-1","ronnia-2",sans-serif !important; 
 font-size: 29px;
 font-weight: 600;
}

.list-posts .comment-count {
 padding: 0px !important;
 margin: 0px !important;
 clear: both !important;
 display: block; 
 font-size: 13px;
}

/* Asha added these as part of list-post-asha module tinkering */

.list-posts-asha {
 padding: 0px !important;
 margin: 0px 0px 0px 0px !important;
}

.list-posts-asha .entry { margin: 0px; padding: 0px 0px 10px 0px; }

.list-posts-asha .date-header {
 padding: 10px 0px 0px 0px !important;
 clear: right; 
}

.list-posts-asha .post-header {
 font-family: "ronnia-n6","ronnia-1","ronnia-2",sans-serif !important; 
 padding: 5px 0px 5px 0px !important;
 clear: right; 
 margin: 0px !important;
 line-height: .8em;
 font-weight: 600;
 font-size: 29px;
}

.list-posts-asha .comment-count {
 padding: 0px !important;
 margin: 0px !important;
 clear: right; 
 font-size: 13px;
}

.list-posts-asha .excerpt {
 padding: 5px 5px 0px 0px !important;
 margin: 0px !important;
 clear: right; 
 font-size: 16px;
}

.list-posts-asha .photo {
 padding: 0px 0px 0px 10px !important;
 margin: 0px !important;
 float: right;
}

/* END */


/* Browse Archives Bar */
#browse {
 background-color: #e2e2e2;
 width: 25%;
 height: 50px;
 color: #8b8b8b;
 clear: right;
 margin: 5px 0px !important;
    /* Drop Shadow on the Pagination Button (thank you, Brianna!) */
	-moz-box-shadow: 0px 2px 4px #666;
	-webkit-box-shadow: 0px 2px 4px #666;
	box-shadow: 0px 2px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#666666');
    /* End CSS for Drop Shadow */
 padding: 5px 10px;  
}

#browse a {
 color: #8b8b8b;
 text-decoration: none;
 padding: 5px 0px !important;
 margin: 0px !important;
}

#browse a:hover {
 color: #3fa3a2;
 text-decoration: underline;
}

.browse-list {
 width: 980px;
 text-align: left;
 vertical-align: middle !important;
 margin: 0px auto 0px auto !important; 
 padding: 0px !important;
 position: relative;
 top: 17px;
}

.browse-list-item {
 padding: 0px 0px 0px 25px !important;
 margin: 0px !important;
 display: inline !important; 
 text-align: left !important;
}


/* Post Content */
.post-header a {
 font-family: "ronnia-n6","ronnia-1","ronnia-2",sans-serif !important; 
 color: #5E2612;
 margin: 0px;
 font-size: 19px;
 clear: right;
 font-weight: 600;
}

.pager { margin: 20px 0px 30px 0px; }

#content-pagination .content-nav {
 margin-left: 0px !important;
 padding-left: 0px !important;
 text-align: left !important;
}

#content-pagination a .content-nav-link { 
 margin: 0px !important;
 padding: 0px !important;
 display: block !important;
 clear: right !important;
}

#content-pagination .content-prev, 
#content-pagination .content-next {
 text-transform: uppercase !important;
 color: #fc9b19 !important;
 font-size: 14px !important;
}

.content-nav-break {
 display: block !important;
 margin-bottom: 10px !important; 
}


/* Beta - Sidebar Column */
#beta-inner {
 padding: 15px 15px 15px 15px;
}

.module {
 background-color: transparent;
 background-image: url(http://www.parenthacks.com/assets/separator-tall.png);
 background-position: 0px 17px;
 background-repeat: repeat-x;
 width: 100% !important;
 margin: 0px 0px 0px 0px !important;
}

.module-header {
 background-color: #ffffff !important;
 float: left !important;
 clear: both !important;
 padding-right: 5px !important; 
 color: #fc9b19 !important;
}

.module-content { clear: both !important; }

.module-list-item { padding-bottom: 4px !important; }


/* Footer */
#footer {
 width: 960px;
 margin: 10px auto 0px auto; 
 border-top: 1px solid #8b8b8b;
 display: block;
}

#footer .footer-left {
 padding: 10px !important !important; 
 width: 600px !important;
 display: inline-block !important;
 clear: none !important;
 white-space: nobreak !important;
 position: relative;
 float: left; 
}

#footer .footer-left p {
 padding: 10px 10px 10px 17px;
}
#footer .footer-left .footer-about { clear: right !important; margin-bottom: 10px; }
#footer .footer-left .footer-about,
#footer .footer-right li {
 font-family: "ronnia-n6","ronnia-1","ronnia-2",sans-serif !important; 
 color: #3fa3a2;
 font-size: 22px; 
 font-weight: 600;
 padding-bottom: 10px !important
}

#footer .footer-about-description {
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 font-weight: 400;
 line-height: 1.3em;
}

#footer .footer-left img {
 float: left; 
 padding: 0px 20px 5px 0px;
}

#footer .footer-left .copyright { color: #fc9b19; margin-top: 20px; }

#footer .footer-right {
 padding: 0px 10px 10px 45px;
 width: 280px !important;
 margin: 15px 0px 0px 0px !important;
 display: inline-block !important;
 clear: none !important;
 position: relative;
}

#footer .footer-right ul {
 list-style-type: none; 
 margin: 0px !important;
 padding: 10px !important;
}


/* Archives - archives.html */
#archives-wrap .archive-header { 
 font-family: "ronnia-n6","ronnia-1","ronnia-2",sans-serif !important; 
 width: 550px !important;
 margin: 0px auto; 
 font-size: 22px;
 font-weight: 600;
 color: #5E2612;
}

#archives-left {
 width: 275px !important; 
 display: inline !important;
 clear: none !important;
 float: left !important;
}

#archives-right {
 width: 275px !important;
 display: inline !important;
 clear: none !important;
 float: left !important;
}

/* Custom Category Archives */

.archive-intro {
 width: 525px;
 background-color: #f0f0f0;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
 padding: 10px 15px 10px 15px !important;
 margin-bottom: 50px !important;
    /* Drop Shadow */
	-moz-box-shadow: 0px 2px 4px #666;
	-webkit-box-shadow: 0px 2px 4px #666;
	box-shadow: 0px 2px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#666666');
    /* End CSS for Drop Shadow */
}

.archive-title {
 font-size: 28px;
 font-weight: 400;
 color: #fc9b19;
 padding: 10px 15px 5px 15px !important;
}

.archive-description {
 padding: 0px 15px 15px 15px !important;
 font-family: Arial, Helvetica, sans-serif !important;
 font-size: 14px !important;
 line-height: 1.3em;
 text-align: left;
}

/* Search Results */
.search-results-highlight { color: #8b8b8b !important; background-color: #e2e2e2 !important; }

.search-results .entry-photo { float: left !important; }

.search-results .entry-photo img { padding: 5px 20px 10px 5px; }

.search-results .search-body { 
 display: inline;
 padding: 5px;
 margin-bottom: 5px;
 clear: right;
}

.search-header { 
 display: inline;
 padding: 5px;
 clear: right;
 font-size: 24px !important; 
 color: #fc9b19 !important;
 font-weight: 400;
}

.search-subheader { 
 display: inline;
 margin-bottom: 5px;
 clear: right;
 color: #131313;
 font-weight: 400;
}


/* Comment Styling */

.comments-header {
 font-family: "ronnia-n4","ronnia-1","ronnia-2",sans-serif !important;
 font-size: 24px;
 font-weight: 400;
 color: #fc9b19;
}

.comment-content {
 font-family: Arial, Helvetica, sans-serif !important;
 font-size: 13px !important;
 color: #131313;
 line-height: 1.3em;
}


.comment {
 color: #000 !important;
 font-size: 16px !important;
 margin: 0px !important;
 border-top: 1px solid #8b8b8b !important;
 padding: 10px !important;
}

.asha_dornfest { 
 color: #000 !important;
 background-color: #EEE !important;
 font-size: 16px !important;
 margin: 0px !important;
 border-top: 1px solid #8b8b8b !important;
 padding: 10px !important;
}

.comments-open-header {
 border-top: 1px solid #8b8b8b !important;
 margin-top: -15px !important;
 padding-top: 15px !important;
 font-size: 24px !important;
 font-weight: 400;
 color: #fc9b19 !important;
}

.comment-footer {
 color: #8b8b8b !important;
 text-transform: uppercase !important;
 font-size: 12px !important;
 margin-bottom: 10px !important; 
}

#comments-open-text textarea {
 width: 550px !important;
 margin: 0px !important;
}

#comment-author {
 width: 275px !important;
 margin: 0px !important;
}

#comment-email {
 width: 275px !important;
 margin: 0px !important;
}

#comment-url {
 width: 275px !important;
 margin: 0px !important;
}

.comments-info, .comments-open-content, 
.comments-closed, .comments-open-footer {
 margin-left: 0px !important;
 padding-left: 0px !important;
 color: #8b8b8b;
}

#comment-preview-avatar, .comment-avatar { display: none !important; }
/* ph=1 */