/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* display properties, floats and positioning, widths and heights, margins and padding, borders */
@media screen {
/*html, body {
	height:100%;
	overflow:hidden;
}*/
#wrapper {
	position:relative;
	height:100%;
	overflow:auto;
}
#branding {
	position:relative;
	z-index:1;
	width:950px;
	margin:0 auto;
}
#branding h1 {
	float:left;
}
#branding h1 a {
	display:block;
	margin:20px 0;
	padding:10px 20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#content {
	position:relative;
	z-index:1;
	clear:both;
	width:950px;
	margin:0 auto 20px;
	/*padding:0 0 20px;*/
}
#content:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#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] {
	height:22px;
	padding:0;
}
#content_main {
	float:left;
	width:640px;
	min-height:600px;
	padding:20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#content_main h2 {
	margin:0 0 20px;
}
#content_main p {
	margin:10px 0;
}
#content_sub {
	float:left;
	width:250px;
	margin:0 0 0 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 {
	padding:20px 20px 5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-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;
}
#nav_main {
	position:fixed;
	overflow:auto; /* prevent flickering of fixed position element */
	top:0;
	left:50%;
	width:950px;
	height:100%;
	margin:0 0 0 -475px;
}
#nav_main > ul {
	position:absolute;
	z-index:500;
	top:-1px;
	right:100px;
	height:35px;
	border-top:1px #aaa solid;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
}
#nav_main li {
	float:left;
	overflow:hidden;
}
#nav_main > ul > li:first-child {
	border-radius:0 0 0 10px;
	-moz-border-radius:0 0 0 10px;
	-webkit-border-radius:0 0 0 10px;
}
#nav_main > ul > li:last-child {
	border-radius:0 0 10px 0;
	-moz-border-radius:0 0 10px 0;
	-webkit-border-radius:0 0 10px 0;
}
#nav_main > ul > li > a,
#nav_main > ul > li > strong {
	display:block;
	position:relative;
	padding:0 20px;
}
/*#nav_main > ul > li:first-child > a,
#nav_main > ul > li:first-child > strong {
	padding:0 20px;
}*/
#nav_main ul ul {
	position:absolute;
	top:-300px;
	left:0;
	padding:100px 0 10px;
	overflow:hidden;
}
#nav_main li li {
	float:none;
}
#site_info {
	position:relative;
	z-index:1;
	clear:both;
	width:910px;
	margin:0 auto 200px;
	padding:20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
} /* @media screen */

/* 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) {
img {
	max-width:100%;
	height:auto;
}
#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 {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
#branding h1 a,
#content_sub,
#site_info {
	margin:0;
}
#branding h1 a {
	border-bottom:1px #666 solid;
}
#nav_main {
	margin:10px;
}
#nav_main > ul {
	height:auto;
}
#nav_main > ul,
#nav_main > ul > li,
#nav_main > ul > li > a {
	border-radius:10px !important;
	-moz-border-radius:10px !important;
	-webkit-border-radius:10px !important;
}
#nav_main > ul > li {
	margin:0 0 10px;
}
#nav_main ul ul {
	padding:0;
}
#nav_main a {
	display:block;
	margin-bottom:-1px;
	padding:20px 10px !important;
	border:1px #999 solid;
}
#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 {
	border-radius:0 0 10px 10px !important;
	-moz-border-radius:0 0 10px 10px !important;
	-webkit-border-radius:0 0 10px 10px !important;
}
#nav_main strong {
	display:block;
	margin-bottom:-1px;
	padding:10px !important;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
}
} /* mobile */

/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio:2) {
} /* iPhone 4 */
/* background colors and images, text colors */
@media screen {
html {
	background:#3F808A url(../blog/wp-content/themes/notepad-chaos-v2/images/page-back.gif) repeat-x scroll;
}
body {
	background:transparent url(../images/bgNotepadChaos.jpg) no-repeat center top;
}
#wrapper {
	background:transparent url(../images/bgNotepadChaosFoot.jpg) no-repeat center bottom;
}
#branding h1 a {
	background:transparent url(../images/pixel-fff-32.png);
	color:#000;
}
#content a {
	color:#9e9;
}
#content a:hover {
	color:#fff;
}
#content input[type=text],
#content textarea {
	background:transparent url(../images/pixel-000-64.png);
	color:#fff;
}
#content input[type=submit] {
	background:transparent url(../images/pixel-fff-32.png);
	color:#000;
}
#content_main {
	background:transparent url(../images/pixel-000-32.png);
	color:#ddd;
}
#content_sub h3 {
	color:#ddd;
}
#content_sub > div,
#content_sub > ul {
	background:transparent url(../images/pixel-000-32.png);
	color:#fff;
}
#nav_main,
#nav_main a {
	color:#999;
}
/*#nav_main ul {
	background:transparent url(../images/pixel-000-32.png);
}*/
#nav_main > ul > li,
#nav_main ul ul {
	background:transparent url(../images/pixel-000-32.png);
}
/*#nav_main > ul > li:hover {
	background:transparent url(../images/pixel-fff-32.png);
}*/
#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;
}
#site_info {
	background:transparent url(../images/pixel-000-32.png);
	color:#fff;
}
#site_info a {
	color:#fff;
}
.tint {
	background:#fff;
}
.shade {
	background:#000;
}
.trans {
	opacity:.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
}
} /* @media screen */

/* 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;
}
#wrapper {
	background:none;
}
#branding h1 a {
	background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#999));
	background:-moz-linear-gradient(top,#ccc,#999);
	color:#000;
}
#nav_main a,
#nav_main a:hover {
	background:#fff;
	color:#222;
}
#wrapper #nav_main strong {
	color:#999;
}
} /* mobile */

/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio:2) {
} /* iPhone 4 */
/* font families and sizes, line heights, letter spacing, text decorations, overflow */
@media screen {
body {
	font-family:Arial,Helvetica,sans-serif;
}
#branding h1 a {
	font:normal 36px/50px Impact,Charcoal,fantasy;
	text-decoration:none;
}
#content a {
	text-decoration:none;
}
#content a:hover {
	text-decoration:none;
}
#content input[type=submit] {
	font-weight:bold;
	line-height:22px;
	cursor:pointer;
}
#content_main {
	font-size:14px;
	line-height:18px;
}
#content_main h2 {
	font:36px/36px Times New Roman,Times,serif;
	letter-spacing:-1px;
}
#content_main h2 a {
	text-decoration:none;
}
#content_sub,
#content_sub a {
	font-size:12px;
	line-height:16px;
}
#content_sub h3 {
	font-size:16px;
	line-height:20px;
}
#nav_main {
	font-size:15px;
	font-weight:bold;
	line-height:35px;
}
#nav_main li:hover {
	cursor:pointer;
}
#nav_main a {
	text-decoration:none;
	cursor:pointer;
}
#nav_main ul ul {
	font-weight:normal;
	text-indent:20px;
}
#nav_main ul ul,
#nav_main ul ul strong {
	font-size:12px;
	line-height:16px;
}
#nav_main > ul > li > strong > em {
	font-style:normal;
}
/*#nav_main ul ul a:hover {
	text-decoration:underline;
}*/
#site_info {
	font-size:12px;
	line-height:16px;
}
#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;
}
} /* @media screen */

@media print {
body {
	font-family:Arial,Helvetica,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) {
#branding h1 a {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
	text-shadow:#fff 0 1px 0;
}
#nav_main {
	line-height:normal;
}
#nav_main a {
	font-size:20px;
	font-weight:bold;
}
#nav_main ul ul {
	text-indent:0;
}
} /* mobile */

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