@charset "UTF-8";

/*

Theme Name: Janlink

Author: Resourcecode

Description: Based on twentyeleven

*/



/* =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-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;

}

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;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: 0;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}









#vslider_optionscontainer .cs-buttons{

clear: both !important;

font-size: 0px !important;

margin: 10px 0 10px 100px !important;

float: left !important;

position: absolute !important;

top: 257px !important;

left: 310px !important;

}





#featuredcontainer a.cs-active {

background: url('https://www.janlink.ca/wp-content/plugins/vslider/images/default_style.png') no-repeat;

background-position: bottom;

outline: none !important;

}





#featuredcontainer .cs-buttons a {

margin-left: 5px;

height: 15px;

width: 15px;

float: left;

background: url('https://www.janlink.ca/wp-content/plugins/vslider/images/default_style.png') no-repeat;

background-position: top;

text-indent: -1000px;

outline: none !important;

}



#vslider_optionscontainer .cs-buttons a{

height:16px !important;

}





/* =Structure

----------------------------------------------- */

body { color: #000; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,sans-serif; background-color: #e5e4e4; }



p { font-size: 12px; padding-bottom: 8px; line-height: 130%;}

p strong, li strong { font-weight: bold;}



a { color: #000; text-decoration: none;}

a:hover { text-decoration: underline;}

a.bold { font-weight: bold; text-decoration: none;}

a.bold:hover { text-decoration: underline;}



h2, #program-top h1, #page_title h1 { background: url(images/h_lines.gif) 0 0 no-repeat; padding-left: 25px; font-weight: bold; font-size: 16px !important; margin-bottom: 15px;}



.hidden { overflow: hidden;}

.left { float: left;}

.right{ float: right;}

.clear { clear: both;}



img.left { margin: 0 20px 10px 0;}

img.right { margin: 0 0 10px 10px;}



#wrapper { width: 980px; position:relative; margin: 0 auto; background-color: #fff;}



/*==============================================================



	Header



==============================================================*/

#header { overflow: hidden; position: relative; height: 130px; margin-top: 0px;}



	p#logo { display: block; position: absolute; top: 30px; left: 30px; }

	p#logo a { background: url(images/janlink_logo.gif) 0 0 no-repeat; display:block; height:0; overflow: hidden; width: 210px; padding-top: 79px;}

	h1#catch, p#catch { position: absolute; top: 23px; left: 272px; background: url(images/header_bg.gif) 0 0 no-repeat; display: block; height:0; overflow: hidden; padding: 107px 0 0 0; width: 346px;}

	div#comapny_info { position: absolute; top: 5px; right: 20px; width: 323px; }

		div#comapny_info, div#comapny_info p, div#comapny_info address { color: #2f2b7f; font-size: 11px; padding-bottom: 4px; line-height: 130%; }

		div#comapny_info p strong { font-size: 16px;}

		div#comapny_info p.tel { font-weight: bold; font-size: 14px;}

		div#comapny_info ul { overflow: hidden;}

		div#comapny_info ul li { float: left; padding-right: 10px;}



	div#social_box { position: absolute; top: 5px; right: 20px; z-index: 20;}

		div#social_box ul { overflow: hidden;}

		div#social_box ul li { float: left; padding-right: 5px;}

		div#social_box li#list_twitter a { background: url(images/icon_twitter.gif) 0 0 no-repeat; display:block; height:0; overflow: hidden; width: 18px; padding-top: 16px; border: none;}

		div#social_box li#list_fb a { background: url(images/icon_facebook.gif) 0 0 no-repeat; display:block; height:0; overflow: hidden; width: 18px; padding-top: 16px; border: none;}



	div#menu_lang { position: absolute; top: 105px; right: 234px;}

		div#menu_lang ul { overflow: hidden;}

		div#menu_lang ul li { float: left; padding-right: 3px;}

		div#menu_lang li#lan_jpn a { background: url(images/lan_jpn.gif) 0 0 no-repeat; display:block; height:0; overflow: hidden; width: 55px; padding-top: 15px;}

		div#menu_lang li#lan_en a { background: url(images/lan_en.gif) 0 0 no-repeat; display:block; height:0; overflow: hidden; width: 49px; padding-top: 15px;}



	#header form#searchform { position: absolute; top: 104px; right: 23px; border: 1px solid #000; padding: 2px 1px 1px 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

	#header form#searchform input#s { float: right; border: none; padding: 0; width: 190px; font-size: 10px;}

	#header form#searchform input#searchsubmit { float: left; background: url(images/btn_search.gif) 0 0 no-repeat; display:block; height:0; overflow: hidden; width: 11px; padding-top: 12px; border: none; margin-right: 3px;}

	

	

/* Main Menu */

#access { width: 958px; position: relative; background-color: #bebebe; height: 60px; padding-left: 22px;}



	.menu-mainmenu-container ul { padding: 0;}

	.menu-mainmenu-container ul li { float: left;}

	.menu-mainmenu-container ul li a { display: block; overflow: hidden; height: 0; padding-top: 60px; width: 117px;}

	.menu-mainmenu-container ul li.menu-item-4927 a { background: url(images/menu_home.gif) 0 0 no-repeat; }

	.menu-mainmenu-container ul li.menu-item-4920 a { background: url(images/menu_about.gif) 0 0 no-repeat;}

	.menu-mainmenu-container ul li.menu-item-4934 a { background: url(images/menu_program.gif) 0 0 no-repeat; }
	.menu-mainmenu-container ul li.menu-item-6893 a { background: url(images/menu_program.gif) 0 0 no-repeat; }

	.menu-mainmenu-container ul li.menu-item-4962 a { background: url(images/menu_testimonial.gif) 0 0 no-repeat; }

	.menu-mainmenu-container ul li.menu-item-4936 a { background: url(images/menu_blog.gif) 0 0 no-repeat; }

	.menu-mainmenu-container ul li.menu-item-4937 a { background: url(images/menu_agent.gif) 0 0 no-repeat; }

	.menu-mainmenu-container ul li.menu-item-4988 a { background: url(images/menu_register.gif) 0 0 no-repeat; }		

	.menu-mainmenu-container ul li.menu-item-4989 a { background: url(images/menu_contact.gif) 0 0 no-repeat; }		

	

	.menu-mainmenu-container ul li a:hover { background-position: 0 -60px;}

	.menu-mainmenu-container ul li.current_page_item a, .menu-mainmenu-container ul li.current-menu-item a, .menu-mainmenu-container ul li.current-menu-parent a { background-position: 0 -120px;}



	/* program single*/

	.single-format-standard .menu-mainmenu-container ul li.menu-item-88 a { background-position: 0 -120px;}

	

	/* testimonial single*/

	.single-testimonials .menu-mainmenu-container ul li.menu-item-21 a { background-position: 0 -120px;}



/*==============================================================



	Index Page



==============================================================*/

#content-index {overflow: hidden; padding-bottom: 10px; }



#index-top { width: 980px; height: 300px; position: relative;}

#featuredcontainer { margin: 0 !important;}



#featuredcontainer .cs-buttons { position: absolute; top: 257px; left: 310px; z-index: 100px;}

#featuredcontainer .cs-buttons a { height: 16px !important;}



/* Program 1 */

#index-program { padding: 15px 20px 5px 20px;}

#index-program ul { overflow: hidden; padding-bottom: 5px; }

#index-program ul li { float: left; display: block;}

#index-program ul li a { text-decoration: none;}



#index-program ul.program_one li { padding-right: 4px;}

#index-program ul.program_one li div { width: 201px; height: 75px; padding: 105px 15px 20px 15px; }

#index-program ul.program_one li div p { line-height: 110%;}

#index-program ul.program_one li div p a { font-size: 11px; color: #000;}



#index-program ul li#program_221 div { background: url(images/program_01.jpg) 0 0 no-repeat;}

#index-program ul li#program_221 div:hover { background-position: 0 -200px;}



#index-program ul li#program_231 div { background: url(images/program_02.jpg) 0 0 no-repeat;}

#index-program ul li#program_231 div:hover { background-position: 0 -200px;}



#index-program ul li#program_244 div { background: url(images/program_03.jpg) 0 0 no-repeat;}

#index-program ul li#program_244 div:hover { background-position: 0 -200px;}



#index-program ul li#program_7707 div { background: url(images/program_04.jpg) 0 0 no-repeat;}

#index-program ul li#program_7707 div:hover { background-position: 0 -200px;}



/* Program 2 */

#index-program ul.program_two { margin-right: -5px;}

#index-program ul.program_two li { padding-right: 5px;}

#index-program ul.program_two li a { display:block; height:0; overflow: hidden; width: 152px; padding-top: 100px; }



#index-program ul.program_two li#program_05 a { background: url(images/program_05.jpg) 0 0 no-repeat;}

#index-program ul.program_two li#program_05 a:hover { background-position: 0 -100px;}



#index-program ul.program_two li#program_06 a { background: url(images/program_06.jpg) 0 0 no-repeat;}

#index-program ul.program_two li#program_06 a:hover { background-position: 0 -100px;}



#index-program ul.program_two li#program_07 a { background: url(images/program_07.jpg) 0 0 no-repeat;}

#index-program ul.program_two li#program_07 a:hover { background-position: 0 -100px;}



#index-program ul.program_two li#program_08 a { background: url(images/program_08.jpg) 0 0 no-repeat;}

#index-program ul.program_two li#program_08 a:hover { background-position: 0 -100px;}



#index-program ul.program_two li#program_09 a { background: url(images/program_09.jpg) 0 0 no-repeat;}

#index-program ul.program_two li#program_09 a:hover { background-position: 0 -100px;}



#index-program ul.program_two li#program_10 a { background: url(images/program_10.jpg) 0 0 no-repeat;}

#index-program ul.program_two li#program_10 a:hover { background-position: 0 -100px;}



	

/* What's New */

#index-btm { overflow: hidden; padding: 0 20px;}

#index_news { overflow:auto; background-color: #e4d2bc; padding: 5px 5px 5px 5px; width: 688px; height: 265px;}

#index_news h2 { background-image: url(images/h_news_lines.gif); color: #fff; text-transform: uppercase; letter-spacing: 2px; }



#index_news_box { min-height: 220px;}



	#index_news p { color: #363636; padding-bottom: 5px;}

	#index_news p.news-date { font-size: 13px; font-weight: bold; color: #000;}

	.news-each { background: url(images/news_border.gif) center bottom no-repeat; padding: 10px 0 10px 0;}



.scroll-box { padding-left: 20px;}

.scroll-pane { height: 220px;}



/* Testimonial */

#index_testimonial { padding: 10px 0;}

	#index_testimonial dl { width: 695px; overflow: hidden; border-top: 2px solid #d2d2d2; border-left: 2px solid #d2d2d2; border-bottom: 2px solid #d2d2d2; }

	#index_testimonial dt a { background: url(images/testimonial_title.jpg) 0 0 no-repeat !important; display:block; height:0; overflow: hidden; width: 165px; padding: 316px 0 0 0; margin: 0;}

	#index_testimonial dt, #index_testimonial dd { float: left;}

	#index_testimonial dd { width: 243px; height: 296px; border-right: 2px solid #d2d2d2;  padding: 10px;}

		#index_testimonial p { color: #666666; font-size: 12px;}

		#index_testimonial p.test-date { color: #000000; font-size: 11px; font-weight: bold; padding-left: 10px;}

		#index_testimonial h3 { padding-left: 10px;}

		#index_testimonial h3 a { font-size: 12px; font-weight: bold;}

		#index_testimonial dd div.test-img { text-align: center; margin: 0 auto; padding: 10px 0; height: 79px;}

.test_box img { float: right; margin: 0 0 10px 10px;}



.testimonials .entry-content h3 { font-weight: bold; font-size: 12px; background: none; color: #000; padding: 0; }

	



/*==============================================================



	Side Left



==============================================================*/

#side-left { width: 232px; padding-right: 10px; padding-bottom: 160px; float: left; background: url(images/left_bg.gif) 0  730px no-repeat;}

#side-left ul { list-style: none;}

#side-left ul li { padding-bottom: 5px;}

#side-left ul li a { display:block; height:0; overflow: hidden;}



#side-left ul li#banner_flow a { background: url(images/banner_flow.gif) 0 0 no-repeat; width: 231px; padding-top: 101px;}

#side-left ul li#banner_blog a { background: url(images/banner_blog.gif) 0 0 no-repeat; width: 232px; padding-top: 101px;}

#side-left ul li#banner_nest a { background: url(images/banner-side-nestcanada.png) 0 0 no-repeat; width: 232px; padding-top: 101px;}

#side-left ul li#banner_youtube a { background: url(images/banner-side-youtube.gif) 0 0 no-repeat; width: 232px; padding-top: 101px;}

#side-left ul li#banner_fb a { background: url(images/banner_facebook.gif) 0 0 no-repeat; width: 230px; padding-top: 50px;}

#side-left ul li#banner_twitter a { background: url(images/banner_twitter.gif) 0 0 no-repeat; width: 230px; padding-top: 50px;}

#side-left ul li#banner_contact a { background: url(images/banner_contact.gif) 0 0 no-repeat; width: 230px; padding-top: 50px;}



#side-left p { border-left: 5px solid #000; font-size: 9px; padding: 0 0 0 2px; margin: 5px 0; height: 10px;}		


.footer_nest {
	margin: auto;
	display: block;
}
/* Side Right */

#side-right { width: 698px; float: left;}



/*==============================================================



	Inner Pages



==============================================================*/

#content {overflow: hidden; padding: 10px 20px 40px 20px; }

/* * html #content { height: 400px;} */



/* Breadcrumbs */

#breadcrumb { padding-bottom: 10px;}

ul.breadcrumbs { overflow: hidden; font-size:11px;}

ul.breadcrumbs li { float: left; margin: 0 5px 0 0; }

ul.breadcrumbs li a:hover { color: #FF7070; text-decoration: none;}



/* Program page */

#program-top, #inner-main { overflow: hidden; }

#program-top { min-height: 200px; height: auto !important; padding-bottom: 20px;}

* html #program-top { height: 200px;}



#program-top img.attachment-program-feature { float: right; margin: 0 0 10px 10px;}



.entry-content, .post-entry { padding-left: 10px;}

.entry-content a, .entry-content li, .post-entry a, .post-entry li { font-size: 12px;}



a.alphalink { background:url(images/icon_go.gif) right 1px no-repeat; padding-right: 30px; height: 10px; }

a.alphalink:hover { background-position: right -13px;}



p.btn_program { margin-bottom: 20px; height: 30px;}

p.btn_program a { background:url(images/btn_program.gif) 0 0 no-repeat; display:block; height:0; overflow: hidden; width: 181px; padding: 30px 0 0 0; float: right;}

p.btn_program a:hover { background-position: right -30px;}



.entry-content h3, .post-entry h3 { background-color: #2e2b7e; color: #fff; font-size: 14px; font-weight: bold; padding: 3px 0 3px 10px; margin-bottom: 8px;}

.entry-content .test_box h3, .post-entry .test_box h3 { background: none; color: #000; font-size: 12px; padding: 0;}

.entry-content p { color: #666666;}



.contact_link { padding: 30px 0  30px 200px;}

.contact_link a { background: url(images/contact_btn.gif) 0 0 no-repeat; display:block; overflow: hidden; height: 0; width: 227px; padding-top: 30px;}

.contact_link a:hover { background-position: 0 -30px;}



#inner_testimonial { overflow: hidden; padding-top: 20px;}

.inner-testimonial_each { width: 200px; border: 1px solid #d2d2d2; padding: 8px; float: left; margin-right: 8px; min-height: 350px; height: auto !important;}

* html .inner-testimonial_each { height: 350px;}

.inner-testimonial_each img { padding-bottom: 8px;}

.inner-testimonial_each p, .inner-testimonial_each a { font-size: 10px !important;}

.inner-testimonial_each p { color: #666666; padding-bottom: 4px;}

.inner-testimonial_each p.inner_test-data, .inner-testimonial_each p a { color: #000; font-weight: bold;}



/* List */

.entry-content ul li, .post-entry ol li { padding-bottom: 8px; font-size: }

.entry-content ul, .post-entry ul { list-style: disc; padding-left: 20px; padding-bottom: 8px;}

.entry-content ol, .post-entry ol { list-style: decimal; padding-left: 25px; padding-bottom: 8px;}



/* Testimonial */

.test_box { border: 1px solid #d2d2d2; padding: 10px; overflow: hidden; position: relative; height: 250px; margin-bottom: 30px;}

.test_box p { color: #666666; font-size: 11px;}

.test_box p.test_test-data { color: #000; font-size: 10px; font-weight: bold; position: absolute; top: 10px; right: 10px; }

.test_box p.test_cat { color: #000; position: absolute; bottom: 0; right: 10px; }



.entry-content { position: relative;}

.date_cat { position: absolute; top: 0; right: 0; text-align: right;}

.date_cat p.date { font-size: 10px; font-weight: bold; padding: 0; color: #000;}

.date_cat p, .date_cat p a { font-size: 12px; color: #666666;}



#pagination { padding: 40px 0 10px 10px;}

#pagination ul { overflow: hidden; }

#pagination ul li { float: left; width: 185px; font-size: 10px; height: 20px;}

#pagination a { font-size: 10px;}

#pagination a:hover { color: #2e2b7e; text-decoration: none;}





/* Flow */

#flow_title { background: url(images/flow_title.jpg) 0 0 no-repeat; width: 670px; height: 140px;}

	#flow_title h1 { width: 670px; padding-top: 10px; display:block; height:0; overflow: hidden;}

	#flow_title p { padding: 70px 0 0 134px; letter-spacing: -1px;}

 

#flow_contents { background: url(images/flow_body.gif) 0 0 no-repeat; width: 614px; height: 493px; margin: 20px 0 0 28px;}

.post-entry #flow_contents p { font-size: 11px; padding: 0 0 3px 0;}

.post-entry #flow_contents p strong, .post-entry #flow_contents li strong { font-size: 11px;}

.post-entry #flow_contents ul { overflow: hidden; list-style: none;}

.post-entry #flow_contents ul li {float: left; font-size: 11px; line-height: 130%;}



.post-entry .flow_01 { padding-bottom: 31px;}

.post-entry .flow_01 ul { padding: 19px 0 0 13px;}



.pr25 { padding-right: 25px !important;}

.pr40 { padding-right: 40px !important;}



.post-entry .flow_02 { text-align: center; padding: 0 22px 32px 22px;}



.post-entry .flow_03 { padding-bottom: 31px;}

.post-entry .flow_03 ul li div { width: 165px;}

.post-entry .flow_03 ul li div p strong { padding-left: 30px;}

.post-entry #flow_contents .flow_03 p { font-size: 10px !important;}



.post-entry .flow_04 { padding-bottom: 21px;}

.post-entry .flow_04 ul li div { overflow: hidden;}

.post-entry .flow_04 ul li.flow_04_1 { width: 410px;}

.post-entry .flow_04 ul li.flow_04_2 { width: 178px;}



.post-entry #flow_contents .flow_04 ul li.flow_04_1 p { padding: 13px 80px 0 30px !important;}

	

.post-entry #flow_contents .flow_04 ul li ul { list-style: disc; float: left;}

.post-entry #flow_contents .flow_04 ul li ul li { float: none; padding: 0 !important; line-height: 130%;}

.post-entry .flow_04 p { float: left;}



.post-entry .flow_05 { padding-bottom: 31px;}

.post-entry .flow_05 { padding-bottom/*\**/: 25px\9;}



.post-entry .flow_05 ul li.flow_05_1 { padding-top: 18px; padding-left: 20px;}

.post-entry .flow_05 ul li.flow_05_2 { width: 440px;}



.post-entry .flow_06 { text-align: center;}



#flow_bottom { background: url(images/flow_bg.jpg) 300px bottom no-repeat; padding: 20px 20px 20px 30px; height: 195px;}

a.btn_contact { background: url(images/btn_contact.gif) 0 0 no-repeat; width: 138px; padding-top: 34px; display:block; height:0; overflow: hidden; margin-bottom: 20px;}

a.btn_contact:hover { background-position: 0 -34px;}



a.btn_register { background: url(images/btn_register.gif) 0 0 no-repeat; width: 138px; padding-top: 34px; display:block; height:0; overflow: hidden;}

a.btn_register:hover { background-position: 0 -34px;}





/* Contact Form & Registration Form */

span.required { color: #BD1E2C; font-size: 16px;}



.wpcf7 form { padding: 20px 20px 10px 20px; background-color: #f4f4f4;}

.wpcf7 h4 { padding: 5px 10px; font-size: 14px; color: #333; margin-bottom: 15px; border-left: 10px solid #E5E5E5; border-bottom: 2px solid #E5E5E5;}



.wpcf7 input, .wpcf7 textarea { padding: 3px; font-size: 14px; }

.wpcf7 p { line-height: 160%; padding-bottom: 20px;}



.checkbox_charactor span.wpcf7-list-item { margin: 20px 10px;}

.registration_form_box { padding-bottom: 10px;}



fieldset { border: 1px solid  #E5E5E5; padding: 5px 5px 0 10px; margin-bottom: 15px;}

legend { padding: 3px 10px; font-size: 12px; background-color: #E5E5E5;}



.terms_box { background-color: #fff; width: 620px; height: 200px; overflow: auto; padding: 10px; margin-bottom: 20px;}

.terms_box table { font-size: 12px; border-top: 1px solid #333; border-left: 1px solid #333; width: 500px;}

.terms_box th, .terms_box td { border-bottom: 1px solid #333; border-right: 1px solid #333;} 

.terms_box th { text-align: center; padding: 5px;}

.terms_box td { padding: 5px 20px;} 





/* Site map */

#post-sitemap { padding-left: 20px;}

	#post-sitemap h3 { font-size: 12px; font-weight: normal; background: none; color: #000; border-bottom: 1px solid #000; padding: 0;}

	#post-sitemap ul { list-style: none; padding-bottom: 20px;}

	#post-sitemap ul li a { color: #3f84f5; text-decoration: underline; font-size: 10px;}

	#post-sitemap ul li ul { padding-bottom: 8px !important;}

	

ul.sitemap-programlist li.id_225, ul.sitemap-programlist li.id_229, ul.sitemap-programlist li.id_239, ul.sitemap-programlist li.id_242, ul.sitemap-programlist li.id_246, ul.sitemap-programlist li.id_248, ul.sitemap-programlist li.id_253 { padding-left: 10px !important; }

 	

	

/*==============================================================



	Footer



==============================================================*/

#footer { 

	position: relative; 

	height: 100px; 

	background: url(images/footer_bg.gif) 0 0 repeat-x;

	width: 980px;

	margin: 0 auto;

}



img#footer_logo { position: absolute; top: 28px; left: 20px;}



	/* Footer Menu */

	#footernav { position: absolute; top: 20px; right: 20px; padding-bottom: 10px;}

	#footernav ul { overflow: hidden; padding-bottom: 10px; }

	#footernav ul li { float: left; font-size: 10px; border-left: 3px double #000000; margin-left: -3px;}

	#footernav ul li a { font-size: 12px; text-decoration: none; padding: 0 20px; color: #000000;}

	#footernav ul li a:hover { color: #ff7070;}



	#footer p.copyright { position: absolute; font-size: 10px; top: 75px; left: 300px;}

	

	

	



/* 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;

}



/* Search Form */

#branding #searchform {

	position: absolute;

	top: 3.8em;

	right: 7.6%;

	text-align: right;

}

#branding #searchform div {

	margin: 0;

}

#branding #s {

	float: right;

	-webkit-transition-duration: 400ms;

	-webkit-transition-property: width, background;

	-webkit-transition-timing-function: ease;

	-moz-transition-duration: 400ms;

	-moz-transition-property: width, background;

	-moz-transition-timing-function: ease;

	-o-transition-duration: 400ms;

	-o-transition-property: width, background;

	-o-transition-timing-function: ease;

	width: 72px;

}

#branding #s:focus {

	background-color: #f9f9f9;

	width: 196px;

}

#branding #searchsubmit {

	display: none;

}

#branding .only-search #searchform {

	top: 5px;

	z-index: 1;

}

#branding .only-search #s {

	background-color: #666;

	border-color: #000;

	color: #222;

}

#branding .only-search #s,

#branding .only-search #s:focus {

	width: 85%;

}

#branding .only-search #s:focus {

	background-color: #bbb;

}

#branding .with-image #searchform {

	top: auto;

	bottom: -27px;

	max-width: 195px;

}

#branding .only-search + #access div {

	padding-right: 205px;

}







/* Images */

.entry-content img,

.comment-content img,

.widget img {

	/*max-width: 97.5%;*/ /* Fluid images for posts, comments, and widgets */

}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.size-full,

img.size-large {

	/*max-width: 97.5%;*/

	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: #eee;

	margin-bottom: 1.625em;

	max-width: 96%;

	padding: 9px;

}

.wp-caption img {

	display: block;

	margin: 0 auto;

	max-width: 98%;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	color: #666;

	font-family: Georgia, serif;

	font-size: 12px;

}

.wp-caption .wp-caption-text {

	margin-bottom: 0.6em;

	padding: 10px 0 5px 40px;

	position: relative;

}

.wp-caption .wp-caption-text:before {

	color: #666;

	content: '\2014';

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	margin-right: 5px;

	position: absolute;

	left: 10px;

	top: 7px;

}

#content .gallery {

	margin: 0 auto 1.625em;





}



#content .gallery-columns-1 { width: 220px; padding-left: 10px; float: right;}



#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;

}











/* =Gallery

----------------------------------------------- */



.format-gallery .gallery-thumb {

	float: left;

	display: block;

	margin: .375em 1.625em 0 0;

}







/* =Image

----------------------------------------------- */



.indexed.format-image .entry-header {

	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */

}

.indexed.format-image .entry-content {

	padding-top: 0.5em;

}

.indexed.format-image p,

.indexed.format-image p img {

	margin-bottom: 0;

}

.indexed.format-image footer.entry-meta {

	background: #ddd;

	margin-top: -7px;

	padding: 20px 30px;

	overflow: hidden;

}

.indexed.format-image div.entry-meta {

	display: inline-block;

	float: left;

	width: 35%;

}

.indexed.format-image div.entry-meta + div.entry-meta {

	float: none;

	width: 65%;

}

.indexed.format-image .entry-meta span.cat-links,

.indexed.format-image .entry-meta span.tag-links,

.indexed.format-image .entry-meta span.comments-link {

	display: block;

}

.indexed.format-image footer.entry-meta a {

	color: #444;

}

.indexed.format-image footer.entry-meta a:hover {

	color: #fff;

}

#content .indexed.format-image img {

	border: none;

	max-width: 100%;

	padding: 0;

}

.indexed.format-image .wp-caption {

	background: #111;

	margin-bottom: 0;

	max-width: 96%;

	padding: 11px;

}

.indexed.format-image .wp-caption .wp-caption-text {

	color: #ddd;

}

.indexed.format-image .wp-caption .wp-caption-text:before {

	color: #444;

}

.indexed.format-image a:hover img {

	opacity: 0.8;

}





/* =error404

----------------------------------------------- */



.error404 #main #searchform {

	background: #f9f9f9;

	border: 1px solid #ddd;

	border-width: 1px 0;

	margin: 0 -8.9% 1.625em;

	overflow: hidden;

	padding: 1.625em 8.9%;

}

.error404 #main #s {

	width: 95%;

}

.error404 #main .widget {

	clear: none;

	float: left;

	margin-right: 3.7%;

	width: 30.85%;

}

.error404 #main .widget_archive {

	margin-right: 0;

}

.error404 #main .widget_tag_cloud {

	float: none;

	margin-right: 0;

	width: 100%;

}

.error404 .widgettitle {

	font-size: 10px;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

}





/* =Showcase

----------------------------------------------- */



h1.showcase-heading {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

}



/* Intro */

article.intro {

	background: #f9f9f9;

	border-bottom: none;

	margin: -1.855em -8.9% 1.625em;

	padding: 0 8.9%;

}

article.intro .entry-title {

	display: none;

}

article.intro .entry-content {

	color: #111;

	font-size: 16px;

	padding: 1.625em 0 0.625em;

}

article.intro .edit-link a {

	background: #aaa;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

	font-size: 12px;

	padding: 0 8px;

	position: absolute;

	top: 30px;

	right: 20px;

	text-decoration: none;

}

article.intro .edit-link a:hover,

article.intro .edit-link a:focus,

article.intro .edit-link a:active {

	background: #777;

}



/* Featured post */

section.featured-post {

	float: left;

	margin: -1.625em -8.9% 1.625em;

	padding: 1.625em 8.9% 0;

	position: relative;

	width: 100%;

}

section.featured-post .hentry {

	border: none;

	color: #666;

	margin: 0;

}

section.featured-post .entry-meta {

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}



/* Small featured post */

section.featured-post .attachment-small-feature {

	float: right;

	height: auto;

	margin: 0 -8.9% 1.625em 0;

	max-width: 59%;

	position: relative;

	right: -15px;

}

section.featured-post.small {

	padding-top: 0;

}

section.featured-post .attachment-small-feature:hover,

section.featured-post .attachment-small-feature:focus,

section.featured-post .attachment-small-feature:active {

	opacity: .8;

}

article.feature-image.small {

	float: left;

	margin: 0 0 1.625em;

	width: 45%;

}

article.feature-image.small .entry-title {

	line-height: 1.2em;

}

article.feature-image.small .entry-summary {

	color: #555;

	font-size: 13px;

}

article.feature-image.small .entry-summary p a {

	background: #222;

	color: #eee;

	display: block;

	left: -23.8%;

	padding: 9px 26px 9px 85px;

	position: relative;

	text-decoration: none;

	top: 20px;

	width: 180px;

	z-index: 1;

}

article.feature-image.small .entry-summary p a:hover {

	background: #1982d1;

	color: #eee;

	color: rgba(255,255,255,0.8);

}



/* Large featured post */

section.feature-image.large {

	border: none;

	max-height: 288px;

	padding: 0;

	width: 100%;

}

section.feature-image.large .showcase-heading {

	display: none;

}

section.feature-image.large .hentry {

	border-bottom: none;

	left: 9%;

	margin: 1.625em 9% 0 0;

	position: absolute;

	top: 0;

}

article.feature-image.large .entry-title a {

	background: #222;

	background: rgba(0,0,0,0.8);

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

	display: inline-block;

	font-weight: 300;

	padding: .2em 20px;

}

section.feature-image.large:hover .entry-title a,

section.feature-image.large .entry-title:hover a {

	background: #eee;

	background: rgba(255,255,255,0.8);

	color: #222;

}

article.feature-image.large .entry-summary {

	display: none;

}

section.feature-image.large img {

	display: block;

	height: auto;

	max-width: 117.9%;

	padding: 0 0 6px;

}



/* Featured Slider */

.featured-posts {

	border-bottom: 1px solid #ddd;

	display: block;

	height: 328px;

	margin: 1.625em -8.9% 20px;

	max-width: 1000px;

	padding: 0;

	position: relative;

	overflow: hidden;

}

.featured-posts .showcase-heading {

	padding-left: 8.9%;

}

.featured-posts section.featured-post {

	background: #fff;

	height: 288px;

	left: 0;

	margin: 0;

	position: absolute;

	top: 30px;

	width: auto;

}

.featured-posts section.featured-post.large {

	max-width: 100%;

	overflow: hidden;

}

.featured-posts section.featured-post {

	-webkit-transition-duration: 200ms;

	-webkit-transition-property: opacity, visibility;

	-webkit-transition-timing-function: ease;

	-moz-transition-duration: 200ms;

	-moz-transition-property: opacity, visibility;

	-moz-transition-timing-function: ease;

}

.featured-posts section.featured-post {

	opacity: 0;

	visibility: hidden;

}

.featured-posts #featured-post-1 {

	opacity: 1;

	visibility: visible;

}

.featured-post .feature-text:after,

.featured-post .feature-image.small:after {

	content: ' ';

	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */

	width: 100%;

	height: 45px;

	position: absolute;

	top: 230px;

}

.featured-post .feature-image.small:after {

	top: 253px;

}

#content .feature-slider {

	top: 5px;

	right: 8.9%;

	overflow: visible;

	position: absolute;

}

.feature-slider ul {

	list-style-type: none;

	margin: 0;

}

.feature-slider li {

	float: left;

	margin: 0 6px;

}

.feature-slider a {

	background: #3c3c3c;

	background: rgba(60,60,60,0.9);

	-moz-border-radius: 12px;

	border-radius: 12px;

	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

	display: block;

	width: 14px;

	height: 14px;

}

.feature-slider a.active {

	background: #1982d1;

	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

	cursor: default;

	opacity: 0.5;

}



/* Recent Posts */

section.recent-posts {

	padding: 0 0 1.625em;

}

section.recent-posts .hentry {

	border: none;

	margin: 0;

}

section.recent-posts .other-recent-posts {

	border-bottom: 1px solid #ddd;

	list-style: none;

	margin: 0;

}

section.recent-posts .other-recent-posts li {

	padding: 0.3125em 0;

	position: relative;

}

section.recent-posts .other-recent-posts .entry-title {

	border-top: 1px solid #ddd;

	font-size: 17px;

}

section.recent-posts .other-recent-posts a[rel="bookmark"] {

	color: #373737;

	float: left;

	max-width: 84%;

}

section.recent-posts .other-recent-posts a[rel="bookmark"]:after {

	content: '-';

	color: transparent;

	font-size: 11px;

}

section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {

}

section.recent-posts .other-recent-posts .comments-link a,

section.recent-posts .other-recent-posts .comments-link > span {

	border-bottom: 2px solid #999;

	bottom: -2px;

	color: #444;

	display: block;

	font-size: 10px;

	font-weight: 500;

	line-height: 2.76333em;

	padding: 0.3125em 0 0.3125em 1em;

	position: absolute;

	right: 0;

	text-align: right;

	text-transform: uppercase;

	z-index: 1;

}

section.recent-posts .other-recent-posts .comments-link > span {

	border-color: #bbb;

	color: #888;

}

section.recent-posts .other-recent-posts .comments-link a:hover {

	color: #1982d1;

	border-color: #1982d1;

}

section.recent-posts .other-recent-posts li:after {

	clear: both;

	content: '.';

	display: block;

	height: 0;

	visibility: hidden;

}





/* =Attachments

----------------------------------------------- */



.image-attachment div.attachment {

	background: #f9f9f9;

	border: 1px solid #ddd;

	border-width: 1px 0;

	margin: 0 -8.9% 1.625em;

	overflow: hidden;

	padding: 1.625em 1.625em 0;

	text-align: center;

}

.image-attachment div.attachment img {

	display: block;

	height: auto;

	margin: 0 auto 1.625em;

	max-width: 100%;

}

.image-attachment div.attachment a img {

	border-color: #f9f9f9;

}

.image-attachment div.attachment a:focus img,

.image-attachment div.attachment a:hover img,

.image-attachment div.attachment a:active img {

	border-color: #ddd;

	background: #fff;

}

.image-attachment .entry-caption p {

	font-size: 10px;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	margin: 0 0 2.6em;

	text-transform: uppercase;

}





/* =Navigation

-------------------------------------------------------------- */



#content nav {

	clear: both;

	overflow: hidden;

	padding: 0 0 1.625em;

}

#content nav a {

	font-size: 12px;

	font-weight: bold;

	line-height: 2.2em;

}

