/*  
Theme Name: DELPHI AREA
Version: 1.02
Theme URI: http://www.delphiarea.com
Description: A special theme designed just for http://www.delphiarea.com
Author: Kambiz R. Khojasteh
Author URI: http://www.delphiarea.com
Tags: fluid width, two columns, black, white, red
*/

/* COMMON */

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 0.75em;
	line-height: 1.3em;
	font-family: Verdana, Arial, Sans-Serif;
	height: 100%;
	margin-bottom: 1px;
}

body {
	background-color: #ffffff;
	min-width: 820px;
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1.5em 0 0;
	clear: both;
}

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 0.9em;
}

p {
	margin: 1em 0;
}

blockquote {
	margin: 1em 2em;
}

code, kbd {
	font-family: Monaco, "Andale Mono", "Courier New", monospace;
}

pre {
  direction: ltr;
	font-family: Monaco, "Andale Mono", "Courier New", monospace !important;
	font-size: 12px;
	line-height: 1.3em;
	display: block;
	margin: 1em 0;
	border: 1px solid #eeeeee;
	background-color: #fefefe;
	padding: 0.5em 1em;
  overflow: auto;
}

dl {
	margin: 1em 3em;
}

ul {
	margin: 1em 3.2em;
}

ol {
	margin: 1em 3.5em;
}

li > ul, li > ol {
	margin-top: 0;
	margin-bottom: 0;
}

li {
  margin: 0.5em 0;
}

button,
input[type="image"],
input[type="button"],
input[type="submit"] {
	padding: 0.1em 0.25em;
	background-color: #500000;
	border: 1px solid #800000;
	color: #ffffff;
}

button:hover,
input[type="image"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	background-color: #b80000;
	border: 1px solid #cc0000;
}

textarea,
input[type="text"],
input[type="password"] {
	padding: 0.1em;
	border: 1px solid #d3d3d3;
}

select {
	padding: expression("0.2em");
	border: 1px solid #d3d3d3;
}

option, optgroup {
	padding: 1px;
	margin-bottom: 1px;
}

label {
	font-weight: bolder;
}

a { 
	text-decoration: none;
	color: #8b0000;
}

a:hover {
	color: #ff0000;
}

a img {
	border: 0;
}

hr {
	clear: both;
	height: 1px;
	color: #d3d3d3;
	background-color: #d3d3d3;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #d3d3d3;
	margin: 1em 0;
}

.clear {
	clear: both;
	height: 0;
}

.clearleft {
	clear: left;
	height: 0;
}

.clearright {
	clear: right;
	height: 0;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

img.alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

img.aligncenter {
	display: block;
  margin: 0 auto;
  padding: 1em 0;
}

.wp-caption {
  text-align: center;
  margin: 1em;
  padding: 10px 8px 4px;
	border: 1px solid #eeeeee;
  background-color: #f8f8f8;
}

.wp-caption img {
  margin: 0;
  padding: 1px !important;
  border: 1px solid #000000 !important;
}

.wp-caption-text {
	margin: 0;
  padding: 2px 0 0 !important;
  font-size: smaller;
}

.gallery {
  margin: 0.5em 0 !important;
}

.gallery-item {
  width: auto !important;
  margin: 5px 10px 5px 0 !important;
  padding: 5px !important;
	border: 1px solid #eeeeee;
  background-color: #f8f8f8;
}

.gallery-caption {
  font-size: smaller !important;
}

.gallery img {
  padding: 1px !important;
  border: 1px solid #000000 !important;
}

.gallery br {
  clear: left !important;
  line-height: 10px !important;
}

.more-link {
  font-size: smaller;
}

.action {
	float: right;
	background: #fff3f3 url("images/small-button.png") no-repeat 50% 0%;
	width: 14px;
	height: 14px;
	padding: 2px;
	margin: 4px 4px 0;
}

.action:hover {
	background-color: #fff0f0;
	background-position: 50% -18px;
}

.pagination a {
	display: block;
	margin: 0 1em 2em;
}

.meta {
	font-size: smaller;
}

.target:before {
	content: open-quote;
}

.target:after {
	content: close-quote;
}

.maintitle, .subtitle {
	margin: 0;
	padding: 0 0 2px;
}

.box-inner {
	clear: both;
}

ul.multicolumn,
ol.multicolumn {
	width: 100%;
}

ul.multicolumn li,
ol.multicolumn li {
	float: left;
	width: 16em;
}

a.feed {
	background: transparent url("images/rss-tiny.png") no-repeat 0% 50%;
	padding-left: 14px;
}

a[target="_blank"] {
  background: transparent url("images/external.png") no-repeat 100% 50%;
  padding-right: 14px;
}

/* WRAPPERS */

#wrapper {
	margin: 0 5%;
}

/* HEADER */

#header {
	clear: both;
	margin: 20px 0;
	height: expression("100%");
}

#sitename {
	padding: 0 4px 20px;
}

