/*
Theme Name: e-magine
Theme URI: http://www.e-magine.ro/
Version: 1.0
Author: Razvan Brates
Author URI: http://www.e-magine.ro/
Description: A minimal, simple, light 3 column design with latest article highlight.

Based on Brajeshwar v7.0 (http://www.brajeshwar.com/)
*/

/* 
global settings
----------------------------------------------------------- */

body { 
background: #222; 
font: 62.5%/1.5em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #AAA;
text-align: center; 
margin: 0;
padding: 0;
}

/* PNG transparency fix */
img { behavior: url(styles/iepngfix.htc); }

/* links */

a:link {
text-decoration: none;
color: #ADD65B;
padding: 1px;
}
a:visited {
text-decoration: none;
color: #ADD65B;
}
a:hover {
background-color: #555;
color: #ADD65B;
}
a:active {
text-decoration: none;
color: #ADD65B;
} 
a img {
background-color: none;
border: 1px solid #ADD65B;
padding: 3px;
margin: 5px; 
vertical-align: sub;
}
a.imagelink:hover {
background: none;
background-color: transparent !important;
}
a.imagelink:hover img {
background-color: #ADD65B;
}
a.more-link {
display: block;
clear: both;
margin: 0.5em 0 0;
padding: 0 0 0 18px;
background: url(images/bullet_go.gif) no-repeat 0 55%;
line-height: 1.8em;
}
/* hn */

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
color: #5BCAD6;
margin: 0.3em 0;
}
h1 { 
margin: 0;
font-weight: bold; 
}
h1 a { 
color: #515151;
}
h1 a:hover { 
background: none;
border-bottom: none;
color: #ADD65B;
}
h2 { 
font-size: 2em; 
}
h3 { 
font-size: 1.8em; 
}
h4 { 
font-size: 1.6em;
margin: 1em 0; 
}
h5 { 
font-size: 1.4em; 
}
h6 { 
font-size: 1.2em; 
}

/* misc */

abbr, 
acronym {
font-style: normal; 
border-bottom: 1px dotted #AAA; 
cursor: help;
}
code, pre { 
font-family: Monaco, "Courier New", Courier, monotype, serif;
background-color: #454545;
color: #FFF;
padding: 0.1em;
font-size: 0.9em;
}
pre {
border: 1px solid #888;
padding: 4px;
overflow: auto;
width: 95%;
max-height: 18em;
margin: 1em auto;
line-height: 1em;
}
code.blocky {
display: block;
margin: 0.2em;
}
.strike_that {
text-decoration: line-through;
color: #888;
}

/* definition lists */

dl { 
margin: 20px 0; 
}
dt {
font-size: 1.4em;
text-transform: uppercase;
}
dd {
margin: 0 0 20px;
}

/* list styles */

ul {
margin: 10px 0; 
} 
ul li {
height: 1%;
list-style-type: none;
margin: 0 0 5px;
padding: 0 0 0 15px;
background: url(images/bullet.gif) no-repeat 0 11px;
line-height: 1.8em;
}
ol {
margin: 10px 0 10px 25px; 
}
ol li {
margin: 0 0 5px 0; 
}

/* blockquote */

blockquote {
margin: 10px 0 10px 10px;
padding: 5px 10px;
border-left: 5px solid #555;
font: 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif;
color: #AAA;
background-color: #252525;
}

/* image styles */

img.left {
float: left;
margin: 0 15px 10px 0;
}
img.right {
float: right;
margin: 0 0 10px 15px;
}
img.centered {
display: block;
margin: 10px auto;
}
img.border {
padding: 2px;
border: 1px solid #999;
}

/* layout
------------------------------------------------------ */
#container {
margin: 0 auto; 
width: 86em;
text-align: left;
}
#wrap {
height: 1%;
margin: 4px 0;
}
#col-left {
float: left;
width: 21em;
padding: 20px 0;
text-align: right;
}
#col-main {
float: left;
width: 49.5em;
}
body#single #col-main, body#home #col-main {
width: 64.9em;
}
#col-right {
float: right;
width: 15em;
padding: 20px 0;
}

