/* CSS Document */

/**************************************************************

   Written by Colby Palmer
   http://www.colbypalmer.com
   This page styles html elements for the day site.

 **************************************************************/
 
html {
	height : 100%;
}

body {
	height : 100%;
	width : 100%;
	margin : 0;
	padding : 0;
	text-align : center;
	font : 500 12px "lucida grande", tahoma, verdana, arial, sans-serif;
	letter-spacing: 1px;
	line-height : 170%;
	background: #fff url(../images/header_day_bg.jpg) repeat-x top left;
	color : #111;
	border-top: 2px solid #666;
}

a:link {
	text-decoration : none;
	color : #c00;
}

a:visited {
	text-decoration : none;
	color : #c00;
}

a:focus {
	text-decoration : underline;
	color : #5da9f5;
	outline: none;
	
}

a:hover {
	text-decoration : underline;
	color : #5da9f5;
}

a:active {
	text-decoration : underline;
	color : #5da9f5;
}

img {
	border: 0;
}

pre { width: 96%; margin: 10px auto; padding: 8px; border: 1px solid black; overflow: auto; }
code { font:0.9em Monaco,"Courier New",Courier,monospace!important; line-spacing: 1.3em; }


/**************************************************************

   Header styles: Keep 'em clean and come out fighting.

 **************************************************************/
 
 
p {
 	text-align: justify;
 	margin: 0 12px;
}
  
h1 {
 	font: 700 32px/0 "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: -1px;
	color : #1fbd2a;
	padding: 10px;
}

h1 a:link {
	color: #379707;
}

h1 a:visited {
	color: #379707;
}

h1 a:focus {
	color: #F09000;
}

h1 a:hover {
	color: #F09000;
}

h1 a:active {
	color: #F09000;
}

h1.title {
	position: relative;
	top: -32px;
	margin-top: 0;
	padding: 0;
}

* html h1.title {
	margin-top: 0;
	left: 14px;
	z-index: 100;
}

h1.menuTitle {
	position: relative;
	top: -32px;
	margin-top: 0;
	margin-left: 20px;
	padding: 0;
}

* html h1.menuTitle {
	margin-top: 0;
	left: 34px;
	z-index: 100;
}

.subtitle {
	font: 700 24px/0 "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: -1px;
	position: relative;
	top:-29px;
	margin: 0;
	padding: 0;
	/* width: 100%; */
	text-align: right;
	color: #1fbd2a;
}

* html .subtitle {
	position: relative;
	top: -28px;
	right: 14px;
	z-index: 100;
}

.subtitleLarge {
	font: 700 32px/0 "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: -1px;
	position: relative;
	top:-32px;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #1fbd2a;
}

* html .subtitleLarge {
	margin-top: 0;
	right: 14px;
	z-index: 100;
}

.titleOpen {
	position: relative;
	top: 10px;
	margin-left: 10px;
	padding: 0;
}

* html .titleOpen {
	top: 7px;
	margin-top: 10px;
}

hr.line66 {
	color: white;
	height: 0px;
	width: 66%;
	border-bottom: 1px solid #666;
	margin: 14px 0 0;
}

hr.line66right {
	color: white;
	height: 0px;
	width: 66%;
	border-bottom: 1px solid #666;
	margin: 14px 0 0 34%;
}

hr.line100 {
	color: white;
	height: 0px;
	width: 100%;
	border-bottom: 1px solid #666;
	margin: 14px 0 0 auto;
}


/**************************************************************

   Form styles: My big, cartoony, happy contact form.

 **************************************************************/
 
form, fieldset {
	width: 94%;
	border : 0;
	padding : 0;
	margin : -25px 4% -25px 2%;
	font : 700 28px "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: -1px;
	color : #F09000;
}

* html form, fieldset {
	width: 88%;
}

input, select, textarea {
	width : 100%;
	margin : -2px 0px 10px;
	padding : 5px 8px;
	border: 1px solid #aaa;
	background : #ccc url(../images/dotsBottom.jpg) bottom left repeat-x;
	color : #333;
	font: 400 24px Georgia, "Times New Roman", Times, serif;
	line-height : 1.0em;
}

input.inputSm { margin : -8px 12px 10px 0; width: 94%; }

textarea.message {
	width: 102%;
	margin : -2px -5px 10px 0;
	padding: 5px 0 5px 8px;
	font-size: 18px;
}

input:focus, select:focus, textarea:focus {
	background-color : #ccc;
}

.submit {
	float: right;
	width : 90px;
	height : 36px;
	margin : 12px -22px 0 0;
	padding : 0;
	background : transparent;
	display : block;
	border: none;
	font: 700 24px "Trebuchet MS", verdana, arial, sans-serif;
	color: #379707;
	outline : none;
}

* html .submit {
	margin-right : 0;
	voice-family : "\"}\"";
	voice-family : inherit;
	margin-right : 0;
}

.ccBtn {
	margin: 0 -18px 2px 0;
	text-align: right;
	clear: both;
	display: none;
}

input#selfCC {
	width: 20px;
	height: 20px;
	margin: 0 0 0 8px;
	display: inline;
	float: right;
	border: 1px solid #aaa;
}

.ccText {
	font : 700 16px "Trebuchet MS", verdana, arial, sans-serif;
	display: inline;
	float: right;
}

#loadBar {
	font : 700 16px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
	margin: 9px 0 -47px 23px;
	letter-spacing: -1px;
	clear: both;
}

#emailSuccess {
	font : 700 16px "Trebuchet MS", verdana, arial, sans-serif;
	color: #1fbd2a;
	margin: 23px 0 -40px 23px;
	letter-spacing: -1px;
	clear: both;
}

.contactLoader {
	margin-top: -50px;
}


/**************************************************************

   Resume styles: Title/Date display etc.

 **************************************************************/
 
#skills {
 	text-align: left;
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	color: #333;
	margin : 0 0 0 31px;
	padding : 0;
	list-style: none;
}

#skills li {
	background: url(../images/starOrange.gif) no-repeat left;
	vertical-align: middle;
	padding : 5px 0 5px 24px;
	line-height: 24px;
}

li.indent {
	margin-left: 1em;
}

#starList {
 	text-align: left;
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	color: #333;
	margin : 0 0 0 10px;
	padding : 0;
	list-style: none;
}

#starList li {
	background: url(../images/starOrange.gif) no-repeat left;
	vertical-align: middle;
	padding : 5px 0 5px 24px;
	line-height: 24px;
}
li.compactStarList { line-height: 4px ! important; }

#starList li a:link, #starList li a:visited {
	text-decoration: none;
	color: #111;
	display: block;
}

#starList li a:hover, #starList li a:active {
	text-decoration: none;
	color: #e00;
}

#starList2 {
 	text-align: left;
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	color: #333;
	margin : -24px 0 0 22px;
	padding : 0;
	width: 90px;
	float: left;
	list-style: none;
}

#starList2 li {
	background: url(../images/starOrange.gif) no-repeat left;
	vertical-align: middle;
	padding : 5px 0 5px 24px;
	line-height: 24px;
}

#starList2 li a:link, #starList2 li a:visited {
	text-decoration: none;
	color: #555;
	display: block;
}

#starList2 li a:hover, #starList2 li a:active {
	text-decoration: none;
	color: #e00;
}

#starList2.listLinkDark li a:link, #starList2.listLinkDark li a:visited {
	text-decoration: none;
	color: #111;
	display: block;
}

#starList2.listLinkDark li a:hover, #starList2.listLinkDark li a:active {
	text-decoration: none;
	color: #e00;
}

.eduTitle {
	margin : 10px 0 0 5px;
	text-align : left;
	font : 700 22px "Trebuchet MS", verdana, arial, sans-serif;
	color : #F09000;
	letter-spacing : -1px;
	line-height : 170%;
}

.eduDesc {
	text-align: right;
	margin: -5px 5px 5px 0;
	padding: 4px 0;
	font: 500 12px "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #333;
	letter-spacing: 0;
	line-height: 140%;
}

.workPic {
	float: left;
	display: block;
	clear: left;
	width: 150px;
	height: 100%;
	margin: 0 20px 40px 8px;
	padding: 0;
}
 
 .workPlace {
 	display: block;
 	font : 700 22px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
	letter-spacing: -1px;
	margin: -5px 0 0 177px;
}

.workPlace a:link, .workPlace a:visited {
	color : #f09000;
	text-decoration : none;
}

.workPlace a:hover {
	color : #5da9f5;
	text-decoration : underline;
}
	
.workTitle {
	font : 700 16px "Trebuchet MS", verdana, arial, sans-serif;
	margin: 0;
	letter-spacing: -1px;
	color: #333;
}

.workDate {
	font : 700 italic 16px "Trebuchet MS", verdana, arial, sans-serif;
	margin: 0;
	letter-spacing: -1px;
	color: #333;
}

.workDesc {
	text-align: justify;
	margin: .5em 0 0em;
	letter-spacing: 0;
	line-height: 140%;
}

.resHeader {
	background : transparent url(../images/owl_day125resume.jpg) no-repeat bottom left;
	padding: 1.5em .5em .5em 0;
}

.resTitle {
	position: relative;
	top: 15px;
	margin: -20px 0 0px 128px;
	padding: 0;
	font : 700 46px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
	letter-spacing: -2px;
}

.resDesc {
	margin: 18px 0 -20px 140px;
	font : 700 16px "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: 1px;
}

.resPrintBtn {
	width: 50%;
	height: 42px;
	background: transparent;
	margin: -40px auto 1em;
	padding: 0;
	font : 700 18px "Trebuchet MS", verdana, arial, sans-serif;
}

.resPrintL {
	margin: 0;
	padding: 0;
	width : 19px;
	height: 42px;
	background: #89BCF8 url(../images/btnResumePrintL.jpg) no-repeat;
	display: block;
	float: left;
}

* html .resPrintL {
	margin-right: -3px;
}

.resPrintR {
	margin: 0 auto 0 0;
	padding: 0;
	width : 19px;
	height: 42px;
	background: #89BCF8 url(../images/btnResumePrintR.jpg) no-repeat;
	display: block;
	float: right;
}

* html .resPrintR {
	margin-left: -3px;
}

.resPrintMid {
	margin: 0;
	padding: 0;
	height: 42px;
	background: transparent url(../images/btnResumePrintBG.jpg) repeat-x right;
}

* html .resPrintMid {
	margin: -14px 0 0;
}

.resPrintTitle {
	margin: 0 0 0 20px;
	padding: 10px 0 0 12px;
	color: #333;
}

* html .resPrintTitle {
	margin: 14px 0 0 10px;
}

.resPrintHover {
	height: 42px;
	margin: -18px 10px 0 20px;
	padding:  0 0 0 0;
	display: inline;
	float: right;
	vertical-align: middle;
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	background: transparent;
	color: #666;
}

* html .resPrintHover {
	margin: -19px 10px 0 20px;
}

.resPrintHover a:link {
	height: 42px;
	display: inline;
	color: #666;
	text-decoration: none;
}

.resPrintHover a:visited {
	color: #666;
	text-decoration: none;
}

.resPrintHover a:hover {
	margin: 0;
	padding: 0;
	color: #e00;
	background: transparent;
	height: 42px;
	text-decoration: none;
}

.resPrintHover a:active {
	margin: 0;
	padding: 0;
	color: #e00;
	background: transparent;
	height: 42px;
	text-decoration: none;
}

.divider {
	width: 500px;
	height: 43px;
	margin: 0 auto;
	padding: 0 0 6px;
	background: #fff url(../images/divider.jpg) no-repeat top;
}


/**************************************************************

Entry Styles: For entries (resume/portfolio) on a gray background.

 **************************************************************/
 
 
.entry {
	height: 100%;
	border : 1px solid #aaa;
	background: #ccc url(../images/dotsTop.jpg) repeat-x top left;
	margin : 5px 22px 5px;
	padding: 0;
}

.entryInner {
	height: 100%;
	background: transparent url(../images/dotsBottom.jpg) repeat-x bottom left;
	margin : 0;
	padding: 35px 15px 35px 10px;
	text-align: justify;
}

.resumeList {
	float: left;
	margin: -55px 0 0 140px;
	list-style: none;
	text-align: left;
}

* html .resumeList {
	margin: -70px 0 0 95px;
}

.resumeList li {
	float: left;
	display: block;
	clear: both;
	margin-top: 2px;
	margin-bottom: 2px;
}

.resumeList li a:link, .resumeList li a:visited {
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	color : #5da9f5;
}

.resumeList li a:hover, .resumeList li a:active {
	color : #f09000;
}


/**************************************************************

   Portfolio styles: Ajax menu bar and entry display.

 **************************************************************/
 
 #menuBar div {
	background: url(../images/menuBtn233_btm.jpg) no-repeat bottom left;
	margin: -18px auto 22px;
	padding-bottom: 9px;
	padding-right: 8px;
	width: 226px;
	border: none; 
}

