/*
Theme Name: DidYouLearnAnything
Theme URI: http://wordpress.org/extend/themes/toolbox/
Author: Michael Sappir
Author URI: http://www.didyoulearnanything.net/
Description: A hand-crafted theme based on the "toolbox" sandbox theme by Automattic.
Version: 1.1
Template: toolbox
Tags: custom-menu, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* General style definitions
-----------------------------*/

/* CSS RESET
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: 200;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/*blockquote:before, blockquote:after,
q:before, q:after {
	content: '"';
	display: inline;
}*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*End of reset
----------------*/

/*@font-face {
	font-family: MyHelvetica;
	src: local("Helvetica Neue"), 
    	local("HelveticaNeue"), 
		url('fonts/MgOpenModernaRegular.ttf');
	font-weight: 100;
}
 
@font-face {
	font-family: MyHelvetica;
	src: local("Helvetica Neue"), 
    	local("HelveticaNeue"), 
		url('fonts/MgOpenModernaRegular.ttf');
	font-weight: 400;
}*/

/* @font-face kits by Fonts2u (http://www.fonts2u.com) */
@font-face {
	font-family:"Edifice Thin";
	src:	url("fonts/EdificeThin_TB.eot?") format("eot"),
			url("fonts/EdificeThin_TB.woff") format("woff"),
			url("fonts/EdificeThin_TB.ttf") format("truetype"),
			url("fonts/EdificeThin_TB.svg#EdificeThin") format("svg");
	font-weight:100;
	font-style:normal;
}

@font-face {
	font-family:"Grandesign Light It";
	src:	url("fonts/GRANLI__.eot?") format("eot"),
			url("fonts/GRANLI__.woff") format("woff"),
			url("fonts/GRANLI__.ttf") format("truetype"),
			url("fonts/GRANLI__.svg#GrandesignLightIt") format("svg");
	font-weight:normal;
	font-style:normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 27, 2012 09:46:53 AM America/New_York */


@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	font-family: MyHelvetica, OpenSansLight, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	font-size: 16px;
	color:#3e3e3e;
	background-color: #686868;
}

em, p em, em p, em strong, strong em { font-style: italic; font-family: OpenSansLightItalic; }

h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	color: #202020;
}

h1 { font-size: 1.85em; }

h2 { font-size: 1.6em; font-weight: 100;}

h3 { font-size: 1.4em; font-weight: 100;}

h4 { font-size: 1.2em; font-weight: 100;}

h5 { font-size: 1.1em; font-weight: 100;}

h6 { font-size: 1.05em; font-weight: 100;}

a {
	color:#0077cc;
	text-decoration:none;
}

a:hover {
	color:#a81311;
	text-decoration: underline;
}

p, li {	line-height: 125%; }

ul { list-style: none;}

ul li:before {
	content: "\002A \0020";
}

ol {
	list-style-type: decimal; 
	list-style-position: inside;
}

ol li {
	margin-bottom: 0.5em;
	text-indent: 0.3em;
}


input, textarea {
	font: inherit;
	background-color: #f5f5f5;
}

input {color: #3E3E3E;}

input:hover { border-color: #787878; }

textarea {color: #3E3E3E;}

blockquote {
	padding: 0 0.3em;
	border-left: 0.125em dotted #696969;
	margin-left: 2em;
	font-size: 0.9em;
}

strong, p strong, strong p, strong em, em strong {
	font-weight: 600;
}

/* Content style
-------------------------------------------------------------- */

article {
	display: inline-block;
	margin-bottom: 2em;
	padding: 0.6em;
	border-bottom: 0.15em dashed #D8D8D8;
}

div.entry-content {
	width: 30em;
	margin-top: 2em;
	margin-left: 2em;
	background-color: whiteSmoke;
}

.entry-content p {
	margin-bottom: 1em;
	text-align: left;
	line-height: 150%;
	background-color: whiteSmoke;
}

.entry-content sup {
	vertical-align: super;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	line-height: 100%;
}

.entry-content ul { margin-bottom: 1em; }

a.footnote-link { font-size: 0.6em; }

span.embed-youtube, span.embed-youtube iframe {
	width: 100%;
}

li.footnote {
	margin-left: 2em;
	text-indent: 0.7em;
}

ol.footnotes {
	margin-bottom: 2em;
}

a.more-link {
	display: block;
	float: right;
	clear: left;
	background-color: whiteSmoke;
}

	/*Headers in entries
	---------------------*/
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
	color:#3e3e3e;
	margin-top: 0.5em;
	margin-bottom: 0.4em;
}

h1.entry-title {
	font-size: 1.85em;
	margin-bottom: 0.3em;
	font-weight: 100;	 
/*	text-indent: 0.3em;*/
	margin-top: 0px;
	background-color: whiteSmoke;
}

h1.entry-title a {
	color: #126FB2;
}

h1.entry-title a:hover {
	color:#a81311;
}

	/*Entry meta
	-------------*/
footer.entry-meta {
	margin-top: 3em;
	padding-top: 0em;
	font-size: 0.8em;
	line-height: 100%;
	display: block;
	background-color: whiteSmoke;
}


.comments-link {
	display: block;
	text-align: center;
	margin: 0.5em;
	font-weight: 500;
	font-size: 1.4em;
}	

.edit-link {
	display: block;
	text-align: right;
}

.entry-header .entry-meta {
	margin-bottom: 0.3em;
	font-style: italic;
}

.entry-meta a {
	color:#1F2487;
}

a[rel=tag] {
	text-transform:uppercase;
	font-size: 0.9em;
}



/* =Structure
-------------------------------------------------------------- */

#page {
	display: block;
	width: 100%;
	max-width: 52em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10em;
	background-color: #f5f5f5;
	box-shadow: 0.6em 0.6em 1.5em 0.6em #505050 ;
	border: thin solid #202020;
	padding: 0.5em;
	min-height: 82em;
}

#secondary.widget-area {
	display: inline-block;
	float: right;
	width: 27%;
	font-size: small;
	margin-left: 2%;
	padding-bottom: 5em;
}

