@import url(reset.css);
/* GLOBAL STYLES__________________________________________________*/

body {
	background-color: #fff;
	font: 62.5%/1.8em Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	color: #666;
}

a {
	font-weight: normal;
	text-decoration: none;
	color:#666;
}

a:hover, a:active {
	text-decoration: none;
	color: #ff3e9e;
}

blockquote {
	margin: 0;
	padding: 10px 15px 10px 25px;
	background-color: #000;
	font-weight: normal;
	color: #f51700;
}

code {
	padding: 5px;
	background-color: #ccc;
}

em {
	font-style: italic;
}

img {
	display: block;
	border: 0;
}

h1 {
	position: relative;
	margin: 0;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 3.6em;
	text-transform: uppercase;
	color:#000;
}

h2 {
	display: block;
	padding: 5px 5px 5px 15px;
	background-color: #0ae8ff;
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1.25em;
	color: #fff;
}

h2 a {
	color: #fff;
}

h3 {
	padding-top: 18px;
	margin-bottom: 18px;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.075em;
}

h4 {
	clear: both;
	margin-bottom: 18px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	color: #cdbc92;
}

hr {
	clear: both;
	display: block;
	height: 90px;
	margin: 0;
	border: 0;
}

ol {
	margin: 0 100px 18px 20px;
	list-style-type: decimal;
	font-size: 1.2em;
	line-height: 1.8em;
}

ol li {
	margin-bottom: 18px;
}

ol li p {
	margin-right: 0;
	line-height: 1.8em;
}

ol li pre, p code {
	font-size: .85em;
}

p {
	margin: 0 100px .8em 0;
	font-size: 1.2em;
	line-height: 1.8em;
}

pre {
	margin: 1.5em 0 1.5em 18px;
}

pre, code {
	font-family: Courier New, Courier, serif;
	line-height: 1.8em;
	color: #333;
}

li li, li p, td p, blockquote p {
	font-size: 1em;
	line-height: 1.5em;
}

strong {
	font-weight: bold;
}

ul {
	list-style: none;
	list-style-position: inside;
}

input, select, th, td {
	font-size: 1em;
}

.clear {
	clear: both;
}

.wrapper {
	clear: both;
	position: relative;
	width: 1300px; 
	margin: 0 auto;
	text-align: left;
}

/* GLOBAL HEADER__________________________________________________*/

#header {
	position: relative;
	width: 1150px; 
	margin: 0 auto;
	padding: 0 0 0 150px;
	text-align: left;
}

#header h1 {
	width: 729px;
	height: 179px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#header h1 a {
	display: block;
	width: 729px;
	height: 179px;
	background: transparent url(../images/h_logo.png) no-repeat 0 0;
}

/* GLOBAL COLUMNS_________________________________________________*/

#main {
	clear: both;
}

#column_one, #column_two, #column_three, #column_four {
	float: left;
	display: inline;
}

#column_one, #column_four {
	width: 150px;
}

#column_two {
	position: relative;
	width: 729px;
	padding-right: 15px;
	font-size: 1.2em;
	line-height: 1.5em;
}

#column_two hr {
	height: 36px;
}

#column_three {
	width: 256px;
	padding: 0;
	font-size: 1em;
}

#column_three img {
	margin-bottom: 15px;
}

/* GLOBAL NAVIGATION______________________________________________*/

#nav li {
	margin: 0 15px 10px 0;
	font-size: 2em;
	text-align: right;
}

body#portfolio #nav_portfolio a, body#notebook #nav_notebook a, body#wares #nav_wares a, body#about #nav_about a, body#store #nav_store a { color: #0ae8ff; }

#nav li a:hover, body#portfolio #nav_portfolio a:hover, body#notebook #nav_notebook a:hover, body#wares #nav_wares a:hover, body#about #nav_about a:hover, body#store #nav_store a:hover { color: #ff3e9e; }

/* GLOBAL SEARCH__________________________________________________*/

#column_one .search { 
	margin-top: 30px;
	text-align: right;
}

#column_one .search input { 
	width: 125px; 
	margin-right: 15px;
	padding: 2px;
	background-color: #fee14b;
	font-size: 1em;
	text-align: right;
	color: #000;
}

.searchbox input:focus {
	background-color: #fff;
}

#column_two .search {
	float: left;
	display: block;
	width: 729px;
	background-color: #fee14b;
}

#column_two .search input {
	width: 689px;
	margin: 20px;
	font-size: 1.8em;
	color: #666;
}

/* GLOBAL FOOTER__________________________________________________*/

#footer p {
	clear: both;
	margin: 0 421px 0 150px;
	padding: 5px;
	font-size: .75em;
	text-transform: uppercase;
	color: #666;
}

/* PORTFOLIO______________________________________________________*/

.portfolio ul.portroot li {
	float: left;
	display: inline;
	width: 243px;
	height: 145px;
	padding-top: 110px;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.portfolio ul.portroot li a {
	padding: 0 5px;
	background-color: #0ae8ff;
	color: #fee14b;
}

.portfolio ul.portroot li a:hover, .portfolio ul li a:active {
	background-color: #ff3e9e;
	color: #0ae8ff;
}

.pnav_animation {
	background: transparent url(../images/nateomedia_cat_animation.jpg) no-repeat 0 0;
}

.pnav_illustration {
	background: transparent url(../images/nateomedia_cat_illustration.jpg) no-repeat 0 0;
}

.pnav_oldwork {
	background: transparent url(../images/nateomedia_cat_oldwork.jpg) no-repeat 0 0;
}


.breadcrumb p {
	margin: 0;
	padding: 5px;
	background-color: #fee14b;
	font-size: .83em;
	text-transform: uppercase;
	color: #666;
}

#latest ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

#latest img {
	margin: 0;
	padding: 0;
}

/* NOTEBOOK ARTICLE_______________________________________________*/

.splash {
	background: transparent url(../images/img_bottom.png) no-repeat bottom left;
}
	
.splash img {
	padding-bottom: 6px;
}

.article {
	margin-bottom: 45px;
}

.article p a {
	color: #0ae8ff;
}

.article p a:hover, .article p a:active {
	color: #ff3e9e;
}

.article p img {
	margin: 0 0 18px 0;
}

.article ul {
	width: 629px;
}

.article ul li ul {
	margin-bottom: 18px;
	list-style-image: url(../images/pink_star.png);
	list-style-position: outside;
}

.article ul li ul li {
	margin: 0 0 0 19px;
}

#home .article {
	position: absolute;
	top: 0;
	right: 30px;
	width: 226px;
	height: 226px;
	padding: 15px;
	background-color: #000;
	color: #fff;
}

#home .article p {
	margin: 0;
}

#about .article {
	margin-top: 15px;
}

.date {
	margin: 0;
	padding: 5px 5px 5px 15px;
	background-color: #fee14b;
	font-size: .83em;
	text-transform: uppercase;
	color: #666;
}

p.date a {
	color: #666;
}

.previously {
	margin: -9px 0 18px 0;
}

.previously li {
	font-size: .83em;
	list-style-image: url(../images/pink_star.png);
}

.previously li a {
	color: #ff3e9e;
}

.previously li a:hover, .previously li a:active {
	color: #0ae8ff;
}

h2.tag, h2.searchresults {
	background-color: #ff3e9e;
	font-size: 1.6em;
	text-transform: uppercase;
}

.tags {
	font-size: 1em;
}

.tags a img {
	float: left;
	margin: 2px 8px 0 0;
}

/* NOTEBOOK COMMENTS______________________________________________*/

#comments {
	margin: 0;
	padding: 5px;
	background-color: #666;
	color: #fff;
}

