/*

Theme Name: IMPEL

Theme URI: ...

Description: ...

Version: ...

Author: ...

Author ...



*/



/* Begin Typography & Colors */

html { min-height:100.125%}

body { text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; background: url('images/bg.jpg') repeat-x top center; margin:0; padding:0; line-height:1.4}

#page { margin:0 auto; width:960px; text-align:left;}



#header {}	

	#header h1, #header h1 a { float:left; height:110px; width:420px; overflow:hidden; background: url('images/logo.jpg') no-repeat; margin:0; padding:0}

	#header h1 span { float:left; margin-top:-999px;}



	.login { float:right; width:200px; margin:0 10px; padding:0 10px; line-height:24px; font-size:11px; color:#666; text-decoration:none; display:inline; height:24px; background:#FFF url('images/lock.gif') no-repeat right}



#menu {clear:both; background: url('images/menu.gif') repeat-x top; height:40px; margin-bottom:20px}

	#menu ul { list-style:none; width:720px; line-height:40px; margin:0; padding:0; float:left;}

		#menu ul li { float:left;}

			#menu ul li a { background-image: url('images/mu.gif'); height:40px; float:left; overflow:hidden}

				#menu ul li a span { float:left; margin-top:-999px;}

				

		#mi a{ width:102px; background-position:0 0}

			#mi a:hover, #mi .active {background-position:0 -40px}		

		#ma a{ width:105px; background-position:-102px 0}

			#ma a:hover, #ma .active {background-position:-102px -40px}

		#mp a{ width:114px; background-position:-207px 0}

			#mp a:hover, #mp .active {background-position:-207px -40px}

		#mn a{ width:98px; background-position:-321px 0}

			#mn a:hover, #mn .active {background-position:-321px -40px}

		#mb a{ width:90px; background-position:-419px 0}

			#mb a:hover, #mb .active {background-position:-419px -40px}

		#ml a{ width:92px; background-position:-509px 0}

			#ml a:hover, #ml .active {background-position:-509px -40px}

		#mc a{ width:119px; background-position:-601px 0}

			#mc a:hover, #mc .active {background-position:-601px -40px}



#searchform { float:right; margin:0; padding:0}

	#searchform div { margin:7px 10px 0 0; border:1px solid #494a46; padding:2px 2px 2px 24px; background:#fafafa url('images/search.gif'); background-repeat:no-repeat}

	#searchform #s { border:none; color:#666; background:#fafafa; width:125px; font-size:12px;}

	#searchform #searchsubmit { border:1px solid #8bb2d7; background:#76a7d5; color:#FFF; font-size:11px; font-weight:bold}

	

	.wpsb_form_txt { border:1px solid #d9d9d9; background:#fafafa; padding:5px; color:#666; width:200px;}

	.wpsb_form_btn { border:1px solid #8bb2d7; background:#76a7d5; color:#FFF; font-size:13px; font-weight:bold}

	

	.wpsb_form_label { margin:0; padding:3px 0}

	.submit { margin:10px 0 0 0; padding:0}

	

	.error { color:#FFF; background:#F00; font-weight:bold; padding:0 5px !important; margin-top:7px !important}

	.success { color:#FFF; background:#3C3; font-weight:bold; padding:0 5px !important; margin-top:7px !important}

 

#content {}



.widecolumn { float:left; width:720px; border-right:1px solid #d9d9d9;}

	.widecolumn .entry { padding:0 20px 20px 0}

		.widecolumn h2 { font-size:24px; padding:0; margin: 10px 0}

.narrowcolumn { float:left; width:239px; font-size:11px; line-height:1.5; border-left:1px solid #d9d9d9; margin-left:-1px; display:inline}



#latestNews { padding-top:50px; background:url('images/latest.gif') no-repeat top; margin-top:15px;}

	#latestNews .post { float:left; width:220px; margin:0 10px; display:inline; padding:0 0 15px 0;}

	#latestNews h2 { color:#7d7dbe; font-size:12px; margin:10px 0 5px 0; padding:0;}

		#latestNews h2 a { color:#7d7dbe; text-decoration:none}

	

	

	small  {font-size:11px; color:#3c3c3c}

	small a {color:#3c3c3c; text-decoration:none; font-weight:bold}

	

	#latestNews p { margin:0 0 1em 0; padding:0}



#footer {clear:both; text-align:right; line-height:40px; width:940px; padding:0 10px; background:#ececec; margin-bottom:20px; border-top:1px solid #d9d9d9; font-size:11px; color:#aaaaa9}

	#footer ul { list-style:none; line-height:40px; margin:0; padding:0; font-size:13px}

		#footer ul li { float:left; margin:0; padding:0}

		#footer ul a { color:#7d7e7a}

	#footer a { color:#aaaaa9}

		

#latestProjects { padding-top:50px;  background:url('images/lp.gif') no-repeat top; clear:both}	

#latestBlog { padding-top:45px;  background:url('images/rp.gif') no-repeat top;}	

	#latestProjects .post, #latestBlog .post { padding:0 10px 15px 10px;}

	

	.more-link { float:left; margin-top:1em; background:#f2f2f8; color:#7d7dbe}

	.more-link:hover { color:#70a2d2}



	#latestProjects h2, #latestBlog h2 { color:#7d7dbe; font-size:13px; margin:0 0 5px 0; padding:0; font-weight:normal}

		#latestProjects h2 a, #latestBlog h2 a {color:#7d7dbe; text-decoration:none}

		

		#latestProjects p, #latestBlog p { margin:0 0 1em 0; padding:0}

		

.submenu, .submenu ul { margin:10px 0 0 0; padding:0; list-style:none; float:left; width:120px;}

.submenu li { margin:0; padding:0}

.submenu a { float:left; width:109px; height:29px; background:#f0f0f8; text-decoration:none; line-height:29px; padding-left:10px; margin-bottom:2px;}

.submenu .current_page_item a { background:#fff1c9}



.smcol { float:left; width:580px; padding-left:20px;}

		

#subscribe { padding:45px 10px 0 10px;  background:url('images/sub.gif') no-repeat top;}



.navigation { clear:both}

.navigation .prev { float:left; width:47%; text-align:left; background:#f2f2f8;}

.navigation .next { float:right; width:47%; text-align:right; background:#f2f2f8; margin-right:2%; display:inline}



.navigation a { display:block; width:96%; padding:5px 2%; text-decoration:none; color:#7d7dbe; font-weight:bold; font-size:11px;}

.navigation a:hover {color:#f2f2f8; background:#7d7dbe;}



.brbo { border-bottom:1px solid #d9d9d9}

.square { font-size:13px; font-weight:normal; float:left; width:219px; height:119px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin:0 20px 20px 0; display:inline;}

	.links a, .square a { float:left; width:209px; background:#f9f9f9; height:109px; text-decoration:none; color:#7d7dbe; padding:5px;}

	.links a:hover, .square a:hover { background:#f2f2f8}

	

.postmetadata { padding:10px; background:#ffffe2; border:1px solid #e0dfb1;}

	

.links, .links li, .links ul { margin:0; padding:0; list-style:none}

	.links li { clear:both}
	.links ul li { float:left; width:239px; height:99px; clear:none}
	.links h2 { font-size:18px;}

	.links a {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin:0 20px 20px 0; display:inline; height:69px;}

a { color:#7d7dbe}

a:hover { color:#70a2d2}



#blurb .textwidget { padding-left:10px; width:700px;}

#blurb .textwidget h2 { margin:15px 0 30px 0; padding:0}

.sifrTrue h2 { font-size:24px;}



.blogbar h2 { font-size:18px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin:10px 0; padding:5px 0 0 10px}

.blogbar h3 { margin:0; padding:0; font-size:13px}

.blogbar li { margin:0 0 0 10px; padding:0; line-height:24px; list-style:none; border-bottom:1px dashed #CCC}

.blogbar ul { margin:0; padding:0}

.blogbar a { text-decoration:none}

		

.clear {

	clear: both;

}



/* easy clear */

.brbo:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.brbo {display:inline-block;}

/* Hide from IE Mac \*/

.brbo {display:block;}

/* End hide from IE Mac */



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}
.post img, .textwidget img {border:4px solid #e0e0e0}


/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}

/* End Entry Lists */







/* Begin Form Elements */

#searchform {



	}



#sidebar #searchform #s {



	}



#sidebar #searchsubmit {



	}



.entry form { /* This is mainly for password protected posts, makes them look better. */



	}



select {



	}



#commentform input {



	}



#commentform textarea {



	}



#commentform #submit {



	}

/* End Form Elements */







/* Begin Comments*/

.alt {



	}



.commentlist {



	}



.commentlist li {



	}



.commentlist p {

	}



#commentform p {

	}



.nocomments {



	}



.commentmetadata {



	}

/* End Comments */







/* Begin Sidebar */

#sidebar

{



	}



#sidebar form {

	}

/* End Sidebar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* End Various Tags & Classes*/







/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {



}



.wp-caption img {



}



.wp-caption p.wp-caption-text {



}

/* End captions */