#primary {
/*	float: left;*/
	display: inline-block;
/*	margin: 0 5% 0 0;*/
	min-width: 18.75em;
	width: 67%;
	padding-right: 3%;
	border-right: medium dashed #D8D8D8;
}

/*@media screen and (max-device-width: 480px) {
	#primary {
		width: auto;
	}
}*/

#content {
/*	margin: 0 5% 0 0;*/
	float: left;
}

#colophon {
	clear: both;
	display: block;
	width: 100%;
	text-align: center;
	color: #202024;
	padding: 1em 0 0;
}


/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

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

.widget-area li {
margin-left: 0px;
}

.widget-area ul {
padding: 0px;
}


/* =Header
-------------------------------------------------------------- */

hgroup[role=banner] {
	font-family: Grandesign Light It, sans-serif;*/
}

#site-title a {
	display:inline;
	font-family: inherit;
	text-decoration: none;
	font-size: 1.85em;
	text-decoration:none;
	border-bottom:none;
	color: #126fb2;
/*	text-shadow: 0px 1px 2px #000;*/
	margin: 0.1em 0em;
	float: left;
	font-weight: 100;
}

h1#site-title {
	margin: 0em;
}

#site-description {
	margin: 	0 1em 1em;
	font-size: 	1.1em;
	display:	block;
	float:		right;
	color:		#989898;
/*	text-shadow: 0px 1px 3px #555;*/
}


#rssetc {
	position: relative;
	float: right;
	top: 1em;
	left: 12em;
	font-size: 1em;
	text-align: left;
/*	text-shadow: 0px 2px 3px #555;*/
}

#rssetc a {
	color: #202020;
}

#rssetc a:hover {
	color: whiteSmoke;
	background-color: #202020;
	text-decoration: none;
}


/* =Menu
-------------------------------------------------------------- */

div.menu {
	display: block;
	float: left;
	margin: 0 auto 1em;
	width: 100%;
/*	border-top: .125em solid #0094ff;
	border-bottom: .125em solid #0094ff;	*/
	border-top: medium dashed #D8D8D8;
	border-bottom: medium dashed #D8D8D8;
	background-color: #F0F0F0;
}

div.menu ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	border-top: .125em solid transparent;
	border-bottom: .125em solid transparent;	
}

div.menu li {
	float: left;
	position: relative;
}


div.menu ul li:before {
content:'';
}
div.menu a {
	display: block;
/*	line-height: 2em;*/
/*	padding: 0 1em;*/
	padding-left: 1.5em;
	padding-right: 1.5em;
	text-decoration: none;
	font-family: inherit;
	color: #989898;	
}

div.menu a:hover { color: #a81311;}

div.menu li.current_page_item > a {
	color: #126FB2;
	font-weight: 300;
/*	text-shadow: 0px 1px 3px #555;	*/
	}

div.menu ul ul {
	box-shadow: 0 .187em .187em rgba(0,0,0,0.2);
	-moz-box-shadow: 0 .187em .187em rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 .187em .187em rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 1.1em;
	left: 0.5em;
	z-index: 99999;
}
div.menu ul ul ul {
	left: 100%;
	top: 0;
}
div.menu ul ul a {
	background: #dedede;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
	border-bottom-style: none;
	border-top-style: none;
}

div.menu ul ul li:not(last-child) { border-bottom: thin solid whiteSmoke;}

div.menu ul ul :hover > a {
	background: #dedede;
}

div.menu ul ul a:hover {
	background: #cecece;
}
div.menu ul li:hover > ul {
	display: block;
}


/* =Content
-------------------------------------------------------------- */

#content nav {
	display: block;
}
div.nav-previous {
	font-size: small;
	float: left;
/*	width: 50%;*/
	display: inline;
}
div.nav-next {
	font-size: small;
	float: right;
	text-align: right;
/*	width: 50%;*/
	display: inline;
	padding-left: 1em;
}
#content #nav-above {
	display: block;
	margin-bottom: 0.5em;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	margin: 0 0 1em;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.widget-area img {
	display: block;
}

img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}

.wp-caption {
	padding: .5em;
	background-color: #f0f0f0;
	border: thin solid #D8D8D8;
	margin: 0.3em 0.6em;
}

.wp-caption-dd {
	text-align: center;
	margin: .1em;
}

.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.wp-caption p {color: #909090}
.gallery-caption {
	
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

input {
	border-style: solid;
	border-width: thin;
	border-radius: 0.3em;
	border-color: silver;
}

#searchform input {
	vertical-align: middle;
	margin: 0;
	padding: 0.3em;
}

#searchform label {	display: none; }

#searchform input#s {
	width: 60%;
}
input[type=text], input#s {
	border: thin #C0C0C0 solid; 
	margin: 0 1em 0 0;
	width: 60%;
	background-color: #E0E0E0;
	color: #787878;
}

input#searchsubmit {
	width: 30%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}

#subscribe-blog input[type=submit] {
	float: right;
	display: block;
}

#secondary input:hover { border-color: #787878; }

/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
	max-width: 30em;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}

p.comment-form-comment {
	margin: auto;
	margin-bottom: 1em;
	width: 90%;
}
label[for=comment] {
	font-size: 1.2em;
}

#respond textarea {
	display: block;
	width: 100%;
	border-style: solid;
}
#respond .form-allowed-tags {
	clear: both;
	width: 100%;
	font-size: 0.7em;
}
#respond .form-allowed-tags code {
	display: block;
	font-family: monospace;
}

form#commentform input#submit {
	font-weight: 400;
	border-width: 0.15em;
	font: inherit;
}

div#comments h2, div#comments h3 {
	margin-bottom: 0.5em;
	margin-top: 3em;
}

div#comments li {
	margin-bottom: 0.1em;
	margin-top: 0.1em;
}

div#comments li:before { content: ''; }

div#comments ol.commentlist li.bypostauthor > article {
	border: 0.15em dashed #D8D8D8;
	padding: 0.15em;
	background-color: #E8E8E8;
}

div#comments ul.children { margin-left: 1em; }

div#comments p { margin-bottom: 1em; }

li.pingback p {
	font-size: 1.2em;
	margin-left: 1em;
}

div.comment-meta {
	margin-bottom: 1em;
	font-style: italic;
}

span.comment-permalink {
	position: relative;
	top: -2em;
	float: right;
	font-size: 0.7em;
}

div.comment-author { font-size: 1.2em; }

div#comments h2#comments-header {
	display: block;
	margin-top: 0.3em;
}


/* =Sidebar
-------------------------------------------------------------- */

div#secondary { color: #989898; }

div#secondary a { color: #66A1CC; }

div#secondary a:hover { color: #A81311; }

.widget-title {
	font-size: 1.5em;
	font-weight: 100;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
/*	text-shadow: 0px 1px 3px #555;*/
/*	color: #3E3E3E;*/
	color: #787878;
}

.widget-title label, .widget-title a {
	font-weight: 100;
}

.widget {
	display: block;
	margin-bottom: 1em;
}
.widget-area .widget_search {
	overflow: hidden;
/*	color: #3e3e3e;*/
}
.widget-area .widget_search input {
	float: left;
}

.textwidget {
	max-width: 212px;
}

.textwidget p {
	text-align: left;
}

.textwidget h3 {
	margin-top: 0.4em;
	margin-bottom: 0.1em;
	font-size: 1.4em;
	color: #787878;
}

#text-4 img, #text-6 img {
	padding: .125em;
	border: thin solid #D8D8D8;
	margin: .125em;
}


/* 
ul.tweets li {
	border-bottom: 0.2em dashed #D8D8D8;
	margin-bottom: 0.1em;
	text-align: justify;
}

.tweets {
	font-size: 0.95em;
}

.widget_twitter {
	background-color: #f5f5f5;
	padding: 1em;
	padding-left: 0em;
}
 */

/* =Like etc.
-------------------------------------------------------------- */
/*.bottomcontainerBox, .bottomcontainerBox div {
	display: inline;
}*/

/*a[title=Flattr] img {
	display: inline;
	float: right;
	position: relative;
	top: -1.6em;
	right: 0em;
	z-index: 999;
/*	margin-top: 3em;*/
}*/

div.likeetc {
	margin-top: 1em;
}




/* =Footer
-------------------------------------------------------------- */

div#site-generator a {
	color: #00003C;
}