@import url("504_custom.css");

#sidebar-wrap {
  display:none;
}

/* INTERACTIVE */
#interactive {
  display:block;
  height:auto;
  background:transparent;
  margin:0;
  /*border-bottom:2px solid #000;*/
}
/* CONTENT */
#content-box {
  margin:0;
  padding:10px 10px 10px;
/*  padding:10px 0 10px 10px;*/
  background:#fff;
  overflow:hidden;
  background:#fff url('../images/content-top-border.gif') repeat-x left top;
}
#content-wrap {
  width:690px;
  margin:0;padding:0;
  border-width:0;
  float:left;
}
#content {
  overflow:hidden;
}
#content .article-top:first-child,
#content .article-index-block {
  margin-right:10px;
}
/* HIGHLIGHTS BLOCK */
.highlights {
  position:relative;
  height:304px;
  margin-bottom:10px;
  margin-right:10px;
}
.highlights div {
	display: none;
	position: absolute;
}
.highlights img {
  border: none;
}
.highlights .image img {
  padding: 0;
  border: none;
}
.highlights ul {
  position:absolute;
  top:25px;right:0;
  width:245px;height:280px;
}
.highlights li {
  position:relative;
  border-bottom:1px dotted #cccccc;
}
.highlights ul li:hover,
.highlights ul li.active {
  background:#231f20;
  border-color:#231f20;
}
.highlights ul li a {
  display:block;
  height:59px;
  padding:5px 0 5px 25px;
  font-size:13px;
  letter-spacing:-0.5px;
  color:#231f20;
  text-transform: uppercase;
}
.highlights ul li a.page {
  display:inline;
  padding:0;
  height:auto !important;
  position:absolute;
  bottom:5px;left:25px;
  font-size:10px;
  text-transform:uppercase;
  color:#999;
}
.highlights ul li.active a {
  color:#fff;
  background:url('../images/menu-bullet-west.png') no-repeat 5px center;
}
.highlights ul li:hover a {
  color:#fff;
  border-color:#231f20;
}
.highlights ul li.active a.page,
.highlights ul li:hover a.page {
  color:#999;
}
.highlights ul li.active a.page,
.highlights ul li:hover a.page {
  background:none;
}
.article-top,
#content .self-ad-index,
.page-index,
.article-index-block,
.rss-feed-block {
  width:335px;
  margin-bottom:10px;
  float:left;
  overflow:hidden;
}
#content .self-ad-index,
#content .page-index {
  margin-right:10px;
}
#content .self-ad-index {
 
}
.article-top.last,
.self-ad-index.last {
  float:right;
}
.twitter-feed {
  margin:0 10px 10px 0;
  border-bottom:1px dotted #ddd;
}
/*.highlights h1,
.article-index-block h1,
#optional-wrap h1 
.article-top h2,
.self-ad-index h2,
#comment-form h2,
.article-related h2,
.twitter-feed h2,
#optional-wrap h1,
.comment-form-block h1,
.gallery-index h2,
.comment-block h1,
.rss-feed-block h1,
.user-registration-block legend,
#fancybox-content .user-login-block h1,
#fancybox-content .user-reset-block h1,
#content .gallery-view-block h1 {
  margin-bottom:1px;
  padding:0 10px;
  background:#231f20;
  color:#fff;
  font:normal 14px/24px Arial,sans-serif;
  text-transform:uppercase;
}
#content .gallery-view-block h1 {
  margin-bottom:5px;
  margin-right:10px;
}
.article-top h2 a,
.self-ad-index h2 a,
.gallery-index h2 a {
  color:#fff;
}*/
.article-top ul,
.tabs ul {
  margin-bottom:10px;
  overflow:hidden;
  background:url('../images/bg-tabs.gif') repeat;
  
}
.article-top ul li,
.tabs ul li {
  height:30px;
  float:left;
}
.article-top ul li a,
.tabs li a {
  display:block;
  padding:0 10px;
  line-height:24px;
  color:#666666;
  border-right:1px dotted #cccccc;
}
.article-top ul li.active a,
.article-top ul li a:hover,
ul li.ui-tabs-selected a,
ul li.ui-state-active a {
  color:#fff;
  background:#28ace2;
  border-color:#fff;
}
.article-top ul li.active,
.ui-tabs-selected,
.ui-state-active {
  background:url('../images/menu-bullet-down.png') no-repeat center bottom;
}
.article-top div.index {
  margin-bottom:15px;
  padding-bottom:15px;
  overflow:hidden;
  border-bottom:1px dotted #999;
}
.article-top.text div {
  margin-bottom:10px;
}
.article-top div.index h2 {
  margin-bottom:0;
  letter-spacing:-0.5px;
  font-size:16px;
}
.article-top div h3 a {
  font-size:16px;
  font-weight:lighter;
  letter-spacing:-0.5px;
  color:#3399cc;
}
.article-top div h3 a:hover {
  text-decoration:underline;
}
.article-top.selfad a img {
  border:1px solid #a;
}
.article-top.text div a {
  font-size:15px;
  color:#151515;
  font-weight:500;
}
/* OPTIONAL SIDEBAR */
#optional-wrap {
  position:relative;
  width:290px;
  float:right;
}
.self-ad-corner {
  position:relative;
  top:0;right:0;
  width:290px;height:290px;
  margin-bottom:10px;
  background:#e2e1e1;
}
.self-ad-corner {
  margin-top:-10px;
}
#optional-wrap .self-ad-index {
  margin-bottom:10px;
}
.self-ad-index object {
  display:block;
}
/* FOOTER */
#footer {
  position:relative;
  height:280px;
  background:#231f20;
  border-width:0;
  bottom:0;left:0;
}

