/* ------------------------------------------------------------------------------------ *
| CONTENT CSS FILE :: for Roland														|
| Script: content.css																	|
| 																						|
| PROJECT :: Roland v1.0																|
+ ------------------------------------------------------------------------------------- +
| Author :: Uaalah!!																	|
* ------------------------------------------------------------------------------------- */

/* @group CONTENT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.primary {
	float: left;
	width: 450px;
	position: relative;
}

.secondary {
	float: right;
	width: 450px;
	position: relative;
}

.secondary .floating-image {
	position: absolute;
	left: 0;
}

#top-content .primary,
#top-content .secondary {
	padding-top: 30px;
}

#content.home #top-content .head-quote {
	background: url(../images/roland-creative-club.png) no-repeat;
	padding-left: 205px;
	min-height: 172px;
	color: #8f95a4;
	font-size: 1.166em;
	line-height: 160%;
}

#content.home #top-content .head-quote a {
	float: left;
	display: block;
	background: url(../images/register-btn.png) no-repeat;
	color: #fff;
	padding-left: 44px;
}

#content.home #top-content .head-quote a strong {
	display: block;
	background: url(../images/register-btn.png) no-repeat right top;
	color: #fff;
	line-height: 31px;
	padding-right: 14px;
}

#content.home #top-content .head-quote a:hover {
	text-decoration: underline;
}

#main-content h2 {
	font-size: 1.5em;
}

#ideas-list li {
	margin-bottom: 16px;
}

#ideas-list p {
	margin-bottom: .6em;
}

#ideas-list .category {
	background-color: #969caa;
	color: #fff;
	font-size: .833em;
	text-transform: uppercase;
	padding: 0 8px;
	float: left;
	margin-bottom: .5em;
}

#ideas-list .title {
	font-size: 1.166em;
	font-weight: bold;
	clear: both;
	margin-bottom: .25em;
}

#ideas-list .title em {
	font-size: .785em;
	margin-left: .5em;
	color: #2e8dc2;
	font-style: normal;
}

#ideas-list a,
#ideas-list .title em a {
	color: #2e8dc2;
}

#ideas-list a:hover,
#ideas-list .title em a:hover {
	text-decoration: underline;
}

#main-content .meta {
	font-size: .9166em;
}

#main-content .meta * {
	font-style: normal;
	margin-right: 10px;
}

#main-content .meta .date {
	color: #2e8dc2;
}

#main-content .meta a.comments {
	color: #7a7c7e;
	background: url(../images/comments.png) no-repeat left center;
	padding-left: 17px;
}

#main-content .meta .visits {
	background: url(../images/visits.png) no-repeat left center;
	padding-left: 10px;
}

#main-content .secondary {
	padding-top: 115px;
}

#main-content #sidebar {
	padding-top: 60px;
}

#main-content .secondary #private-area {
	float: left;
	width: 220px;
	background: url(../images/private-area-bg.png) no-repeat;
	height: 150px;
	overflow: hidden;
}

#main-content .secondary #private-area fieldset {
	padding: 15px;
}

#main-content .secondary #private-area fieldset p {
	margin-bottom: .3em;
}

#main-content .secondary #private-area fieldset p.links {
	font-size: .909em;
	margin-top: 15px;
}

#main-content .secondary #private-area h2 {
	color: #577492;
	margin: 0 0 .75em;
}

#main-content .secondary .side-text {
	float: right;
	width: 210px;
	margin-left: 20px;
	color: #8f95a4;
}

#main,
.main {
	float: left;
	width: 595px;
}

#sidebar,
.secondary.side {
	float: right;
	width: 325px;
}

.head-quote h2 {
	color: #2e8dc2;
	font-size: 36px;
	margin: 0 0 8px;
	padding-top: 30px;
}

.head-quote p {
	font-size: 14px;
}

body #content #top-content .head-quote {
	background: url(../images/ideas-icon.png) no-repeat 0 30px;
	padding-left: 85px;
	color: #8f95a4;
	font-size: 1.166em;
	line-height: 160%;
}

body #content #top-content .head-quote.que-es {
	background: url(../images/roland-creative-club-small.png) no-repeat 0 30px;
}

body #content #top-content .head-quote.registrate {
	background: url(../images/register-icon.png) no-repeat 0 30px;
}

.ideas #ideas-list {
	margin-top: 25px;
}

.ideas #ideas-list .title em {
	display: block;
	margin-left: 0;
}

.ideas #ideas-list > li {
	background: url(../images/list-separator.png) repeat-x left bottom;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.ideas #ideas-list li.direct-child {
	background: url(../images/list-separator.png) repeat-x left bottom;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

#pagination {
	line-height: 31px;
	background-color: #ebf2f6;
	margin-top: -11px;
	text-align: center;
	text-transform: lowercase;
	height: 1%;
}

#pagination li {
	display: -moz-inline-block;
	display: inline-block;
}

#pagination li a.prev,
#pagination li a.next {
	margin: 0 20px !important;
}

#pagination li.active a {
	color: #2e8dc2 !important;
	text-decoration: none !important;
	font-weight: bold;
}

#pagination li a {
	padding: 0 1px;
	color: #8f95a4;
	cursor: default;
	display: inline-block;
}

#pagination li a:link,
#pagination li a:visited { /* IE6 bug, needs :visited to work */
	padding: 0 1px;
	margin: 0;
	color: #577492;
	cursor: pointer;
	text-decoration: underline;
}

