/*
Theme Name: Fineline Multmedia
Theme URI: http://www.finelinemultimedia.com/
Description: Custom Theme for Fineline Multimedia
Version: 1.0
Author: Mark Kabana
Author URI: http://www.finelinemultimedia.com/	
*/

/* Global CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dt,
abbr, acronym, cite, code, dfn, em, font, img, q, s, small, strike, strong, sub, sup, dl, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0 none; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: disc; }
h1,h2,h3,h4,h5,h6 { font-size:100%; } 
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; 	border-spacing: 0;	margin-right: auto; margin-left: auto; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
input[type=hidden] { display: none !important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }  /* for IE/Mac */

/* Common Styles */
* :focus { outline:0; }
body { background:#002d62 url(../../../../images/common/lines-bg.jpg) repeat-x; padding-top:10px; padding-bottom:50px; }
#page { position:relative; text-align:left; margin:0px auto; padding:0; width:923px; overflow:hidden; color:#000; }
.depth-1 { border:1px solid #ddd; }
small { font-family:arial, helvetica, sans-serif; font-size:10px; line-height:15px; }

h1, h2, h3, h4, h5, h6 { font-family:arial, helvetica, sans-serif; }
h1.main, h1.main a, h1.main a:hover, h1.main a:visited { font-size:36px; font-weight:bold; margin:10px 0 0 0; text-decoration:none; color:#e7d89f; text-align:left; }
h2.title, h2.title a { color:#2381F3; padding-bottom:0px }
h2.title a:hover { color:#09F; text-decoration:underline }
h1, h1 a, h1 a:hover, h1 a:visited { font-size:22px; font-weight:bold; margin:0px; text-decoration:none; padding-bottom:5px }
h2, h2 a, h2 a:hover, h2 a:visited { font-size:18px; font-weight:bold; margin:0px; text-decoration:none; padding-bottom:4px }
h3, h3 a, h3 a:hover, h3 a:visited { font-size:16px; font-weight:bold; margin:0px; text-decoration:none; padding-bottom:3px }
h4, h4 a, h4 a:hover, h4 a:visited { font-size:15px; font-weight:bold; margin:0px; text-decoration:none; padding-bottom:3px }
h5, h5 a, h5 a:hover, h5 a:visited { font-size:14px; font-weight:bold; margin:0px; text-decoration:none; padding-bottom:3px }
h6, h6 a, h6 a:hover, h6 a:visited { font-size:13px; font-weight:bold; margin:0px; text-decoration:none; padding-bottom:3px }

a, a:visited { color:#2381F3; text-decoration:none; }
a:hover { color:#09F; text-decoration:underline; }
code { font:12px 'courier new', courier, fixed; }
acronym, abbr, span.caps { font-size:10px; cursor:help; }
acronym, abbr { border-bottom:1px dashed #999; }
blockquote { margin:15px 30px 0 10px; padding:1px 15px; border-left:3px solid #800000; font-style:oblique; background:#eedfa8; }
blockquote cite { margin:5px 0 0; display:block; }
.center { text-align:center; }
.hidden { display:none; }
#search { width:200px; height:50px; float:left; }
#searchform { width:200px; background:#fff; color:#000; font-size:12px; font-family:georgia, times new roman, trebuchet ms; margin:20px 5px 10px 0; padding:2px 2px 1px 2px; }
#submit { width:32px; height:32px; background:url(images/go.png) left no-repeat; margin:12px 20px 0 5px; padding:0; border:none; }
.entry form { text-align:center; }
select { width:130px; }

.pad-right-5 { padding-right:5px; }
.pad-right-12 { padding-right:12px; }
.float-left { float:left }
.blue-link a { color:#2381F3; }

.addtoany_list { float:left; margin-top:3px }
.connect_widget { float:right } 

/* Header/Footer Styles */
#header { position:relative; float:left; }
#fineline-logo { position:relative; float:left }

#nav-menu { position:relative; float:right; height:26px; top:28px }
ul#nav-bar { list-style:none; float:left; width:626px; height:26px; display:block; background:url(../../../../images/common/nav-menu.gif) }
ul#nav-bar li { float:left; }
ul#nav-bar a { float:left; display:block; height:26px; }
	#home-button, #home-button a { width:52px; text-indent:-99999px }
		#home-button a { background:url(../../../../images/common/nav-menu.gif) no-repeat 0px 0px; }
		#home-button a:hover { background-position: 0px -26px }
	#aboutus-button, #aboutus-button a { width:72px; text-indent:-99999px  }
		#aboutus-button a { background:url(../../../../images/common/nav-menu.gif) no-repeat -52px 0px; }
		#aboutus-button a:hover { background-position: -52px -26px }
	#what-we-do-button, #what-we-do-button a { width:88px; text-indent:-99999px }
		#what-we-do-button a { background:url(../../../../images/common/nav-menu.gif) no-repeat -124px 0px; }
		#what-we-do-button a:hover { background-position: -124px -26px }
	#results-button, #results-button a { width:62px; text-indent:-99999px }
		#results-button a { background:url(../../../../images/common/nav-menu.gif) no-repeat -212px 0px; }
		#results-button a:hover { background-position: -212px -26px; }
	#clients-button, #clients-button a { width:118px; text-indent:-99999px }
		#clients-button a { background:url(../../../../images/common/nav-menu.gif) no-repeat -274px 0px; }
		#clients-button a:hover { background-position: -274px -26px; }
	#blog-button, #blog-button a { width:69px; text-indent:-99999px }
		#blog-button a { background:url(../../../../images/common/nav-menu.gif) no-repeat -392px 0px; }
		#blog-button a:hover { background-position: -392px -26px; }
	#newsletter-button, #newsletter-button a { width:82px; text-indent:-99999px }
		#newsletter-button a { background:url(../../../../images/common/nav-menu.gif) no-repeat -461px 0px; }
		#newsletter-button a:hover { background-position: -461px -26px; }
	#contact-button, #contact-button a { width:83px; text-indent:-99999px }
		#contact-button a { background:url(../../../../images/common/nav-menu.gif) no-repeat -543px 0px; }
		#contact-button a:hover { background-position: -543px -26px; }

#footer { position:relative; float:left; margin:0 auto; background:#7898bf; width:923px; height:19px; padding-bottom:4px; }
ul#footer-links { position:relative; float:left; left:167px; list-style:none; top:5px; width:587px; height:13px; display:block; background:url(../../../../images/common/footer-links.gif) }
ul#footer-links li { float:left; }
ul#footer-links a { float:left; display:block; height:13px; }
	#footer-home-button, #footer-home-button a { width:31px; text-indent:-99999px }
		#footer-home-button a { background:url(../../../../images/common/footer-links.gif) no-repeat 0px 0px; }
		#footer-home-button a:hover { background-position: 0px -13px }
	#footer-aboutus-button, #footer-aboutus-button a { width:55px; text-indent:-99999px  }
		#footer-aboutus-button a { background:url(../../../../images/common/footer-links.gif) no-repeat -31px 0px; }
		#footer-aboutus-button a:hover { background-position: -31px -13px }
	#footer-what-we-do-button, #footer-what-we-do-button a { width:66px; text-indent:-99999px }
		#footer-what-we-do-button a { background:url(../../../../images/common/footer-links.gif) no-repeat -86px 0px; }
		#footer-what-we-do-button a:hover { background-position: -86px -13px }
	#footer-results-button, #footer-results-button a { width:50px; text-indent:-99999px }
		#footer-results-button a { background:url(../../../../images/common/footer-links.gif) no-repeat -152px 0px; }
		#footer-results-button a:hover { background-position: -152px -13px; }
	#footer-clients-button, #footer-clients-button a { width:97px; text-indent:-99999px }
		#footer-clients-button a { background:url(../../../../images/common/footer-links.gif) no-repeat -202px 0px; }
		#footer-clients-button a:hover { background-position: -202px -13px; }
	#footer-blog-button, #footer-blog-button a { width:55px; text-indent:-99999px }
		#footer-blog-button a { background:url(../../../../images/common/footer-links.gif) no-repeat -299px 0px; }
		#footer-blog-button a:hover { background-position: -299px -13px; }
	#footer-newsletter-button, #footer-newsletter-button a { width:67px; text-indent:-99999px }
		#footer-newsletter-button a { background:url(../../../../images/common/footer-links.gif) no-repeat -354px 0px; }
		#footer-newsletter-button a:hover { background-position: -354px -13px; }
	#footer-links-button, #footer-links-button a { width:37px; text-indent:-99999px }
		#footer-links-button a { background:url(../../../../images/common/footer-links.gif) no-repeat -421px 0px; }
		#footer-links-button a:hover { background-position: -421px -13px; }
	#footer-contact-button, #footer-contact-button a { width:65px; text-indent:-99999px }
		#footer-contact-button a { background:url(../../../../images/common/footer-links.gif) no-repeat -458px 0px; }
		#footer-contact-button a:hover { background-position: -458px -13px; }
	#footer-login-button, #footer-login-button a { width:64px; text-indent:-99999px }
		#footer-login-button a { background:url(../../../../images/common/footer-links.gif) no-repeat -523px 0px; }
		#footer-login-button a:hover { background-position: -523px -13px; }

/* Blog Page Styles */

#pbody { position:relative; float:left; width:923px; background:url(../../../../images/common/right-col-bg.gif) repeat; }
#content { position:relative; float:left; width:652px; padding:15px; min-height:568px; height:auto !important; height:568px; background:#FFF; border-left:1px solid #e5eaef; border-right:1px solid #99abc0; }
.page-heading {	font:bold 24px/18px "Arial", Helvetica; color: #002D62; padding:5px 0 10px 0; }
.home-blog-title { border-bottom:1px dotted #99abc0; }

/* Blog Post Styles*/
.post { position:relative; float:left; width:652px; padding:10px 0 10px 0; text-align:justify; font:12px/18px "Arial", Helvetica; overflow:hidden; border-bottom:1px dotted #99abc0; }
.ptitle { font:bold 18px/18px "Arial", Helvetica; padding-bottom:5px; color:blue }
.entry { padding:0; margin:0; }
.post hr { display:block; }
.smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0px; }
.attachment { text-align:center; margin:15px 0px; }
.clear { clear:both; }

.entry p { padding-bottom:15px; }
.entry ul { margin-left:0px; padding:0 0 15px 20px; list-style-type:disc;  list-style-position:inside; text-indent:5px; }
.entry li { margin:5px 0 5px 10px; }
.entry ol { padding:0 0 15px 35px; margin:0; }
.entry ol li { margin:0; padding:0; }

#featured { width:652px; float:left; background:#f3eee1 url(images/galtop.jpg) top no-repeat; padding:20px 9px 10px 9px; margin:0 0 5px 0; overflow:hidden; }
.more, .date, .com { background:#F1F4F7; padding:1px 5px; margin:5px 0 0 5px; float:right; font-size:11px; color:#FFF; border:1px solid #99abc0; }
.more a, .more a:visited, .com a, .com a:visited { color:#000; }
.more a:hover, .com a:hover { text-decoration:underline; font-weight:bold; color:#09F; }

.post-info { font:12px/18px "Arial", Helvetica; }
.tags { float:left; font:10px/28px "Arial", Helvetica; }
.tags-single { clear:both; font:10px/12px "Arial", Helvetica; padding-bottom:5px; }
.ow-button { float:right; padding-left:5px }

/* Sidebar Styles */

#sidebar { position:relative; float:right; width:239px; background:#b3c0d0 url(../../../../images/home/right-side-bg.jpg) repeat-x; }
#sidebar h2 { font:bold 18px/18px "Arial", Helvetica; padding-bottom:5px; text-align:center; }
#sidebar a:hover { text-decoration:underline; font-weight:bold; color:#09F; }
#sidebar p { padding:7px 10px; margin:0; }
#sidebar table { width:100%; text-align:center; }

#newsletter-signup-container { position:relative; float:left; width:223px; height:24px; padding:0 0 0 15px; border-right:1px solid #e5eaef; border-bottom:1px solid #99abc0; background:#f1f4f7; }
#newsletter-signup-container form { padding:0px; margin:0px; }
#newsletter-signup-container input { padding:0px; margin:0px; display:inline }
.newsletter-signup-box { position:relative; float:left; top:2px; width:175px; height:18px; border:1px solid #cccccc; background:#ffffcc; font:12px/18px "Arial", Helvetica; }
.newsletter-signup-button { position:relative; float:left; left:1px; top:2px; width:30px; height:20px; border:1px solid #99abc0; background:#fde5bc; font:bold 12px/12px "Arial", Helvetica; }

.blog-cat-list { font:14px/22px "Arial", Helvetica; margin-left:15px; }
.blog-cat-list a { color:#000000; }
.blog-sidebar-list { font:12px/18px "Arial", Helvetica; margin-left:15px; }
.blog-sidebar-list a { color:#000000; }

#page-nav-container { position:relative; float:left; left:15px; margin-top:15px; margin-bottom:15px; width:208px; min-height:50px; background:url(../../../../images/common/page-nav-bg.png); border-bottom:1px solid #8a9fb7 }
#page-nav-title { position:relative; float:left; left:10px; padding-top:5px; width:189px; z-index:10; }
#page-nav-content { position:relative; float:left; left:10px; padding:5px 0 5px 0; width:192px; height:auto; z-index:10; }

#social-icons { position:relative; float:left; left:15px; padding-top:15px; width:208px; height:32px; }
#social-icons img { float:left }
#twitter-widget { position:relative; float:left; left:15px; padding:15px 0 15px 0; width:208px; height:192px; }

.widget { width:239px; float:left; padding-top:10px }
.widget ul li { font:12px/18px "Arial", Helvetica; list-style-type:disc }
.widget ul li a:link, .widget ul li a:visited { background:url(images/bullet.png) left no-repeat; color:#000; text-decoration:none; padding:5px 0px 5px 25px; display:block; border-bottom:1px dotted #99abc0; margin:0 2px; }
.widget ul li a:hover { color:#00629b; }

#rss { float:left; margin:0 0 0 65px; }
.rss-container { width:196px; padding:5px; margin:5px 0; border:1px solid #99abc0; background:#ffffcc; }
.rss-link { font:12px/12px "Arial", Helvetica; color:#D96423; }

#search-container { position:relative; float:left; width:223px; height:62px; padding:0 0 0 15px; border-right:1px solid #e5eaef; border-top:1px solid #99abc0; border-bottom:1px solid #99abc0; background:#f1f4f7; }
#search-container form { padding:0px; margin:0px; }
#search-container input { padding:0px; margin:0px; display:inline }
#search-box { position:relative; float:left; top:2px; width:175px; height:18px; border:1px solid #cccccc; background:#ffffcc; font:12px/18px "Arial", Helvetica; }
.search-button { position:relative; float:left; left:1px; top:2px; width:30px; height:20px; border:1px solid #99abc0; background:#fde5bc; font:bold 12px/12px "Arial", Helvetica; }
#searchh { position:relative; float:left; width:175px; height:18px; border:1px solid #cccccc; background:#ffffcc; font:12px/18px "Arial", Helvetica; text-align:left; }

/* Tabber Widget Styles */

.tabberlive .tabbertabhide { display:none; }
.tabberlive {  width:239px; float:left; }
ul.tabbernav { width:239px; float:left; height:30px; margin:0; padding:0; font:bold 16px arial; border-bottom:1px solid #99abc0; font:bold 14px/14px "Arial", Helvetica; list-style-type:none; }
ul.tabbernav li { height:22px; float:left; list-style:none; display:block; padding:8px 10px 0 10px; text-align:center; list-style-type:none; }
ul.tabbernav li a, ul.tabbernav li a:link, ul.tabbernav li a:visited { color:#4a4d30 !important; }
ul.tabbernav li.tabberactive a:hover, ul.tabbernav li a:hover { color:#000 !important; }
ul.tabbernav li.tabberactive { background:#7898BF;  }
ul.tabbernav li.tabberactive a { color:#FFF !important; }

.tabberlive .tabbertab { width:219px; float:left; font:12px/18px "Arial", Helvetica; padding:0 10px 0 10px; border-bottom:1px solid #99abc0; }
.tabberlive .tabbertab h2 { display:none; }
.tabberlive .tabbertab h3 { display:none; }
.tabberlive .tabbertab ul li { padding:5px 0; list-style-type:disc; margin-left:15px; }
.popular { padding:5px 0px 5px 0px; line-height:18px }

/* Comment Styles */
#replies { float:left; padding:0; margin:0 0 0 10px; }
#respond { float:left; padding:0; margin:0px; }
h3.comments { font-weight:normal; font-size:20px; text-align:center; margin:0 10px; padding:10px 15px 10px 15px; }
ol.commentlist { margin:0; padding:0; }
.commentlist li { width:628px; list-style:none; margin-bottom:9px; float:left; border-bottom:1px dotted #99abc0; }
.commentlist cite { float:left; width:610px; padding:0 9px 9px 9px; display:block; margin:0; font:12px/18px "Arial", Helvetica; }
.commentlist cite img { border:3px solid #f3eee1; float:left; margin-right:9px; }
.commentlist .author { font:bold 12px/18px "Arial", Helvetica; }
.commentlist .author a, .commentlist .author a:visited, .commentlist .author a:hover { color:#2381F3; }
.commenttext { float:left; width:610px; padding:0px 0 5px 12px; display:block; font:12px/18px "Arial", Helvetica; margin:0px; }
#commentform input { width:170px; padding:2px; margin:5px 5px 1px 15px; }
#commentform { margin:5px 10px 0 0; }
#commentform textarea { width:500px; height:auto; margin:5px 0 10px 5px; }
#commentform input, #commentform textarea { border:1px solid #99abc0; border-radius:3px; font:inherit; moz-border-radius:3px; padding:2px; webkit-border-radius:3px; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#commentform #submit { margin:-5px 0 10px 5px; width:150px; height:25px; background:#ffffcc; color:#000; font-weight:bold; border:1px solid #999; }
#commentform #submit:hover { cursor:pointer }
#commentform p { margin:5px 10px; font-weight:normal; line-height:14px; text-transform:none; font:12px/18px "Arial", Helvetica; }
.nocomments { text-align:center; margin:0; padding:0; }

.time { font:12px/18px "Arial", Helvetica; }
.commentlist cite a { font:12px/18px "Arial", Helvetica; }

.related-posts { postition:relative; clear:both; margin:10px 0 0 10px; padding:10px 0; border-bottom:1px dotted #99abc0; }
.related-posts h3 { padding:0px 0 5px 0 }
.related-posts ul { margin-left:25px; font:12px/18px "Arial", Helvetica; }
.related-posts ul a { color:#2381F3; }

/* WP Navi Styles */
.navigation { float:right; display:block; text-align:center; margin-top:10px; font-weight:bold; }
.wp-pagenavi { font:12px/18px "Arial", Helvetica; color:#FFF }
.wp-pagenavi a, .wp-pagenavi a:link { padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #99abc0; color:#000; background-color:#F1F4F7; }
.wp-pagenavi a:visited { padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #99abc0; color:#000; background-color:#F1F4F7; }
.wp-pagenavi a:hover { border:1px solid #99abc0; color:#FFF; background-color:#002D62; }
.wp-pagenavi a:active { padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #99abc0; color:#000; background-color:#F1F4F7; }
.wp-pagenavi span.pages { padding:2px 4px 2px 4px; margin:2px 2px 2px 2px; color:#000; border:1px solid #99abc0; background-color:#F1F4F7; }
.wp-pagenavi span.current { padding:2px 4px 2px 4px; margin:2px; font-weight:bold; border:1px solid #99abc0; color:#000; background-color:#F1F4F7; }
.wp-pagenavi span.extend { padding:2px 4px 2px 4px; margin:2px; border:1px solid #99abc0; color:#000; background-color:#F1F4F7; }

/* Image Styles */
p img { padding:0; max-width:100%; }
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 { display:block; float:right; }
.alignleft { display:block; float:left; }
a img { border:none; }

/* Caption Styles */
.aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }

.attachment-post-thumbnail {float:left; padding-right:10px; height:150px; width:150px }