#menu #googleplusone { /* size=medium */
  float: right;
  padding: 3px 0 0 4px;
}

.pageinfo #googleplusone { /* size=tall */
  float: right;
  margin: -38px 2px 0;
}

.postinfo #googleplusone { /* size=tall */
  float: right;
  margin: -23px 0 0;
}

#quicksearch {
	float: right;
	padding: 0 4px;
  width: 20em;
  text-align: right;
}

#quicksearch input {
  font-size: 0.9em;
}

#quicksearch #q {
  width: 14em;
}

#s, #q {
  border-color: #6B0000 !important;
}

/* MENU */

#menu {
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
}

#sitefeed {
	float: right;
	margin: 5px 2px;
}

#nav, #nav ul {
	list-style: none;
	list-style-image: none;
	position: relative;
	margin: 0;
}

#nav a {
	display: block;
	text-decoration: none;
	font-weight: bolder;
	font-variant: small-caps;
	white-space: nowrap;
	padding: 3px 6px;
	margin: 2px 1px;
	color: #000000;
}

#nav a:hover {
	background-color: #e8e8e8 !important;
}

#nav li.current_page_item a {
	background-color: #e8e8e8;
}

#nav li.current_page_item li a {
	background-color: transparent;
}

#nav li {
	float: left;
	position: relative;
	margin: 0;
}

#nav ul {
	position: absolute;
  width: 20em;
  display: none;
  padding: 1px 2px;
  background-color: #ffffff;
  border: 1px solid #000000;
}

#nav ul a {
	float: left;
	width: 19em;
	margin: 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-variant: normal;
}

#nav li ul ul {
	left: 20em;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul {
	display: none;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul {
  display: block;
}

/* FOOTER */

#footer {
	clear: both;
	font-size: 0.75em;
	border-top: 1px solid #000000;
	padding-bottom: 0.25em;
	margin-top: 1px;
}

#footer a {
	color: #000000;
}

/* SIDEBAR */

#sidebar {
	float: right;
	width: 28%;
}

#sidebar .box-outer {
	margin-bottom: 2em;
	padding: 0.5em 0.5em;
	background-color: #eeeeee;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#sidebar .box-inner {
	padding: 0.5em 1em;
}

#sidebar .maintitle {
	font-size: 1em;
	background-color: #f8f8f8;
	padding: 1px 4px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#sidebar ul {
	margin: 0 1.1em;
}

#sidebar a[class|="tag-link"] {
	line-height: normal;
}

/* CONTENT */

#content { 
	width: 70%;
	float: left;
}

#content .box-outer {
	margin-bottom: 2em;
	padding: 0 8px;
}

#content .box-inner {
	padding: 0 4px;
}

#content .maintitle a {
	color: #000000;
}

#content .maintitle, 
#content .subtitle {
	background-color: #eeeeee;
	padding: 4px;
	clear: left;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#content .box-inner .subtitle {
	margin: 2em -4px 0;
	padding: 2px 4px;
}

/*#content .box-inner h6,*/
/*#content .box-inner h5,*/
/*#content .box-inner h4,*/
#content .box-inner h3,
#content .box-inner h2,
#content .box-inner h1 {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 0.25em;
}

.post div.tags {
	font-size: smaller;
	margin-top: 1em;
}

.post div.tags img {
	vertical-align: middle;
}

ul.tags {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}

ul.tags li {
	float: left;
	margin: 0 4px 4px 0;
}

ul.tags li a {
	display: block;
	font-weight: bolder;
	font-size: smaller;
	padding: 0 0.5em;
	border: 1px solid #eeeeee;
	white-space: nowrap;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul.tags li a:hover {
	background-color: #f8f8f8;
}

.postinfo {
	padding: 4px 4px 2px;
	background-color: #eeeeee;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#content .postinfo .maintitle {
	background-color: transparent;
	padding: 4px 0;
}

#content .pageinfo .maintitle {
	margin-bottom: 0.5em;
}

.pageinfo + .box-inner {
}

.pageinfo .extra {
	float: right;
	margin: 0 0 0.5em 1em;
	background-color: #eeeeee;
	font-size: smaller;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.pageinfo .extra p {
	margin: 0.5em 1em;
	white-space: nowrap;
}

.pageinfo .extra p + p {
	margin-top: -0.35em;
}

.pageinfo .extra label {
	display: block;
	float: left;
	margin-right: 0.5em;
	text-align: right;
	width: 7.5em;
}

#content .home .pageinfo {
	display: none;
}

.postlist {
	margin: 1em 2em;
}

.postlist .meta .version {
	font-weight: bolder;
}

.postlist li .excerpt {
	clear: left;
}

.postlist li .excerpt p {
	margin: 0.5em 0;
}

.postlist li .excerpt p:first-child {
	margin-top: 0.25em;
}

/* COMMENTS */

#content .box-outer.comments {
	margin-bottom: 2em;
}

