/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/

body { background:#003366 repeat; font:12px Arial, Helvetica, sans-serif; color:#454033;}

.xboxcontent {display:block; background:#FFFFFF; border:0 solid #FFFFFF; border-width:0 1px; padding:10px 10px; height: 350px; }
.xboxcontent2  { display:block; background:#FFFFFF; border:0 solid #FFFFFF; border-width:0 1px; padding:10px 10px; min-height:670px;  _height:670px;  }
.frontPageSocial {display:block; background:#FFFFFF; border:0 solid #FFFFFF; border-width:0 1px; padding:5px 0px; height:16px;}
.frontPageComments {display:block; background:#FF9900; border:0 solid #FF9900; border-width:0 1px; padding:5px 10px;}

html .xb1,
html .xb2,
html .xb3,
html .xb4 {background:#FFFFFF;}
.xb2, .xb3, .xb4 {border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
html .orange {background:#FF9900; border-left:1px solid #FF9900; border-right:1px solid #FF9900;}

#header { background:#FFFFFF repeat-x center top; padding: 10px 3.5% 0 3.5%; position:relative; }
#footer { clear:both; padding:13px 0 15px 0; height:100%; overflow:hidden; background:#333333 repeat-x top; border:none;  }
#bottom  { clear:both; background:#4d4d4d repeat; border-top:3px solid #16110d;  border-bottom:3px solid #000; padding:10px 0;}
#bottom-in li a { color:#999999; text-decoration:none; }

ul#navmenu-h li a, ul#navmenu-v li a { background:url(skins/squace/nav-active_red.gif) no-repeat top right; }
ul#navmenu-h li { background:url(skins/squace/nav-active_red.gif) no-repeat top left; }
#nav li.current_page_item a{ color:#000; }
#navmenu-h li a:hover { color:#000000; background:url(skins/squace/nav-active_red.gif) -29px right no-repeat; }


#navmenu-h li a { color:#FFFFFF; background:url(skins/squace/nav-active_red.gif) -29px right no-repeat ;  }

.searchform { padding:2px; position:absolute; width:192px; height:31px; right:6.5%; top:40px; margin:2px 0 0 0; background:url(skins/squace/searchbg.png) no-repeat;   }

#respond textarea, .commpadd input, .com_form_right textarea{ font:12px Arial, Helvetica, sans-serif;  width:260px; line-height:normal; background:#FFFFFF; border:1px solid #999999; color:#333; padding:5px; }

#content .list li { width:45%; margin-right:15px; margin-bottom:5px; float:left; border-bottom:1px solid #999999;  }

#sidebar_l .widget .postlist li { margin:0 0 10px 0; padding:0 0 10px 0;  background: url(skins/squace/sepretor_hr.png) repeat-x bottom; }
#respond h3, #comments_wrap h3 { background:url(skins/squace/sepretor_hr.png) repeat-x bottom; margin:15px 0 0 0; padding:0 0 5px 0; color:#382f17; }

#sidebar_l li.recentcomments, #sidebar_r li.recentcomments { padding-left:19px; background:url(skins/squace/quote.png) no-repeat left 5px; }
#sidebar_l .widget h3, #sidebar_r .widget h3 { margin:0 0 10px -5px;  padding:5px 10px 9px 25px; font:bold 15px Arial, Helvetica, sans-serif;  color:#FFFFFF; 
background:url(skins/squace/sidebar_head.png) no-repeat; height:18px;  }
.post_comments { background:url(skins/squace/comments.png) no-repeat; margin-top:0px; width:89px; padding:2px 3px 12px 3px;  float:left; text-align:center; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;  }
.widget .postlist li span.comments a { background:url(skins/squace/i_comment.png) no-repeat 3px 3px; padding-left:15px; padding-right:3px; text-transform:uppercase; font-size:10px; text-decoration:none; }
.squace-description {color:#FFFFFF;}
html .h_left { float:none; position:relative; margin-right:750px; display:block; background: none;   margin-top:-1px; }
/* .h_left {  float:left; position:relative; margin-right:35px; display:block; background: none;   margin-top:-1px; } */
html h1.logo { font-size:18px; padding:0px 0px; border-bottom:none; float:none; }
/* h1.logo { font-size:18px; padding:30px 20px; border-bottom:none; float:left; } */
.xboxcontent img { width:89%; padding:5%; margin: 0 auto 10px auto !important; background:#4d4d4d; border:none; -ms-interpolation-mode: bicubic; display: block; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
#bottom-in .widget-spot h3 { margin:0 0 8px 0; padding:0; color:#FFFFFF; font-size:18px; }

/*.xaboxcontent {display:block; background:#ff9900 url(skins/1-brown/main1bg.png) repeat-x top left; border:0 solid #443a26; border-width:0 1px; height:415px; overflow:hidden;  padding:3px 10px; }*/
.xaboxcontent {display:block; background:#ff9900 none repeat-x top left; border:0 solid #443a26; border-width:0 1px; height:415px; overflow:hidden;  padding:3px 10px; }

.xab2, .xab3, .xab4 {background:#ff9900; border-left:1px solid #ff9900; border-right:1px solid #ff9900;}
.frontSplash { margin-top:7px;}
/*.frontSplash h5 {font-size:20px; color:#FFFFFF; font-weight:600;}*/
.frontSplash h5 { margin:0 0 12px 0; padding:0 0 10px 0; _padding-bottom:25px;   font:24px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; text-align:center; background:none no-repeat center bottom;  }
/*.splash_img {padding:8px ; background:#fff; margin:12px 15px 0px 0; position:relative; text-align:center; width:500px; float:left;  }*/
.splash_img { width:89%; padding:5%; margin: 0 auto 10px auto !important; background:#FFFFFF; border:none; -ms-interpolation-mode: bicubic; display: block; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
#comments .comment .text-right { background:#ff9900 url(skins/squace/commentbg.png) no-repeat left center;  padding-left:20px; }
#searchform #s { font:12px Arial, Helvetica, sans-serif; width:155px; margin-top:1px; color:#FFFFFF; background:none; border:none; padding:4px;  }
.post_comments a { text-decoration:none; color:#FFFFFF; }
.post_comments a:hover { color:#000000; }
#nav li a:hover { color:#000000; }
#bottom-in li a:hover { color:#000000; text-decoration:none; }
.avatar { border:none; padding:2px; background:none; }
#content li a {
color:#B62701;
text-decoration:underline;
}
#content li a:hover {
color:#000000;
text-decoration:underline;
}

#squace-download { }
#squace-emulator { }

#phone-buttons {margin-top:20px; width:194px;}