/*
Theme Name: Nude Fox Tribe
Theme URI: http://barenakedfamily.com
Description: A theme for five of the most traveled, wonderful people I've met. And their little dogs too.
Version: 1.0
Author: Nathan Swartz of ClickNathan.com
Author URI: http://clicknathan.com/

	This theme was customizedly designed for the BareNaked Family. Whom I love intolerably forever and appreciate everything they've ever done for me, from beer purchases to child keeping to appendix salvation.

*/

/* CSS by Nathan Swartz at Uncle Billy's in Austin TX, just next to the Pecan Grove RV Park */

body {text-align:center;
	  font: 14px/150% "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
	  color:#3b3b3b;
	  background:#ffffff url(img/bg.jpg) no-repeat top center;
	 }
	 
@font-face {font-family: Aardvark; src: url(/wp-content/themes/nude-fox-tribe/fonts/AardvarkCafe.ttf ) format("truetype");}
@font-face {font-family: Rockwell; src: url(/wp-content/themes/nude-fox-tribe/fonts/Rockwell.ttf ) format("truetype");}
@font-face {font-family: RockwellBold; src: url(/wp-content/themes/nude-fox-tribe/fonts/RockwellBold.ttf ) format("truetype");}
@font-face {font-family: RockwellBoldItalic; src: url(/wp-content/themes/nude-fox-tribe/fonts/RockwellBoldItalic.ttf ) format("truetype");}

body, h1, h2, h3, h4, h5, h6, form, input, fieldset, p, blockquote, ul, ol, li, dd, dt, dl {margin:0; padding:0;}

img, fieldset {border:none;}

img.aligncenter, img.alignright, img.alignleft, .page_nav, .commentlist li {-moz-border-radius:5px; -webkit-border-radius:5px;}

/* Positioning */

#container {width:954px; margin:0 auto; text-align:left;}

#header {position:relative; height:148px;}
h1 {position:absolute; width:517px; height:73px; top:20px; left:20px;}
h1 a {display:block; height:73px; text-indent:-999em;}
#header p {position:absolute; top:97px; left:44px;}

#header ul {left:608px; top:53px; position:absolute; list-style:none;}
#header ul, #header ul a {font-family: Aardvark, Helvetica, Arial, sans-serif; color:#818181; text-transform: lowercase;}
#header ul a {font-size:290%; text-decoration:none;}
#header li {float:left; padding-right:30px;}

#header form {position:absolute; top:106px; left:593px; width:347px;}
#header form input {font-family: Rockwell, Courier, helvetica, sans-serif; color:#818181; padding:10px; font-size:130%; border:none; background:transparent;}
#header form button {position:absolute; right:0; top:0; width:88px; height:43px; border:none; background:transparent; text-indent:-999em;}

#homefront {float:left; position:relative; height:300px;}
#homefront ul {list-style:none;}

#homefront img {position:absolute; z-index:42; left:465px; top:14px;}

#home_copy {position:relative; float:left;}

#home_copy #kids {position:absolute; right:-142px; top:50px; width:570px;}
#kids ul {list-style:none; position:relative;}
.austin_img {position:absolute; right:0; top:0;}
.kesley_img {position:absolute; left:-21px; top:150px;}
.sunny_img {position:absolute; right:76px; top:429px;}
.austin_img p {position:absolute; left:-178px; top:50px; width:224px;}
.kesley_img p {position:absolute; left:228px; top:100px; width:174px;}
.sunny_img p {position:absolute; left:177px; top:-64px; width:174px;}

#home_copy .entry {float:left; padding:0 558px 20px 30px;}

#bg_lately {background:url(img/txt_blog.png) no-repeat 0 83px;}
#bg_about {background:url(img/txt_gettin-barenaked.png) no-repeat 0 20px;}
#bg_old {background:url(img/txt_previous-experiments.png) no-repeat 0 20px;}

#footer {position:relative; float:left;}

#copy {width:500px; float:left; padding:0 50px 25px 50px; background:url(img/txt_blog.png) no-repeat 0 83px;}

#sidebar {width:304px; float:left; padding:25px;}

.alignright {text-align:right;}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}

