/*
Theme Name: Web-kreation v3.0
Theme URI: http://wordpress.org/
Description: Web-kreation theme. All Rights Reserved.
Version: 1.0
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Tags: green, brown

	v2: 2008, June 14
	v3: 2010, Feb 25

	Copyright Web Kreation Ltd. All rights reserved. 
	Don't steal or I will sue you! You have been warned.

*/
/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* Begin Typography & Colors */
body { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; background: #3F3727 url('img/bg.jpg') repeat; text-align: center; padding: 0; margin: 0; border: none; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
h1 { display: inline-block; font-size: 1.6em; margin: 0; padding: 0; text-transform: uppercase; font-weight: normal; clear: right; }
h1 span.the-date { font-size: .6em; color:#666; text-transform: none; padding-left: 10px; font-style: italic; }
h2 { font-weight: normal; font-size: 1.3em; text-transform: uppercase; clear: right; }
.entry h2, #sidebar h2 { border-bottom: 1px solid #eee; margin-top: 60px; }
#sidebar h2 { font-size: 1em; }
h3 { text-transform: uppercase; font-size: 1.2em; font-weight: normal; margin: 0; padding: 10px 0 0; }
.entry h3 { border-bottom: 1px solid #eee; margin-top: 40px; font-weight: normal; font-size: 1.4em;  padding-bottom: 2px; text-transform: normal; } 
/* Links */
a, a:visited { text-decoration: none; color: #0086CC; }
a:hover { text-decoration: none; color: #06A8FF; }
h1, h1 a, h1 a:hover, h1 a:visited { text-decoration: none; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited { text-decoration: none; }
span.slogan { text-transform: uppercase; color: #666; font-size: 0.6em; margin: 0; clear: left; display: inline-block; }
/* Lists */
ul, li, ol { margin: 0; padding: 0; list-style: none; }
/* 
 * BEGIN STRUCTURE 
 */ 

/* Top Navigation */
#meta-nav { width: 100%; text-align: center; background-color: #2E291D; border-bottom: #594F37 1px solid; padding: 30px 0 20px; }
#meta-nav p { text-align: center; color: white; font-size: 0.9em; width: 800px; margin: 10px auto 0; color:#978466; }
#meta-nav a { border: none; color: white; }
/* Wrapper */
#wrapper { text-align: center; width: 980px; margin: 0 auto; text-align: left; padding-bottom: 40px; }
/* Header */
#header { height: 122px; width: 980px; background: url(img/header.png) no-repeat; position: relative; text-align: left; }
#header, #header a { color: #978466; text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header #left { margin-top: 26px; display: block; float: left; width: 720px; height: 60px; text-shadow: black 0 1px; }
#header #right { float: right; width: 240px; margin: 30px 20px 0 0; text-align: right; text-shadow: black 0 1px; }
#header #left #logo { background: url(img/logo.png) no-repeat; width: 206px; height: 40px; float: left; margin: 0 0 0 40px; text-indent: -9999px; }
#header #left span { float: left; margin: 0 0 0 10px; font-size: 1.1em; line-height: 1.4em; text-transform: uppercase; color: #978466; }

/* Sliding Doors Navigation */
#nav { position: absolute; left: 0; bottom: 13px; height: 32px; padding-left: 20px; text-shadow: #333 0 1px; font-weight: bold; }
#nav li { display: inline-block; float: left; padding: 0 1px; text-transform: uppercase; font-size: 0.9em; }
#nav a { background: transparent url(img/tabs.png) no-repeat 0 -128px; color: #FFF; display: inline-block; height: 32px; padding-left: 20px; text-decoration: none; }
#nav a span { background: url(img/tabs.png) no-repeat 100% -32px; display: inline-block; height: 21px; padding-top: 11px; padding-right: 20px; cursor: pointer; }
#nav a:hover { background-position: 0 -160px; text-decoration: none; }
#nav a:hover span { background-position: 100% -64px; }
#nav li.current_page_item, #nav li.current_page_parent { padding: 0; }
#nav li.current_page_item a, #nav li.current_page_item a:hover, #nav li.current_page_parent a, #nav li.current_page_parent a:hover{ background-position: 0 -96px; color: #fff; }
#nav li.current_page_item span, #nav li.current_page_item a:hover span, #nav li.current_page_parent a span, #nav li.current_page_parent a:hover span { background-position: 100% 0px; height: 25px; padding-top: 7px; }

/* page */
#page { background: #fff url(img/page-bg.png) repeat-y; margin: 0 0 20px 0; padding: 0; text-align: left; }

/* columns */
.col-12 { width: 980px; }
.col-12.col-pad { width: 900px; padding: 0 40px; }
.col-12.col-top { margin-top: 30px; }
.col-12.col-note { position: relative; width: 900px; padding: 34px 40px 0; background: url(img/col-hor-sep1.png) no-repeat 0 6px; text-align: center; }
.col-12 .col-12 { padding-top: 30px; }
.col-6, .col-8, .col-4, .col-2 { float: left; padding: 0 20px 0 40px; }
.col-6 { width: 420px; }
.col-8 { width: 580px; }
.col-4 { width: 260px; min-height: 180px; }
.col-4 p { clear: both; }
.col-2 { width: 100px; min-height: 180px; }
.col-2 p, .col-2 ul { font-size: .85em; color: grey; font-style: italic; margin: 15px 0 0;}
.col-2 .btn-more { font-size: .95em; }
.col-hor-sep1 { background: url(img/col-hor-sep1.png) no-repeat 0 6px; height: 56px; padding: 0; text-align: center; }
.col-12.col-hor-sep1 { height: auto; padding-top: 40px; }
.col-hor-sep2 { background: url(img/col-hor-sep2.png) no-repeat 0 30px; height: 40px; padding: 20px 0; text-align: center; }
.col-hor-sep2.single { background-position: 0 10px; height: 40px; padding: 20px 0 0; text-align: center; }
.col-hor-sep3, .col-hor-sep4 { background: url(img/col-hor-sep3.jpg) no-repeat; padding-top: 60px; padding-bottom: 30px; }
.col-hor-sep4 { margin-top: 40px; padding-top: 30px; padding-bottom: 60px; }
.col-hor-sep5 { background: url(img/col-hor-sep2.png) no-repeat; height: 30px; text-align: center; margin: 10px 0 0; }
.col-vert-sep-r { background: url(img/col-vert-sep.png) no-repeat right 0; }
.col-vert-sep-l { background: url(img/col-vert-sep.png) no-repeat 10px 0; }
.col-8.col-hor-sep3 { margin: 0; padding-left: 40px; }
.col-4 ol, .col-4 ul { maring: 6px 0; margin-left: 20px; }
.col-4 ul li { list-style: square outside; padding: 3px 0; }

/* Content */
#content { background: url(img/page-top.png) no-repeat; padding-top: 30px; position: relative; }
#content .page-description { font-size: 1.3em; margin: 10px 0; clear: both; display: block; }
#content .page-description .btn-dialog1, #content .page-description .btn-dialog2, #content .page-description .btn-dialog3, #content .page-description .btn-more { font-size: 0.65em; }
#content .page-description small { font-size: 0.65em; }

/* Home */
.btn-big-home { float: right; margin-top: 4px; }

/* Portfolio */
#ptf-thumbs { height: 60px; background: url(img/ptf_thumbs_hor_sep.png) repeat-x; padding: 0 40px 20px; margin: 0 5px; width: 890px; }
#ptf-thumbs ul { float: left; width: 780px; }
#ptf-thumbs ul li { display: inline-block; float: left; width: 60px; height: 40px; margin-right: 6px; padding-top: 20px; }
#ptf-thumbs ul li.active { background: url(img/ptf_thumbs_arrow.png) no-repeat 18px 0; display: block; }
#ptf-thumbs ul li a { width: 60px; height: 40px; display: inline-block; }

/* Blog */
.post { width: 620px; float: left; }
.inner { width: 420px; float: right; }
.entry h1 { width: 420px; font-size: 2em; text-transform: capitalize; }
.entry ul { margin: 0; padding: 0; list-style: none; }
.entry ul li { margin: 7px 0 8px 10px; background: url(img/buttons.png) no-repeat -142px -688px; margin: 8px 0; padding: 4px 0 4px 26px; }
.entry ol { padding: 0 0 0 20px; margin: 0 0 20px; }
.entry ol li { margin: 0; padding: 3px 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
.entry .meta { width: 420px; clear: right; padding: 4px 0; float: left; height: 16px; border-top: #eee 1px solid; border-bottom: #eee 1px solid; margin: 10px 0; }
.entry .author { text-transform: uppercase; font-size: 0.85em; }
.entry .share-btn	{ float: right; padding-left: 12px; }
.entry .view, .entry .dwnld, .entry .dwnld-hits { float: left; margin: 20px 10px 20px 0; display: block; clear: right; }
.entry .dwnld { clear: right; }
.entry .dwnld-hits { height: 40px; line-height: 40px; font-size: 0.85em; clear: right; }
.metadatas { display: block; float: left; width: 120px; padding-right: 40px; padding-bottom: 15px; position: relative; }
.metadatas .thumb { display: block; height: 120px; width: 120px; }
.metadatas .thumb img { border: 1px solid #E9E9E9; height: 120px; width: 120px; }
.metadatas .thumb img.alignleft { margin: 0 0 10px !important; }
.odd .metadatas .comment-num a, .even .metadatas .comment-num a { position: absolute; z-index: 999; right: 26px; top: -6px; background:url(img/buttons.png) no-repeat -50px -376px; width: 39px; height: 30px; display: block; text-align:center; color: white; line-height: 30px; font-size: 1.4em; }
.even .metadatas .comment-num a { background-position: 0 -376px; }
.metadatas p { color: #666; font-size: .85em; font-style: italic; border-bottom: #eee 1px solid; margin: 0; padding: 5px 0; }
.metadatas p.meta-time, .metadatas p.meta-cats, .metadatas p.taskbuttoncontainer { background: url(img/icons-meta.gif) no-repeat 0 7px; padding-left: 14px; }
.metadatas p.meta-cats { background-position: 0 -53px; }
/*bookmark this */
.metadatas p.taskbuttoncontainer { background-position: 0 -12px; }
.metadatas p.taskbuttoncontainer .dropdownbutton, .metadatas p.taskbuttoncontainer .dropdownbuttonon { float: right; padding-right: 4px; background: url(img/icons-meta.gif) no-repeat right -38px; border: none; }
.dropmenudiv .drop { background: #FBFBFB; border: 1px solid #ccc !important; }
.dropmenudiv .content, .dropmenudiv .selected { border: 1px solid #ccc !important; }
.dropmenudiv .selected { border-bottom: none !important; }
.dropmenudiv a { color: #0086CC !important; }
.dropmenudiv a:hover { color: #06A8FF !important; }
/* the author box */
.entry .author-box { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #FBFBFA; border: 1px solid #E5E4E2; color: #666; padding: 10px; margin: 10px 0 20px; }
.entry .author-box p.the-author { margin: 4px 0 0; font-size: 0.85em; text-transform: uppercase; font-weight: normal; }
.entry .author-box p.the-desc { margin: 4px 0 10px;  }
.entry .author-box .author-avatar { display: block; float: left; background: #FFF; border: 1px solid #E5E4E2; padding: 3px; margin: 0 10px 6px 0; }
.entry .author-box .author-box-inner { display: block; float: left; width: 320px; }
.entry .author-box .author-social { float: right; width: 120px; margin-left: 10px; padding-left: 10px; border-left: 1px solid #E5E4E2; }
.entry .author-box .author-social .alignleft { margin-bottom: 6px; }
/* Titles */
.entry h1 a{ color: #333; }
.metadatas p a { color: #666; }
.entry h1 a:hover, .metadatas p a:hover { color: #0086CC; }
/* affiliates */
.affiliates ul { height: 125px; overflow: hidden; }
.affiliates ul li { float: left; padding-right: 20px; }
.single-affiliates { margin: 20px 0 0; display: block; clear: both; }
.single-affiliates a { color: #666; text-decoration: underline;}
/* navigation */
.navigation { margin-top: 40px; border-top: 1px solid #ccc; padding-top: 20px; }

/* Begin Comments*/
.commentlist { padding: 0; width: 620px; }
.commentlist li { margin: 0; padding: 0; list-style: none; }
.commentlist li.depth-1 { padding: 20px 0 0; background: url(img/col-hor-sep3.jpg) no-repeat; }
.commentlist li.depth-2, .commentlist li.depth-3, .commentlist li.depth-4, .commentlist li.depth-5 { padding-left: 20px; margin: 0; }
.commentlist .comment-wrapper { background-color: #FBFBFA; border: 1px solid #E5E4E2; margin: 20px 0 20px 40px; padding: 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.commentlist .bypostauthor > .comment-wrapper { background-color: #ECF7D5; border: 1px solid #D7EEA6; }
.commentlist div .comment-metas { float: left; width: 380px; }
.commentlist .comment-metas img { float: left; }
.commentlist .comment-metas div { float: left; display: block; padding: 0 0 0 10px; color: #666; }
.commentlist .comment-metas div p { padding: 0 0 2px; margin: 0; }
.commentlist .comment-metas div p.date { font-style: italic; font-size: .85em; }
.commentlist div .comment-controls { float: right; width: 120px; text-align: right; padding-top: 10px; }
.commentlist .comment-content { width: 100%; clear: both; display: block; border-top: 1px dotted #ccc; margin-top: 10px; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

/* Begin Form Elements */
#search-form { position: absolute; right: 20px; top: 8px;}
#search-form .search-input { float: left; width: 220px; padding: 0; background: transparent; border: none; height: 30px; line-height: 30px; }
#search-form .search-submit { margin: 0; padding: 0; background: transparent; border: none; width: 34px; height: 30px; cursor: pointer; float: right; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }
select { width: 130px; }
#form input { padding: 2px; margin: 5px 5px 1px 0; }
#form { margin: 5px 10px 0 0; }
#form .left { width: 160px; float: left; }
#form .right { width: 380px; float: right; }
#form textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#form .fields { border-left: 2px solid #AEABA6; border-top: 2px solid #AEABA6; border-right: 1px solid #E5E4E2; border-bottom: 1px solid #E5E4E2; background: #F4F3F1; }
#form .height { height: 120px; }
#form #submit { margin-top: 30px; float: left; }
.subscribe-to-comments { margin: 36px 0 0 20px !important; font-style: italic; font-size: 0.85em; display: block; float: left; clear: none !important; }

/* Contact Form */
.wpcf7-form { text-align: left !important; }
.wpcf7-form p { display: inline-block; clear: both; padding: 0 0 10px; width: 100%; }
.wpcf7-form p label { display: block; width: 160px; float: left; padding-right: 20px; }
.wpcf7-form p .wpcf-note { display: inline-block; clear: both; font-size: 0.85em; margin-top: 10px; font-style: italic; }
.wpcf7-form p .wpcf7-form-control-wrap { width: 380px; float: left; display: block; clear: none; padding: 0; }
.wpcf7-form p .wpcf7-form-control-wrap input { margin: 0!important; }
.wpcf7-form .checkboxes span.wpcf7-list-item { float: left; clear: both; margin: 3px 0; }
.wpcf7-form .length { width: 280px; }

/* Sidebar */
#sidebar { width: 260px; min-height: 622px; float: right; background: url(img/col-vert-sep2.jpg) no-repeat; padding: 0 40px 0 30px; }
#sidebar h2 { margin-top: 20px; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style: none; margin-bottom: 30px; padding: 0; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 0; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 8px 0; padding: 4px 0; }
#sidebar ul ul li { background: url(img/buttons.png) no-repeat -142px -690px; padding-left: 26px; }

#sidebar ul.cost { text-transform: uppercase; font-size: 0.85em; margin-top: 20px; }
#sidebar ul.cost b { display: block; float: right; font-size: 1.1em; text-transform: lowercase; }

/* Sidebar: tabbed Navigation */
#tabbed-content { padding: 0; margin: 0; }
#tabbed-content #tabs { width:260px; height:24px; }
#tabbed-content #tabs a { background: url(img/buttons.png) no-repeat -153px -244px; display: inline-block; height: 26px; padding-left: 7px; color: #403928; text-transform: uppercase; font-size: 0.8em; font-weight: normal; line-height: 26px; cursor: pointer; }
#tabbed-content #tabs a:hover { background-position: -153px -270px; text-decoration:none; color: #4b412f; }
#tabbed-content #tabs a.selected, #tabbed-content #tabs a:hover.selected { background-position: -153px -218px; color:#000; cursor: default; }
#tabbed-content #tabs a span { background: url(img/buttons.png) no-repeat right -166px; padding-right: 7px; display: inline-block; height: 26px; }
#tabbed-content #tabs a:hover span { background-position: right -192px; }
#tabbed-content #tabs a.selected span, #tabbed-content #tabs a:hover.selected span { background-position: right -140px; }
#tabbed-content #content { background: transparent; width:260px; margin: 0; padding: 10px 0 0; }
#tabbed-content #content .mask { width:100%; overflow:hidden; margin:0; }
#tabbed-content #content .panel div { float:left; }

/* testimonials */
#testimonials { margin-top: 20px; }
#testimonials .quote { background: #28231A url(img/testimonial_quote.gif) no-repeat 16px 20px; padding: 20px 20px 20px 60px; color: #FFF; font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#testimonials .cite { background: url(img/testimonial_arrow.gif) no-repeat 20px 0; font-size: 0.85em; padding: 5px 0 0 45px; }

/* Testimonials: Easy Slider on Home page */ 
#easyslider { position: relative; margin: 0; }
#easyslider #testimonials ul { margin: 0; padding: 0; list-style: none; }
#easyslider #testimonials li { width: 430px; height: 300px; overflow: hidden; }
#prevBtn, #nextBtn { display: block; width: 22px; height: 16px; position: absolute; left: 400px; top: 0px; text-indent: -99999px; }
#nextBtn { left: 422px; }
#prevBtn a, #nextBtn a { display: block; background: url(img/buttons.png) no-repeat 0px -118px; width: 22px; height: 16px; display: block; cursor: pointer; }
#nextBtn a { background-position: -22px -118px; }
#prevBtn a:hover, #nextBtn a:hover { background-position: 0px -94px; }
#nextBtn a:hover { background-position: -22px -94px; }

#fromTheBlog { width: 640px; text-align: left; }
#fromTheBlog ul, #fromTheBlog ul li { margin: 0; padding: 0; list-style: none; }
#fromTheBlog ul li { width: 100%; height: 20px; overflow: hidden; }
#fromTheBlog #prevBtn, #fromTheBlog #nextBtn { left: 640px; top: 30px;}

/* Footer */
#footer { background: url(img/footer.png) no-repeat left bottom; padding: 0; clear: both; min-height: 300px; text-align: left; }
#footer .col-4-fm .textwidget { font-size: 0.75em; color: #666; font-style: italic; }
#footer .about { position: relative; height: 220px; }
#footer .col-4-fm .textwidget strong, #footer .col-4-fm .textwidget b { color: #000; }
#footer .copyright { text-shadow: #FFF 0 1px; position: absolute; bottom: 0; font-size: .85em; }

/* **** */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
small { font-size: .75em; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.grey { color: #666; }
.red { color: #F30; }
.green { color: #5EBA0A; }
.note, .error { margin: 10px 0; padding: 7px 10px; line-height: normal; padding: 10px 10px 10px 40px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.note { background: #FFFFE1 url(img/help.jpg) no-repeat 10px 8px; border: #FFEA97 1px solid; }
.error { background: #FFCECE url(img/error.jpg) no-repeat 10px 6px; border: #FF8888 1px solid; }
.error.top, .note.top { display: inline-block; float: left; width: 360px; clear: right; }
.note p, .error p { margin: 0 0 15px; }
.noscript { background: #211C15; display: block; clear: both; float: none; width: 900px; padding: 5px 10px; text-align: center; margin: 0 auto 20px auto; border: 1px solid #3F3627; color: #675941; }
.noscript a { color: #675941; border-bottom: 1px dotted #675941; }
.noscript a:hover { color: #675941; border-bottom: none; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; margin: 0 !important; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clear { clear: both; }

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.aligncenter { margin: 10px auto; clear: both; }
img.alignright { margin: 10px 0 10px 7px; display: inline; }
img.alignleft { margin: 10px 7px 10px 0; display: inline; }
img.alignnone { margin-top: 10px; margin-bottom: 10px; display: inline; }
#ptf-thumbs .alignnone, .filmstrip .alignnone { margin: 0; }

/* Captions */
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.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; }

/* Icons */
.icon-fireworks, .icon-photoshop, .icon-dreamweaver, .icon-illustrator, .icon-feedburner, .icon-twitter1, .icon-rss, .icon-twitter2, .icon-facebook, .icon-youtube, .icon-skype, .icon-flickr, .icon-buzz, .icon-linkedin, .icon-reply, .icon-edit { background: url(img/small-icons.png) no-repeat; height: 24px; }
.icon-feedburner, .icon-twitter1 { float: right; clear: right; width: 220px; height: 30px; padding-right: 32px; line-height: 24px; }
.icon-rss, .icon-twitter2, .icon-facebook, .icon-youtube, .icon-flickr, .icon-buzz, .icon-linkedin { width: 24px; height: 24px; display: inline-block;padding: 0 2px; text-indent: -9999px; margin-top: 3px; }
.icon-fireworks { background-position: 0 0; }
.icon-photoshop { background-position: 0 -24px; }
.icon-dreamweaver { background-position: 0 -48px; }
.icon-illustrator { background-position: 0 -72px; }
.icon-feedburner { background-position: right -96px; }
.icon-twitter1 { background-position: right -120px; }
.icon-rss { background-position: 0 -150px; }
.icon-twitter2 { background-position: 0 -177px; }
.icon-facebook { background-position: 0 -204px; }
.icon-youtube { background-position: 0 -230px; }
.icon-skype { background-position: 0 -258px; }
.icon-flickr { background-position: 0 -284px; }
.icon-buzz { background-position: 0 -312px; }
.icon-skype { padding: 6px 0 0 30px; height: 18px; }
.icon-linkedin { background-position: 0 -384px; }

.icon-reply, .icon-edit { color: #666666; padding-left: 20px; margin-left: 10px;  }
.icon-reply { background-position: 0 -336px; }
.icon-edit { background-position: 0 -360px;  }
h1 .icon-edit { font-size: 0.6em; text-transform: none; margin-top: 6px; color: #666666; }
.icon-edit a, .icon-reply a { color: #666666; }
.entry h1 .icon-edit a { color: #666; font-size: .8em; }
.icon-edit a:hover, .icon-reply a:hover, .entry h1 .icon-edit a:hover { color: #0086CC; }

/* BUTTONS */
.btn-dialog1, .btn-dialog1 span, .btn-dialog2, .btn-dialog2 span, .btn-dialog3, .btn-dialog3 span, .btn-tab, .btn-tab span, .btn-medium, .btn-medium span, .btn-big, .btn-big span, .btn-small, .btn-small span, .btn-next-big, .btn-previous-big, .btn-next-small, .btn-previous-small, .btn-bullet, .btn-more, .btn-top, .btn-submit, .btn-submit-hover, .btn-footer-top { background: url(img/buttons.png) no-repeat; }

.btn-more {  background: url(img/btn-more.png) no-repeat right 3px; height: 18px; clear: both; margin: 15px 0; padding-right: 8px; font-size: 0.75em; text-transform: uppercase; font-style: normal; }
a.btn-top { background-position: -66px -72px; height: 26px; width: 56px; display: inline-block; color: #333; text-indent: -9999px; }
a:hover.btn-top { background-position: -66px -98px; color: #000; }
a.btn-footer-top { background-position: -80px -230px; height: 26px; width: 56px; display: block; margin: 0 auto; color: #333; text-indent: -9999px; }
a:hover.btn-footer-top { background-position: -80px -262px; color: #000; }

.btn-dialog1, .btn-dialog2, .btn-dialog3 { display: inline-block; padding: 0 0 0 8px; margin: 0; height: 26px; color:white; font-size: 11px; font-weight: normal;font-style: normal; border: none !important; }
.btn-dialog1 { background-position: -147px -60px; }
.btn-dialog2 { background-position: -147px -87px; }
.btn-dialog3 { background-position: -147px -114px; }
.btn-dialog1 span, .btn-dialog2 span, .btn-dialog3 span { padding-right: 8px; display: inline-block; height: 17px; padding-top: 3px; }
.btn-dialog1 span { background-position: right 0; }
.btn-dialog2 span { background-position: right -20px; }
.btn-dialog3 span { background-position: right -40px; }

a.btn-big, a.btn-medium, a.btn-small { display: inline-block; text-transform: uppercase; text-shadow: #FFF 0 1px; color: #333; }
a.btn-big { background-position: -140px -504px; padding-left: 19px; height: 40px; font-size: 1.3em; }
a.btn-medium { background-position: -145px -360px; padding-left: 15px; height: 32px; font-size: 1em; font-weight: bold; }
a.btn-small { background-position: -148px -636px; padding-left: 12px; height: 26px; font-size: .9em; font-weight: bold; }
a:hover.btn-big { background-position: -140px -544px; padding-left: 19px; height: 40px; }
a:hover.btn-medium { background-position: -145px -392px; padding-left: 15px; height: 32px; }
a:hover.btn-small { background-position: -148px -662px; padding-left: 12px; height: 26px; }
a.btn-big span, a.btn-medium span, a.btn-small span { display: inline-block; cursor: pointer; }
a.btn-big span { background-position: right -424px; padding-right: 26px; height: 40px; line-height: 40px; }
a.btn-medium span { background-position: right -296px; padding-right: 26px; height: 32px; line-height: 32px; }
a.btn-small span { background-position: right -584px; padding-right: 16px; padding-left: 4px; height: 26px; line-height: 26px; }
a:hover.btn-big span { background-position: right -464px; color: #000; }
a:hover.btn-medium span { background-position: right -328px; color: #000; }
a:hover.btn-small span { background-position: right -610px; color: #000; }

.btn-submit, .btn-submit-hover { background-color: transparent;background-position: 0 -647px; text-indent: -9999px; width: 120px; height: 32px; cursor: pointer; border: none;  }
.btn-submit-hover { background-position: 0 -679px; }

/* buttons: Next Previous Navigation */
.nav_nextPrev_big { width: 65px; float: left; text-indent: -9999px; background:url(img/buttons.png) no-repeat 0 -230px; }
.btn-next-big { background-position: -33px -262px; width: 32px; height: 24px; display: block; float: right; }
.btn-previous-big { background-position: 0 -262px; width: 32px; height: 24px; display: block; float: left; }
.btn-next-big, .btn-previous-big { cursor: pointer; }
.btn-next-big a, .btn-previous-big a { display: block; width: 100%; height: 100%; }
.nav-caption { padding: 6px 0 0 10px; display: block; float: left; font-style: italic; }

/* GalleryView */
.galleryview { display: block; width: 980px !important; height: 480px!important; }
.galleryview .inner { margin: 0 40px; height: 360px; width: 900px; overflow: hidden; }
.galleryview .inner .panel { left: 40px!important; }
.galleryview .strip_wrapper { position: absolute; height: 40px; top: 400px!important; background: url(img/ptf_thumbs_hor_sep.png) repeat-x; padding: 20px 40px; margin: 0 5px; width: 890px; }
.galleryview .strip_wrapper .filmstrip { display: block; height: 50px; float: left; margin-right: 20px; }
.galleryview .strip_wrapper .btn-big  { float: right; margin-top: 6px; }
.galleryview .strip_wrapper .nav_nextPrev_big { margin-top: 14px; }
#pointer .pointer { background: url(img/ptf_thumbs_arrow.png) no-repeat; display: block; width: 24px; height: 12px; }

/* Plugin: Pagenavi */
.wp-pagenavi { margin-bottom: 10px; width: 500px; float: left; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { margin: 0 2px!important; text-decoration: none; font-size: 1.3em; color: #333; padding: 0 6px; line-height: 26px; height: 26px; display: inline-block; }
.wp-pagenavi a:hover { color: #0086CC; }
.wp-pagenavi span.current { font-size: 1.3em; background: url(img/buttons.png) no-repeat 0 -515px; height: 26px; width: 30px; text-align: center; display: inline-block; line-height: 26px; height: 26px; display: inline-block; }
.wp-pagenavi span.extend { padding: 0 2px 0 0; }
.wp-pagenavi a.first, .wp-pagenavi a.last, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { background: url(img/buttons.png) no-repeat -148px -636px; display: inline-block; height: 26px; padding-left: 12px; border: none;  text-transform: uppercase; text-shadow: #FFF 0 1px; color: #333; line-height: 26px;font-size: .85em; }
.wp-pagenavi a:hover.first, .wp-pagenavi a:hover.last, .wp-pagenavi a:hover.previouspostslink, .wp-pagenavi a:hover.nextpostslink { background-position: -148px -662px; }
.wp-pagenavi a.first span, .wp-pagenavi a.last span, .wp-pagenavi a.previouspostslink span, .wp-pagenavi a.nextpostslink span { background: url(img/buttons.png) no-repeat right -584px; display: inline-block; height: 26px; padding-right: 12px; }
.wp-pagenavi a:hover.first span, .wp-pagenavi a:hover.last span, .wp-pagenavi a:hover.previouspostslink span, .wp-pagenavi a:hover.nextpostslink span { background-position: right -610px; }

/* Plugin: Codebox */
.wp_codebox_msgheader, .wp_codebox_msgheader.active {  -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #F2F2EE !important; border: 1px solid #E5E4E2 !important; margin-bottom: 6px; }
.wp_codebox_msgheader.active { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-position: right -53px !important; }
.wp_codebox_msgheader { background-position: right 3px !important; }
.wp_codebox_msgheader .left, .wp_codebox_msgheader .left a, .wp_codebox_msgheader .left2, .wp_codebox_msgheader .left2 a { font-weight: normal !important; text-transform: uppercase; }
.wp_codebox_msgheader .right sup { display: none !important; } 
.wp_codebox { background-color: #FBFBFA !important; border: 1px solid #E5E4E2 !important; border-top: none !important; }
.wp_codebox td.line_numbers { background-color: #F2F2EE !important; border-right: 1px solid #E5E4E2 !important; }

/* Plugin: Latest Tweets */
.tweet { margin: 20px 0 0; border-top: 1px solid #eee; }
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; }
.tweet .tweet_list li, .query .tweet_list li { overflow-y: auto; overflow-x: hidden; padding: .5em; list-style: none; background: transparent !important; padding-left: 0 !important; }
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; }

.retweet { background: red; }

/* Plugin: Popularity contest */
.akpc_pop { overflow: hidden; visibility: hidden; display: none; }

/* Plugin: vTip */
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; color: white; background-color: #28231A; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/* ERIC EDITS */
.btn-big { display: inline-block; text-transform: uppercase; text-shadow: #FFF 0 1px; color: #333; }
.btn-big { background-position: -140px -504px; padding-left: 19px; height: 40px; font-size: 1.3em; }
.btn-big:hover { background-position: -140px -544px; padding-left: 19px; height: 40px; }
.btn-big span { display: inline-block; cursor: pointer; }
.btn-big span { background-position: right -424px; padding-right: 26px; height: 40px; line-height: 40px; }
.btn-big:hover span { background-position: right -464px; color: #000; }

.collapser {
    display: block;
    width: 100%;
    float: left;
}