@charset "UTF-8";
/*
 Theme Name:     Epilepsy Footprint Blog
 Theme URI:      http://www.blog.epilepsyfootprint.com/
 Description:    Epilepsy Footprint Blog CSS
 Author:         Company Warehouse
 Author URI:     http://thecompanywarehouse.co.uk/
 Template:       twentytwelve
 Version:        1
*/
/* 



-----------
note: parent elements of .container class need:
display:table;width:100%;
to display correctly
-----------

*/
@import url("../twentytwelve/style.css");
/* Main theme styles */
.websitetitle,
h1.entry-title, h1.entry-title a, h2.entry-title, h2.entry-title a, h3, .site-header h1, .site-header h2, h1.archive-title, h2.archive-title, .categories, .widget-area .widget caption, .widget-area .widget #wp-calendar a,
.comments-title,
h4, h5, h6, p, a, li, .archive-meta, article img, .entry-content img, .entry-content p, article, .nav-single a, .leave-reply, footer.entry-meta, .ui-tooltip,
/* buttons and links */
.entry-header .comments-link a, footer.entry-meta a,
input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], button, input,
footer[role="contentinfo"] p, footer[role="contentinfo"] a,
/* text areas */
input[type="text"], textarea[id="comment"], #respond form input[type="text"], #respond form textarea
{font-family: Tahoma, Arial, Helvetica, sans-serif;text-align:left;font-style:normal;}


.ui-tooltip{display:inline-block;position:absolute;background:#e6e6e6;color:#a6a6a6;padding:4px;font-size:12px;}
.ui-tooltip-negative{background:#339900;color:#fff;}

/* blockquote  */
blockquote:before {content:url('img/icons/quote-before.png');margin-right:5px;}
blockquote:after {content:url('img/icons/quote-after.png');margin-left:5px;}

a, a:visited, .entry-content a, .entry-content a:visited {color:#444; text-decoration:none; outline:0;}
a:hover, a:focus, .entry-content a:hover, .entry-content a:focus{outline:none;color:#339900;text-decoration:underline;}
.site-header a, .site-header a:visited, .site-header a:hover, .site-header a:focus{color:#fff;}
a.comment-reply-link:hover, a.comment-edit-link:hover{color:#339900;}
footer[role="contentinfo"] a:hover{color:#fff;}
p, ul li{line-height:1.4;font-weight:normal;}
.site-header h2, h2, h2, h4{color:#339900;font-weight:bold;}

/* left and right */
.left, .right{display:block;text-align:center;padding:0 40px;}
/* main and secondary */
.site-content, .widget-area{margin:0 40px;}	

/* override default page styles */
body .site{box-shadow:none; margin:0 auto; padding:0;background-color:white;}
html {font-size: 62.5%;}
body{font-size:1em;line-height:1;}

/* resets */
.archive-header, .page-header{border-bottom:none;margin-bottom:20px;padding:0;}
.page-title, .widget-title, .entry-content th, .comment-content th{color:#339900;font-size:1.5rem;line-height:2;text-transform:none;}
.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget{color:#fff;font-size:1rem;line-height:1.5;}
/* button resets */
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], .bypostauthor cite span,/* hovers */input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type="submit"]:hover,/* active */input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, article.post-password-required input[type="submit"]:active{background-image:none;box-shadow:none;border:none;}

/* color classes */
.green{color:#7ac142;}

/* -------------------------------- */
/* Background */
body{background:white;}

/* -------------------------------- */
/* Header */
.site-header{margin:0;color:#fff;width:100%;
		padding:30px 0 10px;
		background: #65c6dd; /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(101,198,221,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,198,221,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(101,198,221,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(101,198,221,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(101,198,221,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(101,198,221,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65c6dd', endColorstr='#ffffff',GradientType=0 ); 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient"( startColorstr='#65c6dd', endColorstr='#ffffff',GradientType=0 );/* IE6-9 */
}
.site-header .right {
		background-image:url('img/header-right-logo.png');
    	background-repeat:no-repeat;
    	background-position:bottom center;
		height:275px;
}
/* Social */
ul.social li {display:inline-block;list-style:none;text-align:center;margin:0 15px;margin-bottom:0;color:#fff;font-size:24px;font-weight:700;}
ul.social li a img {vertical-align:top;}
ul.social li a{transition:color ease-in-out 0.25s;}
ul.social li a:hvoer, ul.social li a:focus, ul.social li a:active{color:#ff7f00;}

.banner{text-align:center;padding-top:30px;}
	
/* Logo */
.site-header > .container{margin-bottom:20px;}
a.logo{display:block;margin:0 auto;}
.logo img{display:block;width:100%;max-width:196px;margin:0 auto;}

/* blockquote  */
blockquote, blockquote p { font-size:24px; line-height:32px; color:#339900; font-style:italic; font-weight:bold; }




/* ---------------- */
/* Main */
#main{background-color:#fff;margin-bottom:80px;}
#main > .container{padding-top:20px;}
.site-content{background-color:#fff;}
.site-content, .widget-area{margin-bottom:20px;}


/* a) main content area */
/* large text (Headers (normal and archive), post nav) */
.entry-header .entry-title, 
.entry-header .entry-title a, 
.archive-title, .nav-single a{display:block;font-size:24px;line-height:36px;font-weight:bold;color:#339900;margin-bottom:12px;border-bottom:0;}
/* main header & archive header */.entry-header .entry-title, .archive-title{margin-bottom:20px;border-bottom:0;text-transform:none;}
/* archive header */.archive-title{color:#339900;border-bottom:2px solid #339900;padding-bottom:5px;}
/* post nav */.nav-single a{margin-bottom:10px;color:#339900;transition:ease-in-out 0.2s;}
.nav-single a img, .nav-single a .title{vertical-align:middle;}
.nav-single a[rel="prev"] img {margin-right:10px;}
.nav-single a[rel="next"] img {margin-left:10px;}
/* hover */.entry-title a:hover, .entry-title a:active, .entry-title a:focus,
.nav-single a:hover, .nav-single a:focus, .nav-single a:active{color:#339900;text-decoration:none;}
/* transform */
.nav-single .nav-next a:hover{transform:translateX(-8px);}
.nav-single .nav-previous a:hover{transform:translateX(8px);}


/* small text */
.entry-content p, a.comment-reply-link, a.comment-edit-link{font-size:14px;line-height:1.5;color:#000;}
.entry-content{-moz-hyphens:none;word-wrap:normal;}
.entry-content, #content p,.site-content article{text-indent:4px;}

/* blog article */
.site-content article{-moz-hyphens:none;word-wrap:normal;padding:0 0 40px;margin:0 0 40px;background-color:white;border-bottom:1px solid #e6e6e6;}
/* post content images */
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image{box-shadow:none;border-radius:0;}

/* single post nav - same hover style as post link */
.site-content .nav-single{border-bottom:4px solid #339900;margin-bottom:10px;}
.nav-single + .comments-area, #comment-nav-above, #respond{margin-top:20px;}

/* single post nav, comments */
.nav-single, #comments{margin:0 20px;}






/* -------- */
/* b) widget area */
.widget-area{background-color:white;padding:0;}
.widget-area .widget{-moz-hyphens:none;word-wrap:normal;margin:0;padding:10px 0 20px;border-bottom:2px solid #7ac142;}
.page-title, .widget-title, .entry-content th, .comment-content th{color:#339900;}

/* widget text */
.widget-area .widget p, .widget-area .widget li, .widget-area .widget a, .widget-area .widget .textwidget, .widget-area .widget caption{font-size:14px;color:#a6a6a6;line-height:18px;}
/* headings and links */
.widget-area .widget h3, .widget caption, .widget ul, .widget-area > div{border-bottom:0;}
.widget-area .widget h3, .widget-area .widget caption{text-transform:none;font-size:16px;line-height:2;font-weight:bold;margin-bottom:20px;}
.widget li{margin-bottom:16px;}
.widget li a{color:#a6a6a6 !important;border-left:0px solid #7ac142;padding-left:0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
/* current, hover */
.widget-area .widget a:hover, .widget-area .widget a:active, .widget-area .widget a:focus{text-decoration:none;}
.widget li a:hover,
.widget li a:focus{color:#7ac142 !important;border-left:4px solid #7ac142;padding-left:4px;}

/* -------- */
/* resets: categories and tags */
.widget-area .widget.widget_categories li, .widget-area .widget.widget_tag_cloud li{margin-bottom:0;font-size:auto;line-height:auto;}
.widget-area .widget.widget_categories li a, .widget-area .widget.widget_tag_cloud li a{color:#fff !important;border-left:0;}
.widget-area .widget.widget_categories li a:hover, .widget-area .widget.widget_tag_cloud li a:hover{border-left:0;}
/* fonts */
.widget-area .widget.widget_categories li a, .widget-area .widget.widget_tag_cloud li a{padding:5px;font-size:14px;font-weight:bold;}

/* categories */
.widget.widget_categories li a{background-color:#7ac142;display:block;box-sizing:border-box;
-webkit-transition: background-color 0.25s ease;
-moz-transition: background-color 0.25s ease;
-o-transition: background-color 0.25s ease;
transition: background-color 0.25s ease;}
.widget.widget_categories li a:hover, .widget.widget_categories li a:focus, .widget.widget_categories li.current-cat a{background-color:#339900;}

/* tags */
.widget-area .widget .tagcloud a{background-color:#ff7f00;color:#fff;padding:3px 5px;}
.widget-area .widget .tagcloud a:hover{background-color:#cc6600;color:#fff;}

/* -------- */
/* calendar */
.widget_calendar thead{border-bottom:1px solid #e6e6e6;}/* calendar days line */
.widget_calendar a{font-weight:bold;color:#339900 !important;}/* calendar today */
/* recentcomments */
#recentcomments > li{color:#a6a6a6;}	
.recentcomments a:hover{padding:0 0 0 4px !important;}

/* -------- */
/* textwidget */
.widget-area .widget.widget_text{background-color:#e6e6e6;border:1px solid #a6a6a6;padding:3px 10px;}
.widget-area .widget.widget_text p{font-size:12px;line-height:1.3;color:#000;text-indent:0;}
.widget-area .widget.widget_text p::first-line{font-weight:bold;}


/* ---------------- */
/* Textareas */
button, input, textarea{border-radius:0;}
input[type="text"], textarea[id="comment"],
#respond form input[type="text"], #respond form textarea{background-color:white;color:#e6e6e6;border-radius:2px;border:1px solid #e6e6e6;padding:5px;margin-bottom:20px;font-size:13px;line-height:1.4;}
#respond form input[type="text"]:focus, #respond form textarea:focus{border:1px solid #339900;box-shadow:1px 2px 5px rgba(51, 153, 0, .3);color:#444;}


/* ---------------- */
/* Buttons */
input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"],
/* reply */a.comment-reply-link{padding:4px 6px;font-size:11px;line-height:1.5;border-radius:0;background-color:#339900;color:#fff;font-weight:bold;}
input[type="submit"]:hover, input[type="submit"]:active,
/* reply */a.comment-reply-link:hover, a.comment-reply-link:active{background-color:#e5ffcf;color:#fff;}


/* ---------------- */
/* Search Form */
.searchcontainer{position:relative;margin-top:15px;}
form#searchform{position:relative;}
#searchform input[type="text"]{width:100%;height:36px;border-radius:18px;box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:12px 10px;border:1px solid #ccc;font-size:12px;line-height:12px;color:#ccc;}
#searchform input[type="text"]:focus{border:1px solid #339900;color:#000;box-shadow: 1px 2px 5px rgba(51, 153, 0, .3);}
#searchform input[type="submit"]{border:none;width:36px;height:36px;border-radius:18px;background-image:url('img/icons/search.png');background-repeat:no-repeat;background-position:center center;background-color:transparent;
color:transparent;cursor:pointer;font-size:12px;text-shadow:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;transition:background-color ease-in-out 0.2s;}
#searchform input[type="submit"]:hover,
#searchform input[type="submit"]:focus,
#searchform input[type="submit"]:active {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background-color:#339900;
	background-image:url('img/icons/search-white.png');
	box-shadow: 1px 2px 3px rgba(51, 153, 0, .3);
}



/* ---------------- */
/* Blog article reply and meta links (in article) */
.entry-header .comments-link, footer.entry-meta{font-size:11px;line-height:1.5;color:#339900;}
.comments-link a, .entry-meta a{font-size:11px;font-weight:bold;padding:4px 6px;background-color:#339900;color:#fff;}
.comments-link a:hover, .entry-meta a:hover{background-color:#7ac142;color:#fff;text-decoration:none;}


/* ---------------- */
/* Comment content and meta (in comments section) */
.comments-title{display:inline-block;font-size:24px;line-height:1;font-weight:bold;color:#339900;padding:10px 0;margin-bottom:20px;}
.comments-title span{color:#7ac142;}
.commentlist li{display:block;font-size:14px;line-height:1.5;color:#a6a6a6;border-bottom:2px solid #e6e6e6;margin-bottom:20px;padding-bottom:20px;-moz-hyphens:none;word-wrap:normal;}
.commentlist a:hover{background-color:#fff;color:#339900;text-decoration:none;}

/* leave reply, logged in as */
#respond h3#reply-title, #respond form p, #respond form p.logged-in-as{color:#a6a6a6;;margin-bottom:10px;}
#respond h3#reply-title{font-size:18px;}
#respond form p, #respond form p.logged-in-as{font-size:14px;}
#respond form p.logged-in-as a, p.must-log-in a{background-color:#339900;color:#fff;padding:5px;}
p.must-log-in{font-size:12px;}
#respond form p.logged-in-as a:hover, #respond form p.logged-in-as a:active, a.comment-reply-link:hover{background-color:#7ac142;color:#fff;text-decoration:none;}

/* Comment author */
.commentlist a:hover{text-decoration:none;}
.commentlist .fn, .commentlist .fn a.url{font-weight:bold;font-size:18px;color:#a6a6a6;;}
.commentlist .fn a:hover{color:#ff7f00;}
.comment-body p{margin-top:14px;}
.commentlist .reply{margin-top:18px;}
/* Comment reply button (same as default button above) */

/* Comment textarea */
#respond form input[type="text"], #respond form textarea{width:100%;}
#respond form label{font-size:16px;font-weight:bold;color:#339900;}

/* Comment html tags */
#respond form p.form-allowed-tags{color:#a6a6a6;;font-size:12px;line-height:1.5;}





/* ---------------- */
/* Footer */
footer[role="contentinfo"] {display:table;width:100%;line-height:1.5;margin-top:0;padding:0;border-top:none;}
footer[role="contentinfo"] .left, footer[role="contentinfo"] .right{text-align:left;}

/* company details */
#company-details{display:table;width:100%;padding:10px 0 40px;background-color:#ff7f00;font-size:10px;}
#company-details p{color:#fff;margin-left:10px;margin-right:10px;line-height:1.5;}
#company-details a{color:#fff;text-decoration:underline !important;}
#company-details a:hover{text-decoration:none !important;}
#company-details p{text-align:center;}




/* ------------------------- */
@media screen and (max-width: 479px) {
/* Search Form */	
#searchform input[type="text"]{width:100%;}

}




/* ------------------------- */
@media screen and (min-width: 600px) {
/* Medium Size */
.site, footer[role="contentinfo"]{max-width:100%;}
.container{max-width:960px;}

/* left and right */
.left, .right{display:inline-block;padding:0 10px;}
.left{text-align:left;float:left;}
.right{text-align:right;float:right;}
/* main and secondary */
.site-content, .widget-area{margin:0 10px;}

/* ----- */
/* Header */
.site-header{display:table;}
.site-header .left {width:22.0417%;}
.site-header .right {width:69.1042%;padding-top:20px;background-position:bottom right;height:225px;}
a.logo{display:inline-block;margin:0;}
.banner{text-align:left;}
ul.social li{text-align:right;margin:0 0 0 5px;}

/* Search Form */
.searchcontainer{margin-top:0;}


/* ----- */
/* footer */
#company-details p{text-align:left;}

}




/* ------------------------- */
@media screen and (min-width: 1024px) {

/* page width fixed over 1024px */
.site, footer[role="contentinfo"]{margin:0;width:100%;}
.container{margin:0 auto;max-width:960px;}
}