/* header
------------------------------------------------------ */

#header {
margin: 10px 0 0 0;
padding: 0;
border-bottom: 2px solid #555;
}

#header h1 a img {
background: none;
border: 0 none;
margin: 0;
padding: 0;
vertical-align: top;
}

#header h1 {
font-size: 1em;
text-transform: none;
padding: 0;
text-indent: 0;
margin: 0;
}

#header h1 a {
font-size: 1em;
position: relative;
display: block;
float: left;
overflow: hidden !important;
width: 43.6em !important;
height: 9.4em !important;
margin: 0;
padding: 0;
color: #222;
}

#header h1 a span {
font-size: 6.4em;
color: #5BCAD6 !important;
float: none;
text-align: left;
line-height: 1em;
}

#header h1 em {
float: right;
text-align: right;
font-size: 1.5em;
font-weight: normal;
color: #2EA9B8 !important;
position: relative;
top: 1.8em;
}
img#logo {
width: 43.6em;
height: 9.4em;
}


/* main navigation */

#nav {
margin: 0;
padding: 0 3em 0 0;
}
#nav ul {
margin: 0;
}
#nav li {
float: right;
display: block;
list-style-type: none;
margin: 0 10px; 
padding: 0;
background-image: none;
margin-bottom: -2px;
}
#nav a {
position: relative;
}
#nav a:link, #nav a:visited {
float: left;
display: block;
padding: 5px 10px 3px 10px;
font-size: 1.9em;
font-weight: bold;
color: #5D7C1F;
text-transform: lowercase;
text-decoration: none;
}
#nav li.current_page_item {
color: #ADD65B;
background: transparent url(images/nav_tab.png) top left no-repeat;
behavior: url(styles/iepngfix.htc);
padding: 0 0 0 10px;
}
#nav a:hover {
color: #ADD65B;
background-color: transparent;
}
#nav li.current_page_item a {
color: #ADD65B;
background: transparent url(images/nav_tab.png) top right no-repeat;
behavior: url(styles/iepngfix.htc);
padding:  0.25em 10px 0.4em 0;
margin-right: -10px;
}

/* latest post
------------------------------------------------------ */

#main-display {
height: 1%;
border-bottom: 1px solid #555;
}

#main-display-inner {
height: 1%;
margin: 5px 0;
background-color: #3C3C3C;
}

/* post */

#post-single {
float: left;
width: 62.5em;
color: #CFCFCF;
}
#post-single h3 {
margin: 0;
padding: 20px 0 0 20px;
font-size: 1.8em;
}

#post-single h2 a {
color: #5BCAD6;
padding-left: 24px;
background-image: url(images/page_go.gif);
background-position: top left;
background-repeat: no-repeat;
line-height: 1.2em;
}

#post-single h2 {
margin: 20px 20px 0;
font: bold 1.8em Verdana, Helvetica, Arial, sans-serif;
}
#post-single p.post-meta {
margin: 0 20px;
font-size: 1.1em;
}
#post-single .post-body {
padding: 0 20px 20px;
}

/* about */

#sec-about {
float: right;
width: 23em;
padding: 0;
background: #565656;
color: #CFCFCF;
background-image: url(images/bg_about.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
#sec-about p, #sec-about dl {
margin: 15px;
font-size: 1.5em;
line-height: 1.3em;
}
#sec-about dt {
font-weight: bold;
color: #9B9B9B;
}
#sec-about h3 {
margin: 0;
padding: 20px 0 0 20px;
font-size: 1.8em;
}
#sec-about a:hover {
background-color: #333333;
}
#sec-about em.hits {
font-size: 1.4em;
text-align: center;
display: block;
margin: 15px;
}
#sec-about ul {
padding: 0;
}
#sec-about li {
line-height: 1.3em;
}

/* main column
------------------------------------------------------ */

/* post */

