/*
Theme Name: Djini
Theme URI: http://www.intensivepurposes.com/
Description: Orange and red Djini theme
Version: 1.0
Author: Jeremy LaCivita

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/


body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color:    #AAAAAA;
  font-family: arial;
  font-size: 12px;
}

p {
  margin-top: 10px;
  margin-bottom: 10px;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #FF7F00;
}

.even {
	padding-left: 20px;
	border-left: 5px solid #FF7F00;
}

.odd {
	padding-left: 20px;
	border-left: 5px solid #D62400;
}


div.entry-text img {
//  width: 95%;
  width: expression(this.max-width > 380? "380px": "380x" );
}

div.entry-text img.small {
  width: auto;
}


div.background {
  background-color:    white;
  width:               722px;
//  height: 100%;
//  margin:              25px;
  margin-top:          25px;
  margin-bottom:          25px;
  padding:             5px;
  text-align:          left;
}

div.shadow {
  background-color:   #555555;
  width: 722px;
  position: relative;
  top: 5px;
  left: 5px;
}

.logo {
 float:               left;
 width:               142px;
 height:              142px;
 border-right:        solid 5px white;
 background: #D62400 url("/images/logo.png")  no-repeat right bottom;
}

.logo2:hover {
  background: #D62400 url("/images/logo_r.png")  no-repeat right bottom;
}

.header {
 height:                 142px;
 width:                  722px;
 background-color:       #FF7F00;
}

.banner {
  border-top:     solid 5px white;
  background:        #D62400;
  text-align:     center;
  padding:  5px;
}

.site-title {
//  text-transform:      uppercase;
  text-shadow:           #774400 2px 2px 0;
  font-size:              24px;
  font-weight:            700;
  color:                  white;
  padding-top:            77px;
  padding-left:           160px;
}

.content {
  width:                 722px;
  height: 100%;
  margin-top: 5px;
  background: white url("/images/columns.png") repeat-y left top;
}

.entries {
//  background-color:      #FEE6C2;
  width:                 415px;
  padding: 0px;
  margin:  0px;
  word-wrap:  break-word;
}

.margin {
  margin: 10px;
}

.side-bar-a {
  float: right;
  height: 100%;
  width:                 147px;
  border-left:           solid 5px white;
}

.side-bar-b {
  float: right;
  width:                 147px;
  border-left:           solid 5px white;
}

.links {
  background-color:      #FF7F00;
  height:                23px;
}

.link {
    color:               white;
    height:              23px;
    padding-left:        5px;
    padding-right:       10px;
    display:             table-cell;
    vertical-align:      middle;
    font-weight:         700;
}

.copyright {
    color:               white;
    height:              23px;
    padding-top:         4px;
    padding-left:        5px;
    padding-right:       10px;
    display:             table-cell;
    vertical-align:      middle;
    float:               right;
}

.calendar-day {
  width: 15px;
  height: 15px;
  font-size: 10px;
  background: #F5D2BA;
}

.calendar-empty {
  width: 15px;
  height: 15px;
  font-size: 10px;
}

.side-title,.blockTitle {
  background-color:      #D62400;
  height:                23px;
}

.footer {
  width:                 722px;
  height:                23px;
  background-color:      #D62400;
  margin-top:            5px;
  color:                 white;
  font-weight:           700;
  border-top:            0px solid #FFFFFF;
  text-align:            right;
}

.footer-block {
  float:                 left;
  width:                 142px;
  height:                23px;
  background-color:      #FF7F00;
  border-right:           5px solid #FFFFFF;

}

.options {
  margin-top: 15px;
  text-align: center;
}

.entry {
   margin:  10px 0px 10px 0px;
}

.xoops-content {
  margin:   10px;
}

.entry-divider {
   align: center;
   margin-right: 0px;
   margin-left: 5px;
   margin-top:  5px;
   margin-bottom:  35px;
   padding-top: 10px;
   border-bottom: 1px solid #D62400;
}

.entry-title {
  color:               #D62400;
  text-transform:      none;
//  text-shadow:         #533 2px 2px 0px;
  font-weight:         700;
  font-size:           18px;
  margin-left:         5px;
}

.entry-icon {
  float:                right;
  width:               14px;
  height:              14px;
  margin-right:     2px;
}

.entry-title-line {
  color:               #D62400;
  margin-left:         0px;
  font-weight:         700;
  font-size:           10px;
  margin-bottom:     0px;
  background:      transparent url(/images/grunt.png) top right no-repeat;
}


.entry-meta {
  color:               #D62400;
  margin-left:         5px;
  font-weight:         700;
  font-size:           10px;
  margin-bottom:       0px;
  height:              20px;
}

.entry-author {
	width: 150px;
	text-align: left;
}

.entry-date {
	width: 150px;
	text-align: right;
}

.alignLeft {
  float:               left;
}

.alignRight {
  float:               right;
}



.entry-text {
  margin-top:          0px;
  margin-left:         10px;
  margin-right:        10px;
  color:               #222;
  font-size:           13px;
  overflow:           hidden;
}

.entry-options {
  float:               left;
}

.entry-categories {
  float:               right;
}

.entry-footer {
  float: left;
  clear: both;
}

.entry-comments {
//  background:     #F5D2BA;
  margin:            10px;
  color:               #222;
}

.comment {
  margin: 10px;
}

.comment-author {
  font-weight:            strong;
  font-size:     12px;
  margin-right:  5px;
  width: 100px;
  padding: 2px;
}

.comment-text {
}

.comment-title {
  font-weight: 700;
  border-bottom: 2px solid #FF7F00;
  background: #FF7F00;
  color: white;
}

.table-head {
  font-weight:           strong;
  color:                 white;
  background-color:      #D62400;
}

.outline {
  border:              solid 1px #D62400;
  color:               #D62400;
  font-weight:         700;
  font-size:           10px;
}

a:link {
		color:			#FF7F00; //#D62400;
		text-decoration:	none;
		font-weight:        bold;
}
	
a:visited {
		color:				#FF7F00;
		text-decoration:	none;
		font-weight:        bold;
}
	
a:active {
		color:				#D62400;
		text-decoration:	none;
		font-weight:        bold;
}
	
a:hover {
		color:				#D62400;
		text-decoration:	underline;
		font-weight:        bold;
}

.entry-title a:link {
		color:               #D62400;
		text-decoration:	none;
		font-weight:        bold;
}
	
.entry-title a:visited {
		color:               #D62400;
		text-decoration:	none;
		font-weight:        bold;
}
	
.entry-title a:active {
		color:               #D62400;
		text-decoration:	none;
		font-weight:        bold;
}
	
.entry-title a:hover {
		color:               #FF7F00;
		text-decoration:	none;
		font-weight:        bold;
}


.poster a:link {
		color:			white;
		text-decoration:	none;
		font-weight:        bold;
}
	
.poster a:visited {
		color:				white;
		text-decoration:	none;
		font-weight:        bold;
}
	
.poster a:active {
		color:				black;
		text-decoration:	none;
		font-weight:        bold;
}
	
.poster a:hover {
		color:				#D62400;
		text-decoration:	underline;
		font-weight:        bold;
}

a.nav:link {
		color:			#D62400; //#D62400;
		text-decoration:	none;
              min-height: 14px;
		font-weight:        bold;
              padding: 0 0 0 16px;
}
	
a.nav:visited {
		color:				#D62400;
		text-decoration:	none;
		font-weight:        bold;
              min-height: 14px;
              padding: 0 0 0 16px;
}
	
a.nav:active {
		color:				#D62400;
		text-decoration:	none;
		font-weight:        bold;
              min-height: 14px;
              padding: 0 0 0 16px;
}
	
a.nav:hover {
		color:				#D62400;
		text-decoration:	underline;
		font-weight:        bold;
              min-height: 14px;
              padding: 0 0 0 16px;
              background: transparent  url(/images/mini.png) top left no-repeat;
}


a.news:link {
		color:			#B60400;
		text-decoration:	none;
              font-weight:                  lighter;
}
	
a.news:visited {
		color:				#FF7F00;
		text-decoration:	none;
              font-weight:                  lighter;
}
	
a.news:active {
		color:				#B60400;
		text-decoration:	none;
              font-weight:                  lighter;
}
	
a.news:hover {
		color:				#B60400;
              font-weight:                  lighter;
		text-decoration:	underline;
}

a.source:link {
		color:			#FF7F00; //#D62400;
		text-decoration:	none;
		font-weight:        bold;
}
	
a.source:visited {
		color:				#FF7F00;
		text-decoration:	none;
		font-weight:        bold;
}
	
a.source:active {
		color:				#D62400;
		text-decoration:	none;
		font-weight:        bold;
}
	
a.source:hover {
		color:				white;
		text-decoration:	underline;
		font-weight:        bold;
}


.headline {
  color:               #D62400;
  font-size:           11px;
  margin-bottom: 10px;
}


div.style-chooser {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px;
  border: 1px solid black;
  background: white;
}

ul.categories {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  list-style: none inside;
}

ul.children {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  padding-left: 10px;
  list-style: none inside;
}

#message {
  width: 300px;
}

#com_title {
  width: 250px;
}

#com_text {
  width: 250px;
}

#timezone_offset {
  width: 300px;
}

#user_sig, #bio {
  width: 300px;
}

#comment {
  width: 360px;
}

.formButton {
  font-size: 10px;
}

SELECT, BUTTON, INPUT {
  font-size: 10px;
}