#sidebar h3 {
	font-size: 1.5em;
	color: #ee3124;
}

#publish-idea {
	margin-bottom: 25px;
}

#publish-idea p {
	margin-bottom: .6em;
}

#goodies {
	border: 1px solid #dadce1;
}

#goodies ul {
	margin-bottom: -1px;
}

#goodies li:first-child {
	border-top: none;
}

#goodies li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dadce1;
	background-color: #f4f4f6;
	padding: 10px 14px;
	color: #8f95a4;
}

#goodies li p {
	margin-bottom: 0;
	font-size: .909em;
	line-height: 120%;
}

#goodies h4 {
	color: #5c606a;
	font-size: 1.333em;
	margin-bottom: .3em;
}

#goodies li#best-ideas {
	background: #f4f4f6 url(../images/star-icon.png) no-repeat 12px 10px;
	padding-left: 72px;
}

#goodies li#opinions {
	background: #f4f4f6 url(../images/database-icon.png) no-repeat 12px 10px;
	padding-left: 72px;
}

#main-content.que-es #main {
	padding-top: 30px;
}

#main-content #main .button {
	float: left;
	display: block;
	background: url(../images/rounded-btn.png) no-repeat;
	color: #fff;
	padding-left: 14px;
}

#main-content #main .button strong {
	display: block;
	background: url(../images/rounded-btn.png) no-repeat right top;
	color: #fff;
	line-height: 31px;
	padding-right: 14px;
}

#main-content #main .button:hover {
	text-decoration: underline;
}

