/*
Theme Name: Noble
Theme URI: http://nobleapps.com/
Description: The first website design for NobleApps.com
Version: 0.1
Author: David Yeiser
Author URI: http://designintellection.com/
Tags: clean, black, red yellow
*/

* { margin:0; padding:0; }

body { font-family:Georgia, "Times New Roman", serif; font-size:16px; color:#555; background-color:#7a7a7a; }
a { text-decoration:none; color:#343434; border-bottom:2px solid #f7f200; }
a:visited { color:#7a7a7a; }
a:hover { color:#fa2600; background-color:#fff; }

abbr { font-size:80%; letter-spacing:1px; line-height:125%; text-transform:uppercase; }

#site { background-color:#fff; }
#site-enclosed { width:70%; max-width:1200px; min-width:960px; margin:0 auto; padding-top:40px; }

#identity { width:100%; height:40px; position:relative; overflow:hidden; background-color:#343434; }
#identity a#home-link { display:block; width:258px; height:40px; background-color:transparent; }
#identity h1 { width:258px; height:40px; background:url("images/logo-nobleapps.png") 0 0 no-repeat #fff; }
#identity h1 span { display:none; }

ul#nav { position:absolute; left:258px; top:0; list-style:none; line-height:14px; vertical-align:text-bottom; }
ul#nav li { display:inline; float:left; line-height:14px; vertical-align:text-bottom; }
ul#nav a { display:block; height:15px; padding:11px 20px 15px 20px; position:relative; float:left; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; line-height:14px; text-decoration:none; vertical-align:text-bottom; color:#fff; border-right:1px solid #fff; background-color:#343434; }
ul#nav a:hover { background-color:#7a7a7a; }
ul#nav li.current_page_item a { background-color:#fa2600; }

a#subscribe { width:41px; height:40px; padding:0; position:absolute; right:0; top:0; border-left:1px solid #fff; background:url("images/icn-rss.png") 1px 0 no-repeat; }
a#subscribe span { display:none; }
a#subscribe:hover { background-color:#fa2600; }

#content { padding:129px 0 258px 258px; background:url("images/iphone-white-bg.png") 6px 60px no-repeat; }
body.page-template-product-php #content { padding-top:61px;}
#content h1, #content h2 { padding:0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:60px; font-weight:bold; letter-spacing:-2px; line-height:48px; color:#fa2600; }
#content h2 { padding-bottom:15px; font-size:24px; letter-spacing:0; color:#7a7a7a; }
#content p { width:65%; padding-bottom:20px; font-size:16px; line-height:22px; color:#7a7a7a; }
body.page-template-product-php #content p { width:100%; }

.post { margin-top:20px; padding:20px 0; border-top:1px solid #eaeaea; }
.post h3 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:24px; line-height:22px; }
.post h3 a { text-decoration:none; }
.byline { padding:5px 0 15px 0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; color:#aaa; }
#content .post-content p { font-size:18px; line-height:24px; }

body.single .byline { padding:15px 0; }
body.single #content .post-content p:first-child { font-size:24px; line-height:28px; color:#aaa; }

#content form p { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; line-height:22px; color:#aaa; }
form input, form textarea { width:50%; margin-top:5px; padding:5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; line-height:22px; color:#7a7a7a; border:1px solid #cacaca; border-bottom:2px solid #cacaca; background-color:#eaeaea; }
form textarea { width:75%; }
form input[type="submit"] { width:auto; padding:5px 20px; cursor:pointer; color:#fff; border:2px solid #7a7a7a; background-color:#555; -moz-border-radius:5px; -webkit-border-radius:5px; }
form input[type="submit"]:hover { color:#343434; border-color:#f7f200; background-color:#f7f200; }
/*#wpcf7-f1-p5-o1 { padding:5px; font-style:italic; background-color:#f7f200; }*/

#site-meta { width:70%; max-width:1200px; min-width:960px; margin:0 auto; }
#site-meta p { padding:20px 0; font-size:14px; line-height:20px; color:#fff; }