span.commentmod {
	font-weight: normal;
	color: #ff0000;
}

a.commentlink img {
	vertical-align: middle;
}

ol.commentlist {
	list-style-image: none;
	list-style-type: none;
	margin: 1.5em 0;
}

ol.commentlist li {
	margin: 1em 0;
	min-height: 52px;
	padding: 5px 10px;
}

ol.commentlist li img.avatar {
	float: left;
	margin: 5px;
	padding: 1px;
	border: 2px solid #eeeeee;
}

ol.commentlist li .comment {
	margin: 0 0 0 48px;
	padding: 2px 10px;
}

.comments .meta {
	font-weight: bolder;
}

.comments p {
	margin: 0.5em 0;
}

.respond span.required {
	vertical-align: super;
}

.respond label {
	font-size: smaller;
}

.respond textarea {
	width: 99%;
}

.respond input[type="text"] {
	width: 35%;
}

/* WP-SYNTAX */

.wp_syntax {
  overflow: auto;
  direction: ltr;
  margin: 0.5em 0;
  color: #100;
  border: 1px solid #eeeeee;
  background-color: #fefefe;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #f0f0f0;
  color: gray;
  overflow: visible;
}

.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 11px;
  line-height: 1.333;
  white-space: pre;
  border-style: none !important;
}

/* WP-DOWNLOADMANAGER */

.wp-downloadmanager-paging {
  margin: 10px -2px;
  min-height: 3em;
  line-height: 3em;
}

.wp-downloadmanager-paging a {
  padding: 2px 4px; 
  margin: 2px;
  text-decoration: none;
  color: #8b0000;
  background-color: transparent;  
  border: 1px solid #eeeeee;
}

.wp-downloadmanager-paging a:hover {  
  border-color: #f8f8f8;
  color: #ff0000;
}

.wp-downloadmanager-paging span {
  padding: 2px 4px; 
  margin: 2px;
  color: #000000;
  border: 1px solid #000000;
  background-color: #FFFFFF;
}

.wp-downloadmanager-paging span.current {
  font-weight: bold;
}

/* THEME ADD-ONS */

.download-search-highlight {
  color: red;
}
.download-with-screenshot .screenshot {
  margin-top: 1em;
  padding-left: 55px;
  margin-left: 2em;
  background: transparent url("images/arrow.png") no-repeat 0% 100%;
}

.download-with-screenshot .screenshot img {
  padding: 2px;
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
}
  
.download-with-screenshot p {
  margin-top: 0.5em;
}

#using + .blogroll > ul.blogroll-bookmarks {
	margin-left: 2em;
	margin-right: 2em;
}

.page div.blogroll {
	margin-bottom: 2em;
}

p.blogroll-category-desc {
	margin-top: 0.5em;
}

p.blogroll-bookmark-desc {
	margin: 0;
	font-size: smaller;
	color: #ff0000;
}

div.blogroll-bookmark-notes {
	margin: 0 0 0.5em;
}

div.blogroll-bookmark-notes p {
	margin: 0.5em 0;
}

div.blogroll-bookmark-notes p:first-child {
	margin-top: 0;
}

p.blogroll-bookmark-desc + div.blogroll-bookmark-notes {
	margin-top: -0.25em;
}

.category_articles .cat-item,
.pages .page-item {
	margin-top: 2em;
}

.category_articles .cat-item:first-child,
.pages .page-item:first-child {
	margin-top: 0;
}

.category_articles .date {
	font-weight: bolder;
}

.page div.category_articles {
	margin-bottom: 2em;
}

#faq + ul {
	margin-left: 2em;
	margin-right: 2em;
}

.hotbox { 
  background-color: transparent;
  background-position: 2em center;
  background-repeat: no-repeat;
  margin: 1em 2em -1em; 
  padding: 2em 2em 2em 10em;
  cursor: pointer; 
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -khtml-border-radius: 4px; 
  -webkit-border-radius: 4px; 
}

.hotbox:hover { 
  background-color: #f8f8f8; 
}
            
.hotbox a { 
  color: #ff0000; 
}

#content .hotbox h2 { 
  margin: 0;
  padding: 0.4em 0; 
  clear: none; 
  border: none; 
}

#content .hotbox p { 
  margin: 0; 
  font-weight: bold; 
}

/* PRINT */

@media print {
  body { min-width: 0; }
  a { color: #500; }
  #wrapper { margin: 0; }
  #header, #sidebar, .respond, .pagination, .action { display: none; }
  #content { margin: 0; padding: 0; width: 100%; }
  ol.commentlist li { page-break-inside: avoid; }
  .post .postinfo, .page .maintitle { border-bottom: 2px solid #000; }
  .pageinfo .extra { border: 1px solid #eee; }
  .subtitle { border-bottom: 1px solid #000; }
  a.feed { background: none; padding-left: 0; }
  #content .maintitle, #content .subtitle { background-color: #fff; } 
}