@media screen {

/*
	RESET AND BASICS
*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 13px/1.4 Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; background: white url(images/body-bg.png) center center; }
a { text-decoration: none; outline: none; color: #3680a1; }
a:hover { color: #2e2e2e; }
a:active { outline: 0; position: relative; top: 1px; }
a img { border: 0; background: none; }
img	{ vertical-align: middle; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
::selection { background: #ffcc89; color: #222; }
::-moz-selection { background: #ffcc89; color: #222; }
.button { background-color: #fe4902; background-image: -moz-linear-gradient(top, #ff6d34, #bb3500); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ff6d34),color-stop(1, #bb3500)); color: white !important; font: 15px Georgia, Serif; letter-spacing: 2px; text-transform: uppercase; -moz-border-radius: 16px !important; -webkit-border-radius: 12px !important; border-radius: 12px !important; border: 2px solid white !important; letter-spacing: 2px; padding: 5px 12px 3px 12px !important; -moz-box-shadow: 1px 1px 4px #aaa; -webkit-box-shadow: 1px 1px 4px #aaa; box-shadow: 1px 1px 4px #aaa; }
.button:hover { cursor: pointer; background-image: none; -moz-box-shadow: 1px 1px 2px #555; -webkit-box-shadow: 1px 1px 2px #555; box-shadow: 1px 1px 2px #555; }
body.page-template-page-downloads-php .button { font-size: 12px; letter-spacing: 1px; }
.view-demo-button span { background: url(images/view.png) left center no-repeat; padding: 0 0 0 20px; }
.download-files-button span { background: url(images/download.png) left center no-repeat; padding: 0 0 0 20px; }
.last { margin-right: 0 !important; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }

#page-wrap { width: 1000px; position: relative; margin: 0 auto; padding: 0 0 50px 0; }
#content-wrap { position: relative; width: 100%; }
#content-area { width: 570px; float: left; padding: 0 0 50px 5px; }  

/*
	GENERAL TYPOGRAPHY
*/
h1, h2, h3, h4, h5 { font-family: Georgia, Serif; line-height: 1.2; font-weight: normal; margin: 0 0 10px 0; }
h2 { font-size: 38px; }
h2 a, h2 a:visited { color: #2e2e2e; }
h2 a:hover { color: #fe4902; }
h3 { font-size: 26px; }
h4 { font-size: 20px; font-style: italic; }
h5 { font-size: 16px; text-transform: uppercase; letter-spacing: 8px; border-bottom: 1px solid black; margin: 0 0 15px 0; }
.articles-area { color: #fe4902; border-color: #fe4902; }
.snippets-area { color: #178405; border-color: #178405; margin-top: 30px; } 
.screencast-area { color: #075aa8; border-color: #075aa8; margin-top: 30px; } 
.subtitle { color: #999; border-color: #999; }
p, li, dd { color: #5e5d5d; }
p, dd { margin: 0 0 15px 0; }
li { margin: 0 0 5px 0; }
td, th { font: 13px/21px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; text-align: left; }
p strong, li strong { color: #555; }
blockquote { padding: 0 0 0 15px; margin: 0 0 15px 15px; border-left: 2px solid #ccc; }
blockquote, blockquote p { font-style: italic; font-size: 15px; }
code { font: 12px/18px Monaco, Courier; width: 550px; padding: 10px 10px 30px 10px; display: block; background: #F0F0F0;  overflow: auto; overflow-x: auto; overflow-y: hidden; margin: 5px 0 15px 0; position: relative; }
pre code[class]:after { content: attr(class); position: absolute; font-size: 10px; bottom: 5px; right: 5px; color: #fe4902; }	
li code { width: 520px; }
.page-template-page-snippet-php pre code[class]:after { bottom: 20px; right: 110px; }	
.page-template-page-snippet-php code { padding: 10px 10px 40px 10px; }						  
.explanation { position: relative; 
  background-image: -moz-linear-gradient(top, #eee, #ccc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(1, #ccc)); /* Saf4+, Chrome */
  padding: 15px 15px 25px 15px; border: 1px solid #ccc;
  margin: 0 0 15px 0;
}
.explanation:after { position: absolute; color: #444; bottom: 5px; right: 5px; font: 10px Monaco, Monospace; content: "NOTE"; }
.explanation h3 { margin-top: 0 !important; } 
									  
/*
	ARTICLE AREA
*/
.meta { background: #eee; padding: 3px 6px; margin: 4px 0 12px 0; position: relative; font-size: 11px; }
.meta span { position: absolute; right: 6px; top: 3px; }

.entry ul { margin: 0 0 15px 30px; list-style: disc; }
.entry ol { margin: 0 0 15px 30px; list-style: decimal; }
.entry ol ol { list-style: lower-alpha; margin-bottom: 0; margin-top: 5px; }
.entry ul ul { margin-bottom: 0; margin-top: 5px; list-style: disc; }
.entry ul ul li { background: none; padding: 0; }

.post { margin: 0 0 40px 0; }

.entry a { border-bottom: 2px solid rgba(0,0,0,0); }
.entry a:hover { border-bottom: 2px solid #fe4902; }
.entry h3 { margin-top: 50px; }

#content-area ol#related { list-style: disc outside; background: #df9300 url(images/theoretically-related.png) no-repeat; padding: 50px 200px 10px 25px; margin: 40px 0 0 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#content-area ol#related li { color: white; }
#content-area ol#related li a { color: white; background: none; padding: 0; }
#content-area ol#related li a:hover { text-decoration: underline; border: 0; background: none; }
#content-area ol#related li a abbr { display: none; }

.image-wrap { text-align: center; font-size: 13px; font-style: italic; padding: 10px 0; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 15px 0; }
.image-wrap img { display: block; margin: 0 auto; } 
.image-wrap p { font-size: 13px; padding: 10px 20px; margin: 0; }

.post-box { min-height: 270px; position: relative; background: #fff7ef; border: 7px solid #fee8d1; padding: 15px 15px 30px 15px; width: 230px; float: left; margin: 0 21px 21px 0; }
.post-box h2 { font-size: 20px; margin: 0 0 8px 0; }
.post-box h2 a { color: #d17101; }
.post-box h2 a:hover { color: #fe4902; }
.post-box p { font-size: 11px; line-height: 1.6; }
.post-box .more-link { position: absolute; bottom: 15px; left: 15px; z-index: 20; }
.post-box .more-link:active { top: auto; }
.comments-number { position: absolute; bottom: -2px; right: -2px; color: #fee8d1; font-size: 56px; font-family: Georgia, Serif; }

.video-promo #thumb-area { float: right; margin: 0 0 5px 10px; width: 249px; text-align: center; }
.video-promo #thumb-area img { margin: 0 0 10px 0; }

/*
    BSA
*/
div#bsap_1235262 a { margin: 0 5px 5px 0 !important; display: block; float: left; opacity: 0.85; }
div#bsap_1235262 a.ad3, div#bsap_1235262 a.ad6 { margin-right: 0; }
div#bsap_1235262 a:hover { opacity: 1; }

div#bsap_1241306 { text-align: center !important; }
div#bsap_1241306 a { display: inline !important; }

div#bsap_1241308 { text-align: center !important; }
div#bsap_1241308 a { display: inline !important; }

div#bsap_1241307 { text-align: center !important; }
div#bsap_1241307 a { display: inline !important; }

}

@media print {

body { width:100% !important; margin:0 !important; padding:0 !important; line-height: 1.4; word-spacing:1.1pt; letter-spacing:0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1{font-size:19pt;}
h2{font-size:17pt;}
h3{font-size:15pt;}
h4,h5,h6{font-size:12pt;}
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em;  font-size: 10pt; }
hr { background-color: #ccc; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
tr { page-break-inside: avoid;} 
a { text-decoration: none; color: black; }
#header, #commentform, #respond, #sidebar, #post-footer, #comments span, .comment-reply-link, 
.comment-edit-link, #footer, #related, .avatar, #article-sponsor { display: none; }
#comments { page-break-before: always; }