* {
	margin:0;
	padding:0;
	border:none;
}
body {
	background:#ffffff url('../img/app/bg.png') repeat-x scroll top left;
	margin:0 auto;
	padding:0;
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
}


/* wrapper */
div#wrap {
	width:90%;
	margin:0 auto;
	padding:0 10px;
}


/* header & nav */
div.header {
  height:163px;
	margin:0 auto;
	background:url('../img/app/logo.png') 40px 0px no-repeat;
}
div.title {
	float:left;
	width:25%;
}
div.nav {
	width:75%;
	float:right;
	padding:30px 0 0 0;
	margin:0;
}
div.nav ul {
	list-style:none;
	float:right;
	padding:0 0 0 50px;
	margin:80px 0 0 50px;
}
div.nav ul li {
	display:inline;
	float:left;
}
div.nav ul li a, div.nav ul li a:visited, div.nav ul li a:hover {
	float:left;
	margin:0 20px;
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	border-bottom:1px solid #fff;
}


/* headers */
h1, h2 {
	text-align:left;
	color:#fff;
}
h1 {
	font-size:1.1em;
	padding-left:10px;
}
h1 a, h1 a:hover, h1 a:visited {
	text-decoration:none;
	color:#ffffff;
}
h2 {
	padding:0 0 10px 10px;
	font-size:0.8em;
	font-weight:normal;
	line-height:1.4em;
	word-spacing:1px;
	/*font-family:Georgia, Times, serif;*/
}
h3 {
	font-size:1.5em;
	font-family:'Lucida Sans Unicode','Lucida Grande',verdana,sans-serif;
	font-weight:normal;
	color:#333333;
}
h4 {
	color:#7F0000;
	font-family:Georgia, Times, serif;
	font-size:1.4em;
	font-weight:normal;
	padding:5px;
	border-bottom:1px solid #cccccc;
}
h5{
  color:#550000;
	font-family:Georgia, Times, serif;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.8em;
}
h6{
  color:#550000;
	font-family:Georgia, Times, serif;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.8em;
}


/* element defaults */
p {
	margin-bottom:20px;
	line-height:1.7em;
	font-size:0.95em;
	color:#333333;
}
ul {
	padding:0 0 20px 35px;
}
code {
	border:1px solid #7D0000;
	border-left-width:10px;
	display:block;
	padding:10px;
	margin:10px 0;
}

blockquote{
  width: 80%;
  margin: 0px;
  padding: 10px;
  quotes: "\201C" "\201D";
  color:#333;
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

/* default forms */
form {
}
form input, form textarea, form select {
	border:2px solid #dddddd;
	padding:5px;
	color:#000;
	margin:2px;
	background:#feffe4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
}
form input.formbutton {
	background:#8D0000 url('../img/app/button.png') repeat-x scroll top left;
	color:#ffffff;
	font-size:0.9em;
	border:1px solid #5E0000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
form.left_floated{
  float:left;
}

/* default tables */ 
table {
	width:100%;
	margin-bottom:10px;
}
table tr th, table tr td {
	padding:5px 10px; 
}
table tr th {
	background:#8D0000 url('../img/app/button.png') repeat-x scroll top left;
	color:#ffffff;
}
table tr td {
	border-bottom:1px solid #dddddd;
}


/* default links */
a { 
	color:#700000;
}
a:visited { 
	color:#AE0000;
} 
a:hover { 
	color:#870000; 
}
	

/* centeral page */
div.pagewrapper {
	margin:0 auto;
	background-image:url('../img/app/wrap-bg-right.png');
	background-repeat:repeat-y;
	background-position:top right;
  min-width:970px;
}
div.innerpagewrapper {
	background-image:url('../img/app/wrap-bg-left.png');
	background-repeat:repeat-y;
	background-position:top left;
}
div.page {
	margin:0 10px;
	background-color:#ffffff;
	padding:10px 10px;
}
div.page ul {
	list-style-image:url('../img/app/bullet.png');
	font-size:0.95em;
}
div.page ul li {
	padding:3px 0;
	padding-left:10px;
}


/* content */
div.content {
	width:65%;
	float:left;
	min-height:500px;
}
div.content hr{
  clear:left;
}
div.content h3{
  clear:left;
}
div.content ol{
  width:85%;
  position:relative;
  left:20px;
}

/* about */

#about{
  width:100%;
  height:131px;
  position:relative;
  left:70px;
  background:url('../img/app/about.png') transparent no-repeat left center;
}
#intro{
  color:#fff;
  width:450px;
  position:relative;
  top:15px;
  left:40px;
  text-align:left; 
}
#under_intro{
  color:#fff;
  width:450px;
  position:relative;
  left:40px;
  top:25px;
  text-align:left;
}

/* user panel user options box */

div.user_options{
  position:relative;
  left:60px;
  width:70%;
}

div.user_options p{
  clear:left;
  /*float:left;*/
}

div.user_options img.user_entries{
  float:left;
  padding-right:15px;
}


div.user_options img.user_bookmarks{
  float:left;
  padding-right:15px;
}

div.user_options img.user_settings{
  float:left;
  padding-right:15px;
}

/*  user input       */
div.user_input{
  background:#f5f5f5;
  border:1px solid #e6e6e6;
  width:90%;
  margin-left:auto;
  margin-right:auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

div.user_input h5{
  float:left;
  width:95%;
  margin-left:0%;
  height:30px;
  color:#333;
  border-bottom:1px solid #e6e6e6;
  background:#e6e6e6;
  position:relative;
  top:-10px;
  left:-1px;
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-top-bottom-right:5px;
}
div.user_input blockquote{
  clear:both;
}

div.user_input h5 span.right_side{
  font-size:12px;
  padding:0px;
  float:right;
  padding-right:10px;
}

div.user_input h5 span.left_side{
  font-size:12px;
  height:30px;
  float:left;
  padding-left:10px;
}

div.user_input h5 span.left_side strong.user{
  color:#ff6600;
}

div.entry{
  clear:left;
}
div.entry h5{
  background:url('../img/app/votes_bg.png') no-repeat left center;
  float:left;
}
div.entry h5 span{
  float:left;
  width:50px;
  color:white;
  text-align:center;
  display:block;
}
div.entry p.subopts {
  clear:left;
  font-size:12px;
}
div.entry p.full_article,div.entry p.cleared {
  clear:left;
}

div.entry fieldset{
  margin-right:auto;
  margin-left:auto;
  width:80%;
  padding-left:20px;
  background:#f5f5f5;
  border:1px solid #e6e6e6;
  -moz-border-radius:10px;
	-webkit-border-radius:10px;
}
div.entry ol{
  padding-left:20px;
}

div.entry legend{
  margin-left:20px;
  padding:5px;
  border:1px solid #e6e6e6;
}




hr{
  background:#e6e6e6;
  height:1px;
  width:70%;
  margin-top:30px;
  margin-bottom:30px;
  margin-left:auto;
  margin-right:auto;
}


/* sidebar */
div.sidebar {
  
	width:30%;
	float:right;
	background:#f5f5f5;
	border:1px solid #e6e6e6;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
div.sidebar ul {
	list-style:none;
	list-style-image:none;
	padding:10px 10px 25px 10px;
}
div.sidebar ul li {
	padding:7px 0;
}
div.sidebar ol{
  list-style-position:outside;
  width:90%;
  position:relative;
  left:20px;
  list-style-image:url('../img/app/icons/bullet_star.png');
}
div.sidebar ul li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	font-size:1.1em;
}

#icon_user_logged{
  background:url('../img/app/icons/lock_open.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}

#icon_user_panel{
  background:url('../img/app/icons/group_key.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}

div.sidebar ul li hr{
  margin-top:0px;
  margin-bottom:0px;
}

div.sidebar ul li p.small_text{
  margin-top:0px;
  margin-bottom:0px;
  font-size:12px;
}


/* preview */
#preview{
  margin-left:auto;
  margin-right:auto;
  min-height:500px;
}

#preview_opts{
  width:96%;
}

#preview iframe{
  width:100%;
  min-height:500px;
}

/* footer */
div.footer {
	clear:both;
	margin-top:10px;
	border-top:1px solid #dddddd;
}
div.footer p {
	text-align:center;
	color:#999999;
	font-size:0.7em;
	font-family:"Trebuchet MS", Verdana, Arial;
}
div.footer p a {
	color:#999999;
}

/* search form */
form.searchform {
	padding-top:10px;
}

/*avatars */

table.avatars{
  table-layout:auto;
  width:99%;
}
table.avatars input,input.bookmark_input,input.entries{
  padding:2px; 
}

table.avatars td{
  border:1px solid #e6e6e6;
  background:#fff;
}

table.avatars img{
  border:1px solid #e6e6e6;
}

