@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
} 

html { 
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

body { 
  font: normal .85em arial, sans-serif;
  background: #fffaf4;
 /* background: #f4f4f4; */
  color: #444;
}


img { 
  border: 0;
}

h1, h2, h3, h4, h5, h6 { 
  font: normal 200% 'News Cycle', arial, sans-serif;
  color: #222;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
}

h1 { 
  text-shadow: 1px 1px #FFF;
}

h2 { 
  font: normal 170% 'News Cycle', arial, sans-serif;
  color: #666;  
  margin: 0;
  padding: 0 0 8px 0;
}

h3 { 
  font: normal 125% 'trebuchet ms', arial, sans-serif;
}

h4, h5, h6 { 
  margin: 0;
  padding: 0 0 5px 0;
  font: normal 110% arial, sans-serif;
  color: #999;
  line-height: 1.5em;
}

h5, h6 { 
  font: italic 95% arial, sans-serif;
  color: #888;
  padding-bottom: 15px;
}

h6 { 
  color: #362C20;
}

a, a:hover { 
  outline: none;
  text-decoration: none;
  color: #00B7EC;
}

a:hover { 
  text-decoration: underline;
  color: #00B7EC;
}

ul { 
  margin: 2px 0 22px 17px;
}

ul li { 
  list-style-type: circle;
  margin: 0 0 0 0; 
  padding: 0;
}

ol { 
  margin: 8px 0 22px 20px;
}

ol li { 
  margin: 0 0 11px 0;
}

#main, header, #logo, nav, #site_content, footer { 
  margin-left: auto; 
  margin-right: auto;
}

#main { 
  width: 1150px;
  margin: 20px auto 0 auto;
}

header { 
 position:relative;z-index:999;border-top:solid 2px #000080;margin-bottom:15px;border-left:solid 1px #efefef;border-right:solid 1px #efefef;border-bottom:solid 1px #efefef;
}


bigbox { 
  background-color:#FC0;
  color:#FFF;
   font: 200% arial, sans-serif;
  text-shadow: none;
  text-align: center;
  margin:3px;
   float: left;
   font-weight:bold;
  border:solid 1px #F7E722;
  padding:2px;
}


boxhead { 
/*  background-color: #F63;
   border:solid 1px #F9D89B;*/
  color:#FF9933;
  font: 170% arial, sans-serif;
  text-shadow: none;
  text-align: center;
  margin:0;
  padding:2px;
  float: left;
  font-weight:bold;
}

boxsubhead { 
  background-color:#F1F5FE;
  color:#006;
   font: 120% arial, sans-serif;
  text-shadow: none;
  text-align: center;
  margin:3px;
  padding:1px;
   float: left;
   clear:both;
   font-weight:bold;
   
  border:solid 1px #C7F1FE;
}

box { 

  color:#360;
   font: 100% arial, sans-serif;
  text-shadow: none;
  text-align: center;
  margin:3px;
   float: left;
  vertical-align:top;
   text-decoration:underline;
min-height:85px;
   
}


#logo { 
  width: 220px;
  float: left;
  height: 100px;
  background: transparent;
  padding: 0 0 10px 10px;
}

#logo h1 { 
  font: normal 330% 'News Cycle', arial, sans-serif;
  padding: 37px 0 0 17px;
  color: #222;
  letter-spacing: -2px;
}

#logo h1 a { 
  color: #999;
  text-decoration: none;
}

#logo h1 a:hover { 
  color: #222;
  text-decoration: none;
}

nav { 
  /*height: 26px;
  width: 720px;
  margin: 1px auto 0 auto;
  float: right;
  padding: 35px 0 0 0;*/
} 

#site_content { 
  margin-top: 0;
  padding: 15px;
  background: #FFF;
  border:solid 1px #efefef;
} 

#sidebar_container { 
}

#content { 
  margin: 0;

}

#content ul { 
  margin: 2px 0 5px 0px;
}

#content ul li { 
  list-style-type: none;
  background: transparent url(../images/bullet.png) no-repeat left center;
  margin: 0 0 0 0; 
  padding: 2px 0 2px 28px;
  line-height: 1.5em;
}

.blog {
  /*background: url(../images/calendar.png) no-repeat;*/
  width: 54px;
  height: 46px;
  float: left;
  margin: 0 15px 0 0;
  background: #f7e6d3;
}

.blog h2 {
  font: normal 90% arial, sans-serif;
  text-shadow: none;
  text-align: center;
  margin: 0;
  padding: 4px 0 0 0;
  background: #e2ceb7;
  color: #fffefd;
}
  
.blog h3 {
  font: 140% arial, sans-serif;
  text-shadow: none;
  margin: -15px 0 0 0;
  text-align: center;
  color: #222;
}