img.aligncenter, img.alignright, img.alignleft {border:1px solid #00f0ff; padding:3px; background:white; }
img.aligncenter {display:block; margin:15px auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
img.alignleft {float:left; margin:0 15px 15px 0;}

.page_nav {height:15px; padding:10px; float:left; width:100%; background:#00f0ff; margin:10px 0; height:35px;}
.page_nav p {width:48%; float:left;}
.page_nav a {color:#3B3B3B !important;}

.widgeteer {margin-bottom:15px;}

.commentlist {list-style:none; margin:0 !important; padding:0 !important;}
.commentlist li {background:#8ba6a0; padding:10px 15px !important; margin:15px !important;}
.commentlist li a {color:white !important; font-style:normal !important;}
.avatar {float:left; margin:0 10px 10px 0;}
.commentlist li.alt {background:#efde99;}
.commentlist li.byuser {background:#00f2fd;}

/* Typography */

/* Rockwell 22pt Blue */
#homefront ul li, #header p, h3, .about_kids, #copy h4, #copy h5 {font-family: Rockwell, Courier, helvetica, sans-serif; color:#40b7d9; font-size:140%;}

/* Aardvark 50pt Gray */
#homefront ul span, #kids h2 {font-family: Aardvark, Helvetica, Arial, sans-serif; color:#818181; font-size:35pt;}

/* Aardvark 28pt Gray */
#sidebar h3, .entry h2 {font-family: Aardvark, Helvetica, Arial, sans-serif; color:#818181; font-size:200%;}

p.about_kids {color:#818181 !important; width:364px; margin:15px 8px;}

#copy h2 {font-size:18px; font-family: Rockwell,Courier,helvetica,sans-serif;}
#copy h2 a {font-style:normal;}
#copy h3, #copy h4, #copy h5, #copy h6 {margin:10px 0;}

#sidebar h2 {display:none;}

#sidebar h3 {}

#homefront li {padding:10px;}
#homefront li span {letter-spacing:2px;}
.living {margin-left:10px;}
.playing {margin-left:19px;}
.learning {margin-left:28px;}
.working {margin-left:37px;}

.entry h2 {padding:20px 0 16px 0;}
h2, h3 {font-weight:normal;}

#homefront a {color:#40b7d9 !important; font-weight:normal;}
#content a {font-family: Rockwell, Courier, helvetica, sans-serif; color:#e66a0e; font-style:italic;}
h3 a {font-style:normal !important;}

#content p, #content li {font-family: Rockwell, Courier, helvetica, sans-serif; color:#3b3b3b; padding:8px 0;}

#kids li p {font-family: Aardvark, Helvetica, Arial, sans-serif !important; color:#40b7d9 !important; font-size:30pt; line-height:100%;}
#home_copy #kids li p a {font-family: Aardvark, Helvetica, Arial, sans-serif !important; color:#40b7d9 !important; font-style:normal;}

#footer {background:url(img/footer_bg.png) no-repeat; width:706px; height:240px; position:relative; float:left; clear:both; margin:25px 0;}
.bnf_foot, .clicknathan_foot {position:absolute; width:391px; height:73px; top:73px; left:64px;}
.bnf_foot a, .clicknathan_foot a {display:block; height:73px; text-indent:-999em;}
.clicknathan_foot {width:242px; height:48px; top:182px; left:450px;}
.clicknathan_foot a {height:48px;}

#content ul, #content ol {padding:8px 0 8px 20px;}
#content li {padding:4px 0;}
#copy h3, #copy h4, #copy h5, #copy h6 {font-family: Rockwell, Courier, helvetica, sans-serif; color:#3b3b3b; padding:8px 0;}

#copy h3 {font-size:150%;}
#copy h4 {font-size:135%;}
#copy h5 {font-size:120%;}
#copy h6 {font-size:110%;}

blockquote {background:#c3e8f3 url(img/bq.png) no-repeat -20px -10px; padding:15px 0 0 45px; font-size:140%; line-height:110%; -moz-border-radius:10px; -webkit-border-radius:10px;}
blockquote p {background:url(img/bq_close.png) no-repeat bottom right; padding:0 25px 25px 0 !important; }

.littler, small {font-size:100% !important; font-style:italic; margin-bottom:25px;}
.biggass, big {font-size:150% !important;}

/* Forms */






/* This website was made with love by Nathan for his favorite family in the world outside of his own, the Whites. Love, smiles and peace to each and every one of you */

