/*
Theme Name: knittingbrain2016
Theme URI: http://wordpress.org/extend/themes/knittingbrain2013
Author: Mya Smith
Author URI: http://www.design-kent.co.uk
Description: Theme for knitting brain.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.design-kent.co.uk
Tags: two-columns, left-sidebar, fixed-width, 
Text Domain: knittingbrain2013
*/

/* =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,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 4px;
	vertical-align: baseline;
}
td {
color:#666666;
}
/* =Structure
----------------------------------------------- */

body {
	text-align: left;
	font-family: 'Courgette', cursive;
	background: #FFFFFF scroll center top;
}
#container {
max-width: 950px;
min-width: 300px;
margin: 0 auto;
}
#header { 
max-width: 950px;
min-width: 300px;
border: 0;
background-image: url(images/header-2013.jpg);
background-repeat:no-repeat;
background-size: 100%;
overflow:hidden;}
/** full navigation **/
#navbar { display: none;}
nav { display: block;
max-width: 934px;
min-width: 300px;
padding: 0px;
background: #680067;
clear:both;
margin:0 auto;
position: relative;
-moz-border-radius: 10px;
border-radius: 10px;}
#nm ul { 
display: block; 
padding: 0 5px;
min-height: 30px; 
background-color:#680067;
color:#666;
z-index: 999;
text-align:center;
padding-top: 4px;
margin: 10px 2px 0 2px;
border-top-width: 5px;
border-top-style: none;
position: relative;
-moz-border-radius: 10px;
border-radius: 10px;
}
#nm ul li { display: inline-block; position: relative; font-size: 1.0em; margin: 0px; padding: 0px; max-width:90%; }
#nm ul li a { display: block; padding: 0px 15px; line-height: 25px; color: #fff;text-decoration: none; }
#nm ul li a:hover { color: #98CC5C; text-decoration: none; background: #986469;-moz-border-radius: 10px; border-radius: 10px; }
#nm ul li ul { display: none;  margin: 0; position: absolute; top: 25px; zoom: 1; background: #963363; border: 1px solid #eee;padding-left:15px;padding-right:0px;
overflow:visible}
#nm ul li ul li { display: block; width: 11em; border: 0; margin: 0px; padding:0px;}
#nm ul li ul li a { background: #963363; color: #fff;}
#nm ul li:hover > ul { display: block;}
#nm ul li:hover > a { text-decoration: none;-moz-border-radius: 10px; border-radius: 10px; color: #ccc;background: #963363}
#top-ad {
float:right;
margin-top: 6%;
margin-left: 15px;
max-width: 778px;
}
#main {
max-width: 950px;
min-width: 300px;
z-index: -1;
}
img{max-width: 100%;}
#content {
max-width: 700px;
min-width: 280px;
margin-top: 10px;
margin: 10px;
background-color:#FFF;
padding-left: 10px;
float:right;
}
#left-sidebar {
float:left;
margin-top: 10px;
margin-left: 10px;
width: 190px;
min-width: 150px;
}
#left-sidebar ul{
	display:inline;
	list-style-position:inside;
	list-style:none;
}
#bottom-ad {
float:right;
margin-top: 20px;
}
#footer {
max-width: 950px;
min-width: 300px;
height: 150px;
clear:both;
margin: 0 auto;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	padding: 5px 5px 5px 1px;
}
.alignright {
	display: inline;
	float: right;
	padding: 5px 1px 5px 5px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

iframe {
padding: 2px 10px 2px 2px;
width:100%;
}

/* Headings and text */

	p {
		color: #666666;
	font-size: 18px;
	padding: 5px;
		}		
	h1 {
		color: #990066;
		font-size: 28px ;
		padding: 5px;
		}
	h2 {
		color: #993366;
	font-size: 20px;
	font-weight:bold;
	padding: 5px;
		}	

small {
		color: #666666;
	font-size: 10px;
	padding: 5px;
		}	
em { font-style:italic;
		}	
.style1 {
	color: #666666;
	font-size: 22px;
}
.style2 {
	color: #666666;
	font-size: 16px;
}
.style3 {
	color: #333333;
	font-size: 16px;
}
.style4 {
	color: #333333;
	font-size: 16px;
}
.style5 {
	color: #A03E77;
	font-size: 16px;
	font-weight:bold;
	}
.style6 {
	color: #666666;
	font-size: 16px;
	background-color: #FFCCFF;
}

/* Forms */

.nosh{
visibility: hidden
}

/* Links */

#left-sidebar p {
font-size:16px;
}
#left-sidebar a:link {
	color: #993366;
	text-decoration:none;
    font-size:16px;
}
a:link {
	color: #993366;
	text-decoration:none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #333333;
}

#content a:link {
	color: #993366;
	text-decoration: none;
	font-weight:bold;
}
#content a:visited {
	color: #993366;
	text-decoration: none;
		font-weight:bold;
}
#content a:hover {
	color: ##993366;
	text-decoration: underline;
}
#content a:active {
	color: #333333;
}/* Mobile Smartphones ----------- */
@media only screen 
and (min-width : 560px) 
and (max-width : 850px) {
	#nm ul li { font-size: 0.8em;}
	}
@media only screen 
and (min-width : 0) 
and (max-width : 560px) {
	#header-top{
	float:left;
	padding-left:30px;
	clear:right;}
	#footer {
/*background-image:url(images/headbg.jpg);*/
	}
	#navbar { 
	display: block; 
	height: 40px; 
	background: #680067;
	width: 100%;
	margin-top:-10px;
	}
	#navbar a {line-height: 15px; padding: 7px 5px; font-weight: bold; font-size: 1.1em; color: #eee;  text-decoration: none;}
	#navbar a:hover { color: #96F; text-decoration: none; }
	#nm ul { display: none; background: #680067; height: auto; padding: 2px 5px; overflow: hidden; -moz-border-radius:10px;
	border-radius:10px;}
	#nm ul li { font-size: 1.2em; }
	#nm ul li ul li { font-size: 1em; margin-left: 15px; width: auto; }
	#nm ul li { border: 0; width: 100%; background: #680067; border: 0; }
	#nm ul li ul { display: block; position: static; border: 0; background: #680067 }
	#nm ul li a, #nm ul li ul li a { display: block; font-weight: bold; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 1.1em; line-height: 1.3em; text-shadow:none; width: 93%; padding: 2px 12px; margin: 0;border-bottom:1px solid #333;border-top:1px solid #e1e1e1;background: #ffa8fe; color: #666}
	#nm ul li ul li a { font-size: 1.0em; background: #fff;  }
	#nm ul li a:hover, #nm ul li ul li a:hover { background: #986469; color: color: #ccc; text-decoration: none; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; }
#content{float:left;}
	#main { display: block; float: none; width: auto; overflow: hidden; margin: 0;}
	.post .meta { font-size: 1.1em; line-height: 1.6em; }
	.post .meta i { margin-bottom: 4px; }
#left-sidebar {
width: 100%;}}
.adslot_t {
    width: 320px; 
    height: 50px;
}
@media only screen 
and (min-width : 561px) 
and (max-width : 950px) {
	#main { max-width:800px;width: auto;}
	#sidewidget {
min-width: 250px;
max-width: 100%;}}
.adslot_1 {
    width: 320px; 
    height: 50px;
}
@media (min-width:500px) { 
    .adslot_1 {
        width: 468px; 
        height: 68px;
     }
}
@media (min-width:800px) { 
    .adslot_t {
        width: 728px; 
        height: 90px;
    }
	    .adslot_1 {
        width: 768px; 
        height: 90px;
     }
}