#menuBar h3 {   
	background: url(../images/menuBtn233_top_B.jpg) no-repeat 0 0;
   	margin: 0 auto;
	cursor: pointer;
        /* height + padding-top = 28px */
    height: 23px;
	padding-top: 5px;
        /* width + padding-left = 233px */
    width: 194px;
	padding-left: 39px;
	font : 21px "Trebuchet MS", verdana, arial, sans-serif;
	color: #666;
	letter-spacing: -1px;
}

* html #menuBar h3 {
	margin: 0 auto -4px;
}

#menuBar h3.invisible {
	background: url(../images/menuBtn233_top_A.jpg) no-repeat 0 0;
}

#menuBar ul {
	background: white;
	border-left: 2px solid #A7A7A7;
	border-right: 2px solid #A7A7A7;
	margin: 0 auto;
	width: 211px;
	padding: 10px 0 6px 18px;
	font : 17px "Trebuchet MS", verdana, arial, sans-serif;
	color: #666;
	letter-spacing: -1px;
	line-height: 150%;
	list-style: none;
}

* html #menuBar ul {
	line-height: 90%;
}

#menuBar li a:link, #menuBar li a:visited {
	display: block;
	color: #666;
}

#menuBar ul a:hover {
	color: #f09000;
	text-decoration: none;
}

.thumbFrame {
	background: url(../images/thumbFrame.jpg) no-repeat top center;
	width: 436px;
	height: 168px;
	margin: 10px auto;
	padding: 0;
}

.pfThumb {
	display: inline;
	width: 201px;
	height: 133px;
	float: left;
	margin: 6px 6px;
	text-align: center;
}

* html .pfThumb {
	margin: 6px 5px;
}

.pfThumb img {
	border: 1px solid black;
}

.pfThumb a:link div, .pfThumb a:visited div {
	display: block;
	color: white;
}

.pfThumb a:hover div, .pfThumb a:active div {
	color:  #f09000;
	text-decoration: none;
}

.pfThumb a:link div.enlarge, .pfThumb a:visited div.enlarge {
	display: block;
	color: #333;
}

.pfThumb a:hover div.enlarge, .pfThumb a:active div.enlarge {
	color:  #f09000;
	text-decoration: none;
}

.pfSpacer {
	float: left;
	display: inline;
	width: 8px;
	height: 133px;
	margin: 0;
	padding: 0;
}

.enlarge {
	font: 700 10px "lucida grande", tahoma, verdana, arial, sans-serif;
	color: white;
	margin-top: 5px;
	letter-spacing: 0px;
}

.pfCardFrame {
	background: transparent;
	width: 436px;
	margin: 10px auto;
	padding: 0;
}

.pfCardCol {
	display: inline;
	width: 208px;
	float: left;
	margin: 0;
	text-align: left;
}

.pfTitle {
	font : 700 23px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
	letter-spacing: -1px;
	margin: 13px 0 6px;
}

.pfSubTitle {
	font : 700 italic 13px "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #333;
	letter-spacing: -1px;
}

.pfDesc {
	font : 500 12px "lucida grande", tahoma, verdana, arial, sans-serif;
	letter-spacing: 0px;
	line-height: 160%;
	margin: 6px 0;
	text-align: left;
}

.pfContrib {
	font : 700 18px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
	letter-spacing: -1px;
	margin: 0 0 6px;
}

.pfCardDetails {
	background: #BDBDBD url(../images/pfCardDetailsBG.jpg) no-repeat top center;
	margin: 8px 0 0 0;
	padding: 40px 6px 6px 12px;
	border-bottom: 8px solid #999;
}

.pfCardDetailsTitle {
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	color: #666;
	letter-spacing: -1px;
	margin: 10px 0;
}

.pfCardDetailsDesc {
	float: right;
	display: inline;
	font : 500 11px "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #333;
	letter-spacing: 0px;
	margin: 2px 5px 10px 0px;
	text-align: left;
}

.pfCardDetailsBtn {
	width: 86px;
	height: 31px;
	background: #bdbdbd url(../images/btn_visitSite.jpg) no-repeat;
	margin: 15px 0 10px 100px;
	text-align: center;
}
	