.article-index,
.article-body,
#comment-form,
.page-body {
  width:435px;
}
.tabs .article-index {
  width:auto;
}
.article-body {
  margin-bottom:20px;
  float:left;
}
.article-index h2,
.article-index h3 {
  font:normal 17px Arial, Helvetica,sans-serif;
}
.article-index h2 a,
.article-index h3 a {
  color:#3399CC;
  font-size:13px;
  text-transform: uppercase;
}
.article-index h2 a:hover,
.article-index h3 a:hover {
  /*color:#231F20;*/
 color: #000;
}
.article-index h2 a:active {
  background:#231F20;
  color:#fff;
}
#content-wrap .article-body h1,
.gallery-view-block h1,
.page-content h1,
.user-registration-block h1 {
 margin-bottom:10px;
  font:normal 28px/27px Georgia, Times, sans-serif;
  letter-spacing:-1px;
  color:#231F20;
}
#interactive object {
  display:block;
}
.ui-state-default,
.ui-corner-top,
.ui-tabs-selected,
.ui-state-active {
  
}
.ui-tabs-hide {
  display:none;
}
#breadcrumb {
  /*width:415px;*/
  margin-bottom:5px;
  margin-right:10px;
  padding:0;
  background:#231f20;
  color:#fff;
    font:normal 12px/24px Arial,sans-serif;
  text-transform:uppercase;
  /*border-bottom: 1px dotted #999999;*/
}
#breadcrumb ul {
  padding-left:10px;
  margin-bottom:0;
}
#breadcrumb ul li {
  margin-right:10px;
  background:none;
}
#breadcrumb ul li.home a {
  padding:0;
  display:block;
  width:10px;
  text-indent:-999px;
  overflow:hidden;
}
#breadcrumb ul li.home {
  width:16px;
}
#breadcrumb ul li.home a {
  width:16px;
  padding-left:20px;
  background: url("../images/location-home.png") no-repeat left 4px;
}
#breadcrumb ul li.home a:hover {
  background: url("../images/location-home-hover.png") no-repeat left 4px;
}  
#breadcrumb ul li a {
  color:#fff;
}
#breadcrumb ul li a:hover {
  color:#28ace2;
}
.article-body .lead,
.article-index .lead {
  font-weight:normal;
  margin-bottom:10px;
  padding-bottom:10px;
  font-family: Arial, Helvetica, serif;
  font-size:17px;
  border-bottom:1px dotted #ccc;
  text-align:left;
}
.article-index p.lead,
.article-body p,
.lead,
.page-body p,
.gallery-view-block p {
  margin-bottom:10px;
  font-size:14px;
}
.article-body p,
.page-body p,
.gallery-view-block p {
  line-height:21px;
  text-align:justify;
}
.page-content .image,
.article-body .image,
.article-index .image,
.page-body .image,
.gallery-view-block .image {
  display:block;
  margin-bottom:10px;
}
.tabs .article-index .image {
  margin-bottom:0;
  float:left;
}
.thumb-index .image {
  margin-bottom:0;
}
.image img {
/*  padding:2px;
  background:#fff;
  border:1px solid #ccc;*/
}
.article-index .image p,
.article-body .image p,
.gallery-view-block .image p {
  margin-bottom:0;
  font-size:10px;
  font-weight:bold;
  color:#999;
}
.meta-data {
  margin-bottom:10px;
  padding-top:3px;
  color:#999;
  font-weight:bold;
  overflow:hidden;
  border: 1px dotted #CCCCCC;
  border-width:1px 0;
}
.gallery-view-block .meta-data {
  margin-right:10px;
  margin-bottom:10px;
  padding:5px 10px 5px 10px;
  color:#999;
  font-weight:normal;
  overflow:hidden;
  border: 1px dotted #999;
  border-width:1px 0;
  background:#efefef;
}
.meta-data p {
  margin-bottom:10px;
}
.meta-data p.author {
  margin-bottom:0;
  color: #444;
  font-size: 14px;
  line-height: 17px;
  text-align: justify;
}
.meta-data p.date {
  margin-bottom:0;
  font-size:10px;
  float:left;
}
#comment-form {
  clear:left;
}
#comment-form h2 {
  margin-bottom:10px;
}
#comment-form div {
  margin-bottom:3px;
  overflow:hidden;
}
#comment-form div label {
  display:block;
  width:100px;
  float:left;
}
#comment-form input {
  width:320px;
  border:1px solid #ddd;
  float:right;
}
#comment-form div.text textarea {
  width:320px;
  border:1px solid #ddd;
  float:right;
}
#comment-form div.submit input,
#fancybox-content div.submit input {
  width:auto;
  padding:3px 20px;
  background:#000;
  color:#fff;
  font-weight:normal;
  border-width:0;
  text-transform:uppercase;
}
.article-index {
  border-bottom:1px dotted #ccc;
}
.article-top .article-index {
  width:auto;
  margin:0 0 1px;padding:0;
  border-width:0;
}
.article-top {
  margin-right:10px;
}
.article-index p.lead {
  font-size:12px;
  color: #666;
  border-width:0;
  margin:0;padding:0;
}
.article-related {
  position:relative;
  /*top:-34px;*/
  margin-right:10px;
  float:right;
  width:235px;
}
.article-related .article-index {
  width:auto;
  margin:0 0 5px;
  padding:5px 0 10px;
  overflow:hidden;
}
.article-related .article-index img {
  margin:0 10px 0 0;
  float:left;
}
.article-related .article-index h3 a {
  color: #3399CC;
  font-size: 16px;
  font-weight: lighter;
  letter-spacing: -0.5px;
}
p.social-toolbar {
  margin:0;
  clear:left;
}
#optional-wrap #login input {
  width:auto;
}
#interactive object {
  display:block;
  position:relative;
  z-index:1;
}
.tweet-index {
  position:relative;
  margin-bottom:5px;
  overflow:hidden;
}
.tweet-index p.lead {
  font-size:11px;
}
.tweet-index p.lead a {
  color:#3399CC;
}
.tweet-index img {
  margin-right:10px;
  float:left;
}
.tweet-index p.more {
  position:absolute;
  bottom:0;right:0;
}
.tweet-index p.more a {
  color:#28ACE2;
}
.user-login-block,
#optional-wrap .twitter-feed-block {
  margin:0 10px 10px 0;
}
.user-login-block input {
  width:270px;
}
.user-reset-block input {
  width:auto;
}
.user-login-block div.submit {
  margin-bottom:3px;
  text-align:right;
}
.user-login-block div.submit input {
  width:150px;height:22px;
}
p.options {
  text-align:right;
}
.user-login-block p.options a {
  color:#28ACE2;
}
p.options a.login-facebook,
p.options a.login-twitter,
p.options a.login-draugiem {
  display:inline-block;
  width:150px;
  margin-bottom:1px;
  line-height:22px;
  background-repeat:no-repeat;
  background-position:left top;
  text-indent:-999px;
  overflow:hidden;
  text-align:left;
}
p.options a.login-facebook {
  background-image:url('../images/facebook_signin.png');
}
p.options a.login-twitter {
  background-image:url('../images/twitter_signin.png');
}
p.options a.login-draugiem {
  background-image:url('../images/draugiem_signin.png');
}
p.options a.login-facebook:hover,
p.options a.login-twitter:hover {
  background-position:0 -24px;
}
p.options a.login-facebook:active,
p.options a.login-twitter:active {
  background-position:0 -48px;
  outline:none;
}
.gallery-media-block {  
  overflow:hidden;
  margin-left:-10px;
}
.gallery-media-block .index{
  margin:0 0 10px 10px;
  float:left;
}
.gallery-media-block .index .image img {
  
}
p.comments a {
  display:inline-block;
  width:16px;height:16px;
  /*background:url('../images/comment_16.png') no-repeat left top;*/
 font-size: 10px;
 text-transform: uppercase;
}
p.comments a:hover {
  /*background:url('../images/comment_16_hover.png') no-repeat left top;*/
}
.comment-form-block {
  width:435px;
}
.comment-form-block h1 {
  margin-bottom:10px;
}
.comment-form-block div {
  margin-bottom:3px;
  overflow:hidden;
}
.comment-form-block div label {
  display:block;
  width:100px;
  float:left;
}
.comment-form-block input {
  width:320px;
  border:1px solid #ddd;
  float:right;
}
.comment-form-block div.text textarea {
  width:320px;
  border:1px solid #ddd;
  float:right;
}
.comment-form-block div.submit input {
  width:auto;
  padding:3px 20px;
  background:#000;
  color:#fff;
  font-weight:bold;
  border-width:0;
  text-transform:uppercase;
}
.comment-form-block div.submit input:hover {
  color:#39c;
}
.gallery-index {
  float:left;
  margin:0 10px 10px 0;
}
.gallery-index a img {
  padding:0;
  border-width:0;
}
.gallery-view-block h1 {
  margin-bottom:10px;
  font:normal 28px/27px Georgia, Times, sans-serif;
  letter-spacing:-1px;
  color:#231F20;
}
/* POLL */