/* @group IDEAS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#idea-post {
	margin-top: 25px;
}

#idea-post .meta {
	margin-bottom: 1.3em;
	padding-bottom: .5em;
	background: url(../images/list-separator.png) repeat-x left bottom;
}

#idea-post .category {
	background-color: #969caa;
	color: #fff;
	font-size: .833em;
	text-transform: uppercase;
	padding: 0 8px;
	float: left;
	margin-bottom: .5em;
}

#idea-post .title {
	font-size: 2em;
	font-weight: normal;
	clear: both;
	display: block;
	padding: .15em 0 0;
	margin: 0 0 .25em;
	color: #2e8dc2;
}

#idea-post .author {
	margin-bottom: .6em;
	display: block;
	color: #2e8dc2;
	font-style: normal;
}

#idea-post a,
#idea-post .title a {
	color: #2e8dc2;
}

#idea-post a:hover,
#idea-post .title a:hover {
	text-decoration: underline;
}

#idea-post .rate {
	margin-bottom: 1.3em;
	padding: .8em 0;
	background: url(../images/list-separator.png) repeat-x left bottom;
}

#idea-post .rate strong {
	color: #ee3124;
	font-size: 1.166em;
	font-weight: normal;
	display: block;
	margin-bottom: .5em;
}

#idea-comments #idea-comments-title * {
	color: #ee3124;
	font-size: 1.166em;
	font-weight: normal;
}

#idea-comments li {
	background-color: #f4f4f6;
	padding: 7px 9px 10px;
}

#idea-comments li.odd {
	background-color: #fff;
}

#idea-comments li p {
	margin-bottom: 0;
}

#idea-comments li .user {
	margin-bottom: .2em;
}

#idea-comments li .user * {
	margin-right: 5px;
}

#idea-comments li .user em {
	color: #999090;
	font-style: normal;
	margin-left: 5px;
}

#idea-comments ul {
	margin-bottom: 2em;
}

#main .back {
	width: auto;
	color: #fff;
	background: url(../images/submit-btn3.png) repeat-x;
	border: none;
	padding: 5px 12px;
	cursor: pointer;
	font-weight: normal;
	line-height: 25px;
	height: 25px;
}

#main .back:active,
#main .back:hover {
	color: #000;
	text-decoration: none;
}

#ideas-filter {
	background: url(../images/filters-bg.png) repeat-x;
	border-left: 1px solid #a3a8b5;
	border-right: 1px solid #a3a8b5;
	padding: 0 14px;
	margin-top: 25px;
}

#ideas-filter p {
	height: 40px;
	line-height: 40px;
	margin-bottom: 0;
	color: #fff;
	vertical-align: top;
}

#ideas-filter p strong {
	font-size: 1.333em;
	color: #fff;
	text-shadow: #9c9c9c 1px 1px 2px;
	margin-right: 20px;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group STAR-RATING ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* Comments:
 * based on: http://www.komodomedia.com/blog/2007/01/css-star-rating-redux
 * note: 'body' tag before selectors prevent undesired inheritance, specially for IEs
*/

body .star-rating,
body .star-rating a:hover,
body .star-rating a:active,
body .star-rating a:focus,
body .star-rating .current-rating {
	background: url(../images/star.gif) left -1000px repeat-x;
}
body .star-rating {
	position: relative;
	width: 60px;
	height: 12px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}
body .star-rating li {
	display: inline;
}
body .star-rating a,
body .star-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 24px;
	line-height: 24px;
	outline: none;
	overflow: hidden;
	border: none;
}
body .star-rating a:link:hover,
body .star-rating a:link:active,
body .star-rating a:link:focus {
	background-position: left -12px;
}
body .star-rating a.one-star {
	width: 20%;
	z-index: 6;
}
body .star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}
body .star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}
body .star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}
body .star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}
body .star-rating .current-rating {
	z-index: 1;
	background-position: left -12px;
}
body .star-rating:hover .current-rating {
	left: -1000px;
}
body .small-star {
	width: 50px;
	height: 12px;
}
body .small-star:hover .current-rating {
	left: auto;
}
body .small-star a,
body .star-rating a {
	cursor: default;
}
body .small-star a:link,
body .star-rating a:link {
	cursor: pointer;
}
body .small-star,
body .small-star a:hover,
body .small-star a:active,
body .small-star a:focus,
body .small-star .current-rating {
	background-image: url(../images/star-small.gif);
	line-height: 12px;
	height: 12px;
}
body .inline-rating {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}
.mensajeError{
	color:#F00;
	font-size:14px;
	font-weight:bold;
}
.tabla_admin thead{
	background-color:#6bb0d7;
	color:#ffffff;
	font-size:13px;
}
.tabla_admin thead strong{
	color:#ffffff;
	font-size:13px;
}
.tabla_admin td{
	padding:0px 5px 0px 5px;
	border:0px;
}
.fila1{
	margin-top:5px;
	background-color:#f0f2f4;	
}
.fila1 .desactivat{
	margin-top:5px;
	color:#ff0000;
}
.fila0{
	background-color:#f9f9fa;
}
.fila0 .desactivat{
	color:#ff0000;
}
/*comentar idea*/
#comentar-idea h3{
	font-size: 1.5em;
	color: #ee3124;
}
#comentar-idea form{
	margin-left:-60px;	
}
/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group CLEARFIX :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#content:after,
#main-content .wrap:after,
#goodies li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */