/*  
Theme Name: Origami
Theme URI: http://www.jennifersemtner.com/
Description: The original design for jennifersemtner.com
Version: 1.0
Author: Jennifer Semtner
Author URI: http://jennifersemtner.com
*/


body {
	margin:0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background:url(images/bg.gif) repeat-x 0 215px;
	min-width:780px;
}
a {
	outline:none;
	color:#004db6;
	text-decoration:underline;
}
a:hover {
/*	color: #739932; */
	color: #000000;
}
form {
	margin:0;
}
img {
	border:none;
}
code {
  background-color:#eeeeee;
  padding:2px 5px;
  display:block;
  margin: 5px 10px;
}
#fullpage {
	width:1125px;
	min-height:600px;
	margin:0 auto;
	position:relative;
}
#page {
	width:780px;
	min-height:600px;
	position:relative;
	float:left;
}
#menu {
	position:absolute;
	top:0;
	left:0;
}
#googleadsense {
	position:relative;
	float:right;
	top:115px;
	width:300px;
}
#googleadsense .fixed {
	position:fixed;
}
.nav {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:49px;
	width:780px;
}
.nav li {
	float:left;
}
.nav a, .nav a:hover, .nav li.active a {
	background: url(images/menu.gif) no-repeat;
	position:relative;
	display:block;
	color: transparent;
	height: 31px;
	z-index: 101;
}
.edit-entry { padding-left: 15px; }
.nav a span { visibility: hidden; }

a#nav-home { width: 117px; background-position: 0 0; position: relative; z-index: 102; }
a#nav-home:hover { width: 117px; background-position: 0 -31px; position: relative; z-index: 102; }
li.active a#nav-home { width: 117px; background-position: 0 -62px; position: relative; z-index: 102; }
a#nav-resume { width: 131px; background-position: -117px 0; }
a#nav-resume:hover { width: 131px; background-position: -117px -31px; }
a#nav-portfolio { width: 140px; background-position: -248px 0; }
a#nav-portfolio:hover { width: 140px; background-position: -248px -31px; }
a#nav-about { width: 120px; background-position: -388px 0; }
a#nav-about:hover { width: 120px; background-position: -388px -31px; }
a#nav-contact { width: 139px; background-position: -508px 0; }
a#nav-contact:hover { width: 139px; background-position: -508px -31px; }
a#nav-links { width: 133px; background-position: -647px 0; }
a#nav-links:hover { width: 133px; background-position: -647px -31px; }

#main { position: static; background-color: #fff; }
#main-outer { border: 1px solid #004db6; border-width: 0 1px; margin-top: 31px; }
#main-inner { background: url(images/border.gif) top left repeat-y; padding: 0 0 0 10px; }
#content { min-height: 400px; padding: 0 10px 0 0; background: url(images/border.gif) top right repeat-y; }
#content .top-section {  padding: 15px 0; background-color: #ffffff; min-height: 350px; }
#content .bottom-section { padding: 8px 15px 25px; background-color: #d0ed9e; border-top: 1px solid #b6d384; clear: both; min-height: 50px; }
#copyright-notice { background-color: #004db6; overflow: hidden; padding: 3px 5px; text-align: right; height: 12px; }
#copyright-notice span { padding-right: 7px; }
#copyright-notice a, #copyright-notice span { position: relative; display: block; float: right; }

#search { padding: 0 12px 6px; float: right; position: relative; z-index: 102; }
#search .searchbox { position: relative; float: left; background: url(images/search-left-bg.gif) top left no-repeat; width: 140px; margin-right: 6px; }
#search .searchbox  div { background: url(images/search-right-bg.gif) top right no-repeat; width: 140px; height: 18px; }
#search .searchbox input { position: relative; top: -1px; border-width: 0; font-size: 13px; margin: 0 12px; width: 116px; background-color: transparent; }
#search .searchbox input.active-search { color: #666666; }
#search .searchbox input.inactive-search { color: #cccccc; }
#search .searchimg { float: left; position: relative; margin-top: 1px; }