#nav-above {

	padding: 0 0 1.625em;

}

#nav-above {

	display: none;

}

.paged #nav-above {

	display: block;

}

.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#content nav .meta-nav {

	font-weight: normal;

}



/* Singular navigation */

#nav-single {

	float: right;

	position: relative;

	top: -0.3em;

	text-align: right;

	z-index: 1;

}

#nav-single .nav-previous,

#nav-single .nav-next {

	float: none;

	width: auto;

}

#nav-single .nav-next {

	padding-left: .5em;

}





/* =Widgets

----------------------------------------------- */



.widget-area {

	font-size: 12px;

}

.widget {

	clear: both;

	margin: 0 0 2.2em;

}

.widget-title {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

}

.widget ul {

	font-size: 15px;

	margin: 0;

}

.widget ul ul {

	margin-left: 1.5em;

}

.widget ul li {

	color: #777;

	font-size: 13px;

}

.widget a {

	font-weight: bold;

	text-decoration: none;

}

.widget a:hover,

.widget a:focus,

.widget a:active {

	text-decoration: underline;

}



/* Search Widget */

.widget_search form {

	margin: 0 0 1.625em;

}

.widget_search #s {

	width: 77%;

}

.widget_search #searchsubmit {

	background: #ddd;

	border: 1px solid #ccc;

	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

	color: #888;

	font-size: 13px;

	line-height: 25px;

	position: relative;

	top: -2px;

}

