/*--------------------------------------------------------------------
Pringo Networks Empower
Items Template Style Sheet (modules found here)

version:	1.0
theme:		Default
author:		The Pringo Creative Team
email:		ryan@pringo.com
website:	http://www.pringo.com/
--------------------------------------------------------------------*/

/* media item */
dl.media-item { }
dl.media-item dd input { margin: 5px; }
dl.media-item dd.description { /* height: 70px; overflow: hidden; */ margin-top: 10px; }
/*
<dl class='top-thumb media-item media-thumb' title='[title]'>
<dt><a href='[link_src]'><img src='[thumb_fixed_src]'/></a></dt>
<if_star><dd>[stars][halfstars][unstars]</dd></if_star>
<if_title><dd class='item-title'><a href='[link_src]'>[title]</a></dd></if_title>
<dd><em>[views] views</em></dd>
<dd>[caption]</dd>
<dd>[date]</dd>
<dd>Score: [score]</dd>
<dd>[points] points</dd>
<dd>[length]</dd>
</dl>
*/

/* mini media item */
dl.mini-media-item dd { margin: 0 0 0 55px; }
dl.mini-media-item dd.rating img { width: 10px; height: 10px; } /* size of the stars might be smaller */
/*
<dl class='side-thumb mini-media-item' title='[title]'>
<dt class='small-thumb'><a href='[link_src]'><img src='[thumb_fixed_src]'/></a></dt>
<if_star><dd>[stars][halfstars][unstars]</dd></if_star>
<if_title><dd class='item-title'><a href='[link_src]'>[title]</a></dd></if_title>
<dd><em>[views] views</em></dd>
<dd>[caption]</dd>
<dd>[date]</dd>
<dd>Score: [score]</dd>
<dd>[points] points</dd>
<dd>[length]</dd>
</dl>
*/