footer { 
  font: 100% arial, sans-serif;
  padding: 20px 15px 20px 15px;
  color: #000;
  background: #fff;
  border-top:solid 2px #360;border-bottom:solid 1px #efefef;border-left:solid 1px #efefef;border-right:solid 1px #efefef;
  margin-top:15px;
}


footer p { 
  padding: 0 0 10px 0;
}

footer a, footer a:hover { 
  color: #222;
  text-decoration: none;
}

footer a:hover { 
  color: #f63;
  text-decoration: underline;
}

/* form styling */
.form_settings { 
  margin: 0;
}

.form_settings p { 
  padding: 0 0 10px 0;
}

.form_settings span { 
  padding: 5px 0; 
  float: left; 
  width: 170px; 
  text-align: left;
}
  
.form_settings input, .form_settings textarea { 
  padding: 4px; 
  width: 252px; 
  font: 100% arial, sans-serif;
  border: 0;
  border-bottom: 1px solid #666; 
  background: transparent;
}
  
.form_settings .submit { 
  font: 140% 'News Cycle', arial, sans-serif; 
  border: 0; 
  width: 100px; 
  margin: 0 0 0 162px; 
  height: 30px;
  padding: 0 0 6px 0;
  cursor: pointer; 
  border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  background: #444;
  text-shadow: 1px 1px #000;
  color: #FFF;
  line-height: 15px;
}

.form_settings textarea, .form_settings select { 
  font: 100% 'trebuchet ms', arial, sans-serif; 
  border: 1px solid #666; 
  border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  width: 250px;
  overflow: auto;
}

.form_settings select { 
  width: 304px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}

ul.images {
  width:450px;
  height:450px;
  overflow:hidden;
  position:relative;
  margin:0;
  padding:0;
} 

ul.images li {
  position:absolute;
  margin:0;
  padding:0;
  left:0;
  right:0;
  list-style:none;
}
 
ul.images li.show {
  z-index:500;  
}
 
ul img {
  border:none;  
}



/* from here: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers */
.lavaLampWithImage {
 
}

.lavaLampWithImage li {
 
}

.lavaLampWithImage li.back {
  background: #F9DD71;

  height: 50px;
  z-index: 8;
  position: absolute;
  font: arial, sans-serif;
}

.lavaLampWithImage li a {




}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
  border: none;
}

.blog-grid{ font-size:13px;min-height:300px !important;}
.blog-grid h4{ font-style:normal;margin-bottom:0;font-size:16px;}
.blog-grid p{ min-height:54px;}
.blog-column{ min-height:85px;border-bottom:solid 1px #eee;margin-bottom:5px;}
.add-to-wishlist{ float:right;}
.add-to-btn1{ }
#weathervalue h2{ height:75px;color:#fff;background-color:#1d9cd1;vertical-align:middle;display:block;text-align:center;line-height: 75px;}
#weathervalue .icon-32:before{ font-family:FontAwesome;content:'';content: "\f185";color:#f4d310;
   display: inline-block;text-align:left;
   padding-right: 3px;
   vertical-align: top;font-style:normal;}
#weathervalue ul{ margin:0;padding:0 25px;background-color:#f1f1f1}  
#weathervalue ul li{ border-bottom:solid 1px #fff;padding:5px;}
#weathervalue strong {
    background-color: #FF9933;
    color: #fff;
    padding: 2px 8px;
    display: inline-block;
    margin-top: 10px;
	    border-radius: 2px;
}
#news h3 {
    font-size: 16px;
    border-bottom: solid 1px #ccc;
    margin: 0;
    padding: 10px 0;
}

#news h3:before{ font-family:FontAwesome;content:'';content: "\f101";color:#000;display: inline-block;margin-right:10px;}

.login-facebook{ display:table;width:100%;text-align:center; min-height: 500px;}
.login-facebook .login-content{ display:table-cell;vertical-align:middle;}

.facebook-login-btn, .facebook-login-btn:hover{ display:inline-block;background-color:#3b5998;color:#fff;padding:10px 20px;border-radius:5px;font-size:26px;}
.fb-user-img{ width:100px;height:100px;}
.add-to-list{ display:block;background-color:#f1f1f1;margin-bottom:1px;    margin-left: 15px;margin-right: 15px;padding: 5px 0;}
.text-orange{ color:#FF9933}


.add-to-wishlist{visibility:hidden;}

.tab-pane p {
font-size:16px;
}

@media only screen and (max-width: 600px) {
  .navbar-brand {
    margin-left:10px;
  }
  .fblike {
      float:right!important;
      margin-right:10px!important;
  }
  
  .panel-group {
      margin-top:10px;
  }
  
}