.widget_search #searchsubmit:active {

	background: #1982d1;

	border-color: #0861a5;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	color: #bfddf3;

}



/* Ephemera Widget */

section.ephemera ol,

.widget_twentyeleven_ephemera ol {

	list-style: square;

	margin: 5px 0 0;

}

.widget_twentyeleven_ephemera .widget-entry-title {

	font-size: 15px;

	font-weight: bold;

	padding: 0;

}

.widget_twentyeleven_ephemera .comments-link a,

.widget_twentyeleven_ephemera .comments-link > span {

	color: #666;

	display: block;

	font-size: 10px;

	font-weight: 500;

	line-height: 2.76333em;

	text-transform: uppercase;

}

section.ephemera .entry-title .comments-link a:hover,

.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {

}

section.ephemera .entry-title a span {

	color: #29628d;

}



/* Twitter */

.widget_twitter li {

	list-style-type: none;

	margin-bottom: 14px;

}

.widget_twitter .timesince {

	display: block;

	font-size: 11px;

	margin-right: -10px;

	text-align: right;

}



/* Widget Image */

.widget_image img {

	height: auto;

	max-width: 100%;

}



/* Calendar Widget */



.widget_calendar #wp-calendar {

	color: #555;

	width: 95%;

	text-align: center;

}