.pfCardDetailsBtn a:link, .pfCardDetailsBtn a:visited {
	font : 700 16px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
	letter-spacing: -1px;
	display: block;
	margin: 10px auto 10px;
	padding-top: 6px;
}

* html .pfCardDetailsBtn a:link, * html .pfCardDetailsBtn a:visited {
	margin: 0;
	padding-top: 3px;
}

.pfCardDetailsBtn a:hover, .pfCardDetailsBtn a:active {
	text-decoration : none;
	color : #5da9f5;
	outline: none;
}

/**************************************************************

   Index styles: My mutable home page.

 **************************************************************/
 
 img#indexCard { margin: -20px -20px 0 10px; }
 
 img#indexCardSm { margin: -22px 10px 0 10px; float: right; display: inline; }
 
 .indexCardText { margin: -24px 0 0; width: 256px; }
 
 #my_twitter_status_time { display:block; font-size: 11px; font-style: italic; text-align: right; }
 
 /**************************************************************

   Blog styles: My X-cellent blog.

 **************************************************************/
 
.blogEntry {
	border-bottom: 1px dashed #333;
	margin-bottom: 24px;
}
.blogTitle {
	font : 700 28px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
	letter-spacing: -1px;
	margin: 0 0 0 -6px;
}
.blogTitle a:link, .blogTitle a:visited { color: #f09000; }
.blogTitle a:hover, .blogTitle a:active { color: #5da9f5; }
.blogSubTitle {
	font : 500 italic 14px "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #333;
	letter-spacing: 0px;
	margin: 0 0 0 5px;
}
.blogSummary { text-align: left; letter-spacing: normal; margin: 0 0 1.5em 6px; font-size:13px; }
ul.nav_categories {list-style: none; }
.blogText { text-align: left; letter-spacing: normal; margin: 0 0 1.5em 6px; font-size:13px; }
.blogText p { text-align: left; margin: 1em 0 1em 6px; }
#blogPic { border: 3px double #333; }
input.blogInput { margin : 12px 10px 10px 10px; width:178px; float: left; display: inline; }
#menuTagsBody li { float:left; margin: 0 8px 0 -4px; list-style: none; display: inline; }

.submitSm {
	float: left;
	width : 36px;
	height : 39px;
	margin : 12px 0 0 0;
	padding : 0 0 6px;
	background : #eee;
	display : inline;
	border: 2px solid #aaa;
	font: 700 18px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
	outline : none;
	cursor: pointer;
}
.submitMed {
	float: left;
	width : 110px;
	height : 39px;
	margin : 12px 10px 0 0;
	padding : 1px 0 5px;
	background : #eee;
	display : inline;
	border: 2px solid #aaa;
	font: 700 18px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
	outline : none;
	cursor: pointer;
}

.starListBlog {
 	text-align: left;
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	color: #555;
	margin : 0px 0 -12px 25px;
	padding : 0;
	list-style: none;
}

.starListBlog li {
	background: url(../images/starOrange.gif) no-repeat left;
	vertical-align: middle;
	padding : 5px 0 5px 24px;
	line-height: 10px;
}
.starListBlog li a:link, .starListBlog li a:visited {
	color: #555;
}
.starListBlog li a:hover, .starListBlog li a:active {
	color: #e00;
}
.blogText h3 {
	font : 700 18px "Trebuchet MS", verdana, arial, sans-serif;
	color: #444;
	margin: 0 0 -16px;
	padding: 0;
}

.blogFullLink a {
	display: block;
	margin: 1em 0 0;
	padding: 0;
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
}

.blogText blockquote {
	font : 16px Georgia, "Times New Roman", Times, serif;
	color: #555;
	line-height: 1.3em;
	border-left: 4px solid #5da9f5;
	padding-left: 0.5em;
	font-style: italic;
}

input.blogCheckbox {
	width: 20px;
	height: 20px;
	margin: 0 0 0 8px;
	display: inline;
	border: 1px solid #aaa;
}
.smallTextBlog {
	font : 500 italic 14px "Trebuchet MS", verdana, arial, sans-serif;
	color: #333;
}
.blogInputLabel {
	font : 700 18px "Trebuchet MS", verdana, arial, sans-serif;
	color: #1fbd2a;
	letter-spacing: -1px;
	margin: 0;
}
.blogDetails { text-align: right; font-size: 10px; margin-top: -10px; }
.date { display: inline; }
.blogInputNote { color:#555; margin: -20px 0 -5px 16px; font: 700 14px 'Trebuchet MS', verdana, arial; }
.photoCaption { float: right; clear: right; font: italic 500 10px 'Trebuchet MS', verdana, arial; color: #555; display: block; margin: 0 0 10px 10px; }
.photoCaption a:link, .photoCaption a:visited { color: #333; text-decoration: none; }
.photoCaption a:hover, .photoCaption a:active { color: #e00; text-decoration: none; }
.commentEntry {
	height: 100%;
	border : 1px solid #aaa;
	background: #ccc url(../images/dotsTop.jpg) repeat-x top left;
	margin : 5px 22px 15px;
	padding: 0;
}

.commentEntryInner {
	height: 100%;
	background: transparent url(../images/dotsBottom.jpg) repeat-x bottom left;
	margin : 0;
	padding: 15px 15px 35px 10px;
	text-align: left;
	letter-spacing: normal;
}
.commentEntryInner p { margin: .85em 0; }
.rssLink {
	background:  transparent;
	vertical-align: middle;
	margin: -20px 0 0 20px;
	padding : 8px 0 8px 0px;
	line-height: 36px;
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	color: #555;
	display: block;
}
.rssLink a:link, #rssLink a:visited { color: #555; }
.rssLink a:hover, #rssLink a:active { color: #e00; }
.rssLink img  { margin: -7px 10px 0 0; float: left; }
.rssLink img a { text-decoration: none; }

#lijit input#lwp_sfd { margin : 0px 10px 10px 2px; padding: 10px 6px; width:216px; float: left; display: inline; border:1px solid #aaa; font: 400 14px Georgia, "Times New Roman", Times, serif; }
#lwp_cloud a:link { font-family: "Trebuchet MS", Verdana, Arial, sans-serif ! important; }
#lijit input#lwp_3_searchbutton { 
	margin: 12px 0 5px 62px;
	width : 110px;
	height : 39px;
	padding : 1px 0 5px;
	background : #eee;
	display : inline;
	border: 2px solid #aaa;
	font: 700 18px "Trebuchet MS", verdana, arial, sans-serif;
	color: #f09000;
	outline : none;
	cursor: pointer;
}
#lijit #lwp_surprise_btn { 
	margin: 12px 0 5px 0 ! important;
	width : 110px ! important;
	height : 39px ! important;
	padding : 2px 0 4px ! important;
	background : #eee ! important;
	display : inline ! important;
	border: 2px solid #aaa ! important;
	font: 700 16px "Trebuchet MS", verdana, arial, sans-serif ! important;
	letter-spacing: 0px ! important;
	color: #f09000 ! important;
	outline : none ! important;
	cursor: pointer ! important;
}
#lwp_logo { margin: -20px 0 0 ! important; z-index: 150 ! important; }
#lwp_ps { font-family: "Trebuchet MS", Verdana, Arial, sans-serif ! important; letter-spacing: 0px ! important; color: #555; }

.reader-publisher-module {
 	text-align: left;
	font : 700 11px "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: normal;
	color: #333;
	margin : -4px 0 0 -24px;
	padding : 0;
	float: left;
	list-style: none;
}

.reader-publisher-module li {
	background: url(../images/starOrange.gif) no-repeat left;
	vertical-align: middle;
	padding : 5px 8px 5px 24px;
	line-height: 16px;
	list-style: none;
}

.reader-publisher-module li a:link, .reader-publisher-module li a:visited {
	text-decoration: none;
	color: #555;
	display: block;
}

.reader-publisher-module li a:hover, .reader-publisher-module li a:active {
	text-decoration: none;
	color: #e00;
}
.f a:link, .f a:visited { 
	margin: 12px 0 5px 103px ! important;
	width : 110px ! important;
	height : 26px ! important;
	padding : 8px 0 0 0 ! important;
	background : #eee ! important;
	display : block ! important;
	border: 2px solid #aaa ! important;
	font: 700 14px "Trebuchet MS", verdana, arial, sans-serif ! important;
	letter-spacing: 0px ! important;
	color: #f09000 ! important;
	outline : none ! important;
	cursor: pointer ! important;
	text-align: center ! important;
 }
 .f a:hover, .f a:active { color: #e00 ! important; text-decoration: none ! important; }

/*****  This is for the Photos permalink page  *****/
div#permalink p { text-align: left; margin: 0; font-weight: normal; font-size: 12px; }