/* 
    Document   : uupdates
    Created on : Mar 30, 2013, 2:41:00 PM
    Author     : johncooley
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.top-bar-section ul li {
    border-left: solid #ccc 2px;
}

.top-bar-section ul li.active a {
    background-color: #ff6600;
}

#builder-form-table {
    width: 100%;
}

#builder-form-table tr th {
    width: 50%;
}

.builder-grid .items {
    width: 100%;
}
.builder-grid .items th:nth-child(2) /* Second column */
{
/*    width: 3em;*/
    display: none;
  /* some style here */
}
.builder-grid .items td:nth-child(2) /* Second column */
{
    display: none;
  /* some style here */
}

.side-nav ul {
    list-style: none;
    list-style-position: inside;
    font-weight: bold;
}

.bullet {
    color: #fff;
    background-color: #000;
}

.side-nav ul a {
/*    color: #fff;*/
}

.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
  background-color: #eee;
  font-size: small;
}

.nav > li > a {
  display: block;
  background-color: #999;
/*  font-size: smaller;*/
  color: #fff;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #f60;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  background-color: #eee;
  text-transform: uppercase;
}
.stars {
    color: #fff;
    background-color: #999;
    border-bottom: 2px solid #eee;
}

.nav li + .nav-header {
/*  margin-top: 9px;*/
}


.nav-list {
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-right: -15px;
  margin-left: -15px;
}

.nav-list > li > a {
  padding: 3px 15px;
  border-bottom: 2px solid #eee;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}

.nav-list .divider {
  width: 100%;
  height: 1px;
  margin: 9px 1px;
  margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.flame-header {
    color: #ff0;
}
.flame {
    color: #f60;
}
#main-copy > ul {
    padding-left: 2.5em;
/*    list-style-position: inside;*/
}
#main-copy > ul li {
    padding: .5em;
}

.view > ul {
    padding-left: 2.5em;
/*    list-style-position: inside;*/
}
.view > ul li {
    padding: .5em;
}

.pager, .list-view .pager {
    margin: 1em .5em 2em 0;
}

ul.yiiPager
{
/*	font-size:11px;*/
	border:0;
	margin:0;
	padding:0;
	line-height:100%;
	display:inline;
}

ul.yiiPager li
{
	display:inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
	border:solid 1px #fff;
        background-color: #999;
	font-weight:bold;
	color:#fff;
	padding:3px 7px;
	text-decoration:none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}

ul.yiiPager .page a
{
	font-weight:normal;
}

ul.yiiPager a:hover
{
	border:solid 1px #f60;
}

ul.yiiPager .selected a
{
	background:#f60;
	color:#fff;
	font-weight:bold;
}

ul.yiiPager .hidden a
{
	border:solid 1px #DEDEDE;
        background: #dedede;
	color:#888888;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first,
ul.yiiPager .last
{
	display:none;
}

/* begin styles for RSS Feed */

.rss_box {
	 margin: 10px 5%;
	 padding: 4px 8px;

	 background-color: #ededed;
	 border: 2px dashed #7485CA;
}

.rss_box > ul {
    padding-left: 2.5em;
/*    list-style-position: inside;*/
}
.rss_box > ul li {
    padding: .5em;
}

.rss_title, rss_title a {
	font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif;
	font-size: 18px;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
        color: #00f;
	letter-spacing: 1px;
}

.rss_items {

}

.rss_item  {
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  font-weight : bold;
  margin: 8px 0;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	text-decoration : none;
	border-bottom: 1px solid #ededed;
	color: #88b;
	}

a.item_link:link, a.item_link:visited,  a.item_link:active {
	font-size:15px;
}


.rss_item a:hover {
	text-decoration : none;
	color: #e0861e;
	border-bottom: 1px dotted #e0861e;
	}

.rss_date {
	font-size: 11px;
	font-weight : normal;
	color: #F60;
	}

.rss_item .rss_item_auth {
	color: #888;
	font-size: 11px;

}

li.f2jnag {
	margin-top:1em;
	font-weight:bold;
	list-style: none;
	font-size: 10px;
	/*   display:none;   */

}

.pod-play-box {
	margin: 4px 0;
	font-size:90%;
}


/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;

   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }

   /* Page elements */
   h3.subheader a, .details a {
       color: #66f;
   }
   h3.subheader a:visited, .details a:visited {
       color: #c6c;
   }
   h3.subheader a:hover, .details a:hover {
       text-decoration: underline;
   }

   .view {
       padding-bottom: 2em;
       margin-bottom: 2em;
       border-bottom-style: dotted;
       border-bottom-width: 2px;
       border-bottom-color: #333;
   }

   /* detail view */
   table.detail-view tr.odd {
       background: #fff;
   }

   .gridview .items {
       width: 100%;
   }

   .site-details {
       margin-bottom: .75em;
   }

   .details {
       font-size: 80%;
   }

   h1, h2, h3, h4, h5, h6 {
       font-family: 'Averia Serif Libre',"Helvetica Neue",Helvetica,Arial,sans-serif;
   }

   .top-bar .name h1 a {
       white-space: nowrap;
   }
   
   footer {
    background-color: #333;
    border-top: 1px solid #f60;
    color: #fff;
    margin-top: 60px;
    padding-top: 45px;
    padding-bottom: 60px;
   }
   footer h3 {
       color: #fff;
   }
   ul.icons {
       padding-left: 1.75em;
   }
   .fb-like {
       margin-left: 1em;
   }
   .top-search {
       margin-top: 1em;
   }

   #fetchdata {
       border: 1px solid #666 ;
       margin-bottom: 1em;
   }
.sort-link, .rating {font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.0.1');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');}
.sort-link:before                { content: "\f0dc"; }
.sort-link.asc:before            { content: "\f0dd"; }
.sort-link.desc:before           { content: "\f0de"; }
.rating{unicode-bidi:bidi-override;direction:rtl;}
.rating a.star {font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;color:#eee;text-decoration: none;}
.rating a.star.rated {color:#f60;}
.rating a.star:hover {cursor:pointer}
/* .rating a.star:before {content:"\f08a";padding-right:5px;} */
.rating a.star:before {content:"\f004";padding-right:5px;}
.rating a.remove {font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;color:#f00;text-decoration: none;}
.rating a.remove:before {content:"\f05e";padding-right:5px;}
.rating a.remove:hover {cursor:pointer}
.rating a.star:hover:before, .rating a.star:hover ~ a.star:before {color:#f00;content:"\f004";/*color:#e3cf7a*/}