/*
THEME NAME:  Foxinni V4
THEME URI: http://themesmith.com
DESCRIPTION: 
TAGS: 
VERSION: 1.0
AUTHOR: <a href="http://foxinni.com/">Foxinni.com</a>
AUTHOR URI:
*/

/*
swatch

#FFA84C - Light high Orange

#5E3E1C - lighter mid brown
#3B2712 - darker mid brown
*/

* { margin:0; padding:0; line-height: 1.35em;}
.wrapper {
background: #2f1f0e url(images/footer.png) bottom left no-repeat; 
min-height:1200px; 
font-family: tahoma, georgia,arial;
font-size: 11px;
color:white}

.header {background: url(images/header.png) top left no-repeat; height:255px}
#footer { padding-bottom: 200px;}

.nav {padding-top:0px}
.logo { background: #513922 url(images/logo_bg.png) left repeat-y ;}

.home .nav { padding-top:300px}
.home .header { height: 565px;}   
.home .logo { background:transparent none}   

/*
.nav-items li.home-item a { background: url(images/nav-home-test.png) top left no-repeat;}
.nav-items li.home-item a span { background-position: -10px 0; }
.nav-items li.blog-item a span { background-position: -130px 0; } 
.nav-items li.portfolio-item a span { background-position: -262px 0; }
.nav-items li.about-item a span { background-position: -384px 0; }
.nav-items li.contact-item a span { background-position: -519px 0; } */


.clear{ clear:both; height: 10px;}
.spacer{  height: 10px;} 

.logo-sub { display: block; height:164px; width:380px; float:left; border-top: 1px solid #5e3e1c;}
.nav-items { border-top: 1px solid #764e24;  height:164px;background: #3b2712; margin-left: 380px;}
.nav-items li {  display: block; float:left; }
.nav-items li a span{  font-size: 12px; color: #fff; display: block; margin-bottom: 5px; line-height: 1em; font-size: 22px/* text-indent: -9999px;  background: url(images/nav-items.png);*/}
.nav-items li a{ display: block;color: #764e24; font-size: 10px; float:left; width: 120px;  height:94px; background: #3b2712; border-right:1px solid #5e3e1c;
padding:60px 10px 10px;}
.nav-items li a:link,
.nav-items li a:visited { text-decoration: none;}
.nav-items li a:hover,
.nav-items li a:active  { /*background: #5e3e1c;*/}

#content .sidebar {font-family: georgia,tahoma; font-size: 15px; color: #ffa84c; margin-top: 80px;}


#content { border-left:35px solid #23170B; padding-left: 20px; margin-top: 20px;}

.single-browser { margin-top: 20px;}

.single-browser h3 { margin: 20px 50px 0 0; font-size: 70px; font-family: georgia,verdana; font-style: italic; color: #3B2712; letter-spacing: -2px; text-align: right;}
.single-browser .post-index { float:left; width: 200px; padding: 20px; background: #23170B; min-height:250px; margin:0;
border-left:1px solid #3F2D1B;border-right:1px solid #0F0A05;
border-top:1px solid #3F2D1B;border-bottom:1px solid #0F0A05;}

.single-browser .image-wrap { margin: 10px 0;}        
.single-browser .image-wrap a{display: block; border-bottom:4px solid #0F0A05;}        
.single-browser .image-wrap a:hover { border-bottom:4px solid #3F2D1B;} 

.advert_468x60 { margin: 10px 0 20px 0px;}      
.advert_468x60 img{}  

.wp-smiley {
	border: 0!important; display: inline!important; line-height:1em!important; padding: 0!important; margin: 0!important;
}   

.single-thumb {
	border: 0!important; display: block!important; float: left; line-height:1em!important; padding: 0!important; margin: 10px 20px 0px 0!important;
} 
.advert {
	margin-bottom: 20px;
}


.sidebar { float:left; margin-right:45px;  width:280px;}
.posts-tiny { float:left; width: 600px;}

.posts-left { float: left; width:270px; margin-right: 50px;}
.posts-right {float: left; width:270px}

.post-index { margin-bottom: 20px; color:#ddd;/* #FF5F92;*/}
.post-index h2{ font-family: georgia, tahoma; font-size: 15px; line-height: 1.2em; margin-bottom: 5px;}

.post-image { margin-bottom: 10px;}

.entry-content a:link,
.entry-content a:visited { text-decoration: underline;}

.post-index .entry-content blockquote { background: #3B2712; padding: 10px; line-height: 1.5em; font-size: 1.1em; margin:10px 0 }

.entry-content p {margin: 25px 0;}
.entry-content blockquote p {margin: 0;}   

.portfolio-index .post-thumnail { margin:10px 0; display:block}

.portfolio-index .post{border-bottom:1px solid #23170B; padding: 10px 0;}

/* Wide posts with thumbnail */
.entry-title h2 {  margin-bottom: 10px; font-size: 20px;}
.entry-title h2 a:hover, 
.entry-title h2 a:active {text-decoration:none }

.entry-tags { margin-top:5px;color: #764E24; height:30px}
.entry-tags div {}
.entry-tags a:link,
.entry-tags a:visited {font-size: 9px; background: #3b2712; padding: 2px 4px; color: #764e24;}
.entry-tags a:hover,
.entry-tags a:active { text-decoration: none;}

.entry-foot { font-size: 11px; padding: 20px 0 0;}

.themesmith-photos img { border:0!important; margin:0px!important; padding:8px!important; background: rgba(255,255,255,0.3)!important;;}
.themesmith-photos a:hover img {  background: rgba(255,255,255,0.8)!important;}  


h3.archive-page-title { font-family: rockwell,georgia,tahoma,arial; font-size:24px; color: #FFA84C; margin-bottom: 10px;font-weight: 700; padding-left: 20px;}
h3.archive-page-title span { font-weight: 100;}

h3.sub-heading { border-bottom: 1px solid #5E3E1C; font-size: 12px; margin: 10px 0 20px; text-align: right; line-height: 2em;}

a:link { color: #fff;  text-decoration: none;}
a:visited  { color: #fff; text-decoration: none;}
a:hover,
a:active { color: #eee; text-decoration: underline;}



a.read-more:link,
a.read-more:visited  { color: #aaa; text-decoration: none!important; font-size: 9px;}
a.read-more:hover,
a.read-more:active { color: #eee; text-decoration: underline;}

.insert.projects { background: #e6e6e6 url(images/projects-tile.png) left top repeat-y; margin:20px 0}
.insert.projects .heading { padding:15px 0 0 30px}

.navigation { font-size: 19px; letter-spacing: -1px;  font-family: georgia,tahoma; border-top:1px solid #5E3E1C}
.navigation span{ font-size: 24px; }
.navigation a:link,
.navigation a:visited{ color:#FFA84C; text-decoration: none ;}

.navigation .nav-previous { float:left;}
.navigation .nav-next { float:right;}

#content.single .sidebar{ margin-top: 280px }
#content.single .entry-date { position:relative; margin:0 0 60px }
#content.single .entry-date span{ 
color:#FFA84C;
display:block;
font-family:georgia,tahoma,arial;
font-size:60px;
height:0;
left:-150px;
letter-spacing:-12px;
margin:0;
opacity:0.15;
position:absolute;
top:-85px;
width:400px;
z-index:10;
}

* html #content.single .entry-date { display: none;}   
* html .post-index h2 { margin-bottom:60px}   
*+html #content.single .entry-date {display: none;}
*+html .post-index h2 {margin-bottom:60px}

#content.single .entry-date span b{ font-weight: 100;  color:#fff; opacity:0.5; margin-right:0px; font-size:120px; text-indent: -8px ; letter-spacing: -20px; padding:0 -5px; overflow: visible;} 
#content.single .posts-single .post-index{ width: 480px; font-size: 16px; color:#FFA84C!important; font-family: georgia,tahoma;}

.single .posts-single .post-index img { max-width: 450px; border-left:#FFA84C 10px solid; padding-left:15px; display: block; margin: 30px 0 }
.single .posts-single .post-index h3 { margin: 30px 0 20px; font-size: 19px; line-height: 1.0em; font-weight: 100; letter-spacing: 1px; }
.single .posts-single .post-index blockquote {  bordeR:1px #FFA84C dashed; background: #23170B; padding: 20px; font-family: tahoma,arial; }
.single .posts-single .post-index ul { margin:10px 0; padding: 10px 40px; }
.single .posts-single .post-index ul ul{ margin:0 0 5px 0; padding: 0 10px 0 0 ; }
.single .posts-single .post-index ul li{ padding: 6px 0 6px 12px; list-style: disc; }
.single .posts-single .post-index ul li li{  }
.single .posts-tiny { width: 515px;}

.single .posts-single .post-index img.alignright { float:right; margin:0 0 20px 15px;border-left:0; border-right:#FFA84C 10px solid; padding-right:15px; display: block;  }    

#content.single.page .posts-single .post-index{ width: auto;}
.single.page .posts-tiny { width: 600px; border:0}
.single.page .entry-title h2 {  font-size: 28px; font-weight:100; margin-bottom: 20px;}


.single .posts-tiny { width: 495px; border-right:1px solid #3B2712; margin-right: 15px;}

/* Theme Download link */
.theme-download { padding: 15px 0 15px 80px; background:#3B2712 url(images/dl.png) 20px 50% no-repeat; font-size:19px; font-weight: 100; margin-bottom: 20px; border:#5E3E1C solid; border-width: 1px 0; }

.cat-portfolio .post-image { margin: 20px 0;}
.cat-portfolio .post-image a { display: block; border:#3B2712 solid; border-width: 10px 0;}  
.cat-portfolio .post-image a:hover { border:#FFA84C solid; border-width: 10px 0;}  
                                                                                                         

.projects-content { margin-left: 120px; color: #666;}
.projects-content a:link,
.projects-content a:visited { color:#444}

.woo-left { width: 400px; margin: 0 20px 0 10px; padding-right: 20px; float:left; border-right:1px dashed #ccc }
.woo-right { float:left;overflow: hidden; padding: 20px 20px;}
.woo-right-nav { background: #ddd url(images/crop-tile2.png) center center no-repeat; width: 80px;    height:432px; float:left;margin: 20px 0 0 0;}
.woo-right-nav-2 { background: #ddd url(images/crop-tile.png) center center no-repeat;}
.feed .feed-title { font-family: georgia, tahoma; font-size: 17px; margin-bottom: 10px;}
.feed .feed-desc {  padding-bottom: 10px;}
.feed li { border-bottom:1px solid #ccc;margin-bottom: 10px;}


.woo-right .clear { height:10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}

.themes { display: block; }
.themes li{ float:left; width: 520px; margin-right: 20px; height: 250px;}
.themes li li{ float:none; width: auto; margin-right: 0px; height: auto;}   
.themes li img{-moz-box-shadow: 0 0px 5px 5px rgba(0,0,0,0.1)}
.themes li .image{float: left}
.themes li .theme-info {margin-left: 315px; }
.themes li .theme-info h2.title { font-size: 16px; margin-bottom: 5px;  font-family: georgia, tahoma;}
.themes li .theme-info h2.title a:link,
.themes li .theme-info h2.title a:visited { color: #444; text-decoration: none; font-style: normal;}
.themes li .theme-info ul {padding: 0px; color: #333; float:left; border-top:#eee 1px solid; padding-top: 10px; }

.themes li .theme-info .entry { padding: 0 0; display: none;}

.themes li .theme-info ul li { list-style: disc; list-style-position:inside; padding: 0 0 3px;}
.themes li .theme-info ul li a:link,
.themes li .theme-info ul li a:visited { font-size: 11px!important; text-decoration: none;}
.themes li .theme-info ul li a:hover,
.themes li .theme-info ul li a:active { text-decoration: underline ;}

.sitemap {padding: 20px 50px;}
.sitemap h1,.sitemap ul  { float: left; width: 200px; }
.sitemap h1  {  font-size: 24px; text-transform: none; }

.sitemap h1 {  display: block; font-size: 40px; font-family:georgia, tahoma, verdana; letter-spacing: -1px;}
.sitemap h1 span{   font-size: 10px; display: block;font-family:tahoma, georgia,  verdana; color:#FFA84C ; letter-spacing: 0px; margin-top: -10px; margin-left: 2px;}
.sitemap ul { margin: 5px 0px; border-left: 1px solid #5E3E1C; padding-left: 20px; margin-top: 10px; }
.sitemap ul ul{margin: 0; padding: 0; border:0; }
.sitemap ul ul li{ margin: 5px 0px; }
.sitemap ul h3 { margin: 0px 0px 10px; font-size: 16px; }

#comments { color: #eee; float:left; max-width:350px; min-width:250px; font-size:11px}
#comments ol { padding: 10px 0;;}
#comments ol li { margin-bottom:10px; font-size: 13px; }
#comments ol li.depth-2 { margin-left:50px; font-size: 11px;}
#comments ol li.depth-2 .comment-entry { width:250px;margin:10px 0; font-size:10px}
#comments ol li.depth-2 .comment-entry .reply { display:none; }

#comments .cancel-comment-reply { font-size:10px; margin-bottom:10px } 
#comments .cancel-comment-reply a { color:#FFA84C; } 
#comments .reply { font-size:9px; float:left; color:#5E3E1C; display:block; margin-bottom:5px; padding:0 0 2px 10px; border-bottom:1px solid #3B2712;  border-left:1px solid #3B2712;} 
#comments .reply a {color:#FFA84C }

#comments .comment-head {float:left; width:50px; margin-top:0px}
#comments .comment-head .avatar img { display:inline; border:4px solid #3B2712; margin-top:2px}
#comments .comment-entry { float:left; width:300px}
#comments .comment-entry p { margin-bottom:10px;line-height: 1.2em!important;}
#comments .comment-entry p img { line-height:1em}
#comments #commentform input{ border:1px solid #3B2712; background:transparent none; padding:4px; font-size:10px; color:#FFFFFF}
#comments #commentform textarea{ border:1px solid #3B2712; background:transparent none; padding:4px; font-size:11px; color:#FFFFFF; font-family:tahoma,arial; letter-spacing:1px; height:60px}
#comments #commentform p { margin-bottom:5px}

.respons-heading{ font-family:Georgia, Tahoma; font-size:32px; letter-spacing:1px; font-weight:100; color:#FFA84C}
#respond form{ }
#respond .title { font-size:42px; line-height:1.5em; font-family:georgia,tahomba}

.innerbar .widget  { margin-bottom: 40px; margin-left:10px}
.innerbar h3{ margin-bottom: 10px; font-size: 19px; font-weight: 100; margin-left: -10px;}
.innerbar p{ margin-bottom: 10px}

.twitter-badge { display: block; background: url(images/sprites.png) 0px -520px no-repeat; text-indent: -9999px; height: 180px; width: 277px; margin-bottom: 40px;}
.twitter-badge:hover { background-position: -374px -520px }

.linkedin-badge { display: block; background: url(images/sprites.png) 0px -758px no-repeat; text-indent: -9999px; height: 128px; width: 277px; margin-bottom: 40px;}
.linkedin-badge:hover { background-position: -363px -758px }

.cl:after,.comment:after { display:block; content:"."; clear:both; visibility:hidden; height:0}
* html .cl { zoom:1;}
*+html .cl {display:inline-block}
* html .comment { zoom:1;}
*+html .comment {display:inline-block}


.advert_footer { margin-left: 35px;}
.advert_heading { font-size: 16px; line-height: 0.8em; color:#764E24;text-transform: uppercase;}
.advert-content { margin-bottom: 40px;}


.home-projects { margin-bottom:50px}


#respond { }
.cform fieldset { border:0}


#cformsform { border: 0; text-align: left!important;}
#cformsform.cform { width: auto!important; }
#cformsform.cform label { text-align: left!important; }
#cformsform.cform input,#cformsform.cform textarea,#cformsform.cform input.sendbutton    { text-align: left!important; border:1px solid #3B2712!important; background:transparent none; padding:4px; font-size:10px; color:#FFFFFF }
#cformsform.cform input.sendbutton { margin:8px 0 0 130px!important; text-align: center!important; text-transform: uppercase;}
.cform .reqtxt, .cform .emailreqtxt { font-size: 10px;}

div.failure { width: auto!important;}
.secq { font-size: 10px;}
/*
<fieldset class="cf-fs1">
<legend>My Fieldset</legend>
<ol class="cf-ol">
<li id="li--2">
<label for="cf_field_2">
<span>Your Name</span>

*/

.heading { margin-bottom: 20px; font-size: 24px; color:white;font-family: georgia,tahoma; text-transform: ;margin-left: -40px; margin-bottom: 20px; padding: 15px 0 15px 20px;}
.heading a:link,.heading a:visited { color:#fff!important}
.heading a:active,.heading a:hover { color:#fff!important}

.heading.intro { background: url(images/sprites.png) -69px -24px no-repeat; }
.heading.welcome { height: 50px; padding-top: 25px; margin-left: -30px; margin-bottom: 0;}
.heading.heading-portfolio { background: url(images/portfolio.png) 0 0 no-repeat; text-indent: -9999px; width: 734px; height:128px;margin-left: -110px; margin-bottom: 30px;}


#wii { padding: 30px 35px; }

#delicious .heading { margin-left: 10px; background: url(images/delicious.png) no-repeat center left; padding-left: 40px}
#wii .heading { margin-left: 10px; background: url(images/games.png) no-repeat center left; padding-left: 40px}

/* Foxinni delicious on home */
#delicious { padding: 30px 35px; }
#delicious  .delPost  { padding: 5px 0 5px 20px; border-bottom:1px solid #3F2C17; font-size: 15px; list-style: disc; list-style-position: inside; display: list-item;color: #F3BC53;}
#delicious  .delPost:odd  { margin:0 0 10px 0}
#delicious  .delPost:hover      {}
#delicious    .delLink          {}
#delicious    .delTagSep        {}
#delicious    .delTag           {background: #60492e; display: inline-block; padding: 2px 5px; line-height: 1em; display: none; }
#delicious    .delTag:link,   
#delicious    .delTag:visited   {color: #d5cfc8; font-size:10px;}

#delicious  a:link,
#delicious  a:visited           { color: #f3bc53;}

#deliciuous  a:hover,
#deliciuous  a:acitve            { color: #cabe7d;}

.wii_games                       { margin-bottom: 20px; }
.wii_games a                      { display: block;background: #5E3E1C ; padding: 5px; margin: 10px;}
.wii_games a:hover                      { background: #777; }
.wii_games img                   { border:2px solid #2F1F0E}

.wii_game                        { display: block; float:left;}

/* Twitter */
.fox_twitter{ margin-bottom:20px; width: 86%;}
.tw_img {float:left; background: url(images/twitter-spark-trans.png) top left no-repeat; width: 28px; height: 40px; }
.tw_body { margin-left: 28px; background: #29e2f0; padding: 4px;}
.tw_body .tw_text { background: url(images/quote-trans.png) top left no-repeat; padding: 15px 10px 0 45px; font-size: 18px; }

.tw_body img#profile { float: right; margin-left:10px}

.tw_body .tw_text a:link, 
.tw_body .tw_text a:visited { color: #eee; }