/* 
Alphabetix Stylesheet

version:   5.0
date:      03-21-2009
author:    Alphabetix
email:     info@alphabetix.net
website:   www.alphabetix.net
 
 */

/* Global Default */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0;margin: 0;}
fieldset, img { border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym { border: 0;}


/* Typography */
body {font: .74em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.64em; color: #444;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font: bold 1.4em "Century Gothic", Georgia, Arial, Sans-Serif; margin:10px 0 0;}
h1 a:hover { color: #000; background: inherit; }
h2 { font: bold 1.2em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; margin:10px 0 0; }
h3{font: bold 1.0em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; margin:10px 0 0;;}
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
h5 {}
h6 {}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
#blogfeed h2, #thumbnails h2 {margin:5px 0;}
#navBar h3 {margin:5px 0 10px;}
p { margin: 0 0 15px 0; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a { color: #3A73D0;	text-decoration: none; outline: none; }
a:hover { color: #000; text-decoration: underline;  }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.9em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.allcaps {font-variant: small-caps;}
.smallish {font-size:.9em; font-variant: small-caps;}


/* 
	Begin Other Style
*/

/* Global */
*{ margin: 0; padding: 0; }* 
body { }
.blue { color: #3A73D0; }
.white { color: #fff; }
.red { color: #c02; }
img {outline: none;}

/* Content */
#w_header{ width: 950px; margin: 0 auto; height: 100%; background-image: url("../images/bg/bg_wrap3.png");background-position: top center; background-repeat: no-repeat; }
#wrap{ width: 950px; margin: 0 auto; height: 100%; background-image: url("../images/bg/bg_wrap2.png"); background-repeat: repeat-y; overflow:hidden; }
#w_footer{ width: 950px; margin: 0 auto; height: 100%; background-image: url("../images/bg/bg_wrap4.png"); background-repeat: no-repeat; }
.container{width:920px;margin:0 auto;position:relative;}
#main { border-top:1px solid #fff;width:920px;position:relative; }

/* Header */
#logo { height:90px; padding-left: 60px; padding-top: 15px; background: url(../images/contact.png) 600px 15px no-repeat; }
#header{height:30px;position:relative;}
ul#navTop { position:absolute;left:1px;bottom:0;width:915px;background-color:#333;padding:10px 0 0 0;list-style-type:none;}
ul#navTop li{display:block;list-style-type:none;float:left;font-size:.9em;background-color:transparent;text-transform:uppercase;position:relative;margin:0 0 -3px 5px;}
ul#navTop li a {display:block;padding:4px 17px 7px 17px;color:#fff;}
ul#navTop li.active { background-color:#fff; 	}
ul#navTop li.active a { color:#3c4145; }
ul#navTop li .cornerLeft, ul#navTop li .cornerRight { display:none; }	
ul#navTop li.active .cornerLeft, ul#navTop li.active .cornerRight  {display:block;position:absolute;top:0;left:0;width:4px;height:30px;font-size:1px;background: url("../images/bg/bg_topNavLeft.png") left top no-repeat;}
ul#navTop li.active .cornerRight {left:auto;right:-1px;background: url("../images/bg/bg_topNavRight.png") right top no-repeat;}
ul#navTop li.bookmark { padding-left:40px; }

/* Side Bar Navigation */
#navBar {float:left;width:239px;padding:0px; height: 262px; }

#web-design #navBar ul#sideNav li a.active, #content-management #navBar ul#sideNav li a.active,
#seo-consultation #navBar ul#sideNav li a.active, #internet-marketing #navBar ul#sideNav li a.active,
#graphic-design #navBar ul#sideNav li a.active, #team #navBar ul#sideNav li a.active,
#employment #navBar ul#sideNav li a.active, .company #navBar ul#sideNav li a.active,
.web #navBar ul#sideNav li a.active, .kello #navBar ul#sideNav li a.active, .seo #navBar ul#sideNav li a.active, 
#clean-code #navBar ul#sideNav li a.active, #keyword-analysis #navBar ul#sideNav li a.active, 
#online-advertising #navBar ul#sideNav li a.active, #marketing #navBar ul#sideNav li a.active, 
#email-marketing #navBar ul#sideNav li a.active, #social-media #navBar ul#sideNav li a.active, 
#blogging #navBar ul#sideNav li a.active, #brand-awareness #navBar ul#sideNav li a.active     
{ background-color:#f7f7f7; color: #000; font-weight:bold;  }

#esl-editing #navBar ul#sideNav li a.active, #proofreading-services #navBar ul#sideNav li a.active,
#web-content #navBar ul#sideNav li a.active, #business-writing #navBar ul#sideNav li a.active, #resume-writing #navBar ul#sideNav li a.active, 
.words #navBar ul#sideNav li a.active, .writing #navBar ul#sideNav li a.active 
{ background-color:#f7f7f7; color: #000; font-weight:bold;  }

#navBar h3{ font-size: 1.3em; font-weight: normal; padding: 15px 0 0 10px; color:#3c4145;}
ul#sideNav { margin:0; list-style-type:none; width:224px;}	
ul#sideNav li{ display:block; position:relative; }
ul#sideNav li a{display:block;padding: 8px 8px 7px 7px;color:#3c4145;font-weight:normal; background-color: #fff;}
ul#sideNav li a:hover{text-decoration: underline;}
ul#sideNav li.select{border-bottom:1px solid #fff;padding: 8px 8px 7px 7px;}
ul#sideNav li a.active { border-bottom:1px solid #707070;text-decoration: none; }
p, #main ul, #main table{ margin: 0 0 1em 0; }
#main ul, #main ol{ margin: 0 0 1em 15px; }

/* Right */
#right { width:677px; float:right; margin-right: 4px; margin-top: 10px; color: #333; }
#billboard {height:222px;padding: 40px 315px 0 30px;margin:0; font-size: 1.2em;line-height:24px;overflow: hidden;}
#billboard h2{ padding:0; margin:0 0 20px 0; }
#web-design #billboard { background-image: url(../images/banners/w1.png); }
#content-management #billboard { background-image: url(../images/banners/w3.png); }
#seo-consultation #billboard { background-image: url(../images/banners/w4.png); }
#internet-marketing #billboard { background-image: url(../images/banners/w5.png); }
#graphic-design #billboard { background-image: url(../images/banners/w6.png); }
#nonprofit-web-design #billboard { background-image: url(../images/banners/w7.png); }
#wordpress-conversion #billboard { background-image: url(../images/banners/wordpress.png); }
#web-content #billboard { background-image: url(../images/banners/e2.png); }
#proofreading-services #billboard { background-image: url(../images/banners/e3.png); }
#esl-editing #billboard { background-image: url(../images/banners/e4.png); }
#business-writing #billboard { background-image: url(../images/banners/e5.png); }
#resume-writing #billboard { background-image: url(../images/banners/e6.png); }
#company #billboard { background-image: url(../images/banners/c0.png); }
#team #billboard { background-image: url(../images/banners/c2.png); }
#employment #billboard { background-image: url(../images/banners/c3.png); }
#clean-code #billboard { background-image: url(../images/banners/s1.png); }
#keyword-analysis #billboard { background-image: url(../images/banners/s2.png); }
#online-advertising #billboard { background-image: url(../images/banners/s3.png); }
#email-marketing #billboard { background-image: url(../images/banners/m1.png); }
#social-media #billboard { background-image: url(../images/banners/m2.png); }
#blogging #billboard { background-image: url(../images/banners/m3.png); }
#brand-awareness #billboard { background-image: url(../images/banners/m4.png); }
#sandy-web-design #billboard { background-image: url(../images/banners/joes_donuts.png); }
#portland-web-design #billboard { background-image: url(../images/banners/portland_oregon.png); }
#boring-web-design #billboard { background-image: url(../images/banners/boring_oregon.png); }
#gresham-web-design #billboard { background-image: url(../images/banners/gresham_oregon.png); }
#community #billboard { background-image: url(../images/banners/c4.png); }
#clackamas-web-design #billboard { background-image: url(../images/banners/clackamas_oregon.png); }
#damascus-web-design #billboard { background-image: url(../images/banners/damascus_oregon.png); }
#troutdale-web-design #billboard { background-image: url(../images/banners/troutdale_oregon.png); }
#fairview-web-design #billboard { background-image: url(../images/banners/fairview_oregon.png); }
#west-linn-web-design #billboard { background-image: url(../images/banners/westlinn_oregon.png); }

#eagle-creek-web-design #billboard { background-image: url(../images/banners/eagle_creek_oregon.png); }
#estacada-web-design #billboard { background-image: url(../images/banners/estacada_oregon.png); }
#lake-oswego-web-design #billboard { background-image: url(../images/banners/lake_oswego_oregon.png); }
#oregon-city-web-design #billboard { background-image: url(../images/banners/oregon_city_oregon.png); }
#welches-web-design #billboard { background-image: url(../images/banners/welches_oregon.png); }

#center { width:660px; float:left; margin-left: 10px;padding: 10px 0 0 0; }

/* Tabbed Content */
#tabby {width:650px;height:320px;margin:0; position:relative;}
#tabby ul {padding:0; margin:0;list-style-type: none;border:0; }
#tabby ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
#tabby ul li {float:left; }
#tabby ul li a, #tabby ul li a:visited {display:block; text-align:center; text-decoration:none; width:149px; height:30px; background:#333;line-height:30px;border: 2px solid #ededed; color: #fff;}
#tabby ul li ul {position:absolute; left:-9999px; height:0;}
#tabby ul li#current a {background:#333; border: 2px solid #ededed;}
#tabby ul li#current a:hover, #tabby ul li#current a:active, #tabby ul li:hover#current a  {background: #fff; border: 2px solid #ededed;}
#tabby ul li#current ul li a:hover, #tabby ul li#current ul li a:active, #tabby ul li:hover#current ul li a  {background: transparent; border: 0;}
#tabby ul li a:hover,#tabby ul li:hover a {color:#000; background: #fff;border: 2px solid #ededed;}
#tabby ul li#current ul,#tabby ul :hover ul {top:30px; left:0;height:350px;text-align:left;}
#tabby ul li#current ul li,#tabby ul :hover ul li {background: url("../images/bg/bg_tabby.png") top left no-repeat; color:#000;padding:10px 10px 0 10px;width:620px;height: 300px;overflow:auto;}
#tabby ul li#current ul li p,#tabby ul :hover ul li p {line-height:1.5em; padding-right: 30px;}
#tabby ul li#current ul li a,#tabby ul :hover ul li a {display:inline;background:#fff;color:#3A73D0;text-decoration:none;border:0;line-height:1.8em;}
#tabby ul li#current ul li a:hover,#tabby ul :hover ul li a:hover {text-decoration:underline; color:#000;}

/* Quick Contact */
#quickcontact { width: 220px;float: left; margin: 0px; padding: 5px 0 0 10px;}
#quickcontact h2 { padding-bottom: 10px; }
#quickcontact ul { list-style: none; margin: 0 0 15px 0; }
#quickcontact ol { list-style: decimal; list-style-position: inside; margin: 0 0 15px 0;  }
#quickcontact li { margin: 0 0 5px 0; }
#quickcontact p { margin: 0 0 15px 0; }
#quickcontact a:hover, #quote a {border:0px;}
#quickcontact fieldset {border:none;}
#quickcontact fieldset ol {list-style-type:none;}
#quickcontact fieldset li {padding:0;list-style-type:none;}
#quickcontact label {color: #333333;}
#quickcontact input {border-left:none;border-right:none;border-top:none;border-bottom:2px dotted #333333;background:transparent;}
#quickcontact input.black {color: #FFFFFF; background-color: #fff; border-bottom: 0;}
#quickcontact input.noborder {border-bottom: 0;}
.cleanSpot input {border:none; font-size: .9em; padding: 5px 65px; }
#quickcontact textarea {border-left:none;border-right:none;border-top:none;border-bottom:2px dotted #333333;background:transparent;}

/* Footer */
#footer { clear: both; padding: 10px 35px; margin: 0px; font-size: .9em; color: #3c4145; }
#footer ul { list-style-type:none; }
#footer a { color:#3c4145; }
.right{ float: right; padding: 7px 10px 0 15px; text-align: right; }
	
/* Footer Slide */
h3.section {margin-top: 1em;}
#vertical_slide {height:400px;padding: 10px; /*background: url(../images/smidges/bella.png) right bottom no-repeat; */}
div.marginbottom {/* Since the Fx.Slide element resets margins, we set a margin on the above element */margin-bottom: 50px;}

/* Footer Links */
.sitelinks{float: left; width: 190px;padding: 5px;}
#footer .sitelinks a, #footer .sitelinks a:visited {color: #3A73D0;}
.sl_divider{float: left; width: 2px; height: 360px; margin-top: 5px; background: transparent url("../images/bg/sl_divider.png") repeat-y; padding: 15px 5px;}

/* 
	Page Specific Styles 
*/

/* 
	Home Page
*/

.left_home{width:630px;float: left;}
.shouts{width:630px; float: left; padding: 15px 0 20px 10px;}
.shouts img{padding-right: 25px;}

.right_home{width:250px;float: left; padding: 10px; }
.blogfeed{width:250px;float: left;}
.blogfeed p { list-style: none; margin:0;}
#thumbnails{float: left;width: 220px;margin:0; padding: 20px 30px 0 0;}
#thumbnails h2  { padding:10px 0 0 0;}
.thumbnail{float: left;width: 60px;margin:0;padding: 5px;}
.thumbnail img{border: 2px solid #BEC3C5;}
.thumbnail img:hover{border: 2px solid #000;}

/* Home Page Image Fade */
.nooby{padding: 10px;width: 600px;}
.controlfreak {background: url("../images/bg/bg_control.png") top center repeat-x;width: 598px; height: 35px; border-left: 1px solid #cecece; border-right: 1px solid #cecece;}
.nooby_mask{position:relative;width:600px;height:300px;overflow:hidden;}
#nooby_box{position:absolute;left: 0px;width: 600px; padding: 0; margin:0;}
#nooby_box div{width:600px;float: left;}
#nooby_box .buttons{text-align:left}
#nooby_box .next{float:right}
.movingboxes{float: left; text-align: center; width:100px; padding: 5px; clear: both; }
.movingboxes span{color:#d4d8b5;cursor:pointer;border: 1px solid #9a9dd1;border-top-color: #2a2a5b;border-left-color: #2a2a5b;font-size: 0.6em;background-color: #d4d8b5;padding-right: 1px;padding-left: 2px;}
.movingboxes span.active {color:#333333;background-color: #333333;}
.movingboxes span:hover {background:#d4d8b5;color:#d4d8b5}
.backforth, .playpause{width:150px; float: left; padding: 7px 5px; }
.buttons2{cursor: pointer; padding: 2px 5px 3px 5px; }
.buttons2 img{padding: 0 15px;}
#twit-div { width: 600px; height: 300px; background:url("http://www.alphabetix.net/images/banners/twitter.jpg") no-repeat; padding:25px 30px 0px 320px;}
ul#twitter_update_list { list-style: none; font-size: .95em;	width:250px}
ul#twitter_update_list li { }
#blogeye-div { width: 600px; height: 300px; background:url("http://www.alphabetix.net/images/banners/blogpost.jpg") no-repeat; padding:70px 235px 20px 25px;}
#blogeye-div p { width:340px}


/* Home Page Footer */
#footer_ho { clear: both; width:900px;margin:0 auto;position:relative; color: #000; height: 150px; /*border: 1px solid #dcdcdc; /*background: url(../bg_images/bg_foo_ho.png) top left repeat;*/  }
#footer_ho ul { list-style-type:none; }
#footer_ho a { font-weight: bold; color:#3c4145; }
#footer_ho h1 { margin: 0; }
#foot_ho_left{ float: left; width: 370px;  padding: 10px;  }
#foot_ho_news{ float: left; width: 200px;  padding: 10px; margin-left: 15px;  }
#foot_ho_news p { margin: 0 0 15px 0; }
#foot_ho_news a:hover {border:0px;}
#foot_ho_news fieldset {border:none;}
#foot_ho_news label {color: #333333;}
#foot_ho_news input {border-left:none;border-right:none;border-top:none;border-bottom:2px dotted #333333;background:transparent;}
#foot_ho_news input.black {color: #FFFFFF; background-color: #fff; border-bottom: 0;}
#foot_ho_news input.noborder {border-bottom: 0;}
#foot_ho_right{ float: right; width: 200px;  padding: 10px; }
#foot_ho_tag{ clear:both; float: right; width: 500px; padding: 0 40px; }
#foot_ho_tag a { font-weight: bold; color:#3c4145; }
.signup { padding-top: 5px; }
.validator{ height: 31px; width: 88px; border:0; }

/* 
	Common Pages
*/
.boxie{width:600px;float: left; padding: 10px; border-bottom: 1px solid #cecece;}
.boxie p{padding-right: 80px;}
.boxie img{width:90px; height: 25px;float: left; padding:10px;}
.left_common{width:630px;float: left; padding: 10px;}
.left_common2{width:850px;float: left; padding: 10px;}
.left_common_inner{ width: 600px; float: left; padding: 25px 0 0 25px; }
.left_common_inner h1{ padding-bottom: 20px; }

/* Web Index */
#boxie1{background: url(../images/smidges/webdesign.png) right 15px no-repeat; }
#boxie2{background: url(../images/smidges/cms.png) right 15px no-repeat; }
#boxie3{background: url(../images/smidges/seo.png) right 15px no-repeat; }
#boxie4{background: url(../images/smidges/intermark.png) right 15px no-repeat; }
#boxie5{background: url(../images/smidges/graphic.png) right 15px no-repeat; }
#boxie6{background: url(../images/smidges/wcontent.png) right 15px no-repeat; }
#boxie7{background: url(../images/smidges/proofing.png) right 15px no-repeat; }
#boxie8{background: url(../images/smidges/esl.png) right 15px no-repeat; }
#boxie9{background: url(../images/smidges/seedling.png) right 15px no-repeat; }
#boxie10{background: url(../images/smidges/resume.png) right 15px no-repeat; }
#boxie11{background: url(../images/smidges/cleancode.png) right 15px no-repeat; }
#boxie12{background: url(../images/smidges/keywords.png) right 15px no-repeat; }
#boxie13{background: url(../images/smidges/billboard.png) right 15px no-repeat; }
#boxie14{background: url(../images/smidges/email.png) right 15px no-repeat; }
#boxie15{background: url(../images/smidges/socialmedia.png) right 15px no-repeat; }
#boxie16{background: url(../images/smidges/blogging.png) right 15px no-repeat; }
#boxie17{background: url(../images/smidges/brand.png) right 15px no-repeat; }

/* Wisdom Page */
#valueadded{ width: 600px; float: left; padding: 25px 0 0 25px; }
#wisdom .left_common2{background: url(../images/smidges/questionmark.png) right center no-repeat;}

/* Company Pages */
.teammates{ width: 550px; float: left; padding: 7px 0; }
.teammates img{ width: 100px; height: 100px; float: left; border: 1px solid #dedede; margin: 0 15px 20px 0; }

/* Contact Us Page */
#contactus{ width: 600px; float: left; padding: 25px 0 0 25px; }
#contactus h1{ padding-bottom: 20px; }
#contact .left_common{background: url(../images/smidges/redphone.png) right center no-repeat;}

/* Privacy Policy */
.privateparts{ width: 600px; float: left; padding: 25px 0 0 25px; }
.privateparts h1{ padding-bottom: 20px; }
.privateparts ul{ padding-left: 60px; }
.privateparts li{ margin: 0; }

/* FAQ */
#accordion{ width: 450px; float: left; padding: 25px 0 0 25px; }
#accordion h1{ padding-bottom: 25px; }
.toggler  { cursor:pointer; font-weight:bold; color:#000; margin: 0; padding:5px; }
.toggler:hover	 { text-decoration: underline; }
.element	 { padding:0 15px; }
.element p	{ padding-right:15px; }

/* Web Design Portfolio */
#porty{ width: 475px; float: left; padding: 25px 0 0 25px; }
#porty h1{ padding-bottom: 25px; }
#porty .element	 { padding:0 15px; margin-bottom: 15px;}
#porty .element p	{ padding-right:35px; width:450px; }
#porty .element img	{ width:450px; height: 300px; border: 1px solid #666; }

/* Coffee Promo */
#brew{ width: 600px; float: left; padding: 25px 0 0 25px; }
#brew h1{ padding: 7px 0; }
#brew p	{ padding-right:35px; }
#onefinecup	{ float: left; width: 200px; margin:50px 0 50px 50px; }
#cupdetails	{ clear: both; float: left; width: 550px; }

/* We Fix Errors */
#ouch{ width: 450px; float: left; padding: 25px 0 0 25px; }
#ouch h1{ padding-bottom: 25px; }
#ouch p	{ padding-right:35px; width:400px; }
#burned .left_common{background: url(../images/smidges/thumbsup.png) right center no-repeat;}

/* webMentor */
#webmentor .left_common{background: url(../images/smidges/computer-desktop.png) right center no-repeat;}

/* Site Map Page */
.treasure{ width: 220px; float: left; padding: 25px 0 0 25px; }
.treasure2{ width: 300px; float: left; padding: 25px 0 0 10px; }
.treasure h1, .treasure2 h1{ padding-bottom: 20px; }
#sitemap .left_common2{background: url(../images/smidges/homework.png) right center no-repeat;}

/* Lost / 404 Page / Nice / Nope */
.abeyance{ width: 400px; float: left; height: 250px; padding: 100px 0 0 25px; }
.abeyance h1{ padding-bottom: 20px; }
#lost .left_common2{background: url(../images/smidges/homework.png) right center no-repeat;}
#nope .left_common2{background: url(../images/smidges/homework.png) right center no-repeat;}
#nice .left_common2{background: url(../images/smidges/thumbsup2.png) right center no-repeat;}

/* 

  WordPress 


*/
/* Begin Structure */
.narrowcolumn {float: left;padding: 25px 30px 25px 25px;margin: 0px 0 0;width: 560px; border-right: 1px solid #bec3c5;}
.widecolumn {padding: 10px 0 20px 0;margin: 5px 0 0 50px;width: 600px;}
.post {margin: 0 0 7px;text-align: justify; }
.entry {border-bottom: 1px dashed #bec3c5; }
.post hr {display: block;}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center;margin: 5px 0px;}
.postmetadata {clear: both;}
.clear {clear: both;}


/* Begin Images */
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 {float: right;}
.alignleft {float: left;}


/* Begin Lists */
html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ol {padding: 0 0 0 35px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}
#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 0 0 0;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}


/* Begin Form Elements */
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}
#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}
select {width: 130px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}


/* Begin Comments*/
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {	margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.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 Sidebar */
#sidebar{padding: 20px 0 0 30px;float: left;width: 220px; }
#sidebar form {margin: 0;}
#sidebar a {font-weight: normal;}


/* Begin Calendar */
#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 { /* Doesn't work in IE */background-color: #fff; }


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute;left: -1000em;}
hr {display: none;}
a img {border: none;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
.wp_bump {height: 28px; background: url(http://www.alphabetix.net/images/feed_wide.png) left top no-repeat;padding: 10px 0 0 33px; font-size: .9em;}
.wp_bump p{}


/* Captions */
.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;-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;}


/* Comment Luv*/
#mylastpost {}
#doluv{}
#commentluv {clear: both !important; margin-top:10px;}
#commentluv img{border: 0 !important;padding: 0 !important;}
.cluv {border:1px solid #fff;padding: 5px;display: block;font-size: 100% !important;text-transform: none !important;}
#lastposts {width: 500px;padding-left: 5px;padding-bottom: 5px;background-color: #fee;font-size: 13px;border: 1px solid #ddd;color: #000;}
.choosepost {background-color: #fff;line-height: 1.4em;	display: block;width: 495px;border-bottom: 1px dashed #bbb;cursor: pointer;}
.cl_type_icon {margin-right: 3px;border: 0 !important;padding: 0 !important;}
.heart_tip {margin-left: 5px;display: inline;margin-bottom: -2px; /* fixed a little here, Hesham */margin-right: 0px;padding: 0px !important;background-color: transparent;border: 0  !important;}
.finalbig{margin-top:0px; margin-left:5px; padding:3px; border: 4px solid #dddddd;font-size: 1.2em;color: #000; font-family:"Tahoma",Helvetica,Myriad Pro,sans-serif;  }
.finalbig img {margin:5px;width:60px;height:60px; border: 4px solid #CCC;}
.finalbig li{ list-style: none; margin-left: 10px}
.finalbig p { margin: 1px}
.cl_title {font-size:0.8em; margin-top:3px;font-weight:bold;padding-bottom:5px;}
.cl_username {font-size:1.2em;color:#0e9de0;font-weight:bold;}
.cl_clicks {clear: both !important;padding:5px 5px 0px 20px;border-top: 1px #f6f6f6 solid; border-bottom: 1px #f6f6f6 solid; background:transparent url("http://www.alphabetix.net/images/littleheartplus.gif") no-repeat scroll left 50%; margin-left:5px;}
.cl_clicks_count {padding: 0px 5px 0px 0px; color:#0e9de0;font-weight:bold;}
.cl_links {clear: both !important; padding:5px}
.cl_links_list {padding:0px 5px 0px 0px; padding-left:18px; color:#666666;}
.cl_posts {clear: both !important; margin-top:10px; padding:5px;}
.cl_posts_list a {background:transparent url("http://www.alphabetix.net/images/link.png") no-repeat scroll left 50%; padding-left:18px; color:#0e9de0; margin-left:0px;}
.cl_posts_list a:hover {background:transparent url("http://www.alphabetix.net/images/link_hover.png") no-repeat scroll left 50%; padding-left:18px;color:#000;margin-left:0px;}


/* Begin Portfolio Customs */
.boxyPort {float:left; margin:0 10px 30px 0; width: 250px; background: #f7f7f7; border:1px solid #dedede; padding: 10px;}
.featImagePort {height: 100px; overflow:hidden;}
.wrench {vertical-align:text-bottom;}
.low { text-transform: lowercase; }
.portContact { float:right; margin-left:50px; }
.paraPort {height: 58px !important; overflow:hidden;}
.paraServ {height: 58px !important; overflow:hidden;}
#tabby2 {width:570px;height:250px;margin:0; position:relative;}
#tabby2 ul {padding:0; margin:0;list-style-type: none;border:0; }
#tabby2 ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
#tabby2 ul li {float:left; }
#tabby2 ul li a, #tabby2 ul li a:visited {display:block; text-align:center; text-decoration:none; width:125px; height:30px; background:#333;line-height:30px;border: 2px solid #ededed; color: #fff;}
#tabby2 ul li ul {position:absolute; left:-9999px; height:0;}
#tabby2 ul li#current a {background:#333; border: 2px solid #ededed;}
#tabby2 ul li#current a:hover, #tabby2 ul li#current a:active, #tabby2 ul li:hover#current a  {background: #fff; border: 2px solid #ededed;}
#tabby2 ul li#current ul li a:hover, #tabby2 ul li#current ul li a:active, #tabby2 ul li:hover#current ul li a  {background: transparent; border: 0;}
#tabby2 ul li a:hover, #tabby2 ul li:hover a {color:#000; background: #fff;border: 2px solid #ededed;}
#tabby2 ul li#current ul, #tabby2 ul :hover ul {top:30px; left:0;height:350px;text-align:left;}
#tabby2 ul li#current ul li, #tabby2 ul :hover ul li {background: url("../images/bg/bg_tabby_port.png") top left no-repeat; color:#000;padding:10px 10px 0 10px;width:550px;height: 230px;overflow:auto;}
#tabby2 ul li#current ul li p, #tabby2 ul :hover ul li p {line-height:1.5em; padding-right: 30px;}
#tabby2 ul li#current ul li a, #tabby2 ul :hover ul li a {display:inline;background:#fff;color:#3A73D0;text-decoration:none;border:0;line-height:1.8em;}
#tabby2 ul li#current ul li a:hover, #tabby2 ul :hover ul li a:hover {text-decoration:underline; color:#000;}
.portCloud {}
.portCloud span {margin: 0 2px;}
.portCloud a, .portCloud a:link, .portCloud a:visited{background:transparent !important;}

/* Slimbox */  
#lbOverlay { 	position: fixed; 	z-index: 9999; 	left: 0; 	top: 0; 	width: 100%; 	height: 100%; 	background-color: #000; 	cursor: pointer; }  
#lbCenter, #lbBottomContainer { 	position: absolute; 	z-index: 9999; 	overflow: hidden; 	background-color: #fff; }  
.lbLoading { 	background: #fff url("http://www.alphabetix.net/images/icons/sb-loading.gif") no-repeat center; }  
#lbImage { 	position: absolute; 	left: 0; 	top: 0; 	border: 10px solid #fff; 	background-repeat: no-repeat; }  
#lbPrevLink, #lbNextLink { 	display: block; 	position: absolute; 	top: 0; 	width: 50%; 	outline: none; }  
#lbPrevLink { 	left: 0; }  
#lbPrevLink:hover { 	background: transparent url("http://www.alphabetix.net/images/icons/sb-prevlabel.gif") no-repeat 0 15%; }  
#lbNextLink { 	right: 0; }  
#lbNextLink:hover { 	background: transparent url("http://www.alphabetix.net/images/icons/sb-nextlabel.gif") no-repeat 100% 15%; }  
#lbBottom { 	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 	font-size: 10px; 	color: #666; 	line-height: 1.4em; 	text-align: left; 	border: 10px solid #fff; 	border-top-style: none; }  
#lbCloseLink { 	display: block; 	float: right; 	width: 66px; 	height: 22px; 	background: transparent url("http://www.alphabetix.net/images/icons/sb-closelabel.gif") no-repeat center; 	margin: 5px 0; 	outline: none; }  
#lbCaption, #lbNumber { 	margin-right: 71px; }  
#lbCaption { 	font-weight: bold; } 

/*  Custom Pagination  */
.pagination {} 
.pagination span, .pagination a {margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;color:#333;background: #fff;} 
.pagination a:hover{color:#fff;background: #333;} 
.pagination .current{padding:6px 9px 5px 9px;background: #3A73D0;color:#fff;}

/* Helper Classes */
.alpha { font-family: "Palatino", Georgia, serif; }
.alphaSm { font-family: "Palatino", Georgia, serif; font-family: .9em; }
.floatLeft { float: left; margin: 0 4px; padding:10px; border:0;}
.floatRight { float: right; margin: 0 4px; padding:10px; border:0;}
.floatLeftClear { float: left; clear: left; margin: 0 4px; padding:10px; border:0; }
.floatRightClear { float: right; clear: right; margin: 0 4px; padding:10px; border:0; }
.clear { clear: both; }
.clearboth { clear: both; }
.clear10 { clear: both; margin-bottom: 10px; }
.clear20 { clear: both; margin-bottom: 20px; }
.clear50 { clear: both; margin-bottom: 50px; }
.break1 { margin: 20px 0 0 0;  }
.center { margin: 0 auto; text-align: center;  }
.nowrap { white-space:nowrap; }
.transbg { background:transparent;  }
.required {color: red;}
.bookmarks a{padding: 0 3px;}
.graybox{background: #f7f7f7;border:1px solid #ededed;}
.bumpRt40{margin-right: 40px;}