#col-main h3.sec-title {
padding: 20px 15px 10px;
text-transform: uppercase;
letter-spacing: 0.2em;
}
div.post {
margin: 0 15px 30px;
}
div.post-body {
font-size: 1.4em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
}
p.post-meta {
font-size: 1.2em;
}
h2.post-title {
font-weight: bold;
margin: 0.5em 0;
}
dt.meta-name {
font-size: 1em;
display: block;
text-transform: uppercase;
}
dd.meta-detail {
font-size: 1em;
text-transform: none;
}
p.more {
margin: 0.5em 0 0;
padding: 0 0 0 18px;
background: url(images/bullet_go.gif) no-repeat 0 55%;
line-height: 1.8em;
}
#col-main a:hover {
background-color: #555;
}

#col-main h2 a {
color: #5BCAD6;
padding-left: 24px;
background-image: url(images/page_go.gif);
background-position: top left;
background-repeat: no-repeat;
line-height: 1.2em;
}

/* prev-next navigation */

div.content-navigate {
padding: 10px 15px 20px;
}
span.alignright {
float: right;
}
span.alignleft {
float: left;
}

/* comments */

#comments {
padding: 0 1.5em 4em;
}
#comments p {
font-size: 1.4em;
margin: 0.5em 0;
}
#comments div.comment {
height: 1%;
padding: 10px 0;
}
#comments p.comment-meta {
font-size: 1.3em;
text-transform: uppercase;
background-color: #282828;
padding: 0.2em 0 0.2em 0.2em;
}
#comments p.comment-meta strong.comment-number {
font-size: 2em;
float: right;
display: block;
background-color: #282828;
padding: 0.2em;
color: #666;
}
#comments label {
display: block;
font-size: 1.4em;
margin: 0.3em 0;
}
#comment-author, 
#comment-email,
#comment-url,
#comment-text, 
#s {
width: 90%;
margin: 0 auto 10px auto;
padding: 2px;
border: 1px solid #999;
font: 1.5em "lucida sans unicode", "lucida grande", verdana, "trebuchet ms", sans-serif;
background-color: #333;
color: #DDD;
}
#comment_text {
height: 10em;
}
#searchsubmit, 
#comment-submit {
padding: 2px;
background: #555;
border: 3px double #AAA;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 0.9em;
color: #DDD;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
float: right;
clear: both;
}
div#Search_wrapper {}
#s {
position: relative;
margin: 0 auto;
padding: 0;
border: 0;
background-color: #333;
color: #DDD;
}
/* search page
------------------------------------------------------ */

ul#search-results-list {
margin: 25px 0 0;
}
ul#search-results-list li {
margin: 0 0 40px;
padding: 0 0 0 20px;
background: url(images/dashed.gif) no-repeat 0 6px;
line-height: 1.8em;
}
ul#search-results-list h2 {
margin: 0;
padding: 0;
}

/* side columns common
------------------------------------------------------ */

#col-right a:hover, #col-left a:hover {
background: transparent;
border-bottom: none;
}
#col-right ul, #col-left ul, #col-right ul li, #col-left ul li{
padding: 0;
margin: 0;
list-style: none;
text-indent: 0;
background: none;
}
#col-right ul ul li, #col-left ul ul li {
font-size: 1.2em;
list-style-type: none;
margin: 0;
padding: 0;
border-top: 2px solid #333;
background-image: none;
line-height: 1.8em;
font-weight: bold;
color: #444;
}
#col-right ul ul li a, #col-left ul ul li a {
padding: 0 3px;
font-size: 1.3em;
display: block;
padding-right: 0.5em;
}
#col-right ul ul li a:hover, #col-left ul ul li a:hover {
background-color: #333;
}
#col-right ul ul li span, #col-left ul ul li span {

}
#col-right ul ul, #col-left ul ul {
margin: 1em 0;
padding: 0;
}
#col-right ul ul ul, #col-left ul ul ul {
margin: 0;
padding: 0;
}
#col-right ul ul li li, #col-left ul ul li li {
border-top: 1px dotted #333;
font-size: 0.8em;
font-weight: normal;
}
h3.sec-title, h3.widgettitle {
text-transform: uppercase;
letter-spacing: 0.2em;
}
div.left-sec, 
div.right-sec {
margin: 0 0 40px;
}