.gallery-content p {
  margin-right:10px;
}
.comment-block ul li {
  margin-bottom:5px;
  padding-bottom:5px;
  border-bottom:1px dotted #999;
  overflow:hidden;
}
.comment-block ul li img {
  margin-right:10px;
  float:left;
}
.comment-block ul li p {
  display:block;
}
.comment-block .meta-data {
  overflow:hidden;
  border-width:0;
}
#header .user-login-block h1 {
  display:none;
}
.authorization,
#header .user-login-block {
  position:absolute;
  top:10px;right:10px;
  height:17px;
  margin:0;
  font-size:10px;
  text-transform:uppercase;
}
.authorization a,
#header .user-login-block a {
  display:inline-block;
  margin-left:10px;
color:#ccc;
}
.authorization a:hover,
#header .user-login-block a:hover {
  color:#28ACE2;
  border-bottom:1px dotted #28ACE2;
}
#header .user-login-block p.user-data {
  margin-left:10px;
  color:#fff;
  text-transform:none;
  overflow:hidden;
  line-height:20px;
  float:left;
}
#header .user-login-block .user-data img {
  margin-right:10px;
  float:left;
}
#header .user-login-block .options {
  font-size:9px;
  line-height:20px;
  text-align:left;
  float:left;
}
#header .user-login-block .options a {
  line-height:11px;
}
#header .user-login-block a.logout {
  color:#39c;
}
p.comments {
  position:relative;
}
p.comments a {
  display:inline-block;
  width:auto;height:16px;
  padding-left:0px;
  /*background:url('../images/comment_16.png') no-repeat left top;*/
  font-weight:normal;
  color:#999;
}
p.comments a:hover {
  color:#787878;
  text-decoration:none;
}
p.comments a strong {
  display:inline !important;
  font-size:10px;
  color:#000;
  text-align:left;
  font-weight:normal;
}
p.comments a:hover strong {
  color:#111;
}
/*
ARTICLE
*/
.page-content {
  margin-right:10px;
}
.page-content p {
  margin-bottom:10px;
  font-size:14px;
  line-height:21px;
  color:#111;
  text-align:justify;
}
/* RSS FEED */
.rss-feed-block .rss-index {
  margin-bottom:5px;
  padding-bottom:5px;
  border-bottom:1px dotted #ccc;
}
.rss-feed-block .rss-index:last-child {
  border-width:0;
  margin-bottom:0;
  padding-bottom:0;
}
.rss-feed-block .rss-index h2 {
  margin-bottom:2px;
  font-size:12px;
}
.rss-feed-block .rss-index p {
  font-size:11px;
}
.rss-feed-block .rss-index .lead {
  margin-bottom:0;
  font-size:11px;
  font-family:Arial,sans-serif;
}
.rss-feed-block .rss-index p.more {
  text-align:right;
}
.rss-index a {
  color:#39c;
}
/* REGISTRATION BLOCK */
.user-registration-block {
  margin-right:10px;
}
.user-registration-block fieldset {
  margin-bottom:20px;
  padding:0;
  padding-top:5px;
  border-width:0;
}
.user-registration-block legend {
  display:block;
  margin:0;
  width:660px;
  font-size:12px;
}
.user-registration-block div {
  margin-bottom:3px;
  padding-left:10px;
  overflow:hidden;
}
.user-registration-block div label {
  display:block;
  width:100px;
  padding-top:3px;
  float:left;
}
.user-registration-block input {
  width:320px;
  border:1px solid #ddd;
}
.user-registration-block div.text textarea {
  width:320px;
  border:1px solid #ddd;
  float:right;
}
.user-registration-block div.submit input {
  width:auto;
  margin-left:100px;
  padding:3px 20px;
  background:#000;
  color:#fff;
  font-weight:normal;
  border-width:0;
  text-transform:uppercase;
}
.user-registration-block div.submit input:hover {
  color:#28ACE2;
}
.user-registration-block span.info {
  font-weight:normal;
  border-width:0;
}

