html, body { background-color: #FFF; }
body { color: #555; }
h1,h2,h3,h4,h5,h6 { color: #333; }

/* comment area to make the menu area black instead of white */
/*begin black menu comment*/
	#nav {
		background-image: url('../images/menu-bg-light.png');
	}
	#nav li a {
		color: #666;
	}
	#nav li a:hover {
		color: #000;
	}
	#nav li a:hover .menu-subtext {
		color: #AAA;
	}
			#nav li ul {
				background-image: url('../images/menu-bg-light.png');
			}
			#nav li ul li {
			}
			#nav li ul li a {
				color: #888;
			}
			#nav li ul li a:hover {
				color: #333;
				background: #eee;
			}

#menu-container {
	/* uncomment for slight transparency of menu
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	-khtml-opacity: .95;
	-webkit-opacity: .95;
	opacity: .95;*/
}

/*end black menu comment*/

.transp-border, .transp-bar-top {
	display: none;
}

#content-area {
	/*background: rgba(255,255,255,.98);*/
	background: #f8f8f8;
	
	box-shadow: -1px 2px 3px rgba(0, 0, 0, .06);
	-webkit-box-shadow: -1px 3px 5px rgba(0, 0, 0, .06);
	-moz-box-shadow: -1px 2px 3px rgba(0,0,0,.06);
	-ms-box-shadow: -1px 2px 3px rgba(0,0,0,.06);
	-o-box-shadow: -1px 2px 3px rgba(0,0,0,.06);
}

#footer p, #footer a {
	color: #666;
}

a {
	color: #000;
	border-bottom: 1px dotted #999;
}

a:hover {
	color: #000;
	border-bottom-color: #000;
}

.boxdropcap {
	background: #fbfbfb no-repeat 25px 50%;
	border: 1px solid #DEDEDE;
}
.boxed .boxdropcap {
	background: #fbfbfb no-repeat 25px 50%;
	border: 1px solid #DEDEDE;
}

.attention, .info, .error, .restricted, .download, .warning, .exit-box.multiline, .custom-attention {
	background: #fff no-repeat 25px 50%;
	border: 1px solid #e8e8e8;
	color: #555;
}

.attention { background-image: url('../images/attention-bg-wht.png'); }
.info { background-image: url('../images/info-bg-wht.png'); }
.error { background-image: url('../images/error-bg-wht.png'); }
.restricted { background-image: url('../images/restricted-bg-wht.png'); }
.download { background-image: url('../images/download-bg-wht.png'); }
.warning { background-image: url('../images/warning-bg-wht.png'); }

.qa-box {
	background: #fff;
	border: 1px solid #e8e8e8;
	color: #555;
}

.qa-box .q {
	background: transparent url('../images/q-bg-wht.png') no-repeat 25px 50%;
	color: #333;
}
.qa-box .a {
	background: transparent url('../images/a-bg-wht.png') no-repeat 25px 50%;
	color: #555;
}

.exit-box {
	background: #fff;
	border: 1px solid #e8e8e8;
	color: #555;
}

.exit-box .exit-box-btn .exit-box-btn-img {
	background-image: url('../images/exit-btn-img-wht.png');
}

.exit-box .exit-box-btn:hover .exit-box-btn-img {
	background-image: url('../images/exit-btn-img-hover-wht.png');
}

/* normal blockquote as well as superquote and articlequote declarations for quote styles */
blockquote {
	background: transparent;
	border-left: 1px solid #DEDEDE;
	color: #555;
}

blockquote.superquote {
	background: transparent url('../images/superquote-bg-wht.png') no-repeat 0 8px;
	color: #666;
}

blockquote.articlequote {
	background: transparent url('../images/articlequote-bg-wht.png') no-repeat 0 0;
	color: #777;
}

blockquote.bubblequote {
	background: #e8e8e8;
}
blockquote.bubblequote p {
	color: #777;
}
blockquote.bubblequote::after {
	border-color: #e8e8e8 transparent;
	border-color: #e8e8e8 rgba(255,255,255,0); /*for firefox */
}
.bubblequote-author {
	color: #999;
}

.boxed {
	background: #fff;
	border: 1px solid #e8e8e8;
	color: #555;
}

.magnify-h-div, .lightbox-h-div {
	background: #FFF url('../images/magnify-hover-wht.png') no-repeat 50% 50%;
}

.arrow-h-div {
	background: #FFF url('../images/arrow-hover-wht.png') no-repeat 50% 50%;
}

.plus-h-div {
	background: #FFF url('../images/plus-hover-wht.png') no-repeat 50% 50%;
}

