/*
	Theme Name: HelenKnits
	Theme URI: http://www.helenknits.co.uk/
	Author: James Charlick
	Author URI: http://www.jamescharlick.com/
	Description:  Private theme developed for Helenknits.co.uk 2014
	Version: 1.0
	Tags: 
 */

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

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

* { margin:0px; padding:0px; }
body { background:#d7edec; color:#1b302f; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; text-align:center; }
#frame { margin:auto; text-align:left; width:990px; }

#nav { float:left; height:72px; background:#fff; width:960px; padding:0px 0px 0px 30px; }
	#logo_mini { background:url(../img/hk.png) top left no-repeat; display:inline-block; width:76px; height:39px; float:left; margin:16px 0px; }
	#nav ul { display:inline-block; list-style:none; float:right; padding:0px 10px; font-family:'aleoitalic', Helvetica, Arial, sans-serif; }
		#nav ul li { display:inline-block; height:72px; float:left; }
			#nav ul li a { display:inline-block; float:left; height:72px; padding:0px 22px 0px 22px; font-size:15px; color:#1c6260; line-height:72px; letter-spacing:1px; text-decoration:none; -o-transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; transition:1s; }
				#nav ul li a:hover { background:#d7edec; }

#slides { width:990px; float:left; height:325px; background:#fff; position:relative; z-index:1; }
	#slidecont { width:990px; float:left; height:325px; margin:auto; text-align:center; overflow:hidden; }
		#slidecont div { width:990px; float:left; height:325px; margin:auto; text-align:center; overflow:hidden; display:block; }
			#slidecont div img { position:relative; z-index:2; }

#header { width:990px; float:left; height:325px; position:relative; z-index:2; margin:-325px 0px 0px 0px; }
	#logo { display:inline-block; height:325px; width:990px; float:left; background:url(../img/logo.png) top left no-repeat; -o-transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; transition:1s; text-align:center; color:#fff; padding:0px 0px 0px 0px; font-family:'aleoitalic', Helvetica, Arial, sans-serif; font-size:18px; position:relative; z-index:3; margin:-325px 0px 0px 0px; }
		#logo:hover { opacity:0; }
	#social { list-style:none; display:inline-block; float:right; padding:0px 29px; position:relative; z-index:50; margin:281px 0px -325px 0px; }
		#social li { display:inline-block; float:left; width:28px; height:32px; padding:0px 0px 0px 3px; position:relative; z-index:50; }
			#social li a { display:inline-block; float:left; width:28px; height:32px; background-image:url(../img/soc_buttons.png); background-repeat:no-repeat; position:relative; z-index:50; }
			#soc_rss { background-position:0px -69px; }
			#soc_ravelry { background-position:-31px -69px; }
			#soc_facebook { background-position:-62px -69px; }
			#soc_twitter { background-position:-93px -69px; }
			#soc_pinterest { background-position:-124px -69px; }
			#soc_tumblr { background-position:-155px -69px; }
			#soc_flickr { background-position:-186px -69px; }
			#soc_etsy { background-position:-217px -69px; }
			#soc_love { background-position:-248px -69px; }
				#soc_rss:hover { background-position:0px -34px; }
				#soc_ravelry:hover { background-position:-31px -34px; }
				#soc_facebook:hover { background-position:-62px -34px; }
				#soc_twitter:hover { background-position:-93px -34px; }
				#soc_pinterest:hover { background-position:-124px -34px; }
				#soc_tumblr:hover { background-position:-155px -34px; }
				#soc_flickr:hover { background-position:-186px -34px; }
				#soc_etsy:hover { background-position:-217px -34px; }
				#soc_love:hover { background-position:-248px -34px; }
				#soc_rss:active { background-position:0px 1px; }
				#soc_ravelry:active { background-position:-31px 1px; }
				#soc_facebook:active { background-position:-62px 1px; }
				#soc_twitter:active { background-position:-93px 1px; }
				#soc_pinterest:active { background-position:-124px 1px; }
				#soc_tumblr:active { background-position:-155px 1px; }
				#soc_flickr:active { background-position:-186px 1px; }
				#soc_etsy:active { background-position:-217px 1px; }
				#soc_love:active { background-position:-248px 1px; }

#content { width:990px; float:left; padding:30px 0px 0px 0px; background:url(../img/tri03.png) bottom right no-repeat #fff; }
	.c1, .c2, .c3, .c4, .c5, .c6 { float:left; padding:0px 0px 30px 30px; }
		.c1 { width:130px; }
		.c2 { width:290px; }
		.c3 { width:450px; }
		.c4 { width:610px; }
		.c5 { width:770px; }
		.c6 { width:930px; }
		.cthumb_frame { float:left; width:310px; padding:0px 0px 0px 30px; margin:0px 0px 0px -10px; }
			.cthumb { width:140px; float:left; padding:0px 0px 10px 10px; margin:0px 0px 0px 0px; }
	.c2_frame { width:320px; float:left; padding:0px 0px 0px 0px; }
	.c4_frame { width:640px; float:left; padding:0px 0px 0px 0px; }
	#title { padding-bottom:0px; }
	#content p, #content h1, #content h2, #content ul, #content ol { padding-bottom:25px; }
	#content ul, #content ol { list-style:inside; }
	#content h1, #content h2 { color:#1c6260; font-size:24px; line-height:30px; font-weight:normal; font-family:'aleoitalic', Helvetica, Arial, sans-serif; }
	#content h4 { padding-bottom:11px; letter-spacing:1px; font-family:'aleoregular', Helvetica, Arial, sans-serif; text-transform:uppercase; color:#34a4a1; font-size:14px; font-weight:normal; }
	#content h5 { padding-bottom:30px; margin-top:-20px; letter-spacing:1px; font-family:'aleoregular', Helvetica, Arial, sans-serif; text-transform:uppercase; color:#34a4a1; font-size:11px; font-weight:normal; }
	#content a { color:#1c6260; text-decoration:underline; }
		#content a:hover { color:#2a9491; }
	#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a { text-decoration:none; }
	
	.homefeat { display:inline-block; background-color:#d7edec; background-position:top left, bottom right; background-repeat:no-repeat; color:#1c6260; font-family:'aleoitalic', Helvetica, Arial, sans-serif; font-size:16px; line-height:26px; width:270px; padding:130px 10px 10px 10px; text-decoration:none !important; text-decoration:none; -o-transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; transition:1s; }
		.homefeat:hover { color:#164d4b !important; background-color:#acd8d5; }
		.homefeat span { font-family:'aleoregular', Helvetica, Arial, sans-serif; text-transform:uppercase; width:270px; padding-top:2px; color:#34a4a1 !important; font-size:11px !important; letter-spacing:1px; line-height:20px; font-weight:normal !important; display:inline-block; }
		
	.rightbox { display:inline-block; background: url(../img/tri01.png) bottom right no-repeat #d7edec; color:#1c6260; width:270px; padding:15px 10px 3px 10px; text-decoration:none !important; }
		.cats { list-style:none; }
			.cats li { display:inline-block; float:left; }
				.cats li a { display:inline-block; float:left; padding:5px 8px; margin:0px 5px 5px 0px; background:#c3e4e2; text-decoration:none !important; border-radius:5px; -moz-border-radius:5px; }
					.cats li a:hover { background:#acd8d5; color:#164d4b !important; }
	
	#getpdf { display:inline-block; height:66px; width:160px; padding:10px 10px 10px 100px; background:url(../img/pdf.png) 0px 0px no-repeat; color:#1c6260; font-size:18px; line-height:30px; font-weight:normal; font-family:'aleoitalic', Helvetica, Arial, sans-serif; text-decoration:none !important; margin:0px 0px 15px 0px; }
	
	#side_rav, #side_tum, #side_etsy, #side_love { display:inline-block; width:240px; height:30px; line-height:32px; font-family:'aleoitalic', Helvetica, Arial, sans-serif; text-decoration:none !important; margin:0px 0px 10px 0px; padding:0px 0px 0px 20px; }
		#side_rav span, #side_tum span, #side_etsy span, #side_love span { display:inline-block; width:30px; height:30px; background-image:url(../img/soc_buttons.png); background-repeat:no-repeat; margin-right:8px; float:left; }
			#side_rav span { background-position:-31px -69px; }
			#side_tum span { background-position:-155px -69px; }
			#side_etsy span { background-position:-217px -69px; }
			#side_love span { background-position:-248px -69px; }
				#side_rav:hover span { background-position:-31px -34px; }
				#side_tum:hover span { background-position:-155px -34px; }
				#side_etsy:hover span { background-position:-217px -34px; }
				#side_love:hover span { background-position:-248px -34px; }
				#side_rav:active span { background-position:-31px 1px; }
				#side_tum:active span { background-position:-155px 1px; }
				#side_etsy:active span { background-position:-217px -34px; }
				#side_love:active span { background-position:-248px -34px; }
	.pro_yarn, .pro_date, .pro_needles, .pro_amount { display:inline-block; width:240px; height:26px; line-height:30px; font-family:'aleoitalic', Helvetica, Arial, sans-serif; text-decoration:none !important; margin:0px 0px 10px 0px !important; padding:0px 0px 0px 20px !important; }
		.pro_yarn span, .pro_date span, .pro_needles span, .pro_amount span { display:inline-block; width:30px; height:30px; background-repeat:no-repeat; background-position:0px 0px; margin-right:8px; float:left; }
		.pro_yarn span { background-image:url(../img/projects_yarn.png); }
		.pro_date span { background-image:url(../img/projects_calendar.png); }
		.pro_needles span { background-image:url(../img/projects_needles.png); }
		.pro_amount span { background-image:url(../img/projects_amount.png); }
	
	.mainimg, .thumbimg { -o-transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; transition:1s; }
		.mainimg:hover, .thumbimg:hover { opacity:0.7; }
	.thumbimg { height:97px; float:left; }
		

#footer { background:url(../img/tri02.png) bottom right no-repeat #c3e4e2; float:left; height:100px; width:990px; color:#1c6260; font-size:12px; line-height:20px; margin-bottom:30px; padding:15px 0px; }
	#footer .c1, #footer .c2, #footer .c3, #footer .c4 { padding-bottom:0px; }
		#copy_right { text-align:right; }
		#footer a { text-decoration:none; color:#1c6260 !important; font-weight:bold; font-size:13px; }
		.footerlink { padding-bottom:70px; height:27px; font-family:'aleoregular', Helvetica, Arial, sans-serif; text-transform:uppercase; color:#34a4a1; font-size:13px !important; letter-spacing:1px; line-height:20px; font-weight:normal !important; display:inline-block; background-repeat:no-repeat; background-position:0px 27px; width:130px; -o-transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; transition:1s; }
			#foot1 { background-image:url(../img/foot4.jpg); }
			#foot2 { background-image:url(../img/foot2.jpg); }
			#foot3 { background-image:url(../img/foot1.jpg); }
			#foot4 { background-image:url(../img/foot3.jpg); }
			.footerlink:hover { opacity:0.6; color:#1b302f !important; }
			
	#disqus_thread { padding-top:50px; }