.widget_calendar #wp-calendar caption,

.widget_calendar #wp-calendar td,

.widget_calendar #wp-calendar th {

	text-align: center;

}

.widget_calendar #wp-calendar caption {

	font-size: 11px;

	font-weight: 500;

	padding: 5px 0 3px 0;

	text-transform: uppercase;

}

.widget_calendar #wp-calendar th {

	background: #f4f4f4;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

}

.widget_calendar #wp-calendar tfoot td {

	background: #f4f4f4;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}





/* =Comments

----------------------------------------------- */



#comments-title {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	line-height: 2.6em;

	padding: 0 0 2.6em;

	text-transform: uppercase;

}

.nopassword,

.nocomments {

	color: #aaa;

	font-size: 24px;

	font-weight: 100;

	margin: 26px 0;

	text-align: center;

}

.commentlist {

	list-style: none;

	margin: 0 auto;

	width: 68.9%;

}

.content .commentlist,

.page-template-sidebar-page-php .commentlist {

	width: 100%; /* reset the width for the one-column and sidebar page layout */

}

.commentlist > li.comment {

	background: #f6f6f6;

	border: 1px solid #ddd;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin: 0 0 1.625em;

	padding: 1.625em;

	position: relative;

}

.commentlist .pingback {

	margin: 0 0 1.625em;

	padding: 0 1.625em;

}