div.archives div {
font-size: 1.25em;
margin: 0.5em 0;
}

/* footer
------------------------------------------------------ */

#footer {
margin: 4px 0 0;
padding: 20px 0 20px 165px;
border-top: 1px solid #555;
font-size: 1.3em;
}

/* tag cloud / cosmos
------------------------------------------------------ */

ul#tagcloud, ul#tag_cosmos { 
padding:0; 
margin:0; 
text-align:right; 
list-style:none; 
font-size: 0.7em;
}
ul#tag_cosmos {
font-size: 1.2em;
text-align: center;
}
ul#tagcloud li, ul#tag_cosmos li { 
display:inline; 
font-size:70%; 
color:#ccc; 
background: none; 
padding: 0.2em; 
margin: 0;
line-height: 2em;
border: 0 !important;
background-image: none;
}
ul#tagcloud li a, ul#tagcloud li a:link, ul#tag_cosmos li a, ul#tag_cosmos li a:link { 
text-decoration:none; 
display: inline !important;
border: 0;
font-weight: normal;
}
ul#tagcloud li.t1 a, ul#tag_cosmos li.t1 a { color:#4E681A; font-size: 120%; }
ul#tagcloud li.t2 a, ul#tag_cosmos li.t2 a  { color:#5D7C1F; font-size: 160%; }
ul#tagcloud li.t3 a, ul#tag_cosmos li.t3 a  { color:#6C9024; font-size: 190%; }
ul#tagcloud li.t4 a, ul#tag_cosmos li.t4 a  { color:#7BA429; font-size: 210%; }
ul#tagcloud li.t5 a, ul#tag_cosmos li.t5 a  { color:#8AB82E; font-size: 230%; }
ul#tagcloud li.t6 a, ul#tag_cosmos li.t6 a  { color:#99CC33; font-size: 250%; }
ul#tagcloud li.t7 a, ul#tag_cosmos li.t7 a  { color:#A3D147; font-size: 270%; }
ul#tagcloud li.t8 a, ul#tag_cosmos li.t8 a  { color:#ADD65B; font-size: 290%; }
ul#tagcloud li.t9 a, ul#tag_cosmos li.t9 a  { color:#B7DB6F; font-size: 310%; }
ul#tagcloud li.t10 a, ul#tag_cosmos li.t10 a  { color:#C1E083; font-size: 330%; }

/* misc
------------------------------------------------------ */

.clear {
clear: both !important;
height: 0 !important;
visibility: hidden !important;
line-height: 0 !important;
font-size: 1px !important;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#err404 {
font-size: 6em;
line-height: 1.7em;
text-align: center;
margin: 0.1em 0;
padding: 0;
text-indent: 0;
letter-spacing: 0.1em;
}

#err404 strong {
text-decoration: blink;
}

/* download box */
.dwl_top_container {
background: url(images/download_box.png) transparent top left no-repeat scroll;
padding: 0 0 0 33px;
margin: 0.2em auto;
width: 28em;
overflow: visible;
position: relative;
}
.dwl_file {
background: url(images/download_box.png) transparent top right no-repeat scroll;
padding: 15px 10px 3px 0;
margin-right: -15px;
position: relative;
}
.dwl_file a:link {
color: #517a00;
font-size: 1.2em;
}
.dwl_file a:hover {
background-color: transparent;
text-decoration: underline;
}
.dwl_btm_container {
background: url(images/download_box.png) transparent bottom left no-repeat scroll;
padding: 0 0 0 15px;
margin-left: -33px;
position: relative;
}
.dwl_description {
background: url(images/download_box.png) transparent bottom right no-repeat scroll;
padding: 0 15px 5px 0pt;
margin-right: -15px;
color: #818181;
font-size: 0.9em;
position: relative;
}

/* plugin specific */

/* SEM Bookmark Me */
.noicon:hover {
background-color: none;
}

/* Google AdSense */

.adsense {
text-align: center;
margin: 1em auto;
}