/*
Theme Name: Hotio - ION LEAP MOD
Description: Hotio theme modded for ION LEAP - with pages
Theme URI: http://hotio.turkhitbox.com
Version: 1.*NYC
Author: Ant Eksiler
Author URI: http://www.turkhitbox.com
*/

* 					{ margin: 0px; padding: 0px;}
body, html 			{ height:100%}
body 				{ background: #1b1915 url(images/background.jpg) top left repeat-x; font:9pt "Trebuchet MS", Arial, Helvetica, sans-serif; height: 100%;}
.clearfix 			{ width: 100%; height: 0px; clear: both; display: block;}
.hidden 			{ display: none;}
#pagewrapper 		{ margin: 0 auto; width: 990px; height: auto !important;}

/* Title */
.title 				{ width: 350px; height: 116px; background: url(images/title-bg.gif) bottom left no-repeat;}

/* Links */
a 					{ text-decoration: none; color:#ff6; border-bottom: 1px dotted #63614f; outline: none;}
a:hover 			{ text-decoration: none; color:#fff; }

/* Navbar */
.navbar 			{ height: 36px; background:url(images/navbar-center.gif) top left repeat-x;}
.navbar div 		{ height: 36px;background:url(images/navbar-left.gif) top left no-repeat;}
.navbar div div		{ height: 36px;background:url(images/navbar-right.gif) top right no-repeat;}
.navbar ul 			{ float:left; height: 30px; margin: 0px 0px 0px 20px;}
.navbar li 			{ float:left; display:block; height: 26px; padding: 8px 0px 0px 0px; width: 100px; list-style:none; text-align:center;}
.navbar li:hover	{ background:url(images/navbar-item-bg.gif) top center no-repeat;}
.icons 				{ float: right; padding: 0px 10px 0px 0px;}
.icons img 			{ float: right; margin: 7px 5px 0px 0px; border:none;}
.navbar li a 		{ display:block; height: 27px; font-size:12px; color:#fff7e8;; text-transform:uppercase; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; border: none; }
.navbar li a:hover, ul#nav li.selected a {color:#fdf7c7;}


#left 				{ float: left; width: 650px; padding-bottom: 30px; height: 100%;}
#right 				{ float: left; width: 340px; padding-bottom: 30px; height: 100%;}

/* Sidebar */
#right h2 			{ float: left; color:#000; font-size: 16px;}
#right 				{ color:#cc9;}
#right .widget 		{ background:url(images/sidebar-item-bg.gif) no-repeat; width: 299px; padding-left: 15px; padding-top: 7px; float: left; font-weight: normal;}
#right .postcomment { background:url(images/post-comment-bg.gif) no-repeat; width: 299px; height: 28px; padding-left: 15px; padding-top: 7px; float: left;}
#right .widget_search { background:url(images/search-bg.gif) no-repeat; width: 299px; height: 50px; padding-left: 69px; padding-top: 0px; float: left;}
#right ul 			{ margin: 0px 0px 0px 25px;}
#right ul li 		{ float: left; display:block;}


/* Widgets */
li.widget_categories h2		{ float:none; width: 290px;}
li.recentcomments h2 		{ float:none; width: 290px;}
li.widget_calendar h2 		{ float:none; width: 290px;}
li.widget_tag_cloud h2 		{ float:none; width: 290px;}
li.widget_categories ul 	{ float: left; padding: 15px 0px 5px 0px;}
li.widget_categories ul li 	{ display: inline; float:left; width:100px; height: 27px;}
li.widget_categories ul li a{ background:url(images/bullet.gif) no-repeat 0px 7px; padding: 0px 0px 0px 10px;}
li.widget_recent_comments ul {float: left; padding: 15px 0px 15px 0px;}
li.widget_recent_comments ul li {width: 255px; height: 22px; background:url(images/comment-small.gif) no-repeat 0px 7px; padding:2px 0 15px 17px;}
#calendar_wrap 				{ float: left; width: 290px; margin: 5px 0px 10px 0px;}
#wp-calendar 				{ width: 267px; font-size: 12px; margin: 0 auto; text-align:center;}
#wp-calendar caption 		{ font-size: 14px; font-weight:bold; padding: 5px 0px 10px 0px; color:#ff6;}

/* Search Widget */
li.widget_search h2 		{ padding-top: 7px;}
.widget_search fieldset 	{ float: left; width:200px; padding-left: 32px; padding-top: 8px; border:none;}
.widget_search fieldset legend { display: none;}
.widget_search fieldset input { float: left; border: none; background: none; color:#666; line-height:15px; width: 180px; padding: 2px;}

/* Post */
.thepost 					{ float: left; margin: 0px 0px 20px 0px;}
.thepostpage 					{ float: left; margin: 0px 0px 20px 0px;}
.postleft 					{ width: 107px; float: left; background: url(images/postleft-bg.gif) top right no-repeat; padding-top: 30px;}
.postleftpage 					{ width: 107px; float: left; background: url(images/postleftpage-bg.gif) top right no-repeat; padding-top: 30px;}
.postright 					{ width: 528px; float: left;}
.postrightpage				{ width: 628px; float: left;}
.post 						{ width: 528px; background:url(images/post-bg-center.gif) top left repeat-y;}
.post a 					{ text-decoration: none; color:#960; border-bottom: 1px solid #930; outline: none;}
.post a:hover 				{ text-decoration: none; border:none; }
.post div 					{ width: 528px; background:url(images/post-bg-top.jpg) top left no-repeat;}
.post div div				{ width: 528px; background:url(images/post-bg-bot.jpg) bottom left no-repeat; padding-bottom: 15px;}
.post div div div			{ background: none;}
.post ul 					{ margin:18px 0 18px 40px; font-size:90%; border-left:1px dotted #999; padding-left:10px; padding-right: 20px;}
.post ul li 				{ margin:10px 0; list-style-position:outside; list-style-type:disc;}
.post ol 					{ margin:18px 0 18px 42px; font-size:90%; padding-left:10px;}
.post ol li 				{ margin:10px 0; list-style-position:outside;}
.post blockquote 			{ font-style:italic; font-weight:normal; padding:8px; background:#e8e7df; margin: 15px 25px; border-left: 1px solid #63614f;}
.post a.more-link 			{ display:block; margin-top:15px; border-bottom:none !important; background:url(images/readmore.gif) no-repeat; clear:both;	color:#8a583d; padding-left:20px; height:16px;}
.postpage 						{ width: 628px; background:url(images/post-bg-page-center.gif) top left repeat-y;}

.postpage a 					{ text-decoration: none; color:#960; border-bottom: 1px solid #930; outline: none;}
.postpage a:hover 				{ text-decoration: none; border:none; }
.postpage div 					{ width: 628px; background:url(images/post-bg-page-top.jpg) top left no-repeat;}
.postpage div div				{ width: 628px; background:url(images/post-bg-page-bot.jpg) bottom left no-repeat; padding-bottom: 15px;}
.postpage div div div			{ background: none;}
.postpage ul 					{ margin:18px 0 18px 40px; font-size:90%; border-left:1px dotted #999; padding-left:10px; padding-right: 20px;}
.postpage ul li 				{ margin:10px 0; list-style-position:outside; list-style-type:disc;}
.postpage ol 					{ margin:18px 0 18px 42px; font-size:90%; padding-left:10px;}
.postpage ol li 				{ margin:10px 0; list-style-position:outside;}
.postpage blockquote 			{ font-style:italic; font-weight:normal; padding:8px; background:#e8e7df; margin: 15px 25px; border-left: 1px solid #63614f;}
.postpage a.more-link 			{ display:block; margin-top:15px; border-bottom:none !important; background:url(images/readmore.gif) no-repeat; clear:both;	color:#8a583d; padding-left:20px; height:16px;}
.avatar 					{ height: 91px; margin: 0px 0px 20px 0px; overflow:hidden;}
.avatar img 				{ height: 71px; margin: 10px 0px 0px 10px;}
.frame						{ background: url(images/image-frame.png); width: 91px; height: 91px; position: relative; top: -81px;}
.postright h2 				{ margin-left: 20px; padding-top: 15px; width: 500px; font-size: 24px; font-weight: normal; font-weight: bold;}
.postright h3 				{ margin-left: 20px; padding-top: 15px; width: 500px; font-size: 20px; font-weight: normal; font-weight: bold;}
.postright h4 				{ margin-left: 20px; padding-top: 15px; width: 500px; font-size: 16px; font-weight: normal; font-weight: bold;}
.postright p 				{ margin: 20px;}
.postrightpage h2 				{ margin-left: 20px; padding-top: 15px; width: 600px; font-size: 24px; font-weight: normal; font-weight: bold;}
.postrightpage h3 				{ margin-left: 20px; padding-top: 15px; width: 600px; font-size: 20px; font-weight: normal; font-weight: bold;}
.postrightpage h4 				{ margin-left: 20px; padding-top: 15px; width: 600px; font-size: 16px; font-weight: normal; font-weight: bold;}
.postrightpage p 				{ margin: 20px;}
.postleft .postinfo			{ color: #cbd6a7; text-align:center; width: 90px; line-height: 14px;}
.postinfo strong			{ color: #fff; text-align:center;}
.postinfo em				{ color: #fff; font-style:normal;}
.alignleft					{ float: left;}
.alignright					{ float: right;}
.postright img 				{ border: 1px solid #1b1915; margin: 4px;}
.postrightpage img 				{ border: 0px solid #1b1915; margin: 4px; border-bottom:0px;}
.post .postcategory			{ background:url(images/categoryicon.gif) center left no-repeat; margin: 10px 5px 10px 20px; padding: 0px 0px 0px 15px; font-size: 10px; height: 16px; width: auto;}
.post .postcategory	span	{ background:url(images/tagicon.gif) center left no-repeat; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 15px; font-size: 10px; height: 16px; width: auto;}

/* Comments Styling */
.thecomment 				{ float: left; margin: 0px 0px 20px 0px;}
.commentwrapper 			{ margin: 30px 0px 5px 0px;}
.commentwrapper h3 			{ font-size: 20px; color:#ff6;}
.commentlist li				{ list-style: none;}
.commentleft 				{ width: 107px; float: left; padding-top: 30px;}
.commentright 				{ width: 528px; float: left;}
.commentleft .postinfo		{ color: #cbd6a7; text-align:center; width: 90px; line-height: 14px;}
.commentbody				{ margin: 20px 0px 0px 0px; width: 528px; background:url(images/comment-bg.gif) top center repeat-y; color:#cc9;}
.commentbody div 			{ width: 528px; background:url(images/comment-top.gif) top center no-repeat;}
.commentbody div div		{ width: 528px; background:url(images/comment-bot.gif) bottom center no-repeat;	padding-bottom: 19px;}
.commentbody p 				{ padding: 15px 15px; }
.commentright span 			{ float: right; margin: 0px 30px 0px 0px; color: #ff6;}
.commentright .comment-edit-link { float: left; }
.commentright em			{ float: left; color: #544b3a; }

/* Comments Reply */
#respond 					{ background: url(images/post-comment-form.gif) top left no-repeat; width: 635px; height: 270px; float: left;}
.authorform 				{ float: left; margin: 16px 0px 0px 10px; width: 170px; padding: 3px; background:none; border:none;}
.emailform 					{ float: left; margin: 16px 45px 0px 50px; width: 170px; padding: 3px; background:none; border:none;}
.urlform 					{ float: left; margin: 16px 0px 0px 0px; width: 170px; padding: 3px; background:none; border:none;}
.textareaform 				{ margin: 20px 0px 0px 10px; padding: 3px; width: 600px; height: 160px; background:none; border:none;}
.submit						{ background: url(images/submit.gif); width: 91px; height: 30px; border:none; margin: 10px 0px; cursor: pointer;}
.loggedin					{ height: 45px; width: auto; background: #1b1915; color: #9c9;}

/* Index Navigation */
.navigation					{ padding: 5px 20px;}
/* Footer */
#footer-wrap 				{ background: #322d24 url(images/footer-bg.gif) top left repeat-x; height: 180px; clear:both; width: auto; margin-top: 20px;}
#footer 					{ width: 970px; padding: 20px 10px 10px 10px; margin: 0 auto;}

#footer h2 					{ color: #ffffcc; width: 270px; margin-bottom: 10px;}
#footer ul 					{ width: 800px; margin: 0; padding: 0;}
#footer ul li				{ width: 350px; float:left; display: block; }
#footer ul li ul			{ width: 350px; margin: 0; padding: 0; }

#archives ul 				{ width: 300px;}
#archives ul li 			{ display: inline; float:left; width:100px !important; height: 27px;}
#archives ul li a			{ background:url(images/bullet.gif) no-repeat 0px 7px; padding: 0px 0px 0px 10px;}

#flickr ul li 				{ width: 450px !important; }
#flickr img 				{ float: left; margin: 0 10px 0px 0;}
#flickr a 					{ border: none;}

/****** Featured Section ******/
#featured 							{ padding-top: 0px; color:#fff; margin-bottom: 30px;}
#featured-info, #home-featured-nav 	{ float: left;}
#featured-images 					{ float: right;}
	
#featured-info 						{ width: 425px;	margin-top: 42px;}
#featured-info ul li 				{ height:110px; margin-left: 25px;}
#featured-info p 					{ margin: 10px 0; color:#cc9;}
#featured-info p strong 			{ color:#fff;}
#featured h3 						{ font-size: 20px; font-weight: bold; }

.placeholder						{ float: left; height: 50px; width: 900px;}
	
/* Featured images */
#featured-images 					{ width: 470px; height: 110px; background:url(images/computer.png) no-repeat top center; position:relative; z-index:2; margin-right: 10px;}
#images 							{ margin: 42px 0 0 0px;}
#images ul li 						{ width: 470px; height: 110px; overflow:hidden;}

/* Featured Slider Navigation */

ul#home-featured-nav 				{ background: url(images/bg-homeslider.png) no-repeat; width: 33px; height: 48px; margin-left: 45px; margin-top: 47px; padding-top: 12px; }
ul#home-featured-nav li 			{ margin-bottom: 5px; list-style:none;}
ul#home-featured-nav a 				{ width: 16px; height: 20px; display: block; text-indent: -9999px; margin: auto; filter:alpha(opacity=80); -moz-opacity:0.8;	-khtml-opacity: 0.8; opacity: 0.8;}
ul#home-featured-nav a:hover 		{ filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;}
ul#home-featured-nav li.next a 		{ background: url(images/arrow-down.png) no-repeat; list-style:none; border:none;}
ul#home-featured-nav li.prev a 		{ background: url(images/arrow-up.png) no-repeat; margin-top: 10px; border:none;}

/* Post Comment */ 
#right label 						{ visibility:hidden;}

/****** Sliding Panel ******/

.clear 				{ clear: both;height: 0;line-height: 0;}
.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 */
.clearfix 			{ height: 1%;}
.clearfix 			{ display: block;}

/* Panel Tab */
.tab 						{ background: url(images/login/login-bg.png) top left no-repeat; height: 38px; position: relative; top: 0; z-index: 999; margin: 0 auto; width: 990px;}
.tab ul.login 				{ display: block; position: relative; float: right; clear: right; height: 35px; right: 30px; width: auto; font-weight: bold; line-height: 35px; margin: 0; color: #7d6336; font-size: 80%; text-align: center;}
.tab ul.login li 			{ text-align: left; padding: 0 6px; display: block; float: left; height: 35px;}
.tab ul.login li a 			{ color: #7d6336;}
.tab ul.login li a:hover 	{ color: white;}
.tab .sep 					{ color:#414141}
.tab a.open, .tab a.close 	{ height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 100px; position: relative; top: 7px; border:none;}
.tab a.open 				{ background: url(images/login/bt_open.png) no-repeat left 0;}
.tab a.close 				{ background: url(images/login/bt_close.png) no-repeat left 0;}
.tab a:hover.open 			{ background: url(images/login/bt_open.png) no-repeat left -20px;}
.tab a:hover.close 			{ background: url(images/login/bt_close.png) no-repeat left -20px;}

/* Panel Content */
#toppanel 							{ position: absolute; top: 0; width: 990px; z-index: 999; text-align: center;}
#panel								{ width: 100%; height: 270px; background: #cbc8a9; overflow: hidden; position: relative; z-index: 3; display: none;}
#panel h1 							{ font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: #7d6336; text-align:center; display:block; width: 270px; border-bottom: 1px solid #000;}
#panel h2 							{ font-size: 1.2em; padding: 10px 0 5px; margin: 0;}
#panel p 							{ margin: 5px 0; padding: 0;}
#panel .content 					{ width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 12px;}
#panel .content ul					{ margin:18px 0 18px 20px; font-size:90%; border-left:1px dotted #999; padding-left:11px;}
#panel .content ul li 				{ margin:10px 0; list-style-position:outside; list-style-type:disc;}
#panel .content a 					{ text-decoration: none; color:#960; border-bottom: 1px solid #930; outline: none;}
#panel .content a:hover 			{ text-decoration: none; border:none; }
#panel .content .left 				{ width: 280px; float: left; padding: 0 15px; }
#panel .content .right 				{ }
#panel .content form 				{ margin: 0 0 10px 0;}
#panel .content label 				{ float: left; padding-top: 8px; clear: both; width: 280px; display: block;}
#panel .content input.field 		{ border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; padding: 2px; height: 16px;}
#panel .content input:focus.field 	{ background: #545454; }

/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register 	{ display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0;}
#panel .content input.bt_login 		{ width: 89px; height: 27px; background: transparent url(images/login/bt_login.gif) no-repeat 0 0; margin: 10px 20px 0px 0px;}
#panel .content input.bt_register 	{ width: 89px; height: 27px; background: transparent url(images/login/bt_register.gif) no-repeat 0 0; margin: 10px 20px 0px 0px;}

/****** SiFR ******/
@media screen {
.sIFR-flash 						{ visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced, .sIFR-ignore 		{ visibility: visible !important;}
.sIFR-alternate 					{ position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus 	{ margin: 0pt;  padding: 0pt;  overflow: auto;  letter-spacing: 0px;  float: none;}
}

@media print {
.sIFR-flash 		{ display: none !important; height: 0; width: 0; position: absolute; overflow: hidden;}
.sIFR-alternate 	{ visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important;}
}
/****** WP-ContactForm ******/
.post .contactleft 			{ float:left; width: 185px; text-align:left; padding: 0px 0px 0px 20px;}
.post .contactright 		{ float:left; width: 285px; }
.contactform				{ padding: 30px 0px; }
.contactform input, 
.contactform textarea 		{ border: 1px solid #4d4f42; }
.contactform #contactsubmit { padding: 3px; font-weight:bold; background: #4d4f42; color: #dce3c2; margin: 0px 0px 0px 25px;}