/*
meganjoy.ca
Theme Name: Custom
Version: 2.0
*/

@import url("fonts/fonts.css");

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
field set, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
block quote:before, block quote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, fig caption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Global ------------------------------------------------------------- */
html, body, form, ul, li, table, td { margin: 0; padding: 0; }
body { position: relative; color: #333; font-family: Helvetica, Arial, sans-serif; }
body, input, textarea { font-size: 11px; }
a { text-decoration: none; color: #ff5961; }
a:hover { text-decoration: none; color: #ff5961; }
a img { border: 0; }
td { vertical-align: top; }
ul { list-style-position: inside; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 12px; }
blockquote { border-left-width: 2px; border-left-style: solid; border-color: #ff5961; padding-left: 20px; font-size: 13px; line-height: 18px; color: #666666; }
.clear { clear: both; }

/* Typography ------------------------------------------------------------- */

/* Headings */
h2,h3,h4,h5,h6 { clear: both; }

/* Text elements */
.entry-content p { font-size: 14px; line-height: 21px; }
p { margin-bottom: 1.625em; }
ul { list-style: none; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
blockquote { font-weight: normal; margin: 30px 0px 40px 40px; }
blockquote p { margin-bottom: 10px; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote strong { color: #333333; }
blockquote cite { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.05em; text-transform: uppercase; }
blockquote ul { margin-left: 20px; padding: 0; list-style-image: url('images/heart.png'); }
.entry-content ul { margin-left: 15px; color: #666666; font-size: 13px; line-height: 18px; list-style-type: circle; }

/* Images */
.entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }
img.size-full, img.size-large { max-width: 100%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
.entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
p img, .wp-caption { margin-top: 0.4em; }
.wp-caption { background: #f6f6f4; margin-bottom: 1.625em; max-width: 96%; padding: 10px; }
.wp-caption img { display: block; margin: 0 auto; padding-top: 5px; max-width: 98%; }
.wp-caption .wp-caption-text, .gallery-caption { text-align: center; color: #999999; font-size: 12px; }
.wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 15px 0px 0px 0px; position: relative; }
#content .gallery { margin: 0 auto 1.625em; }
#content .gallery a img { border: none; }
img#wpstats { display: block; margin: 0 auto 1.625em; }
#content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; }
#content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; }

img#wpstats { display: none;}

/* Alignment ------------------------------------------------------------- */
.alignleft { display: inline; float: left; margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left: 1.625em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* Structure ------------------------------------------------------------- */
.wrapper { margin: 0 auto; width: 960px; padding: 0px; }
#header { margin: 0 auto; padding: 60px 0px 0px 0px; width: 100%; height: 200px; background-color: #f6f6f4; }
#site-title {  width: 140px; margin: 0 auto; }
#site-title a { cursor: pointer; display: block; width: 140px; height: 140px; background-image:url('images/logo/rotate.php'); background-position: top; text-decoration: none; }
#site-title a:hover { padding: 0px; background-position: bottom; }

/* Search */
#search { float: right; }
#search label, #search input[type=submit] { display: none; }
#search input[type="text"] { background:#ffffff url('images/searchicon.png') no-repeat 94% 45%; width: 200px; padding: 8px 10px; margin: 0; border: none; font-size: 12px; outline: none; }
#search input[type="text"]:focus { background:#ffffff url('images/searchicon_active.png') no-repeat 94% 45%; -moz-box-shadow: inset 0 0 10px #cccccc; -webkit-box-shadow: inset 0 0 10px #cccccc; box-shadow: inset 0 0 10px #cccccc; }
#page_search input[type=submit] { display: none; }

/* Homepage Filters ------------------------------------------------------------- */
#filter { width: 100%; margin: 60px 0 60px 0; }
#filter ul { text-align: center; list-style-type: none; }
#filter ul li { font-family: "CustomSansBold"; font-weight: normal; text-transform: uppercase; font-size: 14px; display: inline; letter-spacing: 0.1em; padding-left: 25px; padding-right: 25px; }
#filter ul li a { color: #999999; }
#filter ul li a:hover { color: #ff5961; }

/* Homepage Grid ------------------------------------------------------------- */
#boxes { margin-top: 60px; }
.box { width: 210px; padding: 0px 0px 20px 0px; margin-bottom: 60px; color: #636363; border-bottom: 2px solid #dddddd; }
.box:hover { border-bottom: none; }
.box .rel { position: relative; }
.box .rel p { margin: 0; }
.box .texts { position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); }
.box .texts .categories a, .box .texts a, .box .texts .posted, .box .texts .posted a { color: #fff; }
.box .texts .transparent img { opacity: 0.1; filter: alpha(opacity=10); }
.box .texts .abs { position: absolute; top: 0; }
.box .categories { padding-bottom: 5px; }
.box .categories a { color: #ff5961; }
.box .posted a { color: #999999; }
.box h1 { margin: 0; padding-bottom: 5px; font-size: 15px; font-family: "CustomSansBold"; }
.box h1 a { color: #000000; }
.box .posted { color: #999999; padding: 0px; color: #999999; font-size: 10px; }
.box img { display: block; }
.fetch { clear: both; width: 380px; margin: 0 auto 40px; background: #ff5961; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }
.fetch a { font-family: "CustomSansBold"; display: block; height: 40px; line-height: 38px; font-size: 12px; font-weight: normal; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em; }
.fetch:hover a { color: #333333; }

/* Post-specific ------------------------------------------------------------- */
#content { padding-bottom: 20px; }
#nav-above { margin-top: 60px; width: 100%; color: #636363; }
#nav-above a { text-decoration: none; color: #333; }
.nav-previous a { float: left; background:url(images/prev.png) no-repeat; background-position: bottom; width: 24px; height: 45px; text-indent: -9999px; display: block; }
.nav-previous a:hover { background-position: top; }
.nav-previous { padding-top: 15px; float: left; text-indent: -9999px; }
.nav-next a { float: right; background:url(images/next.png) no-repeat; background-position: bottom; width: 24px; height: 45px; text-indent: -9999px; display: block; }
.nav-next a:hover { background-position: top; }
.nav-next { padding-top: 15px; float: right; text-indent: -9999px; }
.nav-separator { color: #e5e5e5; }
.post_title { margin: 0 auto; width: 640px; }
.post_title h1 { text-align: center; font-size: 27px; line-height: 35px; width: 100%; }
.entry-title { font-family:"CustomSansBold"; margin: 0px 0px 10px 0px; }
.page-title { text-align: center; letter-spacing: 0.1em; text-transform: uppercase; font-family:"CustomSansBold"; margin: 60px 0px 0px 0px; }
.entry-category { text-align: center; margin-bottom: 10px; }
.entry-meta { text-align: center; color: #636363; }
.entry-meta a { color: #333; text-decoration: none; }
#wides { clear: both; }
.entry-content { padding: 60px 0px 0px 0px; margin: 0 auto; width: 640px; font-size: 15px; line-height: 21px; }
.entry-content a:hover { color: #999999; }
.entry-utility { padding: 10px 0; }
.entry-tags { font-size: 11px; color: #999999; margin: 0; }
.entry-tags span { font-weight: normal }
#social { padding: 20px 0 0 0; }
.twitter-share-button { float: left; margin: 2px 20px 0 0; }
.post img, .page img { margin: 20px 0; }
.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }

/* List of steps */
.entry-content ol { text-indent: -35px; padding-left: 0; counter-reset: item; }
.entry-content ol>li { font-size: 13px; line-height: 18px; color: #666666; margin-left: 40px; margin-right: 40px; padding-left: 0; counter-increment: item; list-style: none inside; margin-bottom: 10px;}
.entry-content ol>li:before { text-indent: 0; text-align: center; line-height: 20px; color: #ffffff; content: counter(item); margin-right: 15px; display: inline-block; font-size: 12px; font-weight: bold; width: 20px; height: 20px; background:#ff5961; border-radius: 50%; }

/* Comments */
#comments { border-top: 2px solid #dddddd; width: 960px; margin: 60px auto; }
#comments-container { width: 640px; margin: 0 auto;}
#comments-title { margin: 60px 0px 0px 0px; font-family:"CustomSansBold"; font-weight: normal; text-transform: uppercase; font-size: 18px; letter-spacing: 0.1em }

.commentlist { list-style: none; }
.commentlist ul.children { list-style: none; }
.commentlist li > div { position: relative; border-bottom: 1px dotted #dddddd; padding: 30px 0px 30px 0px; }
.commentlist li li > div { margin-left: 90px; }
.commentlist li li li > div { margin-left: 180px; }
.commentlist li li li li > div { margin-left: 270px; }
.commentlist li li li li li > div { margin-left: 360px; }
.comment-avatar { position: absolute; top: 30px; left: 0px; }
.comment-avatar img { border-radius: 50%; }
.comment-author { font-family: "CustomSansBold"; float: left; margin: 0px 10px 0px 80px; font-size: 15px; }
cite { font-style: normal; font-weight: normal; }
.comment-meta { float: left; width: 210px; color: #999999; padding: 5px 0px 0px 0px; }
.comment-body { clear: both; margin-left: 80px; padding-top: 7px; font-size: 12px; line-height: 17px; }
#respond { padding: 0px; }
li.comment > div { position: relative; }

.comment-reply-link { display: none; }
.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 554px; margin: 0; padding: 10px 0; }
.comment-form-comment { clear: both; width: 754px; margin: 20px 0px 20px 0px; padding: 0; }

#comments label { color: #999999; }
p.logged-in-as { color: #999999; }
p.comment-subscription-form { margin: 0; padding: 0; }

/* Leave a Reply */
#reply-title { margin: 60px 0px 10px 0px; font-family: "CustomSansBold"; font-weight: normal; text-transform: uppercase; font-size: 18px; letter-spacing: 0.1em }
input[type="text"], textarea { background: #f6f6f4; border: none; outline: none; color: #6b6b6b; -moz-border-radius: 4px; border-radius: 4px; padding: 20px; font-size: 12px; line-height: 17px; }
#comments input[type="text"] { width: 600px; height: 20px; }
#comments input[type="text"]:focus { -moz-box-shadow: inset 0 0 10px #cccccc; -webkit-box-shadow: inset 0 0 10px #cccccc; box-shadow: inset 0 0 10px #cccccc; }
#comments textarea { margin-top: 10px; width: 600px; resize: none; }
#comments textarea:focus { -moz-box-shadow: inset 0 0 10px #cccccc; -webkit-box-shadow: inset 0 0 10px #cccccc; box-shadow: inset 0 0 10px #cccccc; }


/* Admin Reply Link */
.reply { position: absolute; top: 30px; right: 20px; }

/* Post Comment Button */
.form-submit { margin: 0px 0px 20px 0px; }
.form-submit input { font-family: "CustomSansBold"; height: 40px; width: 640px; color: #fff; font-size: 12px; font-weight: normal;  letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; border: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }
.form-submit input:hover { color: #333333; }

.recent { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ccc; }

/* Footer ------------------------------------------------------------- */
#footer { color: #fff; margin: 0 auto; width: 100%; background-color: #333333; padding: 60px 0px 30px 0px; }
#footer a { font-weight: normal; color: #dddddd; }
#footer a:hover { color:#ff5961; }
#site-info { margin: 60px 0px 0px 0px; padding: 20px 0px 0px 0px; width: 100%; border-top: 1px solid #666666; text-align: center; color: #999999; font-size: 10px; line-height: 22px; }
#site-info a { font-weight: normal; text-decoration: none; color: #dddddd; }
#footer-column { float: left; width: 210px; padding-right: 40px; }
#footer-column-last { float: left; width: 210px; padding-right: 0px; }
#footer h2 { font-family: "CustomSansBold"; font-size: 12px; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; margin: 0px 0px 20px 0px; }
#footer p { font-size: 12px; line-height: 17px; color: #bbbbbb; }
#footer ul li { font-size: 12px; color: #bbbbbb; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #5c5c5c; }
#footer ul li:first-child { padding: 0px 0px 10px 0px; }
#footer ul li:last-child { padding: 10px 0px 0px 0px; border-bottom: none; }