.video-h-div {
	background: #FFF url('../images/video-hover-wht.png') no-repeat 50% 50%;
}

.swf-h-div {
	background: #FFF url('../images/magnify-hover-wht.png') no-repeat 50% 50%;
}

.iframe-h-div {
	background: #FFF url('../images/iframe-hover-wht.png') no-repeat 50% 50%;
}

/* Video styling (including HTML5 player chrome */
.vc-play-pause {
	background: url('../images/vid-play-pause.png') no-repeat bottom center;
}
.vc-play-pause.paused { background: url('../images/vid-play-pause.png') no-repeat top center; }

.vc-bar-bg {
	background: rgba(255,255,255,.95);
}

.vc-sound-toggle {
	background: url('../images/vid-sound.png') no-repeat top center;
}
.vc-sound-toggle.muted { background: url('../images/vid-sound.png') no-repeat bottom center; }

.vc-bg-bar {
	background: #EAE8E6;
}

.vc-stream-bar {
	background: #B9B8B8;
}

.vc-playhead-bar {
	background: #333;
}

.vc-replay {
	background: url('../images/vid-replay.png') no-repeat;
}

.vc-center-play {
	background: url('../images/vid-center-play.png') no-repeat;
}

table th, .boxed table th {
	color: #000;
	background: #EEE; 
}
table td, .boxed table td {
	color: #444;
	background: #f8f8f8;
}

table.horizontal-focus th, .boxed table.horizontal-focus th {
	color: #000;
	border-bottom: 1px solid #D8D8D8;
	background: transparent;
}

table.horizontal-focus td {
	color: #444;
	background: transparent;
}

table.vertical-focus th {
	border-bottom: 1px solid #D5D5D5;
	border-right: 30px solid #f8f8f8;
	border-left: 30px solid #f8f8f8;
	color: #000;
	background: transparent;
}
.boxed table.vertical-focus th {
	border-bottom: 1px solid #D5D5D5;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #000;
	background: transparent;
}
table.vertical-focus td {
	color: #444;
	background: transparent;
}

table.horizontal-zebra th {
	color: #000;
	background: transparent;
}
table.horizontal-zebra td {
	color: #444;
	background: transparent;
}
table.horizontal-zebra .odd, .boxed table.horizontal-zebra .odd {
	background: #EEE; 
}

table.vertical-zebra th {
	color: #000;
}
table.vertical-zebra td {
	color: #444;
}
table.vertical-zebra th.odd, .boxed table.vertical-zebra th.odd {
	background: #D5D5D5;
}
table.vertical-zebra td.odd, .boxed table.vertical-zebra td.odd {
	background: #DDD;
}
table.vertical-zebra th.even, .boxed table.vertical-zebra th.even {
	background: #DDD;
}
table.vertical-zebra td.even, .boxed table.vertical-zebra td.even {
	background: #EEE;
}

ul li {
	background: transparent url('../images/lis/li-dot-wht.png') no-repeat 0 3px;
}

.li-square li, li.li-square {
	background: transparent url('../images/lis/li-square-wht.png') no-repeat 0 3px;
}

.li-dash li, li.li-dash {
	background: transparent url('../images/lis/li-dash-wht.png') no-repeat 0 3px;
}

.li-check li, li.li-check {
	background: transparent url('../images/lis/li-check-wht.png') no-repeat 0 3px;
}

.li-x li, li.li-x {
	background: transparent url('../images/lis/li-x-wht.png') no-repeat 0 3px;
}

.li-star li, li.li-star {
	background: transparent url('../images/lis/li-star-wht.png') no-repeat 0 3px;
}

/* list formatting specific to the sidebar blog widgets, can also be used with class .menulist manually though */
.blog-widget ul {
	background: #fbfbfb;
	border: 1px solid #e4e4e4;
	color: #555;
}

.footer-widget ul {
	color: #333;
}

.menulist li, .blog-widget ul li, .footer-widget ul li {
	border-bottom: 1px solid #e8e8e8;
}

.menulist a, .blog-widget ul a, .footer-widget ul a {
	color: #666;
}

.menulist a:hover, .blog-widget ul a:hover , .footer-widget ul a:hover {
	color: #222;
}

.contact-form p {
	color: #888;
}

.contact-form .container {
	background: #f2f2f2;
	border: 1px dotted #D5D5D5;
}

.contact-form .container input {
	color: #999;
}

.contact-form input:focus {
	color: #111;
}

.contact-form .container textarea {
	color: #999;
}

.contact-form textarea:focus {
	color: #222;
}

.contact-form .error-msg {
	color: #AD2124;
}

.blog-title-link {
	color: #333;
}
.blog-title-link:hover {
	background: #eee;
	color: #000;
}

.blog-date-ribbon {
	background: url('../images/blog-date-bg-wht.png');
}

.blog-date-ribbon .day {
	color: #555;
}

.blog-date-ribbon .month {
	color: #555;
}

.blog-post-info {
	color: #999;
}

.related-posts-title {
	color: #666;
}
.related-post-link {
	color: #999;
	border-color: #999;
}
.related-post-link:hover {
	color: #333;
}

.comment-count {
	color: #999;
	background: transparent url('../images/comment-icon-wht.png') no-repeat 0 4px;
}

#searchform input[type=text] {
	color: #999;
	background: #f2f2f2;
	border: 1px solid #ddd;
}

#searchform input[type=text]:focus {
	color: #111;
	background: #E8E8E8;
	border: 1px dotted #C0C0C0;
}

#searchform input[type=submit] {
	background-color: #EEE;
	color: #777;
	border: 1px solid #d8d8d8;
}

#searchform input[type=submit]:hover {
	background-color: #DDD;
	border: 1px dotted #DDD;
	color: #666;
}

.pagination a {
	border: 1px solid #e8e8e8;
	background: #fff;
	color: #666;
}

.pagination span.current {
	border: 1px solid #e8e8e8;
	color: #bbb;
	background: #fff;
}

.pagination a:hover {
	border: 1px solid #ddd;
	color: #000;
	background: #fff;
}

#fb-share {
	background-image: url('../images/icons/facebook-share-wht.png');
}
#fb-share:hover { background-image: url('../images/icons/facebook-share-hover-wht.png'); }

#tw-share {
	background-image: url('../images/icons/twitter-share-wht.png');
}
#tw-share:hover { background-image: url('../images/icons/twitter-share-hover-wht.png'); }

#dg-share {
	background-image: url('../images/icons/digg-share-wht.png');
}
#dg-share:hover { background-image: url('../images/icons/digg-share-hover-wht.png'); }

#dl-share {
	background-image: url('../images/icons/del-share-wht.png');
}
#dl-share:hover { background-image: url('../images/icons/del-share-hover-wht.png'); }

#rd-share {
	background-image: url('../images/icons/reddit-share-wht.png');
}
#rd-share:hover { background-image: url('../images/icons/reddit-share-hover-wht.png'); }

#su-share {
	background-image: url('../images/icons/stumble-share-wht.png');
}
#su-share:hover { background-image: url('../images/icons/stumble-share-hover-wht.png'); }

#fb-like-icon {
	background: url('../images/icons/facebook-like-wht.png');	
}
#fb-like:hover #fb-like-icon { background: url('../images/icons/facebook-like-hover-wht.png'); }

.comment {
	border: 1px dotted #D5D5D5;
} #comment-1 { border-top: 1px dotted #D5D5D5; }

.avatar {
	border-color: #ccc;
}

.comment.thread-even {
	background: #f8f8f8;
}

.comment.thread-even .comment.depth-2 {
	background: #f0f0f0;
	border: 1px dotted #D1D1D1;
	color: #888;
}
.comment.thread-odd .comment.depth-2 {
	background: #f6f6f6;
	border: 1px dotted #EEE;
	color: #888;
}

cite.fn {
	color: #111;
}
cite.fn a { border-bottom: 1px solid #BBB; }
cite.fn a:hover { border-bottom: 1px solid #333; }

.comment-awaiting-moderation {
	color: #AD2124;
}

.comment-meta a {
	color: #AAA;
}

.comment-logged-user-meta, .comment-logged-user-meta a {
	color: #888;
}

.comment-body p {
	color: #666;
}

.comment-reply-link {
	background: #f4f4f4;
	border: 1px dotted #D8D8D8;
	color: #777;
}
.comment-reply-link:hover {
	color: #111;
	background: #EEE;
	border: 1px dotted #C0C0C0;
}

#commentform label {
	color: #666;
}

#commentform input[type=text] {
	color: #999;
	border: 1px dotted #D5D5D5;
	background: #EEE;
}
#commentform input[type=text]:focus {
	color: #111;
}

#commentform textarea {
	color: #999;
	border: 1px dotted #D5D5D5;
	background: #EEE;
}
#commentform textarea:focus {
	color: #111;
}

#comment-submit {
	background: #EEE;
	border: 1px dotted #D5D5D5;
	color: #666;
}
#comment-submit:hover {
	background: #DDD;
	border: 1px dotted #CCC;
	color: #333;
}