.commentlist li {
	padding: 15px;
	border-bottom: 1px solid #ccc;
}

.commentlist li.even {
	background-color: #eee;
	color: #666;
}

.comment p {
	clear: both;
	font-size: 1.2em;
	line-height: 1.8em;
}

.comment a:hover, .bypostauthor .commentmetadata a:hover, .bypostauthor .reply a:hover {
	color: #0ae8ff;
}

.navigation div.alignleft a, .navigation div.alignright a {
	float: left;
	display: block;
	width: 50%;
	padding: 0 5px;
	background-color: #fee14b;
}

.navigation div.alignleft a:hover, .navigation div.alignright a:hover {
	background-color: #ff3e9e;
	color: #fff;
}

.commentauthor {
	display: inline;
}

.commentauthor img {
	float: left;
	display: block;
}

.commentauthor cite {
	float: left;
	display: block;
	height: 36px;
	padding: 8px 5px 5px 5px;
	font-size: 1.6em;
}

.commentmetadata, .reply {
	display: inline;
}
.commentmetadata a, .reply a {
	font-size: .85em;
	text-transform: uppercase;
	color: #ff3e9e;
}

.commentmetadata {
	margin: 0;
}

.comment-number {
	padding-right: 5px;
}

.comment-page-numbers {
	margin: 0;
	padding: 9px 0;
}

.commentlist li.bypostauthor {
	background-color: #666;
	color: #fff;
}

.bypostauthor cite a {
	color: #fff;
}

.bypostauthor .commentmetadata a, .bypostauthor .reply a {
	color: #ff3e9e;
}

#respond {
	clear: both;
	float: left;
	display: block;
	width: 699px;
	padding: 15px;
	background-color: #eee;
}

#commentform p {
	margin: 0 0 15px 0;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 625px;
	margin: 4px 0;
	padding: 2px;
}
#commentform #submit {
	margin: 0;
}

/* CONTACT FORM___________________________________________________*/

.wpcf7 {
	position: relative;
	width: 256px;
	padding: 0;
	margin: 0;
	background-color: #999;
}
.wpcf7-form {
	padding: 47px 0 0 15px;
	border: 0;
}

.fminfofull {
	position: absolute;
	top: 0;
	left: 0;
	width: 256px;
	height: 47px;
	background: transparent url(../images/cf_header.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

.wpcf7-form label {
	clear: both;
	float: left; 
	display: block;
	width: 226px;
	font-size: .9em;
	line-height: 1em;
	color: #fff;
}

.wpcf7-form input {
	width: 222px;
	margin: 0 0 6px 0;
}

.wpcf7-form textarea {
	width: 226px;
	margin: 0 0 6px 0;
}

.wpcf7-form .fmsubmit {
	clear: both;
	width: 226px;
	height: 72px;
	margin: 0;
}

/* STORE__________________________________________________________*/

#store { background-color: #666; }
#store #column_two h2 { background-color: #ff3e9e;}
#store #column_two h2 a:hover { color: #0ae8ff; }
#store #nav li a { color: #fff; }
#store #nav li a:hover { color: #ff3e9e; }
body#portfolio #nav_portfolio a, body#notebook #nav_notebook a, body#wares #nav_wares a, body#about #nav_about a, body#store #nav_store a { color: #0ae8ff; }
#store #footer p { color: #eee; }

#store #header h1 { width: 1000px; }

#store #header h1 a {
	width: 1000px;
	background: transparent url(../images/h_logo_store.png) no-repeat 0 0;
}

#store #faq-content, #store #contact-content {
	padding: 30px 15px 15px 15px;
	background-color: #eee;
}

#admin, #admin_data{
	position: fixed;
	right: 0px;
	top: 0px;
	width: 130px;
	border-bottom: 1px solid #E6E6DF;
	border-left: 1px solid #E6E6DF;
	background: #fff;
    z-index: 2; 	text-align: left;
}
#admin_data{
	top: 0px;
	padding-top: 20px;
	z-index: 1;
	line-height: 1.6em;

}
#admin h3 {
	font-weight: normal;
	color: #999;
	margin:0;
	padding:0; text-align: center;
}
#admin h3:hover { color: #036; }

#products {
	padding-top: 15px;
}

.product {
	float: left;
	display: block;
	width: 324px;
	margin: 0 15px 15px 0;
	padding: 15px;
	background-color: #eee;
	border: 1px solid #fff;
	}

#products div.even {
	margin-right: 0;
}

.product h3 {
	margin: 0 15px 15px 0;
	padding: 0;
}

.info p {
	width: 100%;
	font-size: 1em;
	}

.product form {
	margin: 0;
	padding: 0;
}

.product-images {
	float: left;
	display: block;
	width: 135px;
	margin: 0 15px 0 0;
}

.product-images p {
	width: 135px;
	font-size: .85em;
	text-align: center;
}

.product-details {
	float: left;
	display: block;
	width: 174px;
}

.product-title {
	line-height: 1.6em;
	color: #000;
}

#column_three .cart {
	float: left;
	display: block;
	width: 256px;
	height: 66px;
	margin-bottom: 15px;
}

#column_three div.pod {
	float: left;
	display: block;
	width: 226px;
	padding: 15px;
	margin-bottom: 15px;
	font-size: 10px;
	background-color: #fee14b;
	}


#column_three div.pod h3 {
	margin-bottom: 9px;
	color: #0ae8ff;
	}

#column_three div.pod ul {
	margin-bottom: 3px;
	}

#column_three div.pod li {
	margin-top: 3px;
	padding: 3px 0;
	list-style: none;
	border-top: 1px solid #fff;
}

/* FAQ */

#faq-content {
	padding: 15px 0;
}

#faq-content .faq-list dt {
	margin-bottom: .5em;
	font-size: 1.5em;
	font-weight: bold;
	color: #666;
}

#faq-content .faq-list dd {
	margin-bottom: 2.3em;
}

/* Contact Form */
#contact-form {
	width: 629px;
}

#contact-form label {
	float: left;
	width: 100px;
	padding: 2px 0;
	text-align: right;
	color: #666;
	}

#contact-form input,
#contact-form textarea {
	float: left;
	width: 500px;
	margin: 0 0 15px 10px;
	vertical-align: bottom;
	}

#contact-form textarea {
	height: 150px;
	}

#recaptcha_image {
	float: left;
	display: block;
	width: 330px;
	margin: 0 0 15px 110px;
	}

#recaptcha_widget label {
	clear: both;
}

#recaptcha-options {
	float: left;
	margin: 0 25px 15px 10px;
}

#contact-form p {
	float: left;
	display: block;
	width: 500px;
	margin: 0 0 15px 110px;
	font-size: 1em;
	}

#contact-form p a { color: #0ae8ff; }
#contact-form p a:hover { color: #ff3e9e; }

#contact-submit input {
	clear: both;
	width: 100px;
	margin: 0 0 30px 110px;
	cursor: pointer;
	}

.addtoany_share_save_container{margin:16px 0;}
ul.addtoany_list{
	display:inline;
	list-style-type:none;
	margin:0 !important;
	padding:0 !important;
	text-indent:0 !important;
}
ul.addtoany_list li{
	background:none !important;
	border:0;
	display:inline !important;
	line-height:32px;
	list-style-type:none;
	margin:0 !important;
	padding:0 !important;
}
ul.addtoany_list li:before{content:"";}
ul.addtoany_list li a{padding:0 9px;}
ul.addtoany_list img{
	float:none;
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
}
ul.addtoany_list a img{
	opacity:.7;
	filter:alpha(opacity=70);
}
ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img{
	opacity:1;
	filter:alpha(opacity=100);
}
a.addtoany_share_save img{border:0;width:auto;height:auto;}