/*--------------------------------------------------------------------
Pringo Networks Empower
Items Style Sheet (lays out the page items)

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

/* ################################################################## */
/* ## DO NOT TOUCH ## DO NOT TOUCH ## DO NOT TOUCH ## DO NOT TOUCH ## */
/* ################################################################## */

/* TOP THUMB LAYOUT */
dl.top-thumb { display: block; position: relative; float: left; }
dl.top-thumb dt { overflow: hidden; text-align: center; margin:0 auto; }
dl.top-thumb dd { overflow: hidden; white-space: nowrap; text-align: center; }

/* SIDE THUMB LAYOUT */
dl.side-thumb { display: block; /* position: relative; zoom: 1;*/ border-bottom: 1px dashed #CCC; padding-top: 15px; /padding-bottom: 15px; _padding-bottom: 15px; }
dl.side-thumb dt { overflow: hidden; text-align: center; float: left; }

dl.side-thumb { /overflow: hidden; }
dl.side-thumb:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; margin-bottom: 15px; }
/* Hides from IE-mac \*/
* html dl.side-thumb { height: 1%; }
dl.side-thumb { display: block; }
/* End hide from IE-mac */

/* BULLET LAYOUT */
dl.bullet { display: block; position: relative; }

/* CONTROL PANEL - contron-panel: aligns right, control-panel2: aligns left*/
.control-panel, .control-panel2 { text-align: right; margin: 10px 0; }
.control-panel li, .control-panel2 li { display: inline; }
.control-panel li { text-align: right; }
.control-panel li span { }
.control-panel li.no-button, .control-panel li.no-button2 { background: none !important; }

.control-panel2, .control-panel2 li {text-align: left;}
.control-panel2 {width: 100%; padding-top: 20px; }

/* ################################################################## */
/* ## DO NOT TOUCH ## DO NOT TOUCH ## DO NOT TOUCH ## DO NOT TOUCH ## */
/* ################################################################## */


/* ##################################################################### */
/* CUSTOMIZE YOUR ITEMS LAYOUT (OK, NOW YOU CAN TOUCH! C'MON, TOUCH IT!) */
/* ##################################################################### */

/*
REMEMBER: These are the default values. If you want to make changes for a specific template item, use these as an example.
*/

/* TOP THUMB LAYOUT #####################################################
	* All the widths and heights should be set for the thumb size.
	* You can customize the border around the thumb, as well.
*/
dl.top-thumb dt { width: 90px; height: 90px; } /* crop size */
dl.top-thumb dt { border: solid 1px #CCC; background: #EEE; } /* do you want some border? */
dl.top-thumb dt img { height: 90px; } /* size of the image (make it bigger than crop might be a good idea) */
dl.top-thumb dd { width: 90px; } /* maximum size of the text, below the thumb */

/* SIDE THUMB LAYOUT #####################################################
	* All the widths and heights should be set for the thumb size.
	* You can customize the border around the thumb, as well.
*/
dl.side-thumb dt { width: 90px; height: 90px; } /* crop size */
dl.side-thumb dt { border: solid 1px #CCC; background: #f4f4f4; } /* do you want some border? */
dl.side-thumb dt img { height: 90px; } /* size of the image (make it bigger than crop might be a good idea) */
dl.side-thumb dd { margin: 0 0 0 110px; } /* make it the width of the crop + 10px */

/* BULLET LAYOUT #####################################################
	* Choose your bullet image.
*/
dl.bullet dt { padding: 0 0 0 17px; } /* size of the bullet image + some spacing */
dl.bullet dt { background: url(/images/bullet.gif) 0 4px no-repeat; } /* set the bullet image + fine tunning on the position */
dl.bullet dd { margin: 0 0 0 0; } /* This is the spacing of the sub-items. Size of the bullet image + some spacing */

/* CONTROL PANEL */
.control-panel li { background: url(images/) 2px 7px no-repeat; padding: 0 0 0 15px; } /* button for separating options on the control panel */
.control-panel li.no-bullet, .control-panel2 li.no-bullet { background: none; }

.album-controls {padding:10px;}

/* #+#+#+#+#+#+#+#+#+#+#+#+#+#+#+#+ SUBMIT COUNTER LAYOUT #+#+#+#+#+#+#+#+#+#+#+#+#+#+#+#+ */

.submit_props { width: 45px; text-align: center; margin: 0; padding: 0; list-style: none; font-size:80%; }
.props_count a { display: block; padding: 0.5em 0; text-decoration: none; text-transform: capitalize; margin-bottom: 0; }
.props_count a:hover { color: #3C3508; text-transform: capitalize; }
.props_count a:visited { color: #000; text-transform: capitalize; }
.submit_props li { border: 1px solid #fff; /* fixes IE margin bug */ margin: 0; padding: 0; }
#props_strong { font-size: 200%; }
.shade_5 { background: #FFF299 url(images/shade_5.gif); }
.shade-5 a { background: url(images/shade_5.gif) bottom right; color: #000; text-transform: capitalize; }
.shade_5 strong { color: #50470D; display: block; }
* html .shade_5 { background-position: 1px 1px; }
li.give-props {}
li.give-props a {display:block; border: 1px solid #eee; margin-top:5px; text-transform: capitalize;}
li.give-props a:visited {display:block; border: 1px solid #eee; margin-top:5px; text-transform: capitalize; color: #FFF; }