.commentlist .children {

	list-style: none;

	margin: 0;

}

.commentlist .children li.comment {

	background: #fff;

	border-left: 1px solid #ddd;

	-moz-border-radius: 0 3px 3px 0;

	border-radius: 0 3px 3px 0;

	margin: 1.625em 0 0;

	padding: 1.625em;

	position: relative;

}

.commentlist .children li.comment .fn {

	display: block;

}

.comment-meta .fn {

	font-style: normal;

}

.comment-meta {

	color: #666;

	font-size: 12px;

	line-height: 2.2em;

}

.commentlist .children li.comment .comment-meta {

	line-height: 1.625em;

	margin-left: 50px;

}

.commentlist .children li.comment .comment-content {

	margin: 1.625em 0 0;

}

.comment-meta a {

	font-weight: bold;

}

.comment-meta a:focus,

.comment-meta a:active,

.comment-meta a:hover {

}

.commentlist .avatar {

	-moz-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: 0 1px 2px #ccc;

	-moz-box-shadow: 0 1px 2px #ccc;

	box-shadow: 0 1px 2px #ccc;

	left: -102px;

	padding: 0;

	position: absolute;

	top: 0;

}

.commentlist > li:before {

	content: url(images/comment-arrow.png);

	left: -21px;

	position: absolute;

}