/* highlighted paragraphs */
p.entry_options{
  padding:5px;
  background:#f5f5f5;
  border:1px solid #e6e6e6;
  font-size:12px;
  clear:left;
  -moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#entry_options_rate{
  background:url('../img/app/icons/award_star_add.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}
#entry_options_add_comment{
  background:url('../img/app/icons/comment_add.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}

#entry_options_comments{
  background:url('../img/app/icons/comment.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}

#entry_options_raport{
  background:url('../img/app/icons/bell_error.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}
#entry_options_user{
  background:url('../img/app/icons/user_orange.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}

#entry_options_bookmark{
  background:url('../img/app/icons/attach.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}

#entry_options_vote{
  background:url('../img/app/icons/thumb_up.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}
#entry_options_broken_link{
  background:url('../img/app/icons/link_break.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}
#options_add_to_bookmarks{
  background:url('../img/app/icons/attach.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}
#options_blog{
  background:url('../img/app/icons/page_red.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}
#user_options_registration{
  background:url('../img/app/icons/textfield_key.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}
#user_options_restore_access{
  background:url('../img/app/icons/vcard_edit.png') no-repeat center left;
  padding:2px;
  padding-left:20px;
}

/* pagination */
span.pag_num_tag_open{
  padding:0px 4px;
  margin:0px 2px;
  border:1px solid #e6e6e6;
  background:#f5f5f5;
  -moz-border-radius:3px;
	-webkit-border-radius:3px;
}
span.pag_num_tag_open a{
  color:#ff6600;
  font-size:11px;
}
span.pag_cur_tag_open{
  padding:3px 4px;
  position:relative;
  top:-1px;
  margin:0px 2px;
  border:1px solid #ff6600;
  background:#ff9955;
  font-size:11px;
  font-weight:bold;
  color:#fff;
  -moz-border-radius:3px;
	-webkit-border-radius:3px;
}

span.pag_first_tag_open{
  padding:0px 8px;
  font-size:11px;
}
span.pag_first_tag_open a{
  color:#ff6600;
  text-decoration:none;
  font-size:11px;
}

span.pag_last_tag_open{
  padding:0px 8px;
}
span.pag_last_tag_open a{
  color:#ff6600;
  text-decoration:none;
  font-size:11px;
}

span.pag_next_tag_open{
  padding:2px 4px;
}

span.pag_next_tag_open a{
  color:#ff6600;
  text-decoration:none;
  font-size:11px;
}
span.pag_prev_tag_open{
  padding:2px 4px;
}
span.pag_prev_tag_open a{
  color:#ff6600;
  text-decoration:none;
  font-size:11px;
}




/* misc classes */
.centered{
  text-align:center;
}
.bordered{
  border:3px solid #dcdcdc; 
}
*:focus {
	outline:none;
}
.clear {
	clear:both;
}
.required{
  color:#a30000;
}

.right_side{
  padding:5px;
  text-align:right
}

.flash_confirmation{
  line-height:30px;
  color:#008000;
  padding-left:20px;
}

div.man_container{
  width:450px;
  margin-left:auto;
  margin-right:auto;
  padding:5px;
}
div.man_container img{
  border:1px solid #e6e6e6;
}

p.inline_confirmation,p.confirmation{
  color:#008000;
}
#avatar{
  border:4px solid #000;
}
img.user_avatar{
  float:left;
  position:relative;
  width:30px;
  height:30px;
}
span.user_name{
  color:#ff6600;
}
.entry_comment{
  padding:10px 40px 10px 40px;
  font-size:12px;
  color:#504416;
  line-height:20px;
  letter-spacing:1px;
  background:#f4eed7;
  border:1px solid #e9ddaf;
  -moz-border-radius:10px;
	-webkit-border-radius:10px;
}


/* errors */

#errors{
  width:300px;
  border:1px solid #a30000;
  margin-left:auto;
  margin-right:auto;
}
#errors h6{
  color:#fff;
  font-size:20px;
  padding-left:20px;
  background:#a30000;
}
#errors p{
  color:#a30000;
  padding:0px 20px 0px 20px;
  margin:0px;
}

/*info */

#info{
  width:300px;
  border:1px solid #ff7f2a;
  margin-left:auto;
  margin-right:auto;
}
#info h6{
  color:#fff;
  font-size:20px;
  padding-left:20px;
  background:#ff7f2a;
}
#info p{
  color:#ff7f2a;
  padding:0px 20px 0px 20px;
  margin:0px;
}


/* confiramtion */

#confirmation{
  width:300px;
  border:1px solid #008000;
  margin-left:auto;
  margin-right:auto;
}
#confirmation h6{
  color:#fff;
  font-size:20px;
  padding-left:20px;
  background:#008000;
}
#confirmation p{
  color:#008000;
  padding:0px 20px 0px 20px;
  margin:0px;
}