/* micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

@media screen {
/*html, body {
    height:100%;
    overflow:hidden;
}*/
html {background:#3F808A url(../images/page-back.gif) repeat-x scroll;}
body {background:url(../images/bgNotepadChaos.jpg) no-repeat center top; font-family:Arial,sans-serif;}
#wrapper {background:url(../images/bgNotepadChaosFoot.jpg) no-repeat center bottom; height:100%; margin:0 0 20px;
    overflow:auto; position:relative;}
#branding {margin:0 auto; position:relative; width:940px; z-index:1;}
#branding h1 {float:left;}
#branding h1 a {
    background-color:transparent;
    background-color:rgba(255,255,255,.75);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF); /* IE6–IE9 */
    color:#000; display:block; font:normal 36px/50px Impact,Charcoal,fantasy; margin:20px 0; padding:10px 20px;
    text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#content {clear:both; margin:0 auto 20px; /*padding:0 0 20px;*/ position:relative; width:940px; z-index:1;}
#content a {color:#9e9; text-decoration:none;}
#content a:hover {color:#fff; text-decoration:none;}
#content input[type=text],
    #content textarea {background:url(../images/pixel-000-64.png); color:#fff;}
#content input[type=text],
    #content input[type=submit] {display:block; height:20px;}
#content input[type=text] {padding:0 5px;}
#content input[type=text],
    #content input[type=submit],
    #content textarea {border:1px #999 dotted;}
#content input[type=submit] {
    background-color:transparent;
    background-color:rgba(255,255,255,.75);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF); /* IE6–IE9 */
    color:#000; cursor:pointer; font-weight:bold; height:22px; line-height:22px; padding:0;}
#content_main {
    background-color:transparent;
    background-color:rgba(0,0,0,.75);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); /* IE6–IE9 */
    color:#ddd; float:left; font-size:14px; line-height:18px; min-height:600px; padding:20px; width:660px;
    -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#content_main h2 {font:36px/36px "Times New Roman",Times,serif; letter-spacing:-1px; margin:0 0 20px;}
#content_main h2 a {text-decoration:none;}
#content_main h3 {font-size:20px; line-height:20px; margin:0 0 20px;}
#content_main p {margin:10px 0;}
#content_sub {float:left; margin:0 0 0 20px; width:220px;}
#content_sub,
    #content_sub a {font-size:12px; line-height:16px;}
#content_sub h3 {color:#ddd; font-size:16px; line-height:20px;}
#content_sub > div,
    #content_sub > ul,
    #content_sub > ul > li,
    #content_sub .twtr-widget {margin:0 0 15px;}
#content_sub > div,
    #content_sub > ul {
    background-color:transparent;
    background-color:rgba(0,0,0,.75);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); /* IE6–IE9 */
    color:#fff; padding:20px 20px 5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#content_sub > div.blog {padding:20px;}
#content_sub label.screen-reader-text {display:none;}
#content_sub input[type=text] {}
#content_sub .twtr-widget {padding:0;}
#content_sub .stackexchange {padding:7px 6px 3px;}
#content_sub .appbrain {padding:20px 10px;}
#nav_main {font-size:15px; font-weight:bold; height:100%; left:50%; line-height:35px; margin:0 0 0 -475px;
    overflow:auto; /* prevent flickering of fixed position element */
    position:fixed; top:0; width:940px;}
#nav_main,
    #nav_main a {color:#999;}
#nav_main a {cursor:pointer; text-decoration:none;}
#nav_main strong:hover {cursor:pointer;}
#nav_main > ul {border-top:1px #aaa solid; height:35px; position:absolute; right:100px; top:-1px; z-index:500;
    -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
#nav_main li {float:left; overflow:hidden;}
#nav_main > ul > li,
    #nav_main ul ul {
    background-color:transparent;
    background-color:rgba(0,0,0,.75);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); /* IE6–IE9 */
}
#nav_main > ul > li:first-child {-moz-border-radius:0 0 0 10px; -webkit-border-radius:0 0 0 10px;
    border-radius:0 0 0 10px;}
