/*
Theme Name: Laserfiche User News
Theme URI: http://laserfiche.com/
Description: Steve Coy's rad WP theme.
Version: 0.0.0.1
Author: Steve Coy

/* Global stuff */
p {margin: 0 0 15px 0;font-size: 12px;line-height: 1.4;color: #5a5a5a;}
a {color: #007db1; text-decoration:none; outline:none}
a:hover {color: #00b5d6; text-decoration:underline}
a img {border: none;}
h1 {color:#666; font: 28px Arial, Helvetica, sans-serif}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, h4 a:hover, #wp-calendar caption, cite {text-decoration: none;}
h2.pagetitle {margin: 7px 15px 0;padding: 0;color: #007db1;font: 24px Arial, Helvetica, sans-serif; font-weight: bold}
h2 {margin: 0px;padding: 10px 0;color: #007db1;font: 24px Arial, Helvetica, sans-serif; text-align:left;}
h3 {margin: 0 0 10px 0;padding: 0; font: bold 16px Arial, Helvetica, sans-serif;color: #5a5a5a;}
h4 {margin: 5px 0;padding: 0;font: 14px Arial, Helvetica, sans-serif;color: #013658;}
h5 {padding: 0;margin: 5px 0 5px 0; font: 12px Verdana, Arial, Helvetica, sans-serif;	}
h6 {padding: 0; margin: 0 0 5px 0; font: 12px Verdana, Arial, Helvetica, sans-serif;}
h3#comments, h3#respond {padding: 0;margin: 20px 0 20px 24px;}
hr {display: none}
small, .small, #footer p {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #444; line-height: 1.4}
body {margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif}
#page {width: 900px;margin-left: auto;margin-right: auto;padding: 0px 4px; background: url(http://www.laserfiche.com/images/newsite/interface/bg-container-1.gif) repeat-y scroll left center}

/*header*/
#header {float: left; width: 900px;clear: both;}
#headerimg-left {width: 654px;float: left; height: 130px}
	#headerimg-left-short {width: 654px;float: left; height: 130px}
#headerimg-right {width: 245px;float: right;padding-left: 1px; }
#headerimg-left .description { width: 654px; height: 32px; line-height:32px; font: 18px Arial, Helvetica, sans-serif; color:#d15b05}
#logo {float:left; padding-left: 27px}
#tagline {float:right; margin: 15px 0 0}
#logo-tagline {display:block; clear:both; width: 908px; height: 40px; background: #fff; margin-left: -4px}

/* Main Navigation
------------------------*/
#navwrap {background:#013658; height:40px; width:100%}
#mainnav {margin: 0; list-style: none; font-weight: bold; height: 40px; background: #013658; padding-left: 20px; float:left}
#mainnav li {float: left; position:relative; font-size: 12px;list-style: none; height: 40px; line-height: 40px}
#mainnav li a {color: #FFFFFF;text-decoration: none; line-height: 40px; padding: 7px 12px 12px 8px; border-left: 1px solid #013658;}
#mainnav li a:hover, #mainnav li:hover {background: url(http://www.laserfiche.com/images/newsite/interface/bg-topnav.gif) repeat-x bottom #013658; color: #007db1;}
#mainnav li:hover a,  #mainnav li.sfhover a {color: #007db1; border-left: 1px solid #9fc4cd;}
#mainnav li li {height:27px; line-height: 27px}
#mainnav li:hover li a {font: bold 11px Arial, Helvetica, sans-serif; border:none; color: #013658; width: 158px; display: block; margin: 0; height:27px; line-height: 27px; padding:  0 6px 0 12px}
#mainnav li li a:hover {color: #ffffff;background: #9fc4cd; text-decoration: none; height:27px; line-height: 27px}
#mainnav li ul {position: absolute;width: 175px;left: -999em;background: #e3f3f8;clear: both;border: 1px solid #9fc4cd;border-top:none;z-index: 10000000; padding: 0; margin:0; _display: none; line-height: 1}
#mainnav li ul li {/*clear: both;*/}
#mainnav li:hover ul, #mainnav li.sfhover ul {left: auto; *left: 0; *top: 40px}
#mainnav li:hover ul ul {display:none}
#mainnav #rss #rssicon {float:right; padding: 4px}
/*#mainnav li:hover, #mainnav li.sfhover {background: url(../../images/newsite/interface/bg-topnav.gif) repeat-x bottom #013658;}*/

/*main content area*/
#content {border-right: 1px #c6dbe0 solid; overflow:hidden; float:left; width: 653px; _width: 650px; padding-bottom: 15px}
.post {margin: 15px 15px 0;}
.postmetadata {clear: both; font:10px Verdana, Arial, Helvetica, sans-serif; margin: 0; text-align: center; line-height: 1.5; padding: 10px 0; text-transform:uppercase}
	.postmetadata a{color: #d15b05}
	.postmetadata a:hover {color:#013658}
.entry {border-top: 1px #c6dbe0 solid; margin: 5px 0 0; padding: 15px 0 0}
	.entry table {font: 12px Arial, Helvetica, sans-serif;}
		.entry table td {border-bottom: 1px #c6dbe0 solid}
a.more-link {float:right; font-weight: bold; border: 1px #c6dbe0 solid; padding:3px; background-color: #eff6f8; margin-bottom: 7px}
.alt {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

/* special front page news zones */
#headlines {width: 623px; clear:both; float:left; margin: 0 0 15px; padding: 15px 15px 0}
#othernews {width: 623px; clear:both; padding: 0px 15px}
#topstory {background: #f4f4f4; border: 1px #d7d7d7 solid; width: 350px; float:left; padding: 10px;}
	#topstory h2 {font-weight: bold}
	#topstory img {max-width: 300px; height:auto}
	#topstory p {font:11px Verdana, Arial, Helvetica, sans-serif}
#pr, #nl-blog {
	width: 220px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 10px;
}
#focusedArticle p a{display:inline-block; margin:30px auto 0px; }
#usernews {border-right: 1px #C6DBE0 solid; width: 301px; float:left; padding: 15px 15px 0 0}
	#usernews p {font:10px Verdana, Arial, Helvetica, sans-serif; margin: 4px 0; padding: 0 0 4px; border-bottom: 1px #d7d7d7 solid}
	#usernews h4 {font: bold 12px Verdana, Arial, Helvetica, sans-serif}
		#usernews h4 a {color:#013658;}
		#usernews h4 a:hover {color:#00b5d6}

#customerstories, #gme, #gfp, #pulse {float:right; width: 286px; padding: 15px 0 0 15px}

#blogs {background: #eff6f8; border-color: #c6dbe0; border-width: 1px; border-style: solid; padding:10px; float: left; width: 603px; margin:15px 0 0; _width: 593px}
	#blogs ul, #pr ul, #customerstories ul, #gme ul, #gfp ul, #pulse ul {font: 10px Verdana, Arial, Helvetica, sans-serif; color:#007db1; margin: 0 0 0 15px; padding:0}
	#blogs li {float: left; width: 290px; _width: 280px; margin: 5px}
#pr li {background: url(http://www.laserfiche.com/images/newsite/interface/bull-sq-orange2.gif) no-repeat left 3px; padding: 0px 0 7px 12px;}
#pr ul a {text-decoration: underline}
#usernews h1, #blogs h1, #pr h1, #customerstories h1, #gme h1, #gfp h1, #pulse h1 {font: bold 14px Arial, Helvetica, sans-serif; margin: 0 0px 7px; border-bottom: 1px #d7d7d7 solid; padding: 0 0 3px 0; font-variant:small-caps; color:#7c7c7c}
#customerstories li, #gfp li, #gme li, #pulse li {background: url(http://www.laserfiche.com/images/newsite/interface/arr-blu1.gif) no-repeat left 3px; padding: 0 0 7px 10px; font-size: 10px}
.author {float:left; display: block}

/*luminaries and laserfiche staff identifiers */

.luminary {background: url(http://www.laserfiche.com/images/newsite/interface/user_lum.png) no-repeat right center; margin: 0}
.laserfiche-staff {background: url(http://www.laserfiche.com/images/newsite/interface/user_lf.png) no-repeat right center; margin:0}
.user-icon {margin: 0px 0 -3px 3px; display:inline}
.user-title {font: italic 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c; border-bottom: 1px #c6dbe0 solid; display: block; text-align:right; margin: 0 0 2px; padding: 0 0 4px}
	
	
/*PR contact and recommended articles module */
	
.pr-contact {float: right; width: 162px; border: 1px #c6dbe0 solid; background: #f4f4f4; padding: 10px; text-align:left}
.post .pr-contact {margin: 0 0 15px 15px; }
.popular, .box {background: #eff6f8; border: 1px #c6dbe0 solid; padding: 7px; margin: 12px 0px; min-height:90px}
.pr-contact h4, .popular h4 {font-weight:bold}


/*************************************************sidebar*/
#sidebar {font: 12px Arial, Helvetica, sans-serif; padding: 15px; float:right; width: 215px;}
	#sidebar h2 {font: 13px Verdana, Arial, Helvetica, sans-serif; color: #d15b05; border-bottom: 1px #c6dbe0 solid; padding: 0 0 7px 0}
	.ctc a:hover {text-decoration: underline}
	#sidebar h2.homelink {font-weight: bold; border: 0; margin-bottom:12px; background: url(http://www.laserfiche.com/images/newsite/interface/blog_home_icon.gif) center left no-repeat;}
		h2.homelink a, h2.homelink a:visited {font-weight: bold; color: #013658; padding: 12px 0 0 36px; display: block; height: 32px; line-height: 32px}
		h2.homelink a:hover {color: #00b5d6}
.archive-dropdown {width: 190px}
#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;background: none}
	#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px; background: none}
		#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 2px 0 0 10px ;}
		#sidebar ul ul li {background: url(http://www.laserfiche.com/images/newsite/interface/arr-orange3.gif) no-repeat 0px 4px; padding: 0 0 0 10px;}
			li.cat-item{font-weight: bold}
			.children .cat-item {font-weight: normal}
			#sidebar ul ul ul li {background: url(http://www.laserfiche.com/images/newsite/interface/arr-blu1.gif) no-repeat 0px 5px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #013658}
	#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
		#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 0px;}
			#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
	#sidebar #subscription {font-weight: bold; color: #555}
		#sidebar #subscription li {background-image: none; padding: 3px 0; font-weight: bold}
		#sidebar #subscription #login {float: right;font: italic 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c;}
	#sidebar #register #login a {color: #013658;}
	#sidebar #register #rss {}
	#sidebar form {margin: 0;}
	

/***************************************footer */
#footer {background: none; clear:both; width:880px; margin: 0 auto 20px; padding:10px 0px 10px;border-top: 1px solid #D15B05;}
	#footer p {color:#67869B;font-family:Arial,Helvetica,sans-serif;padding-left:10px;}
#footnav {clear:both;color:#013658;width:802px;}
	#footnav a {color:#013658;display:block;float:left;padding:10px;text-decoration:none;}
	#footnav a:hover {background-color:#D1DFE9;}

/*****************************************comments and entries*/

.commentlist li, #commentform input, #commentform textarea {font: 0.9em Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold; }
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform {margin: 0 24px 10px}
	#commentform p {font-family: Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}


/*********************************  Images, sidebars and pull quotes */
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 0 0 0 8px; margin: 0 0 13px 13px; display: inline; border-left: 1px #c6dbe0 solid}
img.alignleft {padding: 0 8px 0 0; margin: 0 13px 13px 0; display: inline; border-right: 1px #c6dbe0 solid}
.alignright {float: right;}
.alignleft {float: left}

.wp-caption {background: #eff6f8; border: 1px solid #c6dbe0; padding: 5px 0 }
	.wp-caption img {margin: 0 auto 5px; display: block}
	.wp-caption p.wp-caption-text {text-align:center; font-size: 10px!important; margin: 0 5px}
	
.wp-caption.alignleft {margin: 0 12px 12px 0}
.wp-caption.alignright {margin: 0 0px 12px 12px}
div.pullquote, blockquote.pullquote {}
div.sidebar {background: #eff6f8; border: 1px solid #c6dbe0; padding: 5px; width: 30%;float: left;clear: left;margin: 0 20px 20px 0;}

div.sidebar.alignright {margin: 7px 0 7px 12px; padding:10px;}
div.sidebar.alignleft {margin: 7px 12px 7px 0; padding:10px;} 


/*here's what we call "legacy" styling for the images before upgrading to wp 2.7*/
.imageright {float: right; clear: right;margin: 0px 0px 15px 15px;border-left: 1px #ccc solid; padding: 10px;max-width: 225px;background: #EFF6F8;border:1px #c6dbe0 solid}
.imageleft {float: left;clear:left;margin: 0px 15px 15px 0px;border-right: 1px #ccc solid;padding: 10px;max-width: 225px;background: #EFF6F8;border:1px #c6dbe0 solid}
div.imageright img, div.imageleft img {	max-width: 215px; display: block; margin: 0 auto 7px} 
div.imageleft p.caption {font-size: 10px; text-align:right; margin: 0}
div.imageright p.caption {font-size: 10px; text-align:left; margin: 0}
p.pullquote {font: 14px Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; text-align:left; line-height: 1.6; color:#013658}


/* Begin Lists*/

#content ul {margin: 7px 0;padding: 0px;list-style: none;} 
.entry ol {padding: 0 0 0 20px;margin: 0;}
.entry ol li {font: 12px Arial, Helvetica, sans-serif; color:#013658;margin: 0 0 10px;padding: 0;}
.entry ul li {font: 12px Arial, Helvetica, sans-serif; color:#5a5a5a; line-height:1.6; background: url(http://www.laserfiche.com/images/newsite/interface/arr-orange3.gif) no-repeat 0px 6px; padding: 0 0 0 10px; list-style-type: none;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
.popular ul li {margin: 0 0 5px; background: url(http://www.laserfiche.com/images/newsite/interface/bull-sq-orange2.gif) no-repeat left 3px; padding: 0 0 0 15px; font: 10px Verdana, Arial, Helvetica, sans-serif}
.entry .pr-contact li, .entry .popular li {font:10px Verdana, Arial, Helvetica, sans-serif}
.imageright ol li, .imageleft ol li {font-family: "Trebuchet MS", arial, sans-serif}

/* End Entry Lists */


/* Begin Form Elements */
li#search div {height: 23px; margin: 10px 0 0}
li#search #s {float: left; width:100px}
li#search #searchsubmit {float:right; padding:none; width:100px}
 .form {text-align:center;}
select {width: 130px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;}
#commentform #submit {margin: 7px 0;float: right;}

/* Begin Comments*/
.alt {margin: 0;padding: 7px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0px 3px 1px;padding: 7px 24px;list-style: none; word-wrap: break-word}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
/* End Comments */

.center {text-align: center;}
.navigation {display: block;text-align: center;padding: 0px 15px 35px;color: #013658;min-height: 10px;height:10px}
	.navigation div {width: 49%; padding: 0 0 5px 0; font: 12px Arial, Helvetica, sans-serif}
	.navigation .alignleft {text-align: left; margin: 0}
	.navigation .alignright {text-align: right; margin: 0}
	.navigation a {font: 10px Verdana, Arial, Helvetica, sans-serif; color:#d15b05}


/*Hacks for IE6 */

.pr {_margin: 10px 8px 0; }
h2.homelink a:hover {color: #00b5d6}
#popular li {#background-position: 0px 7px}


/* social links */
ul#actions{display:block; margin-bottom:20px; }
ul#actions li, #top_actions li{list-style:none !important; background:none; float:left; padding:0 10px 0 0 !important;}

#print{display:inline-block; float:right !important;}
#print a{background:url(img/print.png) top right no-repeat; padding-right:25px;}

/* twitter */

#twitter_div{margin-top:10px; color:#777; line-height:16px;}
#twitter_update_list li{background:url(http://www.laserfiche.com/images/newsite/interface/arr-orange3.gif) no-repeat 0px 4px !important;
padding: 0 0 0 10px;}
#twitter_update_list li > a {display:block; margin-top:5px;}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}