#fancybox-content {
 
}
#fancybox-content .user-login-block h1 {
  margin-bottom:10px;
  font-size:12px;
}
#fancybox-content div {
  margin-bottom:5px;
  overflow:hidden;
}
#fancybox-content div label {
  width:90px;
  padding-left:10px;
  padding-top:3px;
  float:left;
}
#fancybox-content div input {
  width:340px;
  float:right;
}
#fancybox-content div.submit input {
  width:auto;
}
#fancybox-content div.submit input:hover {
  color:#39c;
}

#maraton {
padding:70px 1em .5em;
width:256px;
height: 84px;
background-image:url('/media/maratons.bg.jpg');
color: #EEE;
}

#maraton big {
color:#FFF;
font-size:2em;
font-weight:bold;
}

.maraton-info {
text-align: right
}

/*
* 130db <aigars@radio101.lv>
*/
div.now-online {
text-transform: capitalize;
}

.social li {
background-position: center center;
margin: 1px;
margin-right: 1px;
margin-top: 1px;
}

.social li a,
.social li a:link {
width: 20px;
height: 20px;
}

.social li.twitter,
.social li.facebook,
.social li.draugiem,
.social li.youtube,
.social li.lastfm {
background: URL("http://i.radio101.lv/assets.www/social.sprite.png");
}

.social li.twitter {
background-position: left center;
}

.social li.facebook {
background-position: -18px center;
}

.social li.draugiem {
background-position: -36px center;
}

.social li.youtube {
background-position: -54px center;
}

.social li.lastfm {
background-position: -72px center;
}