/* people item */
dl.people-item { width: 190px; height: 90px; /*overflow: visible;*/ float: left; background: #EBEBEB; padding: 3px; border-bottom: none; }
dl.people-item dt {margin:5px 0 0 5px;}
dl.people-item dd { margin: 0 0 0 85px; /margin: 0 0 0 90px; overflow: hidden; width: 90px; }
/*
<dl class='side-thumb people-item' title='[username]'>
<dt class='medium-thumb'><a href='/[username]'><img src='[avatar_sq_src]'/></a></dt>
<dd><a href='/[username]'>[username]</a></dd>
<if_location><dd>[location]</dd></if_location>
<dd><if_gender>[gender], </if_gender>[age] years old</dd>
<dd>[started]</dd>
</dl>
*/

/* friend item */
dl.friend-item {}
dl.friend-item dd { width: 83px; }
/*
<dl class='top-thumb friend-item' title='[username]'>
<dt class='big-thumb'><a href='/[username]'><img src='[avatar_sq_src]'/></a></dt>
<dd><a href='/[username]'>[username]</a></dd>
</dl>
*/


/* comments item */
dl.comments-item { padding: 10px 0; }
dl.comments-item dd { margin: 0 0 0 100px; }
dd.comments-body ol, dd.comment-body ul {list-style: disc;}
/*
<dl class='side-thumb comment-item'>
<dt class='medium-thumb'><a href='/[username]'><img src='[avatar_sq_src]'/></a></dt>
<dd>Posted by: <a href='/[username]'>[username]</a></dd>
<dd>On: [date=m/d/Y]</dd>
<dd>Rating:[stars][halfstars][unstars]</dd>
<dd>[comment]</dd>
<dd class='control-panel'><ul><li class='no-button'><a href='[delete_link_src]'>Delete</a></li></ul></dd>
</dl>
*/

/* blog item */
dl.blogs-item {  }
dl.blogs-item dd.description { /* height: 70px; overflow: hidden; */ margin-top: 10px; }
dl.blogs-item dd.control-panel li.posted-by img { width: 24px; height: 24px; }
/*
<dl class='side-thumb blogs-item' title='[title]'>
<dt class='big-thumb'><a href='/[link_src]'><if_thumb_fixed_src><img src='[thumb_fixed_src]'/><else_thumb_fixed_src><img src='images/no-thumb.jpg'/></if_thumb_fixed_src></a></dt>
<dd class='item-title'><a href="[link_src]">[title]</a></dd>
<dd>Posted on [date]</dd>
<if_star><dd>[stars][halfstars][unstars]</dd></if_star>
<dd class='description'>[description]</dd>
<dd class='control-panel'><ul><li class='posted-by no-button'><img src="[avatar_tiny_src]"/> Posted by: <a href='/[username]'>[username]</a></li></ul></dd>
</dl>
*/


/* profile item */

dl.profile-item { overflow: auto; _zoom: 1; }
dl.profile-item dd.left { float: left; width: 160px; }
dl.profile-item dd.right { float: left; width: 430px; }
dl.profile-item dd div.profile-avatar { width: 150px; background: none; border: 0; overflow: visible; }
dl.profile-item dd div.profile-avatar img { width: 150px; height: auto; }
dl.profile-item h3 { font-size: 150%; font-weight: bold; color: #3bb6d7;}
dl.profile-item h3 a { font-size: 150%; font-weight: bold; color: #3bb6d7; text-transform: capitalize; }
dl.profile-item h3 a:hover { text-transform: capitalize;}
dl.profile-item h3 a:visited { text-transform: capitalize; color: #000; }
dl.profile-item ul.profile-menu li { width: 150px; border-bottom: 1px solid #D1EEEF; padding:5px; 0; }
dl.profile-item ul.profile-info li {padding:3px 0;}


/* group item */
dl.groups-item {}
dl.groups-item dd.description { /* height: 70px; overflow: hidden; */ margin-top: 10px; }
dl.groups-item dd.control-panel li.created-by img { width: 24px; height: 24px; }
/*
<dl class='side-thumb groups-item' title='[title]'>
<dt class='big-thumb'><a href='/[link_src]'><if_thumb_fixed_src><img src='[thumb_fixed_src]'/><else_thumb_fixed_src><img src='images/no-thumb.jpg'/></if_thumb_fixed_src></a></dt>
<dd class='item-title'><a href="[link_src]">[title]</a></dd>
<dd>Posted on [date]</dd>
<if_star><dd>[stars][halfstars][unstars]</dd></if_star>
<dd class='description'>[description]</dd>
<dd class='control-panel'>
<ul>
<li class='created-by no-button'>Created by: <a href='/[username]'><img src="[avatar_tiny_src]"/> [username]</a></li>
<li>Members: [members]</a></li>
<li><if_member><a href="[leave_src]">Leave this groups</a><else_member><a href="[join_src]">Join this groups</a></if_member></li>
</ul>
</dd>
</dl>
*/


/* article item */
dl.articles-item { _padding-bottom: 50px; }
dl.articles-item dd.description { /* height: 70px; overflow: hidden; */ margin-top: 10px; }
/*
<dl class='side-thumb articles-item' title='[title]'>
<dt class='big-thumb'><a href='/[link_src]'><if_thumb_fixed_src><img src='[thumb_fixed_src]'/><else_thumb_fixed_src><img src='images/no-thumb.jpg'/></if_thumb_fixed_src></a></dt>
<dd class='item-title'><a href="[link_src]">[title]</a></dd>
<dd>Posted on [date]</dd>
<if_star><dd>[stars][halfstars][unstars]</dd></if_star>
<dd class='description'>[description]</dd>
</dl>
*/


/* awards item */
dl.awards-item {}
/*
<dl class='top-thumb awards-item' title='[name]'>
<dt><a href='/[link_src]'><img src='[img_src]'/></a></dt>
<dd><a href='/[link_src]'>[name]</a></dd>
</dl>
*/


/* directory item */
dl.directory-item { clear: both; overflow: auto; _zoom: 1; }
dl.directory-item dd { margin: 0; }
dl.directory-item dd.description { width: 45%; float: left;overflow: hidden; margin-top: 10px; }
dl.directory-item dd.address { width: 40%; float: right; }
dl.directory-item dd.rating { width: 40%; float: right; }
/*
<dl class='directory-item' title='[name]'>
<dt class='item-title'><a href="[link_src]">[name]</a></dt>
<dd class='description'>
[description]
</dd>
<dd class='rating'>
<if_stars>[stars][halfstars][unstars] - [votes] reviews</if_stars>
</dd>
<dd class='address'>
[adress], [city] - [state] [zipcode] [country]
</dd>
</dl>
*/

/* events item */

dl.events-item { display: block; position: relative; overflow: auto; _zoom: 1; }
dl.events-item span { display: inline; clear: none; text-align: left; }
dl.events-item dt { width: 100%; height: 25px; }
dl.events-item dt span.left {  width: 50%; float: left; font-weight: bold;  height: 25px; overflow: hidden;}
dl.events-item dt span.right {  width: 50%; float: right; text-align: right; }
dl.events-item dd { clear: both; display: block; height: 17px;}
dl.events-item dd { width: 100%;  }
dl.events-item dd.description { /* height: 70px; overflow: hidden; */ margin-top: 10px; }
dl.events-item dd.alt { width: 100%; }
dl.events-item dd span.left { width: 50%; float: left; }
dl.events-item dd span.right { width: 50%; float: right; }
dl.events-item dd.alt span.left { width: 50%; float: left; }
dl.events-item dd.alt span.right { width: 50%; float: right; }
dl.events-item dd.control-panel li.posted-by img { width: 24px; height: 24px; }
/*
<dl class="events-item" title='[name]'>
<dt class='item-title'><a href="[link_src]">[name]</a></dt>
<dd><span class="left">Address: </span><span class="right">[address]</span></dd>
<dd class="alt"></dd>
<dd><span class="left">Open:[open]</span><span class="right">Registered: [registered]</span></dd>
<dd class="alt"><span class="left">Close:[close]</span><span class="right">Aditional: 0 Comments: [additional]</span></dd>
<dd><span class="left">Date of event: [date]</span><span class="right">Votes: [votes]</span></dd>
<dd class="alt"><span class="left">Capacity: [capacity]</span><span class="right">Score: [score]</span></dd>
<dd><span class="left">Number of Guests: [guests]</span><span class="right">Points: [points]</span></dd>
<dd class='control-panel'><ul><li class='posted-by no-button'><img src="[avatar_tiny_src]"/> Posted by: <a href='/[username]'>[username]</a></li></ul></dd>
</dl>
*/

/*events item2 */

dl.events-item2 {  }
dl.events-item2 dd.description { /* height: 70px; overflow: hidden; */ margin-top: 10px; }

/*
<dl class="side-thumb events-item2" title="[name]">
<dt class="large-thumb"><a href="[link_src]"><img src="[thumb_fixed_src]" /><div class="no-thumb"></div></a></dt>
<dd><h3><a href="[link_src]">[name]</a></h3></dd>
<dd>[stars][halfstars][unstars]</dd>
<dd class="description">[description]</dd>
<dd class="time-left"><em>Time left: [time_left]</em></dd>
<dd class="address"><em>Location: [street], [city] [zipcode]</em></dd>
<dd><em>Capacity: [capacity]</em></dd>
<dd><em>Guests: [guests]</em></dd>
</dl>
*/

/* podcast item */
dl.podcasts-item {}
dl.podcasts-item dd.description { /* height: 70px; overflow: hidden; */ margin-top: 10px; }
/*
<dl class='side-thumb podcasts-item' title='[title]'>
<dt><a href='/[link_src]'><if_thumb_fixed_src><img src='[thumb_fixed_src]'/><else_thumb_fixed_src><img src='images/no-thumb.jpg'/></if_thumb_fixed_src></a></dt>
<dd class='item-title'><a href="[link_src]">[title]</a></dd>
<dd>Posted on [date]</dd>
<if_star><dd>[stars][halfstars][unstars]</dd></if_star>
<dd class='description'>[description]</dd>
<dd>Author: [author]</dd>
<dd>Files: [files]</dd>
</dl>
*/


/* classifieds item */
dl.classifieds-item {}
dl.classifieds-item dd.description { /* height: 70px; overflow: hidden; */ margin-top: 10px; }
/*
<dl class='classifieds-item' title='[title]'>
<dt class='item-title'><a href='[link_src]'>[title]</a></dt>
<dd>[description]</dd>
<dd class='control-panel'><ul><li class='no-button'>Posted by: <a href='/[username]'>[username]</a>, on [date]</li><li><a href='[link_src]'>View Details</a></li></ul></dd>
</dl>
*/

/* owner-item */
dl.owner-item {}
dl.owner-item dt { margin: 0 0 0 30px;  }
dl.owner-item dd { width: 150px; text-align: left; padding: 2px 0 0 10px; }
dl.owner-item dd.item-title { text-align: center; padding: 2px 0 0 0; width: 160px; }
dl.owner-item dd ul.owner-menu li { width: 135px; border-bottom: 1px solid #D1EEEF;padding:10px 0; }
dl.owner-item dd li.new-messages a { color: #FF0000 !important; font-weight: bold; }
dl.owner-item dd li.new-messages a:hover, dl.owner-item dd li.new-messages a:visited { color: #98CB00 !important; font-weight: bold; }

/* submit item */
dl.submit-item { overflow: auto; _zoom: 1; outline: 0; }
dl.submit-item dd.left { float: left; width: 50px; text-align: center; }
dl.submit-item dd.middle { float: left; width: 15%; text-align: center; }
dl.submit-item dd.right { float: left; width: 72%; }
dl.submit-item dd div.thumbnail {  overflow: hidden; text-align: center; margin: 0 auto; }
dl.submit-item dd div.thumbnail img {  }
dl.submit-item dd p { /* height: 70px; */ overflow: hidden; }
dl.submit-item dd.left span.points { display: block; margin: 0 auto; border: 1px solid #DADDCC; width: 70px; }
dl.submit-item dd.left a.loveit {  background: url(images/button1-left.jpg) left no-repeat; padding: 0 0 0 8px; color: #FFF; text-transform: capitalize;}
dl.submit-item dd.left a.loveit span { background: url(images/button1-right.jpg) right no-repeat; padding: 0 8px 0 0px; text-transform: capitalize; }
dl.submit-item dd.left a:visited.loveit span { text-transform: capitalize; color: #000; }

/*
<dl class='submit-item' title='[title]'>
<dd class='left'>
<div class='thumbnail'><a href='/[username]'><img src='[avatar_sq_src]'/></a></div>
<span class='points'>[props]</span>
<a href='[props_link_src]'><span>Love it</span></a>
</dd>
<dd class='right'>
<h4 class='item-title'><a hrer=''>[name]</a></h4>
<p>
[description]
</p>
</dd>
<dd class='control-panel'><ul><li class='no-button'><a href='[link]'>Read more</a> </li><li>Posted by: <a href='/[username]'>[username]</a>, on [date] </li></ul></dd>
</dl>
*/


/* update item */
.update-item .media-update { width: 50px; height: 50px;  margin: 0 4px 0 0; }
.update-item .media-update img { height: 50px; }
.update-item .media-update div { width: 50px; }
.update-item span { font-weight: bold; }
.update-item dd { font-size: 90%; margin: 0 !important;}
.update-item dt { float: left; width: 60px; }

.update-item dd.hp_comment { background: url(/mini/f/user_comment.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.buddies_request { background: url(/mini/f/user_add.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.homepage { background: url(/mini/f/page_white_world.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.blog { background: url(/mini/f/script_edit.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.pictures { background: url(/mini/f/picture.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.audio { background: url(/mini/f/music.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.battles_challenge { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.buddies { background: url(/mini/f/group_add.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.albums { background: url(/mini/f/images.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.videos { background: url(/mini/f/film.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.sounds { background: url(/mini/f/music.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.bulletins { background: url(/mini/f/note_edit.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.views { background: url(/mini/f/emoticon_tongue.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.awards { background: url(/mini/f/award_star_bronze_1.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.submit { background: url(/mini/f/arrow_branch.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.bday { background: url(/mini/f/cake.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.request { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.article { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.gallery { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.classifieds { background: url(/mini/f/money_dollar.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.joined { background: url(/mini/f/star.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.status { background: url(/mini/f/tag_green.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.thread { background: url(/mini/f/comments_add.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.group_invite { background: url(/mini/f/comments.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.group_join { background: url(/mini/f/user_add.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.buddies_reject { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.buddies_nomore { background: url(/mini/f/user_red.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.buddies_accepted { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.event_register { background: url(/mini/f/sport_raquet.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.avatar { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.award_received { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.messages { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.group_bulletin { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.post { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.battles_loser { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.battles_tie { background: url(images/) no-repeat; padding: 0 0 0 20px; }
.update-item dd.battles_winner { background: url(images/) no-repeat; padding: 0 0 0 20px; }

/* battle-item */
.battle-item { display: block; float: left; width: 45%; padding: 9px; border: 1px solid #EEEEEE; margin: 0 15px 15px 0; } /* Added 45% width to help IE along */
.battle-item dd { text-align: center; margin: 3px 0; }
.battle-item dd .vs { display: block; float: left;  width: 28px; _width: 30px; /* Fixes the box-model difference */ text-align: center; font-size: 120%; font-weight: bold; }
.battle-item dd .friend-item dt { width: 150px !important;}
.battle-item dd .friend-item dd { width: 150px; }

/* thread item */
dl.thread-item { border-bottom: 1px dotted #666666; padding-bottom: 5px; margin-bottom: 5px; }
dl.thread-item dt { font-size: 110%; font-weight: bold; margin-bottom: 4px; }
dl.thread-item dd { font-size: 90%; }
dl.thread-item dd img { float: left; margin-right: 5px; margin-bottom: 5px; width: 20px; }
dl.thread-item dd.user { padding: 3px; background: whitesmoke; }

/* favorite item */
dl.favorite-item dd h3 { font-size: 110%; margin-bottom: 5px; text-transform: capitalize; }
dl.favorite-item dd h3 a:link, dl.favorite-item dd h3 a:visited { text-decoration: none; }
dl.favorite-item dd h3 a:hover { text-decoration: underline; }
dl.favorite-item dd em { font-size: 85%; text-transform: capitalize; }

/* #+#+#+#+#+#+#+#+#+#+#+#+#+#+#+#+ BULLETS #+#+#+#+#+#+#+#+#+#+#+#+#+#+#+#+ */

#summary-bulletins .control-panel li, #summary-blogs .control-panel li, #summary-groups .control-panel li, #summary-videos .control-panel li, #summary-albums .control-panel li, #summary-images .control-panel li, #summary-guestbook .control-panel li, #summary-friends .control-panel li {background:url(http://peachymedia.com/mini/bd_nextpage.png) no-repeat 0 1px;}