/* 
Theme Name: Awesem V2
Theme URL: http://www.awesem.co.uk
Description: A custom theme just for Awesem!
Author: Orman Clark
Author URI: http://www.ormanclark.com
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/   */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}

/* --

0.0 Misc
1.0 Main Structure
2.0 Vertical Rhythm
3.0 Heading Tags
4.0 Buttons
5.0 Header
5.1 Top Navigation
6.0 Homepage Styles
6.1 Opening Block
6.2 Slider
6.3 Slide Deck
7.0 Footer
8.0 Service Summary
9.0 Sidebar Page
10.0 Wide Content
11.0 Showcase Summary
11.1 Showcase Detail
12.0 About Summary
12.1 About Detail
13.0 Contact Page
14.0 Sidebar Page
15.0 Blog Section
15.1 Blog Comments
16.0 Internal Page Contents

-- */


/* ----- 0.0 Misc Styles ----- */

.left { float: left; }
.right { float: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
.none { display: none; }
.left-col, .middle-col { width: 300px; margin-right: 20px; float: left; }
.right-col { width: 300px; float: right; }
.left-col-small { width: 340px; float: left; }
.right-col-small { width: 340px; float: right; }
a { outline: none; }
p a, .ddsg-wrapper a { color: #0099cc; text-decoration: none; border-bottom: 1px dotted #0099cc; } p a:hover, .ddsg-wrapper a:hover { background-color: #e3f6fd; }
p a:active, .button:active, .foot-posts a:active, .sidebar-page li a:active, .about-block .more:active { position: relative; top: 1px; }
strong { font-weight: bold; color: #333; }
em { font-style: italic; }
blockquote { background: url(images/bg-quote.png) -4px -2px no-repeat; margin-bottom: 50px; font: 14px/24px "Georgia", serif; color: #666; font-style: italic; text-indent: 35px; }
.red { color: #cc0000; }
.alignright { float: right; margin: 0 0 20px 30px; }
.alignleft { float: left; margin: 0 30px 20px 0; }

/* ------ 1.0 Main Structure ----- */

body { font: 13px/20px arial, sans-serif; color: #666; background: #f8f8f8 url(images/bg-body.gif) center top no-repeat; }
body.home { background: #f8f8f8 url(images/bg-home.gif) center top no-repeat; }
#container { margin: 0 auto 70px auto; width: 940px; background: url(images/bg-line.gif) left bottom repeat-x; padding: 0 0 30px 0; }
#content { width: 700px; padding: 0 0 0 30px; float: right; background: url(images/bg-content.gif) left top no-repeat; min-height: 800px; }
#content-wide { width: 940px; min-height: 800px; }
#sidebar { width: 180px; float: left; }
#footer { clear: both; width: 100%; background: #333; padding: 35px 0; }

/* ------ 2.0 Vertical Rhythm ----- */

p { margin-bottom: 15px; }
.service { margin-bottom: 30px; }
h2.strap { margin-bottom: 40px; }

/* ------ 3.0 Heading Tags ----- */

h1 { padding: 40px 0 15px 0; font-weight: bold; font-size: 25px; line-height: 38px; text-transform: uppercase; color: #333; }
h2.strap, h2.home-strap, h2.home-strap2 { font-size: 15px; line-height: 24px; color: #777; font-weight: normal; text-transform: lowercase; }
h2.strap { background:url(images/bg-line.gif) left bottom repeat-x; padding: 0 0 25px 0; }
h2 { padding: 0 0 15px 0; font-weight: bold; font-size: 16px; line-height: 24px; text-transform: uppercase; color: #333; }
h3 { text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 22px; padding: 0 0 10px 0; color: #333; }
h1 a, h2 a, h3 a, h4 a { color: #333; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #0099cc; }
h2.home-strap { padding: 0 0 15px 0; }
h2.home-strap2 { padding: 0 0 30px 0; }

/* ------ 4.0 Buttons ----- */

.button { background: url(images/bg-buttons.png); display: block; text-indent: -9999px; }
.button-work, .button-contact, .button-message { width: 180px; height: 50px; }
.button-work { background-position: -180px 0; } .button-work:hover { background-position: -180px -50px; }
.button-contact { background-position: -360px 0; border: none; cursor: pointer; } .button-contact:hover { background-position: -360px -50px; }
.button-message { background-position: 0 0; border: none; cursor: pointer; } .button-message:hover { background-position: 0 -50px; }
.button-design, .button-dev, .button-marketing { width: 290px; height: 42px; }
.button-design { background-position: -1120px 0; } .button-design:hover { background-position: -1120px -50px; }
.button-dev { background-position: -540px 0; } .button-dev:hover { background-position: -540px -50px; }
.button-marketing { background-position: -830px 0; } .button-marketing:hover { background-position: -830px -50px; }

/* ----- 5.0 Header ----- */

#header { height: 130px; margin-bottom: 10px; position: relative; z-index: 1000; }
#logo { position: absolute; top: 40px; left: 5px; }

/* ----- 5.1 Top Navigation ----- */
.top-nav { position: absolute; top: 50px; left: 380px; }
.sf-menu, .sf-menu * { margin: 0; padding:	0;	list-style: none; }
.sf-menu {	line-height: 35px; height: 35px; }
.sf-menu ul { position: absolute; top: -9999px; width: 180px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:	100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; text-decoration: none; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 35px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -9999px; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 220px; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -9999px; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 220px; /* match ul width */ top: 0; }
.sf-menu { float: left; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }

.sf-menu li ul { background: #111;	opacity: 0.9; -moz-border-radius: 0 6px 6px 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; padding: 20px 20px 30px 20px; width: 180px; }
.sf-menu ul a, .sf-menu ul a:visited  { color: #999; line-height: 30px; background: url(images/bg-foot-post-a.png) 0px 11px no-repeat; padding-left: 15px;}
.sf-menu ul a:hover { color: #ccc; }

.nav-design, .nav-development, .nav-marketing, .nav-showcase, .nav-about, .nav-news, .nav-contact { background: url(images/bg-navigation.png) no-repeat; text-indent: -9999px; cursor: pointer; }
.nav-design { width: 87px; } .sfHover a.nav-design:hover, .sfHover a.nav-design { background-position: 0 -70px; }
.nav-development { width: 126px; background-position: -87px 0; } .sfHover a.nav-development:hover, .sfHover a.nav-development { background-position: -87px -105px; }
.nav-marketing { width: 109px; background-position: -213px 0; } .sfHover a.nav-marketing:hover, .sfHover a.nav-marketing { background-position: -213px -140px; }
.nav-showcase { width: 106px; background-position: -322px 0 } a.nav-showcase:hover { background-position: -322px -35px; }
.nav-about { width: 60px; background-position: -428px 0 } a.nav-about:hover { background-position: -428px -35px; }
.nav-news { width: 64px; background-position: -480px 0 } a.nav-news:hover { background-position: -480px -35px; }
.nav-contact { width: 72px; background-position: -550px 0 } a.nav-contact:hover { background-position: -550px -35px; }

.current .nav-design { background-position: 0 -35px; }
.current .nav-development { background-position: -87px -35px; }
.current .nav-marketing { background-position: -213px -35px; }
.current .nav-showcase { background-position: -322px -35px; }
.current .nav-about { background-position: -428px -35px; }
.current .nav-news { background-position: -480px -35px; }
.current .nav-contact { background-position: -550px -35px; }

/* ------ 6.0 Homepage Styles ----- */

#home-content { z-index: 999; } /* Fix IE7 z-index bug for dropdown menu (under #header) */
.progress p { margin-bottom: 40px; }

/* ------ 6.1 Opening Block ----- */

.opening { height: 470px; background: url(images/bg-line.gif) left bottom repeat-x; margin-bottom: 40px; }
.intro { width: 380px; }
h2.home-strap p { margin-bottom: 15px; }
h2.home-strap p.intro-2 { margin: 0; }
.intro a.button-work { margin-right: 10px; }

/* ------ 6.2 Slider ----- */

.slider { width: 520px; position: relative; }
.slides { position: absolute; left: 50px; }
.previous, .next, .pager a { background: url(images/bg-slider.png) no-repeat; }
.previous, .next { position: absolute; top: 190px; display: block; width: 20px; height: 30px; text-indent: -9999px; }
.previous { left: 5px; background-position: -20px 0; }
.next { left: 495px; background-position: -40px 0;  }
.pager { position: absolute; top: 415px; width: 450px; z-index: 100; left: 58px; }
.pager a { display: block; width: 16px; height: 16px; background-position: 3px 3px; float: left; text-indent: -9999px; }
.pager a:hover, .pager a.activeSlide { background-position: 3px -17px; }

/* ------ 6.3 Slide Deck ----- */

#slidedeck_frame { width: 940px; height: 300px; margin-bottom: 45px; }
#slidedeck_frame dl { margin: 0; }			
.slidedeck dd { background: #f8f8f8 url(images/bg-deck-slide.gif) right 1px no-repeat; height: 12px; padding: 26px 0px;}
.slidedeck dt { cursor: pointer; height: 40px; }
.slidedeck dt#design-deck { background: url(images/bg-deck-spines.png) 4px 1px no-repeat; }
.slidedeck dt#design-deck:hover, .slidedeck dt#design-deck.active { background-position: -308px 1px; }
.slidedeck dt#dev-deck { background: url(images/bg-deck-spines.png) 4px -40px no-repeat; }
.slidedeck dt#dev-deck:hover, .slidedeck dt#dev-deck.active { background-position: -308px -40px; }
.slidedeck dt#marketing-deck { background: url(images/bg-deck-spines.png) 4px -80px no-repeat; }
.slidedeck dt#marketing-deck:hover, .slidedeck dt#marketing-deck.active { background-position: -308px -80px; }
.slidedeck .activeCorner { margin-left: -2px; background: url(images/bg-deck-arrow.png); width: 10px; height: 28px; }

.slidedeck .panel { position: absolute; width: 720px; height: 240px; left: 40px; top: 35px; background: url(images/bg-deck-panel.gif) right top no-repeat;  }
.slidedeck .panel .left { width: 290px; padding-top: 65px; }
.slidedeck .panel .right img { margin-bottom: 10px; }
.slidedeck .panel .right { width: 370px; padding-top: 32px; }
.slidedeck .panel .button { position: absolute; left: -5px; top: 170px; }

.slidedeck .panel-design .left { background: url(images/bg-deck-design.png) left 5px no-repeat; }
.slidedeck .panel-dev .left { background: url(images/bg-deck-dev.gif) left 5px no-repeat; }
.slidedeck .panel-marketing .left { background: url(images/bg-deck-marketing.png) left 5px no-repeat; }

/* ------ 7.0 Footer ----- */

#footer, #footer p { color: #999; }
.foot-inner { width: 940px; margin: 0 auto; position: relative; }
.foot-inner .top { position: absolute; top: -100px; right: 0; }
.foot-inner .top a { font-size: 11px; color: #0099cc; text-decoration: none; background: url(images/bg-top-link.png) left center no-repeat; padding: 0 0 0 13px; }
.foot-inner strong { color: #ccc; }
.foot-inner .left-col, .foot-inner .middle-col { position: relative; }
.foot-inner h4 { padding: 0 0 25px 0; font-weight: bold; font-size: 16px; line-height: 24px; text-transform: uppercase; color: #ccc; z-index: 10; }
.foot-inner .more { position: absolute; color: #ccc; font-size: 11px; background: #444; padding: 3px 8px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; top: 1px; z-index: 1000; display: block; cursor: pointer; }
.left-col .more { left: 165px; }
.middle-col .more { left: 215px; }
.foot-inner .more:hover { cursor: pointer; background: #4d4d4d; color: #fff; }
.foot-posts { list-style-type: none; }
.foot-posts li { line-height: 27px; background: url(images/bg-foot-posts.gif) left bottom repeat-x; }
.foot-posts a { color: #999; text-decoration: none; display: block; padding: 0 0 3px 20px; background: url(images/bg-foot-post-a.png) 5px 9px no-repeat; }
.foot-posts a:hover { color: #ccc; }
.foot-inner .middle-col { width: 600px; }
.foot-inner .right-col { font-size: 11px; text-align: right; padding-top: 47px; background: url(images/bg-foot-logo.png) right top no-repeat; }
.foot-inner .right-col a { color: #999; border-bottom: 1px dotted #999; } .foot-inner .right-col a:hover { background: none; color: #ccc; }

/* ------ 8.0 Service Summary ----- */

.service { padding-left: 125px; background-position: left 5px !important; }
.service-web-dev { background: url(images/icon-web-dev.png) no-repeat; }
.service-apps { background: url(images/icon-apps.png) no-repeat; }
.service-wp-plugins { background: url(images/icon-wp-plugins.png) no-repeat; }
.service-hosting { background: url(images/icon-hosting.png) no-repeat; }
.service-webdesign { background: url(images/icon-webdesign.png) no-repeat; }
.service-logo { background: url(images/icon-logo.png) no-repeat; }
.service-wp-themes { background: url(images/icon-wp-themes.png) no-repeat; }
.service-graphic { background: url(images/icon-graphic.png) no-repeat; }
.service-seo { background: url(images/icon-seo.png) no-repeat; }
.service-ppc { background: url(images/icon-ppc.png) no-repeat; }
.service-affiliate { background: url(images/icon-affiliate.png) no-repeat; }
.service-social { background: url(images/icon-social.png) no-repeat; }
.service-analytics { background: url(images/icon-analytics.png) no-repeat; }
.service-international { background: url(images/icon-international.png) no-repeat; }
.service-money { background: url(images/icon-money.png) no-repeat; }
.service-display { background: url(images/icon-display.png) no-repeat; }
.service-content { background: url(images/icon-content.png) no-repeat; }
.service-network { background: url(images/icon-network.png) no-repeat; }

/* ------ 9.0 Sidebar Page ----- */

.sidebar-page ul { padding: 240px 0 15px 0; list-style-type: none; }
.sidebar-page li { line-height: 35px; margin-bottom: 5px; }
.sidebar-page li a { display: block; font-size: 11px; text-decoration: none; color: #666; background: url(images/bg-sidebar-link.png) left top no-repeat; text-transform: uppercase; padding-left: 10px; text-shadow: #fff 1px 1px 1px; }
.sidebar-page li a:hover, .sidebar-page li.current a { background-position: -180px top; color: #fff; width: 180px; text-shadow: #006699 1px 1px 1px; }
.sidebar-page .buttons { padding-top: 20px; background: url(images/bg-line.gif) left top repeat-x; }
.sidebar-page .button-work, .sidebar-news .button-work { margin-bottom: 10px; }

ul.design { background: url(images/bg-colour-wheel.png) left top no-repeat; }
ul.development { background: url(images/bg-power-btn.png) left top no-repeat; }
ul.marketing { background: url(images/bg-pie-chart.png) left top no-repeat; }
ul.showcase { background: url(images/bg-showcase-wide.png) -13px 25px no-repeat; }
ul.about { background: url(images/bg-about-narrow.png) left 25px no-repeat; padding-top: 200px; }

/* ------ 10.0 Wide Content ----- */

.wide-intro { height: 220px; padding-left: 230px; }
.wide-intro h2.strap { background: none; }
.wide-content { background: url(images/bg-line.gif) left top repeat-x; padding: 40px 0 0 0; }

.wide-showcase { background: url(images/bg-showcase-wide.png) left top no-repeat; }
.wide-about { background: url(images/bg-about-wide.png) left top no-repeat; }
.wide-contact { background: url(images/bg-contact-wide.png) left top no-repeat; }

/* ------ 11.0 Showcase Summary ----- */

.show-block { width: 300px; height: 160px; float: left; margin: 0 20px 30px 0; background: url(images/bg-show-block.png) left top no-repeat; position: relative; }
.last { margin-right: 0; }
.show-block .cover { margin: 5px 0 0 10px; position: relative; overflow: hidden; width: 280px; height: 150px; cursor: pointer; }
.show-block .cover img { position: absolute; z-index: 2; left: 0; top: 0; }
.show-block .cap { font-size: 11px; color: #ccc; text-transform: uppercase; line-height: 15px; z-index: 1; margin: 113px 0 0 10px; }
.show-block .cap span { font-style: italic; color: #999; text-transform: lowercase; }
.show-block a { text-decoration: none; }

/* ------ 11.1 Showcase Detail ----- */

.parent-pageid-16 .entry img { margin-bottom: 40px; }
.parent-pageid-16 .entry h1 { background: url(images/bg-line.gif) left bottom repeat-x; padding: 40px 0 10px; margin-bottom: 30px; }
.parent-pageid-16 #post-257 .entry h1 { background: none; margin: 0; padding: 40px 0 15px; }
.showcase-info .left, .showcase-info .right { width: 340px; }
.project-link { padding-left: 18px; background: url(images/bg-project-link.png) left 1px no-repeat; }
.showcase-info .right ul { list-style-type: none; }
.showcase-info .right li { line-height: 25px; padding-left: 35px; background: url(images/bg-tick.png) 5px center no-repeat; }
.showcase-info .right li a { color: #666; text-decoration: none; border-bottom: 1px dotted #999; }
.showcase-info .right li a:hover { color: #0099cc; border-bottom: 1px dotted #0099cc; background-color: #e3f6fd; }

/* ------ 12.0 About Summary ----- */

.about-block { background: #efefef url(images/bg-about-block.png) left 256px no-repeat; width: 180px; padding: 20px 20px 40px 20px; float: left; margin: 0 20px 40px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.about-block .mugshot { margin-bottom: 30px; display: block; }
.copy .about-block h3 { padding: 0 0 5px 0; }
.about-block span { font-size: 12px; font-style: italic; color: #666; margin-bottom: 15px; display: block; }
.about-block p { color: #333; font-size: 12px; margin-bottom: 25px; }
.about-block .more { color: #ccc; font-size: 11px; background: #444; padding: 6px 8px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
.about-block .more:hover { background: #4d4d4d; color: #fff; }
.wide-content .last { margin-right: 0; }

/* ------ 12.1 About Detail ----- */

.parent-pageid-19 .entry h1 { background: url(images/bg-line.gif) left bottom repeat-x; padding: 40px 0 10px; margin-bottom: 30px; }
.about-intro { height: 300px; padding: 20px 0 0 0; }
.about-intro .left { width: 210px; padding: 0 0 10px 40px; background: url(images/bg-about-block.png) 18px 236px no-repeat; }
.about-intro .right { width: 370px; padding-right: 60px; }
.about-intro .right blockquote { font-size: 16px; line-height: 28px; }
.about-detail .left, .about-detail .right { width: 340px; }

/* ------ 13.0 Contact Page ----- */

.contact-form { width: 520px; padding: 50px 40px 50px 20px; background: #efefef; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.contact-form label { float: left; text-align: right; font-weight: bold; color: #333; font-size: 13px; text-transform: uppercase; width: 120px; margin-right: 20px; padding: 5px 0 0 0; }
.contact-form label.type { padding: 0; }
.contact-form input[type=text], .contact-form textarea  { background: #fff; border: none; padding: 6px; font-size: 14px; color: #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-family: Cambria, Georgia, serif; width: 365px; }
.contact-form textarea { height: 220px; }
.contact-form p { position: relative; }
p.psubmit { height: 50px; }
p.psubmit span { font-size: 10px; margin-left: 140px; }
.contact-address { width: 330px; background: url(images/logo.png) left top no-repeat; padding: 60px 0 0 0; }

/* ------ 14.0 Sidebar News ----- */

.sidebar-news { padding-top: 80px; }
.sidebar-news ul { padding: 0 0 15px 0; list-style-type: none; }
.sidebar-news ul ul { padding: 0 0 15px 0; }
.widget ul li { font-size: 11px; margin-bottom: 5px; }
.widget li a { color: #666; text-transform: uppercase; padding: 5px 10px; display: block; text-shadow: #fff 1px 1px 1px; background: #ebebeb; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.widget li a:hover { background: #2ea9ea; color: #fff; text-shadow: #006699 1px 1px 1px; }
.widget_recent_entries h2 { display: none; }

/* ------ 15.0 Blog Section ----- */

.blog .entry-header { margin-bottom: 30px; padding: 5px 10px; background: #f2f2f2; border-left: 5px solid #666; }
.author-thumb { float: left; margin-right: 10px; }
.avatar { padding: 2px; border: 1px solid #ddd; background: #fff; }
.entry-title { float: left; }
.entry-title h2 { padding: 0; }
.entry-meta { font-size: 14px; line-height: 24px; color: #999; font-family: Cambria, Georgia, serif; }
.entry-meta a { color: #999; border-bottom: 1px dotted #999; text-decoration: none; }
.entry-meta a:hover { color: #666; border-bottom: 1px dotted #666; }
.blog .entry img, .single .entry img { -moz-box-shadow: #ccc 0px 0px 2px; box-shadow: #ccc 0px 0px 2px; margin-bottom: 10px; }
.single .entry, .blog .entry { margin-bottom: 60px; }
.single .entry-header { padding: 40px 0 0 0; margin-bottom: 30px; }
.single .entry-title { float: right; width: 635px; }
.single .entry-title h1 { padding: 0; }
.single .entry-meta { margin-top: -5px; display: block; }
.single .author-thumb { border: none; padding: 0; }
.single .entry ol, .single .entry ul, .blog .entry ul, .blog .entry ol, .entry ul { margin: 0 0 20px 20px; }
.single .entry blockquote, .blog .entry blockquote { margin: 0 0 30px 20px; padding-top: 10px; background-position: -4px 8px; }

/* ------ 15.1 Blog Comments ----- */

.commentlist { margin-bottom: 30px; }
ol.commentlist, ol.commentlist ul { list-style-type: none; }
li.comment { background: #f4f4f4; margin: 10px 0; padding: 20px; border: 1px solid #ddd; position: relative; }
li.depth-2, li.depth-4 { background: #f8f8f8 !important; }
ul.children li.comment { margin-top: 20px; }
li.comment .avatar { float: left; margin-right: 15px; }
li.comment cite { color: #333; font-size: 14px; font-family: Cambria, Georgia, serif; font-weight: bold; }
li.comment cite a { color: #333; font-size: 14px; border-bottom: 1px dotted #666; text-decoration: none; font-family: Cambria, Georgia, serif; font-weight: bold; } li.comment cite a:hover { color: #0099cc; border-bottom: 1px dotted #0099cc; }
.comment-meta a { color: #999; font-family: Cambria, Georgia, serif; text-decoration: none; }
.comment-meta { margin-bottom: 20px; }
.says { display: none; }

li.comment-author-orman { background: #d8eef4 !important; border: 3px solid #56bbdc !important; }
li.comment-author-orman .avatar { border-color: #ccc; }
li.comment-author-orman .comment-meta a { color: #0099cc; }
li.comment-author-orman p { color: #333; }

.comment-reply-link, #cancel-comment-reply-link { color: #ccc; font-size: 11px; background: #444; padding: 6px 8px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
.comment-reply-link:hover, #cancel-comment-reply-link:hover { background: #4d4d4d; color: #fff; }
#cancel-comment-reply-link { margin-bottom: 30px; display: block; width: 130px; }
#respond { padding-top: 30px; }
#commentform input[type=text], #commentform textarea  { background: #fff; border: 1px solid #efefef; padding: 6px; font-size: 14px; color: #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-family: Cambria, Georgia, serif; }
#commentform label { font-style: italic; margin-left: 15px; font-size: 11px; }
#commentform #submit { color: #ccc; font-size: 11px; background: #444; padding: 6px 8px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; border: none; font-family: Arial, sans-serif; }
#commentform #submit:hover { background: #4d4d4d; color: #fff; }
.mod { position: absolute; font-size: 11px; top: 20px; right: 20px; color: #cc0000;}

/* ------ 16.0 Internal Page Contents ----- */

.wd1 { padding: 10px 360px 20px 0; background: url(images/page-wb-1.png) right top no-repeat; min-height: 270px; margin-top: 40px; }
.wd2 { padding: 10px 0 20px 360px; background: url(images/page-wb-2.png) left top no-repeat; min-height: 360px; }
.wd3 { padding: 10px 360px 20px 0; background: url(images/page-wb-3.png) right top no-repeat; min-height: 340px; }
.wd4 { padding: 10px 0 20px 360px; background: url(images/page-wb-4.png) left top no-repeat; min-height: 280px; }

.ld1 { padding: 10px 360px 20px 0; background: url(images/page-ld-1.png) right top no-repeat; min-height: 280px; margin-top: 40px; }
.ld2 { padding: 10px 0 20px 360px; background: url(images/page-ld-2.png) left top no-repeat; min-height: 270px; }
.ld3 { padding: 10px 360px 20px 0; background: url(images/page-ld-3.png) right 20px no-repeat; min-height: 240px; }
.ld4 { padding: 30px 0 20px 360px; background: url(images/page-ld-4.png) left 20px no-repeat; min-height: 220px; }