/*  
Theme Name: Todd Hamilton
Theme URI: http://www.toddham.com
Description: Theme for my portfolio site.
Version: 1.0
Author: Todd Hamilton
Author URI: http://www.toddham.com/

*/

body{margin: 0;font-family: Georgia, Helvetica, Arial, Sans-serif;background:#d3cbbd url('images/bg.jpg');font-size: 12px;text-align: left;vertical-align:top;color: #000000;}

a:link, a:visited{text-decoration:none;color:#1654a1;}
a:hover{color:#eb5937;}
.left{float:left;}
.right{float:right;}
.hidden{display:none;}
.push{clear:both;}
.helper{font-size:10px;color:#666;font-weight:normal;font-style:italic;}

#paint{margin:0 auto 0 auto;width:974px;background:transparent url('images/paint.png') center top no-repeat;overflow:hidden;}
#wrapper{margin:0 auto 0 auto;width:904px;text-align:left;}
#container{float:left;width:904px;}

#admin{position:absolute;right:0;bottom:0;list-style:none;display:none;}
#admin li{list-style:none;}
#admin li a{display:block;font-size:11px;text-transform:uppercase;padding:10px;border:1px solid #000;background:#222;color:#ccc;text-decoration:none;}
#admin li a:hover{background:#333;}

#header{float:left;width:904px;padding:0;}
#header h1{float:left;margin:35px 0 20px 10px;}
#logo{float:left;display:block;width:320px;height:48px;background:url('images/sprites.png') left -48px no-repeat;}
a#logo:hover{background-position:left top;}

#nav{list-style:none;margin:45px 0 0 0;padding:0;float:right;}
#nav li{list-style:none;display:block;float:left;}
#nav li a{display:block;background-color:transparent;background-image:url('images/nav.png');text-indent:-9999px;height:31px;}
#nav a#home{width:77px;background-position:left center;}
#nav a#about{width:77px;background-position:-77px center;}
#nav a#portfolio{width:108px;background-position:-154px center;}
#nav a#blog{width:73px;background-position:-262px center;}
#nav a#contact{width:97px;background-position:-335px center;}
#nav a#home:hover{background-position:left bottom;}
#nav a#about:hover{background-position:-77px bottom;}
#nav a#portfolio:hover{background-position:-154px bottom;}
#nav a#blog:hover{background-position:-262px bottom;}
#nav li a#contact:hover{background-position:-335px bottom;}
#nav li.active a#home{background-position:left top;}
#nav li.active a#about{background-position:-77px top;}
#nav li.active a#portfolio{background-position:-154px top;}
#nav li.active a#blog{background-position:-262px top;}
#nav li.active a#contact{background-position:-335px top;}

#featured{width:904px;height:392px;background:url('images/body.png') left top no-repeat;position:relative;}
#ribbon{height:145px;width:145px;position:absolute;right:-6px;top:-7px;background:url('images/ribbon.png') right top no-repeat;z-index:100;}

#slider{position:relative;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{width:904px;height:392px;overflow:hidden;}	
#prevBtn, #nextBtn{display:block;width:34px;height:34px;position:absolute;left:-17px;top:178px;text-indent:-9999px;}	
#nextBtn{left:887px;}														
#prevBtn a, #nextBtn a{display:block;width:34px;height:34px;background-image:url('images/sprites.png');background-repeat:no-repeat;}
#prevBtn a{background-position:left -96px;}		
#nextBtn a{background-position:-34px -96px;}		
#prevBtn a:hover{background-position:-68px -96px;}
#nextBtn a:hover{background-position:-102px -96px;}
#prevBtn a:active{background-position:-136px -96px;}
#nextBtn a:active{background-position:-168px -96px;}
#controls{position:absolute;top:364px;right:15px;}
#controls li{list-style:none;float:left;display:block;}
#controls li a{display:block;height:15px;width:15px;margin-left:5px;background:url('images/sprites.png') -112px -162px no-repeat;text-indent:-9999px;}
#controls li.current a{background:url('images/sprites.png') -127px -162px no-repeat;}

.featured_info{width:270px;float:left;margin-top:45px;}
.featured_info h1{font-weight:bold;color:#1c1919;font-size:2em;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;}
.featured_info p{margin:0;padding:15px 0 0 0;color:#1c1919;font-size:1em;line-height:17px;}
.featured_info p.type{font-style:italic;color:#646f7c;margin:0;padding:10px 0 0 0;}	

.featured_thumbs a{border:1px solid #d3cbbd;display:block;width:40px;height:40px;float:left;margin-right:5px;background:url('images/featured_thumbs.png') no-repeat}
.featured_thumbs a:hover{border:1px solid #999;-moz-border-radius:6px;-webkit-border-radius:6px;}
.featured_thumbs a.active{border:1px solid #999;-moz-border-radius:6px;-webkit-border-radius:6px;}

#more{margin:0 auto;text-align:center;}
#more div{display:block;width:755px;height:353px;margin:30px auto 0 auto;background:url('images/coverflow.png') left top no-repeat;padding-top:140px;}
#more a{width:273px;height:35px;display:block;background:url('images/sprites.png') left -178px no-repeat;opacity:0.85;margin:0 auto;}
#more a:hover{opacity:1;}

#joypad_one{background-position:left bottom;}
#joypad_two{background-position:center bottom;}
#joypad_three{background-position:right bottom;}
#ctq_one{background-position:left top;}
#ctq_two{background-position:center top;}
#ctq_three{background-position:right top;}
#stg_one{background-position:left center;}
#stg_two{background-position:center center;}
#stg_three{background-position:right center;}

.screenshots{float:left;margin:20px 20px 0 35px;}
.screenshots div{height:365px;width:500px;}
.show_ctq_one{background:url('images/ctq_1.png') left top no-repeat;}
.show_ctq_two{background:url('images/ctq_2.png') left top no-repeat;}
.show_ctq_three{background:url('images/ctq_3.png') left top no-repeat;}
.show_stg_one{background:url('images/stg_1.png') left top no-repeat;}
.show_stg_two{background:url('images/stg_2.png') left top no-repeat;}
.show_stg_three{background:url('images/stg_3.png') left top no-repeat;}
.show_joypad_one{background:url('images/joypad_1.png') left top no-repeat;}
.show_joypad_two{background:url('images/joypad_2.png') left top no-repeat;}
.show_joypad_three{background:url('images/joypad_3.png') left top no-repeat;}

#home_btm{width:904px;height:291px;background:url('images/body.png') left -392px no-repeat;}
#home_btm div{width:255px;float:left;padding:0 23px;}

#home_btm h2{margin:20px 0 0 0;color:#1c1919;font-weight:bold;font-size:1.7em;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;}
.sub{margin:5px 0 20px 0;color:#403d3c;font-style:italic;}
#home_btm ul li{color:#1c1919;font-size:1.2em;font-weight:bold;margin-bottom:10px;padding-bottom:5px;border-bottom:1px dotted #bbb;}
#home_btm ul li p{color:#666;display:block;font-size:11px;font-weight:normal;margin:3px 0 5px 0;}
#home_btm ul li.last{border-bottom:none;}

#home_btm .blog h2{margin:20px 0 0 0;font-weight:bold;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;}
#home_btm .blog h2 a{color:#1c1919;text-decoration:none;}
#home_btm .blog p.meta{font-style:italic;margin:5px 0 20px 0;color:#403d3c;}
#home_btm .blog p.excerpt{line-height:16px;color:#1c1919;font-size:12px;}
.moretext{display:block;width:154px;height:25px;text-indent:-9999px;background:url('images/sprites.png') -118px -707px no-repeat;margin:30px 0 0 0;}
.moretext:hover{background-position:-118px -732px;}

.icon{display:block;width:24px;height:24px;background-image:url('images/sprites.png');float:left;margin-right:15px;}
.icon_1{background-position:-204px -96px;}
.icon_2{background-position:-228px -96px;}
.icon_3{background-position:-252px -96px;}
.icon_4{background-position:-276px -96px;}
.icon_5{background-position:-298px -96px;}

#content{width:904px;float:left;}
.content_top{width:904px;height:12px;background:url('images/body.png') left -683px no-repeat;}
.content_middle{width:904px;background:url('images/content_middle.png') left top repeat-y;}
.content_bottom{width:904px;height:13px;background:url('images/body.png') left -695px no-repeat;}

.top_no_sidebar{background:url('images/body.png') left -708px no-repeat;}
.middle_no_sidebar{background:url('images/middle_no_sidebar.png') left top repeat-y;}
.bottom_no_sidebar{background:url('images/body.png') left bottom no-repeat;}

#posts{float:left;width:520px;padding:15px 47px 0 35px;}

.post{margin:0 0 30px 0;padding:0 0 0 0;border-bottom:4px double #ccc;}
.post h2{font-size:2.5em;margin:0;font-weight:bold;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;}
.post h2 a{color:#1c1919;}
.post h2 a:hover{color:#eb5937;}
.entry{font-size:1.2em;color:#1c1919;line-height:1.5em;}
.entry p{padding-bottom:15px;}
.entry a{border-bottom:1px dotted #1654a1;}
.entry a:hover{border-bottom:1px dotted #eb5937;} 
.entry .pic{margin:0;}
.entry .pic a{border:none;}
.entry .pic a img{padding:5px;border:1px solid #ddd;background:#fff;}
.entry .pic img{padding:5px;border:1px solid #ddd;background:#fff;}
.entry .pic a:hover img{background:#F0F0F0;border:1px solid #CECFD0;}
.entry .pic span{display:block;width:510px;height:19px;background:url('images/shadow.png') left top no-repeat;}

.excerpt a.thumb{float:left;overflow:hidden;margin-right:20px;text-decoration:none;border:none;}
.excerpt a.thumb img{border:1px solid #ddd;padding:3px;background:#fff;text-decoration:none;}
.excerpt p{overflow:hidden;}

.continue, a.more-link{display:block;width:154px;height:25px;text-indent:-9999px;background:url('images/sprites.png') -118px -707px no-repeat;margin:20px 0 0 0;border-bottom:none;}
.continue:hover, a.more-link:hover{background-position:-118px -732px;border-bottom:none;}

p.postmetadata{margin:5px 0 20px 0;color:#777;font-style:italic;}
.navigation{padding:10px 0 0 0;margin:10px 0;font-size: 14px;font-weight: bold;line-height: 18px;}
.post_footer{padding:10px;background:#eee;border:1px solid #ddd;margin:10px 0 20px 0;font-style:italic;-moz-border-radius:3px;-webkit-border-radius:3px;}

.single_page{float:left;padding:15px 47px 0 35px;width:520px;}
.full_width{float:left;padding:15px 35px 0 35px;width:836px;}
#about_page h1{font-size:2.4em;margin:0 0 15px 0;font-weight:bold;color:#1c1919;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;}
#about_page p{font-size:1.25em;color:#1c1919;padding-bottom:25px;line-height:1.5em;}
#about_page a{border-bottom:1px dotted #1654a1;} 
#about_page a:hover{border-bottom:1px dotted #eb5937;} 
#about_pic{width:500px;height:220px;padding:5px;border:1px solid #ddd;background:#fff;margin-bottom:30px;}
#about_pic span{display:block;margin-top:6px;width:510px;height:19px;background:url('images/shadow.png') -5px top no-repeat;}
#about_page .about_links{overflow:hidden;margin-top:10px;}
#about_page .about_links a{float:left;padding-left:55px;border:none;text-decoration:none;line-height:35px;height:48px;font-weight:bold;color:#111;font-size:1.25em;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;}
#about_page .about_links a:hover{color:#1654a1;border:none;}
a.email span, a.resume span{display:block;font-weight:normal;color:#999;font-size:12px;text-decoration:none;line-height:0;font-style:italic;font-family:Georgia,Helvetica,Arial,sans-serif;}
a.email{background:transparent url('images/sprites.png') -276px -707px no-repeat;margin-right:60px;}
a.resume{background:transparent url('images/sprites.png') -276px -755px no-repeat;}

#contact_page h1{font-size:2.4em;margin:0 0 15px 0;font-weight:bold;color:#1c1919;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;}
#contact_page p{font-size:1.25em;color:#1c1919;padding-bottom:25px;line-height:1.5em;}
#contact_page .wpcf7{background:#d3cbbd;padding:0;line-height:1em;margin-bottom:20px;}
#contact_page .wpcf7 p{margin:0;padding:10px 20px;position:relative;}
#contact_page .wpcf7 div.header{background:#1c1919;color:#fff;padding:15px;margin-bottom:10px;font-size:18px;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;}
#contact_page .wpcf7 div.header span{font-size:11px;color:#d3cbbd;font-style:italic;float:right;}

p.field input, p.field textarea{background:#e4dfd7;border:3px solid #a59e92;width:400px;color:#403d3c;padding:8px 10px 7px 5px;font-size:12px;font-family:Georgia, Helvetica, Arial, Sans-serif;-moz-border-radius:3px;-webkit-border-radius:3px;}
p.field input.focused, p.field textarea.focused{background:#fff;color:#1c1919;}
p.field textarea{padding:8px 10px 5px 5px;font-family:Georgia, Helvetica, Arial, Sans-serif;font-size:12px;}
#contact_page .wpcf7-response-output{background:#1c1919;color:#fff;padding:15px;font-size:14px;font-style:italic;}
.submit input{display:block;margin:0 10px 0 0;background-color:#403d3c;border:none;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;font-size:100%;line-height:130%;text-decoration:none;color:#d3cbbd;cursor:pointer;padding:5px 10px 6px 7px; /* Links */-moz-border-radius:5px;-webkit-border-radius:5px;}
.submit input:hover{background-color:#a59e92;color:#403d3c;}
.buttons a:active{background-color:#fff;color:#403d3c;}

#sidebar{float:left;width:302px;margin:0;display:inline;position:relative;}
#twitter, #elsewhere, #flickr, #categories, #archives{width:302px;position:relative;}
#sidebar h1, #sidebar h2{height:43px;width:319px;text-indent:-9999px;margin-left:-11px;background-image:url('images/sprites.png');background-repeat:no-repeat;}

#search{margin:0 0 0 -11px;}
.search_box{background:transparent url('images/sprites.png') left -213px no-repeat;height:64px;width:319px;}
.s_wrapper{display:block;float:left;padding:22px 0 0 25px;}
.search_box #s{color:#403d3c;background:none;border:none;float:left;font-size:13px;margin:0;width:243px;font-family:Georgia, Helvetica, Arial, Sans-serif;}
.search_box #searchsubmit{float:right;width:49px;height:64px;}

#info{}
#info h3{color:#1c1919;font-weight:bold;font-size:16px;padding:10px 0 0 20px;}
#info p{font-size:12px;line-height:20px;color:#403d3c;padding:3px 0 15px 20px;}

#socialize p{padding:5px 15px;overflow:hidden;}
#socialize a{display:block;margin-bottom:5px;font-style:italic;padding:5px;color:#646f7c;text-shadow:0px 1px 0px #fff;line-height:16px;background:#ddd;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;}
#socialize a:hover{color:#666;text-shadow:0px 1px 0px #fff;background:#fff;border:1px solid #ccc;}
#socialize span{display:block;width:16px;height:16px;float:left;margin-right:13px;background-image:url('images/sprites.png');}
#socialize .twitter span{background-position:left -162px;}
#socialize .facebook span{background-position:-16px -162px;}
#socialize .flickr span{background-position:-32px -162px;}
#socialize .lastfm span{background-position:-48px -162px;}
#socialize .linkedin span{background-position:-64px -162px;}
#socialize .vimeo span{background-position:-80px -162px;}

#elsewhere p{padding:5px 15px;overflow:hidden;}
#elsewhere a{display:block;margin-bottom:5px;padding:5px;color:#646f7c;text-shadow:0px 1px 0px #fff;font-style:italic;line-height:32px;background:#ddd;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;}
#elsewhere a:hover{color:#666;text-shadow:0px 1px 0px #fff;background:#fff;border:1px solid #ccc;}
#elsewhere span{display:block;width:32px;height:32px;float:left;margin-right:13px;background-image:url('images/sprites.png');}
#elsewhere .mail span{background-position:-224px -130px;}
#elsewhere .twitter span{background-position:left -130px;}
#elsewhere .facebook span{background-position:-32px -130px;}
#elsewhere .flickr span{background-position:-64px -130px;}
#elsewhere .lastfm span{background-position:-96px -130px;}

#rss a{display:block;height:43px;width:319px;text-indent:-9999px;margin-left:-11px;background:url('images/sprites.png') left -406px;}
#tweets h1{background-position:left -449px;}
#info h1{background-position:left -664px;}
#flickr h1{background-position:left -492px;}
#socialize h1{background-position:left -535px;}
#elsewhere h1{background-position:left -621px;}
.widget_tag_cloud h2{background-position:left -86px;}
.widget_categories h2{background-position:left -578px;}
.widget_recent_entries h2{background-position:left -277px;}
.widget_archive h2{background-position:left -320px;}
.widget_links h2{background-position:left -363px;}

#sidebar ul li ul{padding:0 20px 10px 15px;font-size:1.1em;}
#sidebar ul li ul li{display:block;border-bottom:1px dotted #ccc;padding:8px 0;color:#666;font-size:10px;}
#sidebar ul li ul li a{background:transparent url('images/sprites.png') -288px -127px no-repeat;padding-left:15px;font-size:12px;}
#sidebar ul li ul li a:hover{padding-left:17px;}
#sidebar ul li select{margin:0 20px 10px 15px;}

#flickr div{padding:5px 0 5px 15px;overflow:hidden;}
#flickr a{float:left;display:block;background:#fff;border:1px solid #ccc;padding:3px;margin:3px;}
#flickr a:hover{background:#d3cbbd;}

.tweet{padding:5px 0 0 20px;font-style:italic;}
.tweet_loading{text-align:center;margin:10px 20px 20px 0;}
.tweet a{text-decoration:none;}
ul.tweet_list li{margin-bottom:10px;}
.tweet_avatar{background:#fff;border:1px solid #ccc;padding:3px;display:block;float:left;margin-right:5px;}
ul.tweet_list li p{overflow:hidden;padding:5px 5px 0 15px;width:203px;font-size:11px;line-height:16px;color:#333;background:url('images/twitter.png') left top no-repeat;}
ul.tweet_list li span.cap{display:block;height:5px;background:url('images/twitter.png') 37px bottom no-repeat;}

#portfolio_page{}
#portfolio_page div{margin-bottom:20px;overflow:hidden;}
#portfolio_page a.screenshot{float:left;margin-right:20px;}
#portfolio_page a.screenshot img{padding:5px;border:1px solid #ddd;background:#fff;}
#portfolio_page a.screenshot span.shadow{display:block;width:510px;height:19px;background:url('images/shadow.png') left top no-repeat;}
#portfolio_page a.screenshot:hover img{background:#F0F0F0;border:1px solid #CECFD0;}
#portfolio_page h3{font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;color:#1c1919;font-size: 1.8em;font-weight:bold;}
#portfolio_page p{font-size:1em;line-height:1.45em;color:#1c1919;}
#portfolio_page p.type{margin-bottom:20px;color:#777;}
#portfolio_page a.view{display:block;margin:15px 5px 0 0;float:left;width:118px;height:25px;background:url('images/sprites.png') left -757px no-repeat;}
#portfolio_page a.view:hover{background-position:left -782px;}
#portfolio_page a.visit{display:block;margin-top:15px;float:left;width:118px;height:25px;background:url('images/sprites.png') left -707px no-repeat;}
#portfolio_page a.visit:hover{background-position:left -732px;}

.avatar_box{float:left;margin:5px 20px 0 0;width:64px;text-align:center;}
.avatar{border:1px solid #ccc;}
.avatar_box span{display:block;font-weight:bold;margin-top:10;}
.comment{float:left;width:390px;}
.comment p{padding-bottom:10px;}
.comments-template{margin:0 0 20px 0;padding:0;}
.comments-template ol{margin: 0;padding: 0 0 20px 0;list-style: none;}
.comments-template ol li{margin-bottom:2px;line-height:18px;padding:10px 20px;border:1px solid #ddd;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;}
.comments-template ol li.alt{background:#f5f5f5;}
.comments-template h2, .comments-template h3{font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;font-size: 1.7em;margin-bottom:20px;color:#1c1919;}
.commentmetadata{font-style:italic;padding:0 0 10px 0;}
.comments-template p.nocomments{padding: 0;}

.comment_form{background:#d3cbbd;padding:0 0 10px 0;line-height:1em;margin-bottom:20px;}
.comment_form p{margin:0;padding:10px 20px;;position:relative;}
.comment_form div.header{background:#1c1919;color:#fff;padding:15px;margin-bottom:10px;font-size:18px;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Tahoma,Georgia,Helvetica,Arial,sans-serif;}
.comment_form div.header span{font-size:11px;color:#d3cbbd;font-style:italic;float:right;}
.comment_form p.field input, .comment_form p.field textarea{background:#e4dfd7;border:3px solid #a59e92;width:400px;color:#403d3c;padding:8px 10px 7px 5px;font-size:12px;font-family:Georgia,Helvetica,Arial,sans-serif;-moz-border-radius:5px;-webkit-border-radius:5px;}
.comment_form p.field input.focused, .comment_form p.field textarea.focused{background:#fff;color:#1c1919;}
.comment_form p.field textarea{padding:8px 10px 5px 5px;font-family:Georgia, Helvetica, Arial, Sans-serif;font-size:12px;}
.comment_form .submit input{display:block;margin:0 10px 0 0;background-color:#403d3c;border:none;font-family:"Rockwell",'Gill Sans','Gill Sans MT',Georgia,Helvetica,Arial,sans-serif;font-size:100%;line-height:130%;text-decoration:none;color:#d3cbbd;cursor:pointer;padding:5px 10px 6px 7px; /* Links */-moz-border-radius:3px;-webkit-border-radius:3px;}
.comment_form .submit input:hover{background-color:#a59e92;color:#403d3c;}
.comment_form .buttons a:active{background-color:#fff;color:#403d3c;}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #paint {height: 100%;}
body > #paint {height: auto; min-height: 100%;}
#wrapper {padding-bottom: 70px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -35px; /* negative value of footer height */
	height: 35px;
	clear:both;
	overflow:hidden;color:#d3cbbd;background:#403d3c;border-top:1px solid #1c1919;text-align:center;font-style:italic;
	} 
#footer div{border-top:1px solid #645f5e;padding:10px 20px;text-shadow: 0px 2px 0px #000;}
#footer p{font-size:.9em;}
#footer p.middle{margin:0 auto;display:inline;padding-right:110px;}
#footer a{color:#d3cbbd;text-decoration:none;}
#footer a:hover{color:#fff;}
#footer img{vertical-align:bottom;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */