/*
libreXpresion.css file
Palete colors:
dull: 
dark brown: #662222
dark gray: #554444
dead red: #bb4444
light gray: #ccbbbb
dark magenta: #aa7788
yellow clear: #fbf5b1
vibrant:
dark brown: #773333
dark red: #880000
dark green: #008800
live red: #ee0000
hard magenta: #dd6677
light magenta: #ffccee
live yellow: #fbf542
live blue: #0000ee
*/

/*********************************************
 * Main 
 *********************************************/

body {
  margin: 0px;
  padding: 0px;
  background: #fef7ec;
  font: 12px/20px Verdana, Arial, Sans-serif;
  color: #555544;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
  font-family: Bookman, New Century Schoolbook, Palatino, serif;
}

h1 {
  line-height: 28px;
}

a:link, a:visited {
  color: #ee0000;
  text-decoration: none;
}

a:hover {
  color: #dd6677;
  text-decoration: underline;
}

a:active, a.active {
  color: #dd6677;
}


/*********************************************
 * Container divs
 *********************************************/

#root {
	position: relative;
	clear: both; 
	margin-top: 0px; 
	width: 100%; 
	overflow: hidden;
	background: #fef7ec;
}

#top {
	width: 100%;
	height: 155px;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
}

#logotop {
	width: 100%;
	height: 125px;
	float: left;
	background: #ffffff;
	overflow: hidden;
}

#logoimg {
	width: 400px;
	height: 125px;
	float: left;
	overflow: hidden;
}

#logoimg img {
	border: none;
}

#wired {
	width: 283px;
	height: 125px;
	float: right;
	overflow: hidden;
}

#topbar {
	width: 100%;
	height: 30px;
	background: #880000;
	float: left;
}

#leftcol-margin-l {
  background: #fef7ec;
  width: 1%;
  float: left;
}

#leftcol {
	width: 20%;
	background: #fbf5b1;
	float:left;
	overflow: hidden;
}

#rightcont-margin-l {
  background: #fef7ec;
  width: 1%;
  float: left;
}

#rightcont {
	background: #fef7ec;
	overflow: hidden;
	width: 77%;
	float: left;
}

#maincol-margin-r {
  background: #fef7ec;
  width: 1%;
  float: left;
}

#maincol {
	background: #fef7ec;
	width: 78%;
	float: left;
	overflow: hidden;
}

#rightcol {
	width: 21%;
	background: #fbf5b1;;
	float: left;
	overflow: hidden;
}

#bottom {
	width: 100%;
	height: 30px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #dd6677;
	color: #fbf542;
}

/*********************************************
 * Boxes
 *********************************************/

.theme-box {
	margin-bottom: 10px;
	border: 1px solid #662222; 
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
}

.theme-box .title {
	text-align: center;
	background: #662222;
	margin-bottom: 10px;
	color: #fbf542;
}



/*********************************************
 * Menus
 *********************************************/

#leftcol .menu {
	width: 94%;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
}

#leftcol .menu li {
	border-left: 4px solid #fbf5b1;
	padding-left: 5px;
	border: 1px solid #880000;
	margin-bottom: 2px;
}

#leftcol .menu li a:hover {
	border-left: 2px solid #880000;
	padding-left: 5px;
	text-decoration: none;
}

#topbar .menu {
	list-style: none;
	white-space: nowrap;
	height: 30px;
	padding-top: 5px;
	text-align: center;
	width: 100%;
}

#topbar .menu li {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
	white-space: nowrap;
	display: inline;
}

#topbar .menu li a {
	font-weight: normal;
	display: inline;
	text-decoration: none;
	white-space: nowrap;
	color: white;
}


#topbar .menu li a:hover {
	color: #f3f477;
	border-bottom: 2px solid;
}



/*********************************************
 * Blog
 *********************************************/

.blog-entry {
	margin-bottom: 0px;
	border-bottom: 1px solid #fef7ec;
	padding-bottom: 20px;
	margin-top: 20px;
}

.blog-entry h1 a {
	color: #dd6677;
}

.blog-entry .header .additional {
	text-align: right;
	font-size: 10px;
	color: #ccbbbb;
}

.blog-entry .body {
	text-align: justify;
}

.blog-entry .links {
	margin-top: 10px;
	margin-bottom: 0px;
	border-top: 1px solid #880000;
}

.blog-entry .link {
	font-size: 10px;
	font-family: Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px 0px 0px 5px;
	margin-top: -1px;
	border: 1px solid #880000;
	border-top: 1px solid #fef7ec;
	float: left;
}

.blog-intro { /* Means intro of complete user's blog, not of an entry */
	width: 98%;
	margin-bottom: 15px;
 	padding-left: 1%; 
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #bb4444;
}

.blog-intro h1 {
	color: #fbf542;
	font-style: italic;
}

.blog-intro p.slogan {
	font-size: 10px;
	font-style: italic;
	text-align: right;
	color: #fbf5b1;
}


/*********************************************
 * Blog comments
 *********************************************/

.blog-comments {
	width: 100%;
}

.blog-comments .comment {
	padding-top: 10px;
	padding-bottom: 20px;
}

.blog-comments h1 {
	font-size: 16px;
	color: #773333;
	border-bottom: 2px #773333 solid;
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog-comments h2 {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 14px;
	color: #773333;
	border-bottom: 2px #773333 solid;
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog-comments .comment .submitted {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 8px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ccbbbb;
	float: right;
}

.blog-comments .comment h3 {
	font-weight: bold;
	color: #dd6677;
}

.blog-comments .comment .body {
	font-size: 12px;
}

.blog-comments .comment .links {
	margin-top: 10px;
	margin-bottom: 0px;
	border-top: 1px solid #880000;
}

.blog-comments .comment .link {
	font-size: 10px;
	font-family: Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px 5px 0px 0px;
	margin-top: -1px;
	border: 1px solid #880000;
	border-top: 1px solid #fef7ec;
	float: right;
}

.blog-comments .indented {
  margin-left: 20px;
}


/*********************************************
 * Generic forms
 *********************************************/

.entry-form {
	width: 100%;
}

#leftcol .entry-form {
	width: 100%;
	text-align: center;
}

.entry-form h1 {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 16px;
	color: #773333;
	border-bottom: 1px #773333 solid;
	margin-bottom: 10px;
}

.entry-form h2 {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 14px;
	color: #773333;
	border-bottom: 1px #773333 solid;
	margin-top: 10px;
	margin-bottom: 10px;
}

.entry-form label {
	font-weight: bold;
	display: block;
}

.entry-form .text-field {
	width: 95%;
	display: block;
}

.entry-form textarea {
	width: 95%;
	display: block;
}

.entry-form .submit {
	margin-top: 10px;
/*	display: block;*/
	margin-left: auto;
	margin-right: auto;
}

.entry-form .error-message {
	color: #ee0000;
	font-weight: bold;
	width: 97%;
	padding: 1% 1% 1% 1%;
	border: 1px solid #ee0000;
}


/*********************************************
 * Login
 *********************************************/

.form-login {
	width: 100%;
	padding-bottom: 10px;
	display: block;
}

.form-login .form-submit {
	text-align: center;
}

.logged-as {
	text-align: center;
	margin-bottom: 10px;
}



/*********************************************
 * DemoFP
 *********************************************/
.blog-votes {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	margin-top: 20px;
	background: #fbf5b1;
	float: left;
}

.blog-votes h1 {
	font-size: 16px;
	color: #773333;
	border-bottom: 2px #773333 solid;
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog-votes table {
	width: 95%;
}

.blog-votes .vote {
}

.blog-votes .vote .user {
	font-family: Courier New, Monospace;
	color: #554444;
	font-size: 10px;
	text-align: left;
}

.blog-votes .vote .tstamp {
	font-family: Courier New, Monospace;
	color: #ccbbbb;
	font-size: 10px;
	text-align: right;
}

.blog-votes .vote .value {
	font-family: Courier New, Monospace;
	font-size: 10px;
	text-align: right;
}

.blog-votes .vote .value .positive {
	color: #0000ee;
}

.blog-votes .vote .value .negative {
	color: #ee0000;
}


.blog-votes .total {
	font-family: Courier New, Monospace;
	font-size: 12px;
}

.blog-votes .total .title {
	color: #aa7788;
	text-align: right;
}

.blog-votes .total .positive {
	text-align: right;
	text-align: right;
	font-weight: bold;
	border-top: solid 1px #773333;
	color: #0000ee;
}

.blog-votes .total .negative {
	font-weight: bold;
	text-align: right;
	border-top: solid 1px #773333;
	color: #ee0000;
}

.vote-links {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	float: left;
	width: 100%;
	background: #662222;
	color: white;
}

.vote-links .title {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
}

.vote-links .link {
	font-size: 22px;
	font-weight: bold;
	font-family: Courier, Monospace;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px 12px 0px 0px;
	border: 1px solid white;
	color: white;
	float: right;
	background: #bb4444;
}

/*********************************************
 * Advices
 *********************************************/

.advice {
	width: 504px;
	text-align: center;
	padding: 10px 10px 10px 10px;
	background: #ee0000;
	border: 3px solid #bb4444;
	color: white;
	float: left;
}

/*********************************************
 * AMVC Errors
 *********************************************/
.amvc-error {
	width: 97%;
	text-align: center;
	padding: 1% 1% 1% 1%;
	border: 3px solid #ee0000;
	color: #ee0000;
	float: left;
}

.amvc-error .message {
	font-size: 14px;
	font-weight: bold;
}

.amvc-success {
	width: 97%;
	text-align: center;
	padding: 1% 1% 1% 1%;
	border: 3px solid #008800;
	color: #008800;
	float: left;
}

.amvc-success .message {
	font-size: 14px;
	font-weight: bold;
}


/*********************************************
 * HTTP Errors
 *********************************************/

.http-error {
	width: 97%;
	text-align: center;
	padding: 1% 1% 1% 1%;
	background: #ee0000;
	border: 3px solid #bb4444;
	color: white;
	float: left;
}


.http-error h1 {
	font-family: Verdana, arial, sans-serif;
	font-weight: bold;
}

.http-error .message {
	font-size: 24px;
}

.http-error .descr {
	font-size: 16px;
}


/*********************************************
 * Pagination widget
 *********************************************/

.pagination {
	text-align: center;
	width: 100%;
	float: left;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pagination .pagenumber {
 	padding: 3px 5px 3px 5px;
	border: 1px solid;
}

.pagination .pagenumber .current {
	font-weight: bold;
}



/*********************************************
 * Books
 *********************************************/

.book-entry {
	margin-bottom: 0px;
	border-bottom: 1px solid #fef7ec;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.book-entry .links {
	margin-top: 10px;
	margin-bottom: 0px;
	border-top: 1px solid #880000;
}

.book-entry h1 a {
	color: #dd6677;
}

.book-entry .header .additional {
	text-align: right;
	font-size: 10px;
	color: #ccbbbb;
}

.book-entry .body {
	text-align: justify;
}

.book-entry .links {
	margin-top: 10px;
	margin-bottom: 0px;
	border-top: 1px solid #880000;
}

.book-entry .link {
	font-size: 10px;
	font-family: Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px 0px 0px 5px;
	margin-top: -1px;
	border: 1px solid #880000;
	border-top: 1px solid #fef7ec;
	float: left;
}



.book-entries {
	width: 530px;
	float: left;
}

.book-entries .entry {
	padding-top: 2px;
	padding-bottom: 2px;
}

.book-entries h1 {
	font-size: 16px;
	color: #773333;
	border-bottom: 2px #773333 solid;
	margin-top: 10px;
	margin-bottom: 10px;
}

.book-entries h2 {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 14px;
	color: #773333;
	border-bottom: 2px #773333 solid;
	margin-top: 10px;
	margin-bottom: 10px;
}

.book-entries .entry h3 {
	color: #dd6677;
}

.book-entries .indented {
  margin-left: 20px;
}

.book-entries-table {
	width: 95%;
	border: none;
}

.book-entries-table tr.odd {
	background: #fbf5b1;
}

.book-entries-table tr.head {
	font-weight: normal;
	color: #fbf542;
	background: #bb4444;
}

/*********************************************
 * Content-Tags
 *********************************************/
.content-tags {
	width: 100%;
	text-align: right;
	float: left;
}

.content-tag {
	font-size: 10px;
	padding-right: 5px;
	color: #aa7788;
}

.content-tag-title {
	font-size: 10px;
	font-weight: bold;
	color: #bb4444;
}


/*********************************************
 * Misc boxes
 *********************************************/
.last_users .user {
	text-align:center;
	font-weight:bold;
	display: block;
}

.connected_users .user {
	text-align:center;
	font-weight:bold;
	display: block;
}


/*********************************************
 * ContentVersion
 *********************************************/
.content-version {
	width: 95%;
}

.content-version tr.odd {
	background: #fbf5b1;
}

.content-version tr.head {
	font-weight: normal;
	color: #fbf542;
	background: #bb4444;
}

.content-version-diffs {
	width: 100%;
}

.content-version-diffs h1 {
	font-size: 14px;
	font-family: Verdana, Arial, Sans-serif;
	background: #662222;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

.content-version-diffs del {
	background: #fbf5b1;
}

.content-version-diffs ins {
	background: #b1f5b1;
}




/*********************************************
 * Stats
 *********************************************/
.blog-entry-stats {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	margin-top: 20px;
	background: #fbf5b1;
	float: left;
}

.blog-entry-stats h1 {
	font-size: 16px;
	color: #773333;
	border-bottom: 2px #773333 solid;
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog-entry-stats table {
	width: 95%;
}