/*

Theme Name: Orange Techno

Theme URI: 

Description: WP Orange Techno theme designed by <a href="http://www.aoemedia.de">AOE media GmbH</a>. A very stylish modern techno design in orange for modern blogs. 45 degree age. Now also widget ready.

Version: 1.6

Author: AOE media GmbH

Author URI: http://www.aoemedia.de

Tags: two columns, widgets, fixed width, orange, white, custom header, valid XHTML, valid CSS, widgets

	By downloading and using this theme, you agree to the following terms:

    - All variations of this theme have to remain GPL

    - You may use this theme for personal or commercial projects

    - You may modify, translate or distribute

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-weight: inherit;

font-style: inherit;

font-size: 100%;

font-family: inherit;

vertical-align: baseline;

}

:focus {

outline: 0;

}

body {

line-height: 1;

color: black;

background: white;

}

ol, ul {

list-style: none;

}

table {

border-collapse: separate;

border-spacing: 0;

}

caption, th, td {

text-align: left;

font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: "";

}

blockquote, q {

quotes: "" "";

}



/* Text decorations

*******************************/

.bold 		{ font-weight: bold; }

.normal 	{ font-weight: normal; }

.italic 	{ font-style: italic }

.underline	{ text-decoration: underline; }



/* Float

*******************************/

.f-right 	{ float: right; }

.f-left 	{ float: left; }

.f-none 	{ float: none; }



/* Text align

*******************************/

.t-right 	{ text-align: right; }

.t-left 	{ text-align: left; }

.t-center 	{ text-align: center; }

.t-justify 	{ text-align: justify; }



/* Other

*******************************/

.clear:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.zoom {overflow:hidden;}





/* Main styles

*******************************/

html {

	height: 100%;

	margin-bottom: 1px;/* force vertical scrollbars */

}



body {

    background: url(img/body-back.gif) 0 0 repeat-x #fff;

	color: #828282;

	font-size: 75%;

	text-align: left;

}



/* Default fonts

*******************************/

body,

input,

select		{ font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; }



textarea,

pre,

tt,

kbd,

var,

code 		  { font-family:"Courier New", Courier, monospace; }



/* Header elements

*******************************/

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight:normal;

  color:#9fa9b3;

}





h1 {

    padding-bottom:8px;

    font-size: 2.5em;

    line-height:1;

}



h2 {

    font-size: 1.83em;

}



h3 {

    font-size: 1.5em;

    padding-bottom:.6em;

}



h4 { font-size: 1.3em; line-height: 1.8em; }

h5 { font-size: 1.2em; line-height: 1.6em; }

h6 { font-size: 1.1em; line-height: 1.2em; }



/* Text elements

*******************************/

p			  { margin: 0 0 1em 0; text-align: left; line-height:1.4; }

p.last 		  { margin-bottom:0; }

p.first		  { margin-top:1em; }

p.img		  { float: left; margin:0 1em 1em 0; padding:0; }



blockquote {

    margin:0 0 1em 1em;

    padding-left:1em;

    border-left:2px solid #EEEFF3;

}

strong        { font-weight: bold; }

em            { font-style: italic; }

pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }

ins           { text-decoration:none; } /*remove underline from text*/

del           { text-decoration:line-through; }



q,

cite          { font-style:italic;}

dl {

    line-height:1.4;

    margin-bottom:1em;

}



dd {}

dt {}



/* decorate lists in posts */

#content .post ul,

#content .post ol {

    margin: 0 0 1em 2em;

}



#content .post ul {

    list-style-type:disc;

}



#content .post ol {

    list-style-type:decimal;

}



#content .post ul li,

#content .post ol li {

    line-height:2;

}



hr {

    color: #fff;

    background:transparent;

    margin: 0 0 0.5em 0;

    padding: 0 0 0.5em 0;

    border:0;

    border-bottom: 1px #000 dotted;

}



/*links*/

a:link,

a:visited,

a:focus,

a:hover,

a:active	{ color: #ff9f39; text-decoration: underline; cursor:pointer; }



a:hover		{ text-decoration:none; }

a:visited	{ }



a:active,

a:focus     	{ outline: 0; } /*remove border in ff*/



/* Images

*******************************/

img 		{ outline:0;border:0; }



/* Form styles

*******************************/

input,

select,

textarea {

	font-size:1.0em;/*by default font-size is bigger*/

	vertical-align:baseline;

    color:#828282;

}



input.text,

input.file { cursor:text; }



input.button { cursor:pointer; }



input.radio,

input.checkbox { border: 0;padding: 0; }





/* Wordpress aligning

*******************************/

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

    float:left;

    margin: 0 1em 1em 0;

}



.alignright {

   float: right;

   margin: 0 0 1em 1em;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption {

    border:1px solid #eee;

    text-align:center;

    padding-top:4px;

}

.wp-caption p.wp-caption-text {

    font-size:.92em;

    text-align:center;

}



/* Main styles

 *******************************/

#root {

    width: 958px;

    padding-bottom: 24px;

}



/* Header

 *******************************/

#header {

    overflow: hidden;

}



#logo {

    float:left;

    width:289px;

    height:93px;

    padding:66px 0 0 95px;

    background:url(img/header-logo.jpg) 0 0 no-repeat;

}



#logo h1 a {

    text-decoration:none;

    color:#ff9f39;

}



#logo .description {

    color:#707d89;

    font-family: Tahoma, Arial, Helvetica, sans-serif;

	line-height:1.1;

}



#nav-container {

    float:left;

    height:114px;

}



#over-nav-line {

    width:364px;

    height:76px;

    background:url(img/header-over-nav.gif) 0 0 repeat-x;

}



#navigation {

    width:364px;

    font-size:1.17em;

}



#navigation ul {

    overflow:hidden;

    background:url(img/header-nav-ul.gif) 0 0 repeat-x;

}



#navigation li {

    float:left;

    padding-top:12px;

    height:26px;

    background:url(img/header-nav-delim.gif) 100% 13px no-repeat;

    padding-right:22px;

    margin-right:12px;

}



#navigation a {

    color:#707d89;

    text-decoration:none;

}



#navigation a:hover {

    text-decoration:underline;

}



#right-container {

    background:url(img/header-right-container.gif) 0 0 no-repeat;

    height:114px;

    width:149px;

    float:left;

}



#header-keyword {

    width:296px;

    height:25px;

    padding:20px 0 0 40px;

    background:url(img/header-keyword.gif) 0 0 no-repeat;

    float:left;

    font-size:1.08em;

}



#header-keyword input {

    border:0;

    background:transparent;

    width:280px;

    color:#9fa9b3;

}



#header-submit {

    float:left;

    background:url(img/header-submit.gif) 0 0 no-repeat;

    height:25px;

    padding:20px 0 0 24px;

    width:153px;

    font-size:1.08em;

}



#header-submit input {

    border:0;

    background:transparent;

    width:60px;

    color:#707d89;

    font-weight:bold;

    text-align:center;

}



/* Main box

 *******************************/

#main {

    overflow:hidden;

    position:relative;

}



#main .lines {

    background:url(img/main-lines.gif) 163px 0 repeat-y;

    overflow:hidden;

}



#left-block {

    background:url(img/main-back-left-line.gif) 0 0 no-repeat #fff;

    width:310px;

    padding-top:54px;

    float:left;

}



#categories {

    min-height:500px;

    height:auto!important;

    height:500px;

    padding:0 0 0 126px;

    background:url(img/main-left-back.gif) 0 0 repeat-y #fff;

}



#left-block .bottom-cats {

    height:113px;

    background:url(img/main-left-bottom.gif) 73px 0 no-repeat;

}



.box ul {

    padding-bottom:2em;

    font-family: Tahoma, Arial, Helvetica, sans-serif;

}



.box ul li {

    padding-left:20px;

    line-height:1.8;

    background:url(img/box-li.gif) 0 4px no-repeat;

}



.box .categories li {

    font-size:.92em;

    font-weight:bold;

    line-height:2;

}



.box .categories ul {

    padding-bottom:0;

}



.box .categories li li {

    font-size:1em;

}



#main-block {

    float:left;

    width:624px;

}



#main-block .left-line {

    background:url(img/main-right-line.gif) 100% 0 no-repeat;

}





.box input.text {

    border:1px solid #9FA9B3;

    width:110px;

    background:#FAFAFA;

    font-size:1em;

    color:#9FA9B3;

    vertical-align:middle;

}

.box input.button {

    background:#eeeeee;

    padding:0 8px;

    color:#9FA9B3;

    font-weight:bold;

    font-size:1em;

    border:1px solid #eeeeee;

    vertical-align:middle;

}



#sidesearch,

#calendar_wrap,

.box .tags,

.box .textwidget {

    line-height:1.4;

    margin-bottom:18px;

}



#recentcomments li {

    background:none;

    padding-left:0;

}



#wp-calendar {

    width:170px;

    line-height:1;

}

#wp-calendar caption {

    padding:4px 0 4px 0;

    font-weight:bold;

    color:#9FA9B3;

}



#wp-calendar th,

#wp-calendar td {

    padding:2px 2px 2px 0;

}

#wp-calendar thead th {

    color:#FF9F39;

    font-weight:bold;

}

#wp-calendar #prev {

    text-align:left;

    padding-top:4px;

}



#wp-calendar #next {

    text-align:right;

    padding-top:4px;

}

#recentcomments {

    font-size:.92em;

    line-height:1.4;

}

#recentcomments li a,

#recentcomments li a:hover {

    background:none;

    padding:0;

    border:0;

}













































/* Content

 *******************************/

#content {

    padding:36px 0 0 12px;

    margin-right:96px;

    min-height:800px;

    height:auto!important;

    height:800px;



}



#content .post {

    overflow:hidden;

    margin-bottom:18px;

}



#content .date {

    float:left;

    width:39px;

    height:31px;

    padding-top:4px;

    background:#ff9f39;

    color:#fff;

    font-size:1.25em;

    text-align:center;

    margin: 0 0 10px 0;

}



#content .date span {

    font-size:0.67em;

    display:block;

}



#content .title,

#content .postdata {

    margin-left:44px;

}



#content .page .title {

    margin-left:0;

}



#content .title h2 {

    margin-bottom:2px;

}



#content .title a {

    text-decoration:none;

    color:#9fa9b3;

}



#content .title a:hover {

    color:#ff9f39;

}



#content .category {

    line-height:1.1;

    float: left;

}



#content .category a {

    color:#c5c5c5;

    text-decoration:none;

}



#content .category a:hover {

    color:#ff9f39;

}



#content .comments {

    background:url(img/post-comments.gif) 0 0 no-repeat;

    padding-bottom:2px;

    padding-left:20px;

    float: right;

}



#content a.more-link {

    font-weight:bold;

    background:url(img/read-more.gif) 100% 100% no-repeat;

    padding-right:18px;

    text-decoration:none;

}



#content a.more-link:hover {

    text-decoration:underline;

}



#content .postdata {

    font-size:0.92em;

}



#content .category,

#content .category a {

    color:#91adc1;

}



#content .entry {

    clear:both;

}



/* Comments

 *******************************/

#leavecomment {

    padding-top:1em;

}



.comments-list .avatar {

    margin-bottom:4px;

}



.comments-list li {

    padding:18px;

    line-height:1.2;

}



.comments-list li.graybox {

    background:#f5f5f5;

}



.comments-list cite {

    font-weight:bold;

    font-style:normal;

}



.comments-list small {

    font-size:.83em;

}



.comments-list .comment {

    margin-top:8px;

}



#commentform input.text,

#commentform textarea {

    border:1px solid #646464;

    border-bottom-color:#eee;

    border-right-color:#eee;

    padding:2px;

}



#commentform input.text {

    width:200px;

}



#commentform input.button {

    border:1px solid #e7e7e7;

    background:url(img/button-back.gif) 0 0 repeat-x;

    padding:1px 12px;

    color:#707d89;

    font-weight:bold;

    text-align:center;

}



#commentform textarea {

    width:500px;

}



/* Footer

 *******************************/

#footer {

    margin-left:163px;

    height:70px;

    padding-top:63px;

    background:url(img/footer-back.gif) 0 0 no-repeat;

}



#footer img {

	vertical-align:middle;

}



#footer .wrapper {

    margin: 0 0 0 210px;

    width:425px;

}



#footer .copyright {

    float:left;

    padding-top:5px;

}



#footer .links {

    float:right;

}



#footer .links a {

    padding-left:16px;

    margin-left:12px;

    background-repeat:no-repeat;

    background-position:0 1px;

}



#footer .rss {

    background-image:url(img/rss.gif);

}



#footer .login {

    background-image:url(img/login.gif);

}



#footer a.powered {

    padding:0;

}



#footer a.entries {

    margin:0;

}