.commentlist .thread-even #commentform input[type=text], .commentlist .thread-even #commentform textarea {
	border: 1px dotted #DDD;
	background: #f0f0f0;
	color: #444;
}
.commentlist .thread-even #commentform input[type=text]:focus, .commentlist .thread-even #commentform textarea:focus {
	color: #000;
}

.cancel-comment-reply a {
	background: #f4f4f4;
	border: 1px dotted #D8D8D8;
	color: #777;
}
.cancel-comment-reply a:hover {
	color: #111;
	background: #EEE;
	border: 1px dotted #C0C0C0;
}

.blog-list-info {
	color: #444;
}

.more-link {
	background: #f4f4f4;
	border: 1px solid #D8D8D8;
	color: #777;
}
.more-link:hover {
	color: #111;
	background: #EEE;
	border: 1px solid #C0C0C0;
}

.hr {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #fff;
}

.bordered {
	border: 1px solid #e8e8e8;
}

img, .youtube-video, .vimeo-video, .hosted-video, .swf, pre {
	border: 0;
}

.post-tags {
	color: #666;
}

.post-tags a {
	color: #999;
}

.post-tags a:hover {
	color: #CCC;
}

.blog-widget .tagcloud {
	background: #fbfbfb;
	border: 1px solid #DEDEDE;
}
.tagcloud a {
	color: #666;
}
.tagcloud a:hover {
	color: #333;
	background: #EEE;
}

/* newer gallery icons */
.sc-thumb .icon.img { background-image: url('../images/magnify-hover-wht.png'); }
.sc-thumb .icon.vid { background-image: url('../images/video-hover-wht.png'); }

/* mbbox lightbox */
#mbbox-bg {
	background-color: #fff;
	background-color: rgba(245,245,245,.9);
	background-image: url('../images/mbbox-ldr.gif');
}

#mbbox-prev-btn {
	background: url('../images/mbbox-arrows.png') left center no-repeat;
}

#mbbox-next-btn {
	background: url('../images/mbbox-arrows.png') right center no-repeat;
}

#mbbox-exit-btn {
	background: url('../images/mbbox-exit.png') center center no-repeat;
}

#mbbox-title {
	color: #444;
}

#mbbox-page {
	color: #777;
}

/* styles for the social media account slide out tab */
#social-slider-bar {
	background: url('../images/social-bar-wht.png');
}

/* tab pane styling */
.tab-section-tabs a {
	color: #777;
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	border-bottom: 0;
}

.tab-section-tabs a:hover {
	color: #333;
	background: #ddd;
}

.tab-section-tabs a.focused {
	color: #333;
	background: #fff;
}

.tab-section-content {
	background: #fff;
	border: 1px solid #e8e8e8;
}

.tab-section-content .tab-content-pane {
	background: #fff;
}

/* toggle button */
.toggle-icon-2 {
	background-image: url('../images/toggle-box-1-wht.png');
	background-position: center top;
}

.toggle-icon-1 {
	background-image: url('../images/toggle-box-2-wht.png');
	background-position: center top;
}

.toggle-text h4 {
	color: #444;
}

/* utility for code tables for previews */
table.code-table {
	border: 10px solid #fff;
	outline: 1px solid #e8e8e8;
}
table.code-table tr {
	background: #fff;
}
table.code-table tr:nth-child(odd) {
	background: #f4f4f4;
}
table.code-table td {
	border-bottom: 1px solid #e8e8e8;
	color: #444;
}

/* twitter bottom bar */
.twitter-bottom-bar {
	background: #fff;
	border: 1px solid #e8e8e8;
}
.twitter-bar-logo {
	background: url('../images/twitter-logo.png');
}
.twtr-widget em { color: #E1E1E1; }

/* for code display */
pre {
	background: #fff;
	border: 1px solid #e8e8e8;
}
code {
	color: #333;
}














/* //////////////////////////////////////////////////////////////////////////////// */
/* //////////////////// PHONE STYLES //////////////////// */
/* //////////////////////////////////////////////////////////////////////////////// */
html.touch, .touch body {
	background-color: #f8f8f8;
}
.touch #menu-wrapper {
	border-bottom: 15px solid #888;
	background: #fff;
}
.touch #nav li ul {
	background: #333;
}
.touch #nav li ul li a {
	color: #eee;
	background: #333;
}
.touch #nav li ul li a:hover {
	color: #fff;
	background: #444;
}
.touch #mbbox-bg {
	background-color: rgba(255,255,255,.8);
}