.commentlist > li.pingback:before {

	content: '';

}

.commentlist .children .avatar {

	background: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	left: 2.2em;

	padding: 0;

	top: 2.2em;

}

a.comment-reply-link {

	background: #eee;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #666;

	display: inline-block;

	font-size: 12px;

	padding: 0 8px;

	text-decoration: none;

}

a.comment-reply-link:hover,

a.comment-reply-link:focus,

a.comment-reply-link:active {

	background: #888;

	color: #fff;

}

a.comment-reply-link > span {

	display: inline-block;

	position: relative;

	top: -1px;

}



/* Post author highlighting */

.commentlist > li.bypostauthor {

	background: #ddd;

	border-color: #d3d3d3;

}

.commentlist > li.bypostauthor .comment-meta {

	color: #575757;

}

.commentlist > li.bypostauthor .comment-meta a:focus,

.commentlist > li.bypostauthor .comment-meta a:active,

.commentlist > li.bypostauthor .comment-meta a:hover {

}

.commentlist > li.bypostauthor:before {

	content: url(images/comment-arrow-bypostauthor.png);

}



/* Post Author threaded comments */

.commentlist .children > li.bypostauthor {

	background: #ddd;

	border-color: #d3d3d3;

}



/* sidebar-page.php comments */

/* Make sure we have room for our comment avatars */

.page-template-sidebar-page-php .commentlist > li.comment,

.page-template-sidebar-page-php.commentlist .pingback {

	margin-left: 102px;

	width: auto;

}

/* And a full-width comment form */

.page-template-sidebar-page-php #respond {

	width: auto;

}



/* Comment Form */

#respond {

	background: #ddd;

	border: 1px solid #d3d3d3;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin: 0 auto 1.625em;

	padding: 1.625em;

	position: relative;

	width: 68.9%;

}

#respond input[type="text"],

#respond textarea {

	background: #fff;

	border: 4px solid #eee;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

	position: relative;

	padding: 10px;

	text-indent: 80px;

}

#respond .comment-form-author,

#respond .comment-form-email,

#respond .comment-form-url,

#respond .comment-form-comment {

	position: relative;

}

#respond .comment-form-author label,

#respond .comment-form-email label,

#respond .comment-form-url label,

#respond .comment-form-comment label {

	background: #eee;

	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);

	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);

	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);

	color: #555;

	display: inline-block;

	font-size: 13px;

	left: 4px;

	min-width: 60px;

	padding: 4px 10px;

	position: relative;

	top: 40px;

	z-index: 1;

}

#respond input[type="text"]:focus,

#respond textarea:focus {

	text-indent: 0;

	z-index: 1;

}

#respond textarea {

	resize: vertical;

	width: 95%;

}

#respond .comment-form-author .required,

#respond .comment-form-email .required {

	color: #bd3500;

	font-size: 22px;

	font-weight: bold;

	left: 75%;

	position: absolute;

	top: 45px;

	z-index: 1;

}

#respond .comment-notes,

#respond .logged-in-as {

	font-size: 13px;

}

#respond p {

	margin: 10px 0;

}

#respond .form-submit {

	float: right;

	margin: -20px 0 10px;

}

#respond input#submit {

	background: #222;

	border: none;

	-moz-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

	color: #eee;

	cursor: pointer;

	font-size: 15px;

	margin: 20px 0;

	padding: 5px 42px 5px 22px;

	position: relative;

	left: 30px;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);

}

#respond input#submit:active {

	background: #1982d1;

	color: #bfddf3;

}

#respond #cancel-comment-reply-link {

	color: #666;

	margin-left: 10px;

	text-decoration: none;

}

#respond .logged-in-as a:hover,

#respond #cancel-comment-reply-link:hover {

	text-decoration: underline;

}

.commentlist #respond {

	margin: 1.625em 0 0;

	width: auto;

}

#reply-title {

	color: #373737;

	font-size: 24px;

	font-weight: bold;

	line-height: 30px;

}

#cancel-comment-reply-link {

	color: #888;

	display: block;

	font-size: 10px;

	font-weight: normal;

	line-height: 2.2em;

	letter-spacing: 0.05em;

	position: absolute;

	right: 1.625em;

	text-decoration: none;

	text-transform: uppercase;

	top: 1.1em;

}

#cancel-comment-reply-link:focus,

#cancel-comment-reply-link:active,

#cancel-comment-reply-link:hover {

	color: #ff4b33;

}

#respond label {

	line-height: 2.2em;

}

#respond input[type=text] {

	display: block;

	height: 24px;

	width: 75%;

}

#respond p {

	font-size: 12px;

}

p.comment-form-comment {

	margin: 0;

}

.form-allowed-tags {

	display: none;

}





/* =Footer

----------------------------------------------- */



#colophon {

	clear: both;

}

#supplementary {

	border-top: 1px solid #ddd;

	padding: 1.625em 7.6%;

	overflow: hidden;

}



/* Two Footer Widget Areas */

#supplementary.two .widget-area {

	float: left;

	margin-right: 3.7%;

	width: 48.1%;

}

#supplementary.two .widget-area + .widget-area {

	margin-right: 0;

}



/* Three Footer Widget Areas */

#supplementary.three .widget-area {

	float: left;

	margin-right: 3.7%;

	width: 30.85%;

}

#supplementary.three .widget-area + .widget-area + .widget-area {

	margin-right: 0;

}



/* Site Generator Line */

#site-generator {

	background: #f9f9f9;

	border-top: 1px solid #ddd;

	color: #666;

	font-size: 12px;

	line-height: 2.2em;

	padding: 2.2em 0.5em;

	text-align: center;

}

#site-generator a {

	color: #555;

	font-weight: bold;

}

#site-generator .sep {

	background: url(images/wordpress.png) center left no-repeat;

	color: transparent;

	display: inline-block;

	height: 16px;

	line-height: 16px;

	margin: 0 7px;

	width: 16px;

}





/* =Responsive Structure

----------------------------------------------- */



@media (max-width: 800px) {

	/* Simplify the basic layout */

	#main #content {

		margin: 0 7.6%;

		width: auto;

	}

	#nav-below {

		border-bottom: 1px solid #ddd;

		margin-bottom: 1.625em;

	}

	#main #secondary {

		float: none;

		margin: 0 7.6%;

		width: auto;

	}

	/* Simplify the showcase template */

	.page-template-showcase-php .featured-posts {

		min-height: 280px;

	}

	.featured-posts section.featured-post {

		height: auto;

	}

	.page-template-showcase-php section.recent-posts {

		float: none;

		margin: 0;

		width: 100%;

	}

	.page-template-showcase-php #main .widget-area {

		float: none;

		margin: 0;

		width: auto;

	}

	.page-template-showcase-php .other-recent-posts {

		border-bottom: 1px solid #ddd;

	}

	/* Simplify the showcase template when small feature */

	section.featured-post .attachment-small-feature,

	.one-column section.featured-post .attachment-small-feature {

		border: none;

		display: block;

		float: left;

		height: auto;

		margin: 0.625em auto 1.025em;

		max-width: 30%;

		position: static;

	}

	article.feature-image.small {

		float: right;

		margin: 0 0 1.625em;

		width: 64%;

	}

	.one-column article.feature-image.small .entry-summary {

		height: auto;

	}

	article.feature-image.small .entry-summary p a {

		left: 0;

		padding-left: 20px;

		padding-right: 20px;

		width: auto;

	}

	/* Remove the margin on singular articles */

	.singular .entry-header,

	.singular .entry-content,

	.singular footer.entry-meta,

	.singular #comments-title {

		width: 100%;

	}

	/* Simplify the pullquotes and pull styles */

	.singular blockquote.pull {

		margin: 0 0 1.625em;

	}

	.singular .pull.alignleft {

		margin: 0 1.625em 0 0;

	}

	.singular .pull.alignright {

		margin: 0 0 0 1.625em;

	}

	.singular .entry-meta .edit-link a {

		left: 0;

		position: absolute;

		top: 40px;

	}

	.singular #author-info {

		margin: 2.2em -8.8% 0;

		padding: 20px 8.8%;

	}

	/* Make sure we have room for our comment avatars */

	.commentlist {

		width: 100%;

	}

	.commentlist > li.comment,

	.commentlist .pingback {

		margin-left: 102px;

		width: auto;

	}

	/* And a full-width comment form */

	#respond {

		width: auto;

	}

	/* No need to float footer widgets at this size */

	#colophon #supplementary .widget-area {

		float: none;

		margin-right: 0;

		width: auto;

	}

	/* No need to float 404 widgets at this size */

	.error404 #main .widget {

		float: none;

		margin-right: 0;

		width: auto;

	}



}

@media (max-width: 650px) {

	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */

	body, input, textarea {

		font-size: 13px;

	}

	#site-title a {

		font-size: 24px;

	}

	#site-description {

		font-size: 12px;

	}

	#access ul {

		font-size: 12px;

	}

	article.intro .entry-content {

		font-size: 12px;

	}

	.entry-title {

		font-size: 21px;

	}

	.featured-post .entry-title {

		font-size: 14px;

	}

	.singular .entry-title {

		font-size: 28px;

	}

	.entry-meta {

		font-size: 12px;

	}

	blockquote {

		margin: 0;

	}

	blockquote.pull {

		font-size: 17px;

	}

	/* Reposition the site title and description slightly */

	#site-title {

		padding: 5.30625em 0 0;

	}

	#site-title,

	#site-description {

		margin-right: 0;

	}

	/* Make sure the logo and search form don't collide */

	#branding #searchform {

		top: 1.625em !important;

	}

	/* Floated content doesn't work well at this size */

	.alignleft,

	.alignright {

		float: none;

		margin-left: 0;

		margin-right: 0;

	}

	/* Make sure the post-post navigation doesn't collide with anything */

	#nav-single {

		display: block;

		position: static;

	}

	.singular .hentry {

		padding: 1.625em 0 0;

	}

	.singular.page .hentry {

		padding: 1.625em 0 0;

	}

	/* Talking avatars take up too much room at this size */

	.commentlist > li.comment,

	.commentlist > li.pingback {

		margin-left: 0 !important;

	}

	.commentlist .avatar {

		background: transparent;

		display: block;

		padding: 0;

		position: static;

	}

	.commentlist .children .avatar {

		background: none;

		left: 2.2em;

		padding: 0;

		position: absolute;

		top: 2.2em;

	}

	/* Use the available space in the smaller comment form */

	#respond input[type="text"] {

		width: 95%;

	}

	#respond .comment-form-author .required,

	#respond .comment-form-email .required {

		left: 95%;

	}

	#content .gallery-columns-3 .gallery-item {

		width: 31%;

		padding-right: 2%;

	}

	#content .gallery-columns-3 .gallery-item img {

		width: 100%;

		height: auto;

	}



}

@media (max-width: 450px) {

	#content .gallery-columns-2 .gallery-item {

		width: 45%;

		padding-right: 4%;

	}

	#content .gallery-columns-2 .gallery-item img {

		width: 100%;

		height: auto;

	}



}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

	body {

		padding: 0;

	}

	#page {

		margin-top: 0;

	}

	#branding {

		border-top: none;

	}



}





/* =Print

----------------------------------------------- */



@media print {

	body {

		background: none !important;

		font-size: 10pt;

	}

	footer.entry-meta a[rel=bookmark]:link:after,

	footer.entry-meta a[rel=bookmark]:visited:after {

		content: " [" attr(href) "] "; /* Show URLs */

	}

	#page {

		clear: both !important;

		display: block !important;

		float: none !important;

		max-width: 100%;

		position: relative !important;

	}

	#branding {

		border-top: none !important;

		padding: 0;

	}

	#branding hgroup {

		margin: 0;

	}

	#site-title a {

		font-size: 21pt;

	}

	#site-description {

		font-size: 10pt;

	}

	#branding #searchform {

		display: none;

	}

	#branding img {

		display: none;

	}

	#access {

		display: none;

	}

	#main {

		border-top: none;

		box-shadow: none;

	}

	#primary {

		float: left;

		margin: 0;

		width: 100%;

	}

	#content {

		margin: 0;

		width: auto;

	}

	.singular #content {

		margin: 0;

		width: 100%;

	}

	.singular .entry-header .entry-meta {

		position: static;

	}

	.entry-meta .edit-link a {

		display: none;

	}

	#content nav {

		display: none;

	}

	.singular .entry-header,

	.singular .entry-content,

	.singular footer.entry-meta,

	.singular #comments-title {

		margin: 0;

		width: 100%;

	}

	.singular .hentry {

		padding: 0;

	}

	.entry-title,

	.singular .entry-title {

		font-size: 21pt;

	}

	.entry-meta {

		font-size: 10pt;

	}

	.entry-header .comments-link {

		display: none;

	}

	.page-link {

		display: none;

	}

	.singular #author-info {

		background: none;

		border-bottom: none;

		border-top: none;

		margin: 2.2em 0 0;

		padding: 0;

	}

	#respond {

		display: none;

	}

	.widget-area {

		display: none;

	}

	#colophon {

		display: none;

	}



	/* Comments */

	.commentlist > li.comment {

		background: none;

		border: 1px solid #ddd;

		-moz-border-radius: 3px 3px 3px 3px;

		border-radius: 3px 3px 3px 3px;

		margin: 0 auto 1.625em;

		padding: 1.625em;

		position: relative;

		width: auto;

	}

	.commentlist .avatar {

		height: 39px;

		left: 2.2em;

		top: 2.2em;

		width: 39px;

	}

	.commentlist li.comment .comment-meta {

		line-height: 1.625em;

		margin-left: 50px;

	}

	.commentlist li.comment .fn {

		display: block;

	}

	.commentlist li.comment .comment-content {

		margin: 1.625em 0 0;

	}

	.commentlist .comment-edit-link {

		display: none;

	}

	.commentlist > li::before,

	.commentlist > li.bypostauthor::before {

		content: '';

	}

	.commentlist .reply {

		display: none;

	}



	/* Post author highlighting */

	.commentlist > li.bypostauthor {

		color: #444;

	}

	.commentlist > li.bypostauthor .comment-meta {

		color: #666;

	}

	.commentlist > li.bypostauthor:before {

		content: none;

	}



	/* Post Author threaded comments */

	.commentlist .children > li.bypostauthor {

		background: #fff;

		border-color: #ddd;

	}

	.commentlist .children > li.bypostauthor > article,

	.commentlist .children > li.bypostauthor > article .comment-meta {

		color: #666;

	}



}





/* =IE7

----------------------------------------------- */



#ie7 article.intro {

	margin-left: -7.6%;

	margin-right: -7.6%;

	padding-left: -7.6%;

	padding-right: -7.6%;

	max-width: 1000px;

}

#ie7 section.featured-post {

	margin-left: -7.6%;

	margin-right: -7.6%;

	max-width: 850px;

}

#ie7 section.recent-posts {

	margin-right: 7.6%;

}



@media screen and (max-width: 768px) {
	#header {
		margin-top: 0px;
	}

}