#nav_main > ul > li:last-child {-moz-border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0;
    border-radius:0 0 10px 0;}
#nav_main > ul > li > a,
    #nav_main > ul > li > strong {display:block; padding:0 20px; position:relative;}
#nav_main ul ul {font-weight:normal; left:0; overflow:hidden; padding:100px 0 10px; position:absolute; text-indent:20px;
    top:-300px;}
#nav_main ul ul,
    #nav_main ul ul strong {font-size:12px; line-height:16px;}
#nav_main li li {float:none;}
#nav_main > ul > li:hover > a,
    #nav_main > ul > li:hover > strong,
    #nav_main > ul > li > strong > em,
    #nav_main a:hover,
    #nav_main ul ul strong {color:#fff;}
#nav_main > ul > li > strong > em {font-style:normal;}
#site_info {
    background-color:transparent;
    background-color:rgba(0,0,0,.75);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); /* IE6–IE9 */
    clear:both; color:#fff; font-size:12px; line-height:16px; margin:0 auto 200px; padding:20px; position:relative;
    width:900px; z-index:1; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#site_info a {color:#fff;}
#site_info .validation a {text-decoration:none;}
#site_info .validation a:hover {text-decoration:underline;}
#site_info .validation abbr {cursor:help;}
#site_info address.vcard {font-size:9px;}
.tint {background:#fff;}
.shade {background:#000;}
.trans {opacity:.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);}
} /* @media screen */

@media print {
body {font-family:Arial,sans-serif;}
} /* @media print */

/* mobile (iPhone/Android; ProtoFluid compatible) */
@media only screen and (max-width:480px),
only screen and (max-device-width:480px),
only screen and (max-width:854px) and (orientation:landscape),
only screen and (max-device-width:854px) and (orientation:landscape) {
html {background:none;}
body {background:#ddd; color:#222;}
img {height:auto; max-width:100%;}
#wrapper {background:none;}
#content_sub {display:none;}
#branding,
    #content,
    #content_main,
    #content_sub,
    #nav_main,
    #site_info {width:auto;}
#branding h1,
    #content_main,
    #content_sub,
    #nav_main li {float:none;}
#nav_main,
    #nav_main > ul,
    #nav_main ul ul {position:static;}
#content_main {min-height:0;}
#branding h1 a,
    #content_main,
    #content_sub > div,
    #content_sub > ul,
    #site_info {-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
#branding h1 a,
    #content_sub,
    #site_info {margin:0;}
#branding h1 a {
    background:-moz-linear-gradient(top,#ccc,#999);
    background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#999));
    border-bottom:1px #666 solid; color:#000; font-family:Arial,sans-serif; font-weight:bold; text-align:center;
    text-shadow:#fff 0 1px 0;}
#nav_main {line-height:normal; margin:10px;}
#nav_main a {border:1px #999 solid; display:block; font-size:20px; font-weight:bold; margin-bottom:-1px;
    padding:20px 10px !important;}
#nav_main a,
    #nav_main a:hover {background:#fff; color:#222;}
#nav_main > ul {height:auto;}
#nav_main > ul,
    #nav_main > ul > li,
    #nav_main > ul > li > a {-moz-border-radius:10px !important; -webkit-border-radius:10px !important;
    border-radius:10px !important;}
#nav_main > ul > li {margin:0 0 10px;}
#nav_main ul ul {padding:0; text-indent:0;}
#nav_main li:last-child a {margin:0;}
#nav_main ul ul,
    #nav_main ul ul li:last-child,
    #nav_main li li:last-child a {-moz-border-radius:0 0 10px 10px !important;
    -webkit-border-radius:0 0 10px 10px !important; border-radius:0 0 10px 10px !important;}
#nav_main strong {display:block; margin-bottom:-1px; padding:10px !important; -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
#wrapper #nav_main strong {color:#999;}
} /* mobile */

/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio:2) {
} /* iPhone 4 */