/* Theme Name: Napkyn Theme URI: http://www.napkyn.com/ Description: The theme for the Napkyn.com Version: 1.0.0 Author: XAdvance Author URI: http://www.xadvance.com/ */ /* ----------------------------------------------------------------------------- Text Formatting -----------------------------------------------------------------------------*/ .cen { text-align: center; } .r { text-align: right; } .l { text-align: right; } .alignleft { float: left; margin: 0 1em 1em 0; } .alignright { float: right; margin: 0 1em 1em 0; } .rfloat { float: right; margin: 0 0 1em 1em; } .lfloat { float: left; margin: 0 1em 1em 0; } .line { white-space: nowrap; } .clear { clear: both; } .bumper { clear: both; font-size: 0.1em; margin: 0; } /* ----------------------------------------------------------------------------- Napkyn Site CSS -----------------------------------------------------------------------------*/ body { background-color:#efede5; color:#6e6a6a; text-align:center; font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-size:14px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(img/blue_bground2.jpg); background-repeat: repeat-x; } body.home { background-image: url(img/bg_front.jpg); } h1 { font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#444141; letter-spacing: -1px; font-weight: 400; } h2 { font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#444141; letter-spacing: -1px; font-weight: 400; } h3 { font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#333333; } h4 { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#333333; } h5 { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-style: italic; } a { text-decoration:none; color:#5b9019; } a:hover { text-decoration:none; color:#444141; } a img { border: none } .hr { height:40px; width:100%; background-image: url(img/horizontal_rule.gif); border:none; clear: both; background-repeat:no-repeat; background-position:center; } .intro_text { color:#444141; font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-size:14px; } .mini_heading { color:#444141; font-family: Arial, Helvetica, sans-serif; font-size:20px; line-height: 30px; } .mini_heading2 { color:#444141; font-family: Arial, Helvetica, sans-serif; font-size:18px; line-height: 20px; } #centerColumn { width:960px; text-align:center; margin:0 auto; } .white_text { color:#ffffff; font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-size:14px; } #header { margin:0 0 0 0; padding:0; width:960px; height:200px; background:url(img/blue_top_bground.jpg) no-repeat top left; float:left; } body.home #header { height: 118px; } #harea { clear: right; padding: 64px 0 15px 220px; color: #fff; font-style: italic; } #harea h1 { color: #fff; margin: 0; padding: 0; font-size: 2.5em; text-align: left; } #logo { position: absolute; top: 6px; left: 50%; margin:0 0 0 -485px; padding:0; width: 185px; height: 177px; z-index: 1000; } #inner_content_left { width:625px; float:left; text-align: left; padding-top: 20px; } #inner_content_right { width:300px; float:right; text-align: left; padding-top: 20px; min-height: 200px; } #inner_content_right ul { list-style-type: none; padding-left: 0; margin-left: 0; } #inner_content_right ul li { background: url(img/blue_service_checks.jpg) left center no-repeat; padding-left: 45px; margin-bottom: 20px; } #home_content_left { width:625px; float:left; text-align: left; padding-top: 0px; } #home_content_right { width:305px; float:right; text-align: left; margin-top: 10px; margin-left: 20px; } #home_content_left ul { list-style-type: none; padding-left: 0; margin-left: 0; } #home_content_left ul li { background: url(img/blue_service_checks2.jpg) left center no-repeat; padding-left: 45px; margin-bottom: 20px; } #home_content_left ul.normal { padding-left: 1.6em; margin-left: 0; list-style-type: disc; } #home_content_left ul.normal li { margin-left: 0; padding-left: 0; padding-bottom: 0.4em; background: transparent; } #splash { height: 350px; width:960px; margin-bottom: 80px; z-index: 4; } #p-select { position: relative; top: 5px; } #wide_content { text-align: left; padding-top: 10px; } .portfolio { width:960px; float:left; } .portfolio_left { width:515px; float:left; text-align:left; } .portfolio_right { width:425px; float:right; text-align:left; } .custom-reporting { clear: both; padding: 1em 0; } .custom-reporting ul { list-style-type: none; padding-left: 0; margin-left: 0; } .custom-reporting li { width: 230px; float: left; margin: 0 22px; background: url(img/blue_service_checks.jpg) left center no-repeat; padding-left: 45px; margin-bottom: 20px; } #privacy { width:920px; text-align: left; padding-left: 20px; } #solutions { width:960px; clear: both; text-align: left; background-image: url(img/solutions_header.jpg); background-repeat: no-repeat; padding-top: 120px; } #content_area { width:960px; text-align: center; min-height: 200px; clear: both; } #services_header { width:690px; text-align: left; min-height: 145px; background-image:url(img/services_header.jpg); background-repeat:no-repeat; clear: both; padding-left: 270px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; padding-top: 25px; } #services_tabs { width:960px; clear: both; } .tab_content { width:245px; margin: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #444141; } #services_left { width:275px; text-align: left; min-height: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #6e6a6a; background-image:url(img/services_tab_left.jpg); background-repeat:no-repeat; padding: 120px 5px 0 25px; float: left; } #services_middle { width:275px; text-align: left; min-height: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #6e6a6a; background-image:url(img/services_tab_middle.jpg); background-repeat:no-repeat; padding: 120px 5px 0 25px; float: left; margin-left: 22px; } #services_right { width:275px; text-align: left; min-height: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #6e6a6a; background-image:url(img/services_tab_right.jpg); background-repeat:no-repeat; padding: 120px 5px 0 25px; float: right; } #services_left, #services_middle, #services_right { background-color: #fff; } #services_left h2, #services_middle h2, #services_right h2, #singleclient h2 { margin-bottom: 2px; } p.type { margin-top: 0; font-size: 0.9em; font-weight: bold; } #services_left ul, #services_middle ul, #services_right ul { margin-left: 0; padding-left: 0; } #services_left li, #services_middle li, #services_right li { margin-left: 1.5em; padding-left: 0.1em; } .tab-info { height: 170px; } .tab-requirements { height: 235px; } .tab-impact { height: 255px; } .tab-info, .tab-requirements { padding-bottom: 15px; margin-bottom: 15px; background: transparent url(img/example-div.gif) repeat-x scroll bottom left; } #portfolio_header { width:690px; text-align: left; min-height: 145px; background-image:url(img/portfolio_header.jpg); background-repeat:no-repeat; clear: both; padding-left: 270px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; padding-top: 25px; } #about_header { width:690px; text-align: left; min-height: 145px; background-image:url(img/about_header.jpg); background-repeat:no-repeat; clear: both; padding-left: 270px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; padding-top: 25px; } #contact_header { width:690px; text-align: left; min-height: 145px; background-image:url(img/contact_header.jpg); background-repeat:no-repeat; clear: both; padding-left: 270px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; padding-top: 25px; } #footer { width:100%; background-color:#efede5; min-height: 250px; margin: 0 auto; clear: both; text-align: center; border-top: #c6c7c1; border-top-width: 1px; border-top-style:dotted; margin-top: 40px; } #footcopy { width: 680px; margin: 5px auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#959595; } .copyright { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#959595; text-align: center; } .copyright a { text-decoration:none; color:#52553d; } .copyright a:hover { text-decoration:underline; color:#959595; } .call { clear: both; width: 880px; height:40px; clear: both; padding-top: 22px; background: transparent url(img/contact-bar.png) no-repeat scroll top left; color: #fff; font-size: 1.6em; text-align: left; padding-left: 78px; font-style: italic; } .call a { color: #afd035; } .call a:hover { color: #fff; border-bottom: 3px dotted #fff; } #map_left { width:155px; float:left; padding-top: 20px; } #map_right { width:460px; float:right; padding-top: 20px; } .small_type { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align: left; } .small_type a { text-decoration:underline; color:#222222; } .small_type a:hover { text-decoration:underline; color:#84b73a; } /* Bottom Navigation bar menu styling */ #bottom_nav { width:940px; height:41px; background-image:url(img/bottom_menu_bar.jpg); background-repeat:no-repeat; margin: 0 auto; margin-top: 30px; margin-bottom: 15px; margin-bottom: 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#464833; text-align: left; padding-top: 12px; padding-left: 20px; } #nav_container1 { float: left; width:700px; height:41px; } #nav_container2 { float: right; width:93px; height:41px; margin-top: -5px; text-align: right; margin-right: 30px; } #bottom_nav ul { margin:0; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right: 10px; } #bottom_nav li { margin:0; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right: 10px; } #bottom_nav li a{ margin:0; display:inline; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #464833; padding-right: 10px; } #bottom_nav li a:hover { color:#333333; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right: 10px; } #bottom_nav li a.active { color:#333333; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right: 10px; } /* Top Navigation bar menu styling */ #nav {margin-top:33px; padding:0; float:right;} #nav ul{ padding:0; margin:0; width:auto; list-style: none; height:30px; position: relative; float:right; } #nav li{ list-style:none; float:left; text-align:center; padding:0; font:bold 12px Century Gothic, sans-serif; line-height:30px; } #nav .lavaLamp li a { z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 20px; color:#FFFFFF; } #nav .lavaLamp li a:hover { z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 20px; color:#FFFFFF; } #nav .lavaLamp li .active { z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 20px; color:#FFFFFF; } #nav .lavaLamp li.back { background: url(img/lava.gif) no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute; } #nav .lavaLamp li.back .left { background: url(img/lava.gif) no-repeat top left; height: 30px; margin-right: 9px; /* 7px is the width of the rounded shape */ } #nav a:link{color:#464833; text-decoration:none;} #nav a:hover{color:#FFFFFF; text-decoration:none;} #nav a:active{color:#FFFFFF; text-decoration:none;} /* slide viewer classes etc */ /*preload classes*/ .svw {width: 50px; height: 20px; background: #fff;} .svw ul {position: relative; left: -999em;} /*core classes*/ .stripViewer { position: relative; overflow: hidden; border: 0px solid #ff0000; margin: 0 0 1px 0; } .stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } .stripViewer ul li { float:left; } .stripTransmitter { overflow: auto; width: 1%; } .stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } .stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } .stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; } .stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; } #calltoaction{ z-index:100; position: absolute; width: 960px; top: 340px; height:133px; background-image:url(img/bar.png); background-repeat:no-repeat; } form{margin:0; padding:0;} #contact_form { float:left; width:460px; text-align: left; padding-left: 25px; margin-top: 40px; } .contactform { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333333; width:600px; text-align: left; } .analystform { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333333; width:600px; text-align: left; } .contactform textarea { padding:2px; border:1px solid #d2d1cf; width:450px; height:80px; font-size:14px; color:#333333; font-family:Arial, Helvetica, sans-serif; background-color: #ffffff; } .analystform textarea { padding:2px; border:1px solid #d2d1cf; width:340px; height:100px; font-size:14px; color:#333333; font-family:Arial, Helvetica, sans-serif; background-color: #ffffff; } .contactform label { min-width: 100px; float: left; padding: 5px; padding-left: 0px; margin-left: 0px; } .analystform label { min-width: 210px; float: left; padding: 5px; padding-left: 0px; margin-left: 0px; } .input-submit { margin-left: 105px; margin-top: 15px; background-image: url(img/blue_submit_button.gif); width: 157px; height: 27px; background-repeat:no-repeat; border: none; cursor: pointer; background-color: transparent; } .input-submit:hover { margin-left: 105px; margin-top: 15px; background-image: url(img/submit_over.gif); width: 157px; height: 27px; background-repeat:no-repeat; border: none; cursor: pointer; background-color: transparent; } .analystform .input-submit, .analystform .input-submit:hover { margin-left: 215px; } .input-textarea { padding:2px; border:1px solid #d2d1cf; width:300px; height:22px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background-color: #ffffff; } .input-select { padding:3px; border:1px solid #d2d1cf; width:300px; height:22px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background-color: #ffffff; } .page a { text-decoration:underline; color:#84b73a; } .page a:hover { text-decoration:underline; color:#222222; } .intro { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; font-style:italic; } .sbemail { display: block; float: left; padding: 4px 8px 0 0; font-size: 0.9em; text-transform: lowercase; } table.analyst { font-size: 0.9em; border-collapse: collapse; } table.analyst th { border: 1px dotted #c6c7c1; border-collapse: collapse; text-align: left; vertical-align: top; padding: 8px; background: #6aa61f; color: #fff; } table.analyst td.subhead { border: 1px dotted #c6c7c1; border-collapse: collapse; text-align: left; vertical-align: top; padding: 8px; background: #454142; color: #fff; } table.analyst td { border: 1px dotted #c6c7c1; border-collapse: collapse; text-align: left; vertical-align: top; padding: 8px; background: #f3f0ea; } table.analyst td.blank { border: 0; border-collapse: collapse; text-align: left; vertical-align: top; padding: 8px; background: transparent; } table.analyst tr.b td { background: #fdfbf6; } table.analyst tr.b td.subhead { background: #454142; } .widget { clear: both; padding-bottom: 20px; margin-bottom: 20px; background: transparent url(img/horizontal_rule.gif) repeat-x scroll bottom left; } .post { padding-bottom: 20px; margin-bottom: 25px; background: transparent url(img/horizontal_rule.gif) repeat-x scroll bottom left; } .post h2, .post h2.pagetitle { margin-bottom: 0.1em; line-height: 1.2em; } .post h1 { line-height: 1.2em; } .post p.author { margin-top: 0; font-size: 0.85em; text-transform: uppercase; } .post .meta { background: #f6f4ec; padding: 6px 6px 8px 6px; margin-top: 1.5em; line-height: 1.6em; clear: both; } .post .meta img { position: relative; top: 2px; } .post .meta .commentcount { width: 150px; float: right; display: inline; } .post .meta .tags { width: 400px; } .addthis_container { margin-top: 1em; } .twitter-item { margin-bottom:0.6em; } .recentcomments { margin-bottom:0.6em; } #subscribe { background: transparent url(img/rss.png) no-repeat scroll top left; padding: 7px 0 0 43px; height: 25px; font-size: 23px; } .sharerow { clear: both; width: 100%; height: 30px; } .fblike { float: left; display: inline; width: 100px; margin: 0; padding: 0; } .twbutton { float: left; display: inline; width: 120px; margin: 0; padding: 0; } .libutton { float: left; display: inline; width: 120px; margin: 0; padding: 0; } .gp1 { float: left; display: inline; width: 120px; margin: 0; padding: 0; } /* ----------------------------------------------------------------------------- Comments, etc. -----------------------------------------------------------------------------*/ #bcomments { width: 517px; margin: 2em auto; padding: 0; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: bold; background: transparent; } #home_content_left .commentlist li { background: transparent; } .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 p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } h3#respond { margin-top: 1em; } code { font: 1.1em 'Courier New', Courier, Fixed; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s { width: 108px; padding: 2px; } #sidebar #searchsubmit { padding: 1px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 440px; height: 200px; padding: 2px; border: 1px solid #000; } #commentform #submit { margin: 0; } .alt { margin: 0; } .commentlist { padding: 0; text-align: justify; margin: 0; } .commentlist li { margin: 15px 0 0 3px; padding: 8px 25px 0 30px; background-repeat: no-repeat; background-position: 10px 10px; list-style: none; background-color: #f4f4f4; border: 1px solid #e4e4e4; } .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; } #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { background-color: #fff; } #commentform #comment { width: 440px; height: 200px; padding: 2px; border: 1px solid #000; }