.bottom-section .categories , .bottom-section .archive { width: 359px; position: relative; float: left; }
.bottom-section h3 { margin: 0 0 4px 0; font-size: 20px; color: #739932; font-weight: normal; text-transform: lowercase; }
.bottom-section ul { 	list-style: none; margin: 0; padding: 0; text-indent: 0; }
.bottom-section ul.top-level { padding-left: 4px; position: relative; top: -3px; }
.bottom-section li { margin-left: 10px; padding-left: 8px; background: url(images/footer-bullet.gif) 0 8px no-repeat; }
.bottom-section li a { font-weight: bold; font-size: 12px; }
.bottom-section .footer-clear { clear: both; }

#top-right-corner img { position:relative; left:734px; z-index:103; }
#bottom-left-corner img { position:relative; z-index:103; top:-30px; }
#top-right-corner, #bottom-left-corner { position:absolute; z-index: 103; }

#content-links { background: url(images/links.jpg) bottom right no-repeat; }

h2.title { text-transform: lowercase; font-weight: normal; }
.page h2.title, .post h2.title { margin: 0; padding: 0 0 0 20px; white-space: nowrap; font-size: 26px; position: relative; z-index: 101; padding-top: 7px; color: #004DB6; }
.page h2.title a, .post h2.title a { text-decoration: none; }
.post .info-bar { background-color: #d0ed9e; border: 1px solid #b6d384; border-width: 1px 0; padding: 2px 15px 2px 25px; position: relative; top: -3px; z-index: 100; width: 718px; }
.post .info-bar .publish-date { float: right; }
.post .info-bar .publish-date, .post .info-bar .author { font-size: 11px; color: #739932; }
.post .info-bar .author a { font-weight: bold; }
.post .entry, .page .entry { margin-top: 0; padding: 0 15px 0 25px; }
.post div.postmetadata { color: #aaaaaa; font-size: 12px; padding: 6px 15px 40px 25px; position: relative; float: left; }
.post div.add-this { text-align: right; padding: 6px 25px 0 0; float: right; position: relative; }
.post .postmetadata a { font-weight: bold; }
.post ol { margin: 0; text-indent: 0; padding: 0 0 0 35px; }
.post blockquote { margin: 0; padding: 0 0 0 35px; }
.error .bubble-404 { float: left; position: relative; width: 201px; margin: 20px 30px; }
.error .text-404 { float: left; position: relative; width: 480px; margin-top: 15px; }
.error .text-404 ul { text-indent: 0; padding: 0; margin: 4px 0 0; list-style: none; }
.error .text-404 li { background: url(images/star-bullet-blue.gif) 12px 4px no-repeat; padding: 0 0 0 35px; line-height: 24px; }
.error .clear-both { clear: both; }

.notitle .resume-toc { position: relative; float: right; clear: right; top: 8px; width: 213px; margin-right: 15px; }
.resume-toc .top { background: url(images/graybox-corners.png) 0 0 no-repeat; }
.resume-toc .top div { background: url(images/graybox-corners.png) 100% -9px no-repeat; }
.resume-toc .top div div { background-image: none; background-color: #f6f6f6; margin: 0 9px; border-top: 1px solid #729f12; height: 8px; }
.resume-toc .middle { background-color: #f6f6f6; border: 1px solid #729f12; border-width: 0 1px; }
.resume-toc .bottom { background: url(images/graybox-corners.png) 0 -18px no-repeat; }
.resume-toc .middle ul { margin: 0; text-indent: 0; padding: 15px 25px; list-style-type: none; }
.resume-toc .middle li { padding-bottom: 12px; }
.resume-toc .middle li a { font-size: 20px; color: #004db6; text-decoration: underline; }
.resume-toc .middle li a:hover { text-decoration: none; }
.resume-toc .bottom div { background: url(images/graybox-corners.png) 100% -27px no-repeat; }
.resume-toc .bottom div div { background-image: none; background-color: #f6f6f6; margin: 0 9px; border-bottom: 1px solid #729f12; height: 8px; }.resume-origami { position: relative; float: right; width: 237px; bottom: 149px; margin-right: 15px; }
.resume-content .resume-obj { padding: 0 20px 20px; margin: 0; }
.resume-content .resume-employment, .resume-content .resume-education, .resume-content .resume-skills { padding: 0 20px 5px; }
.resume-content .resume-skills { padding-bottom: 13px; }
.resume-content .resume-skills ul { text-indent: 0; padding: 0; margin: 0; list-style: none; }
.resume-content .resume-skills li { background: url(images/star-bullet-green.gif) 0 5px no-repeat; padding: 0 0 7px 25px; }
.resume-content .emp-left, .resume-content .edu-left { float: left; position: relative; }
.resume-content .emp-right, .resume-content .edu-right { float: right; position: relative; }
.resume-content .job-title, .resume-content .degree { font-size: 14px; font-weight: bold; }
.resume-content .time-frame { font-size: 14px; text-align: right; }
.resume-content .employer, .resume-content .school { font-size: 12px; font-style: italic; }
.resume-content .location { font-size: 12px; text-align: right; }
.resume-content p.description { padding: 5px 10px 20px; margin: 0; clear: left; }
.resume-origami div { position: absolute; }

.notitle .resume-content { }
.notitle .edit-entry { clear: both; }
.portfolio .portfolio-header { margin-left: 20px; }
.portfolio h2, .notitle h2 { margin: 0; padding: 7px 0 0; white-space: nowrap; font-size: 26px; font-weight: normal; color: #004db6; position: relative; z-index: 101; color: #004db6; }
.notitle h2 { padding-left: 20px; }
.portfolio-header .border, .resume-header .border, .page .border { border-top: 1px solid #b6d384; height: 1px; position: relative; top: -10px; z-index: 100; margin-top: 4px; }
.portfolio-header .border div, .resume-header .border div, .page .border div { border-top: 1px solid #d0ed9e; }
.resume-header .border div { margin-right: 1px; }
.portfolio .portfolio-title { font-size: 20px; color: #739932; font-weight: normal; }
ul#portfolio-carousel { list-style: none; margin: 10px 10px 0; padding: 0; overflow: hidden; position: relative; }
ul#portfoli-carousel li { display: inline; list-style: none; }
ul#portfolio-carousel .portfolio-item-container { display: block; width: 200px; }
.portfolio-description { font-size: 13px; display: block; padding: 2px 0 0 5px; }
.portfolio-clientname { display: block; padding-top: 15px; font-weight: bold; font-size: 12px; }
.portfolio-clientname a { font-weight: bold; font-size: 12px; }
.portfolio-contractdate { font-size: 11px; color: #666666; }
.portfolio-txt-container { padding-left: 4px; display: block; }

#side-buttons { position: absolute; top: 101px; z-index: 200; }
#side-buttons div.login { position: relative; left: 779px; }
#side-buttons div.admin { position: relative; left: 779px; top: 2px; }
#side-buttons .login-buttons { position: absolute; }

#loginWindow { position: relative; left: 590px; display: none; }
#loginWindow .login-bg { position: absolute; width: 190px; }
#loginWindow .login-transparent { opacity: 0.85; filter: alpha(opacity=85); position: relative; z-index:200; }
#loginWindow .login-top { background: url(images/graybox-corners.png) 0 0 no-repeat; }
#loginWindow .login-top div { background: #f5f5f5; margin-left: 9px; border: 1px solid #679800; border-width: 1px 1px 0 0; height:8px; }
#loginWindow .login-middle { background: #f5f5f5; border: 1px solid #679800; border-width: 0 1px; height: 235px; }
#loginWindow .login-bottom { background: url(images/graybox-corners.png) 0 -18px no-repeat; }
#loginWindow .login-bottom div { background: url(images/graybox-corners.png) 100% -27px no-repeat; }
#loginWindow .login-bottom div div { background: #f5f5f5; background-image: none; margin: 0 9px; border-bottom: 1px solid #679800; height: 8px; }

#loginWindow .login-form { position: relative; z-index: 201; width: 189px; }
#loginWindow .login-close { position: absolute; width: 182px; text-align: right; padding: 7px 7px 0 0; }
#loginWindow .login-title { padding: 8px 13px 6px 10px; color: #96c251; text-transform: lowercase; }
#loginWindow .login-username, #loginWindow .login-password { text-transform: lowercase; padding: 10px 13px 0; font-size: 16px; font-weight: bold; color: #666666; }
#loginWindow .login-username input, #loginWindow .login-password input { text-transform: none; text-align: center; padding: 3px 5px; border: 1px solid #c5c5c5; width: 152px; font-size: 14px; color: #666666; }
#loginWindow .login-remember { text-align: right; padding: 8px 13px 15px; font-size: 12px; color: #666666; }
#loginWindow .login-remember input { position: relative; top: 2px; }
#loginWindow .login-submit { text-align: right; padding: 10px; }

.contact h2, .contact h2 { margin: 0; padding: 0 0 5px 20px; white-space: nowrap; font-size: 26px; font-weight: normal; color: #004db6; position: relative; z-index: 101; }
.contact .info-bar { background-color: #d0ed9e; border: 1px solid #b6d384; border-width: 1px 0; padding: 2px 15px 2px 35px; position: relative; top: -8px; z-index: 100; }
.contact .cwa_subheader { font-size: 12px; color: #739932; }
.contact .contact_info { margin: 12px 0 20px; }
.contact .contact_info td { vertical-align: middle; }
.contact td.contact_cell1 { width: 165px; text-align: right; padding: 0 12px 17px 0; font-size: 14px; color: #004db6; font-weight: bold; }
.contact td.contact_cell2 { width: 275px; padding: 0 10px 12px 0; }
.contact td.contact_cell3 { width: 261px; padding: 0 35px 12px 0; color: #bd390b; font-size: 12px; font-weight: bold; }
.contact .contact_info td.contact-msg { vertical-align: top; padding-top: 2px; }
.contact .contact-error { display: none; }
.contact .contact_submit { text-align: center; padding-top: 12px; }
.contact .contact_textbox { width: 275px; height: 25px; background: url(images/txtbox_bg.gif) top left no-repeat; padding: 3px; }
.contact .contact_textbox  input { padding: 1px 4px; width: 261px; font-size: 14px; border-width: 0; background-color: transparent; }
.contact .contact_textarea { width: 275px; height: 120px; background: url(images/txtarea_bg.gif) top left no-repeat; padding: 3px; }
.contact .contact_textarea  textarea { padding: 1px 4px; width: 261px; height: 112px; font-size: 14px; border-width: 0; background-color: transparent; }
.contact .contact-captcha { border: 1px solid #739932; }
.contact .sent-success { margin-top: 65px; }
.contact .email-sent { margin: 0 25px 0 45px; float: left; position: relative; }
.contact .contact-thanks { padding-top: 20px; }

.links h2 { margin: 0; padding: 0 0 5px 20px; white-space: nowrap; font-size: 26px; font-weight: normal; cursor: pointer; color: #004db6; }
.links h2.title { padding-top: 7px; }
.links .links-body { position: relative; top: -8px; }
.links .link-cat0 { position: relative; float: left; width: 375px; clear: left; }
.links .link-cat0 h2, .links .link-cat1 h2 { margin: 0; color: #799e39; font-size: 14px; font-weight: bold; padding: 2px 32px; background-color: #d0ed9e; border: 1px solid #b6d384; font-weight: normal; }
.links .link-cat0 h2 { border-width: 1px 1px 1px 0; }
.links .link-cat1 h2 { border-width: 1px 0 1px 1px; }
.links .link-cat1 { position: relative; float: right; width: 375px; clear: right; }
.links .link-cat0 ul, .links .link-cat1 ul { text-indent: 0; padding: 0; margin: 12px 0 30px 20px; list-style: none; }
.links .link-cat0 li, .links .link-cat1 li { background: url(images/star-bullet-blue.gif) 12px 4px no-repeat; padding: 0 0 0 35px; line-height: 24px; }

.single div.postmetadata { padding-bottom: 10px; }
.single p.postmetadata { padding: 0 25px; color: #333; margin: 0; }
.comments { background-color: #d0ed9e; border: 1px solid #b6d384; margin: 35px 25px 15px; padding: 5px 10px 8px; }
.comments h3 { margin: 0; padding: 0; white-space: nowrap; font-size: 20px; cursor: pointer; color: #333; }
.comments h3#respond, .comments h3#comments { margin-bottom: 3px; }
.comments p { margin: 0 0 2px; font-size: 11px; color: #333; }
.comments textarea { width: 684px; margin: 10px 0; border: 1px solid #b6d384; }
.comments ol.commentlist { border: 1px solid #b6d384; background-color: #fff; margin: 5px 0 25px; padding: 2px 0 2px 30px; text-indent: 0; }
.comments ol.commentlist li { padding: 5px 0 10px; }
.comments ol.commentlist small { font-size: 11px; }
.comments ol.commentlist li, .comments ol.commentlist li cite { font-size: 14px; color: #333; }
.comments ol.commentlist li cite { font-weight: bold; }
.comments ol.commentlist li .user-comment { margin: 5px 10px 0 0; padding: 0 10px; background-color: #eee; }
.comments ol.commentlist li p { margin: 0; padding: 8px 0; font-size: 14px; }
.comments p label small { font-size: 11px; }
p.comment-submit { text-align: center; }

.archive h2 { margin: 0; padding: 0 0 0 20px; white-space: nowrap; font-size: 26px; font-weight: normal; cursor: pointer; color: #004db6; }
.archive h2.pagetitle { }
.archive .read-more { color: #004db6; text-align: right; font-size: 13px; }
.archive .archive-post { margin: 0 20px 15px; padding: 4px 10px 8px; background-color: #eee; border: 1px solid #ddd; }
.archive .archive-post h3 { margin: 0; }

.alignleft { text-align: left; float: left; position: relative; }
.alignright { text-align: right; float: right; position: relative; }
.clearboth { clear: both; }

.search-results h2 { margin: 0; padding: 0 0 0 20px; white-space: nowrap; font-size: 26px; font-weight: normal cursor: pointer; color: #004db6; }
.search-results h2.pagetitle { }
.search-results a.search-post { display: block; padding: 4px 10px 8px; margin: 0 20px 15px; background-color: #eee; border: 1px solid #ddd; text-decoration: none; }
.search-results a.search-post h3 { text-decoration: underline; }
.search-results a.search-post small { text-decoration: none; color: #000; }
.search-results a.search-post:hover { background-color: #d0ed9e; border: 1px solid #b6d384; }
.search-results .search-post h3 { margin: 0; }

.searchform { padding: 10px 20px; }
.searchform .searchform_tb { width: 275px; height: 25px; background: url(images/txtbox_bg.gif) top left no-repeat; padding: 3px; float: left; position: relative; margin-left: 10px; }
.searchform .searchform_submit { float: left; position: relative; }
.searchform .searchform_tb input { padding: 1px 4px; width: 261px; font-size: 14px; border-width: 0; background-color: transparent; }

#about { display:inline-block; }

/* Stack Overflow Styles */
#stackoverflow { float:right; position:relative; margin:5px; padding:2px; background-color:#fffbc2; border:1px solid #eee9A0; }
.valuable-flair { font-size:12px; height:50px; padding:3px; width:200px; }
.valuable-flair .gravatar { float:left; position:relative; }
.valuable-flair .gravatar img { width:50px; -ms-interpolation-mode:bicubic; border:1px solid #eee9A0; }
.valuable-flair .userInfo { float:right; text-align:right; }
.valuable-flair .userInfo .username { line-height:16px; }
.valuable-flair .userInfo .username a { color:#004DB6;font-weight:bold; font-size:14px; padding-left:5px; }
.valuable-flair .badge1 { color:#ffcc00; font-size:120%; margin-left:3px; }
.valuable-flair .badge2 { color:#c0c0c0; font-size:120%; margin-left:3px; }
.valuable-flair .badge3 { color:#CC9966; font-size:120%; margin-left:3px; }
.valuable-flair .reputation-score { color:#739932; font-size:120%; font-weight:bold; margin-right:2px; }
.valuable-flair .badgecount { color:#739932; padding-left:1px; }

/* @font-face */
@font-face { font-family: "Liberation Sans Regular"; src: local("Liberation Sans Regular"), url("fonts/LiberationSans-Regular.ttf") format("truetype"); }

h2.title, h2.title a, h2.pagetitle, h3 { font-family: "Liberation Sans Regular", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.portfolio .portfolio-title { font-family: "Liberation Sans Regular", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-left: -2px; }
#copyright-notice { font-family: "Liberation Sans Regular", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 11px; }
#loginWindow .login-username, #loginWindow .login-password { font-family: "Liberation Sans Regular", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
#loginWindow .login-title { font-family: "Liberation Sans Regular", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 26px; }