*  
Theme Name: Mactrick light theme
Theme URI: http://bm.pp.ru/
Description: Mactrick theme.
Version: 1.0
Author: Alexey Karguine
Author URI: http://bm.pp.ru/
*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
}

img {
  border:none;display:block;margin-left:auto;margin-right:auto
}
img a{border:none;}


/* --------------------------- Layout --------------------------------- */
#header {
	width: 90%;
	padding: 2% 0 1% 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
}

#navigation {
	width: 90%;
	padding: 20px 0 3px 0px;
	margin: 0 auto 0 auto;
	max-width: 1024px;
}

#content-box {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	max-width: 1024px;
}

#footer {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	margin-bottom: 20px;
	max-width: 1024px;
}

#content {
	width: 60%;
	overflow: hidden;
	padding-top: 15px;
}

#sidebar {
	width: 30%;
}

#topnavigation {
  width: 100%;
}

#search {
    width: 30%;
	text-align: right;
}

#topadv {
    width: 470px;
    margin: 0 auto;
    padding: 0 45px;
}

#topadin {
    width: 470px;
    margin: 0 auto;
}
#advtxt {
    margin: 20px 0 0 -5px;
    
}
#very-top-ad {
    width: 100%;
    background-color: #eee;
    text-align:center;
    padding-top:20px;
}

/* ---------------------------- Colors and fonts ------------------------------- */
body {
    font-family: Arial, Verdana, sans-serif;
/*  font-family:  'Trebuchet MS', Tahoma, sans-serif;*/
/*    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;*/
/*  background: #eee;*/
	color: #333;
/*  line-height: 1.2em;*/
    line-height: 1.4;
	font-size: 1.05em;
}

#content-box {
/*  background: #fff;*/
	font-size: 80%;
}

#footer {
	font-size: 60%;
}

a {
	color:#0080ff;
}

/*a:hover {
    background-color: #eee;
}
*/
pre {
	color: #555;
	overflow: auto;
	font-family: "Courier New", Courier, monospace;
	white-space: pre-wrap;
/* 	border: 1px solid #eee; */
	margin-bottom: 15px;
}

code {
	color: #555;
/*  font-size: 110%;*/
	font-family: "Courier New", Courier, monospace;
	
}

em {
	color: #555;
}



/* ---------------------------------- Paddings and margins --------------------------- */
input {
	padding: 2px 3px 2px 3px;
	margin: 3px 3px 3px 3px;
}

input[type=text], input[type=search] {
	border: 1px solid #ccc;
}

ul,ol {
	padding-left: 30px;
	margin: 10px 0 10px 0;
}


h2 {
	margin-bottom: 10px;
	font-size: 120%;
	color: #555;
}




/* ------------------------------ Header logo ------------------------------- */
#header h1 {
	font-size: 35px;
	font-weight: 800;
	margin: -2px 0 0 0;
}

#header h1 a {
	text-decoration: none;
	color: #ff9900;
	text-transform: lowercase;
}

#header p {
	color: #aaa;
	font-size: 80%;
	margin-top:0;
}

#header a { 
/*    float: left;*/
    display: inline;
}

#header a img {
/*    margin-top: 15px;
    margin-left: 10px;
*/    
    margin: 15px 10px 0 0;
    display: inline;
}

/* --------------------------------- Navigation ------------------------------- */
#nav-menu {
    width: 100%;
	
}
ul#nav-menu  {
	text-transform: uppercase;
	list-style-type: none;
	font-size: 18px;
	padding: 10px 8px 8px 0; 
    margin: 0;
    background: -moz-linear-gradient(center bottom , #DFDFDF 0%, #F5F5F5 66%, #F2F2F2 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(223, 223, 223, 1)), color-stop(66%, rgba(242, 242, 242, 1)), color-stop(90%, rgba(242, 242, 242, 1)), color-stop(98%, rgba(230, 230, 230, 1)), color-stop(99%, rgba(210, 210, 210, 1)), to(rgba(140, 140, 140, 1)));
    background-color: #dfdfdf;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    box-shadow:0 1px 3px #7d7d7d;
    -moz-box-shadow: 0 1px 3px #7d7d7d;
    -webkit-box-shadow: 0 1px 3px #7d7d7d;
}

ul#nav-menu li {
/*  float: left;
    display: inline;
    margin-right: 20px;
*/
    margin-left:5px;
    padding: 2px 5px;
    display: inline;
    font-size:1.1em;
    text-shadow:1px 1px 1px #fff;
}

ul#nav-menu li a {
    text-decoration: none;
}

ul#nav-menu li a:hover {
    text-decoration: underline;
}


/* Navigation fwd/back */
.navigation {
	margin-bottom: 10px;
/*	font-size: 130%;*/
}

.searchfield {
  width: 90%;
}

.navi50left {
    width: 49%;
    overflow: hidden;
    text-align: left;
}
.navi50right {
    width: 49%;
    overflow: hidden;
    text-align: right;
}

/* ----------------------------------- Top menu ------------------------------- */
.topbutton {
	border: 2px solid #303030;
	width: 250px;
	height: 44px;
	overflow: hidden;
	margin: 20px 0 20px 20px;
	padding: 10px;
	line-height: 22px;
	font-size: 20px;
	text-align: center;
	background: url(/wp-content/themes/mactrick-dark/img/sprite-topmenu.png) repeat-x rgb(26, 26, 26);
}

.topbutton a {
	text-decoration: none;
	color: #999;
}

.topbutton a:hover {
	color: #fff;
}

/* ----------------------------------- Sidebar -------------------------------- */
#sidebar {
	font-size: 90%;
/*  background-color: #eee;*/
}

.catlist {
	font-size: 120%;
	line-height: 140%;
}
#sidebar ul {
	list-style-type: none;
	padding-left: 15px;
}

#sidebar .sidebar-top {
/*	margin: 5px 5px 5px 0;*/
	padding: 20px;
}

#sidebar .sidebar-top h1 {
	font-size: 24px;
	margin-bottom: 10px;
}

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

/* Category list */
ul.children {
	margin-top: 0;
	margin-bottom: 0;
}

.sidebar-adv {
/*	margin-left: 5px;*/
}

ul#twitter_update_list {
	list-style-type: disc;
	line-height: 1.5em;
}

a.st-tags {
	text-decoration: none;
}

#tags a { color: #aaa;}

 /* ------------------------------------ Posts --------------------------------- */
.entry {
	padding-bottom: 15px;
}

.entry h1 {
	padding: 0.5em 0 0em 0;
/*  line-height: 120%;*/
	color: #0080ff;
	font-size: 1.1em;
}

.entry p {
	margin-bottom: 15px;
}

.entry h1 a {
	text-decoration: none;
	color: #0080ff;
}
.entry h1 a:hover {
	text-decoration: underline;
/*  background-color: #fff;*/
}

.enrty index h1 a:visited {
    color: #0080ff;
}

.post_title {
    color: #0080ff;
    font-size: 80%;
}


p.postmetadata {
	font-size: 80%;
    margin-bottom: 5px;
	color: #777;
}
p.postmetadata a {
	color: #4cb1ff;
}

.postrelated {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
}

p.adv {
	font-size: 10px;
}

/* ---------------------------- Comments ------------------------------ */
ol.commentlist {
    padding:0;
    margin:0;
}
.comments-number {
	padding: 0 0 10px 0px;
	font-size: 1.8em;
	font-weight: normal;
}
.comment-head {
	padding: 0px 15px 0px 5px;
}

.commentauthor {
	font-size: 14px;
}
.commentdate {
	font-size: 10px;
}

.comment-body {
  margin-left: 5px;
	padding: 0px 0 8px 0px;
}

#respond {
/*  margin-left: 5px;*/
	padding: 8px 0 8px 0px;
}

.commentfield {
	color: #333;
/*	background: #1a1a1a;*/
	font-size: 14px;
}

.commenttextfield {
	width: 98%;
	border: 1px solid #ccc;
}
.commentregfield {
	margin-left: 0px;
	font-size: 12px;
}


/* ------------------------------------ Align --------------------------------- */
.aligncenter {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
}

.valign-top {
	vertical-align: top;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.clear {
	clear: both;
}

/* ---------------- Diff colors classes ------------- */
.clr-base { color : #1a1a1a }
.clr-wt { color : #fff }
.clr-dim-wt { color : #ccc }
.clr-light-wt { color : #999 }
.clr-dark-wt { color : #ededed }
.clr-red { color : #FD4442 }
.clr-gray { color : #444 }
.clr-dark-gray { color : #AAA }
.clr-yellow { color : #FFDF08 }
.clr-orange { color : #E5801C }
.clr-pink { color : #FE48B6 }
.clr-purple { color : #9B81E4 }
.clr-blue { color : #05a }
.clr-light-blue { color : #94B3C5 }
.clr-clear-blue { color : #31B4EC }
.clr-dark-blue { color : #394c70 }
.clr-light-brown { color: #e3d9b5 }
.clr-dark-brown { color : #330e05 }
.clr-sad-brown { color : #986b61 }
.clr-choco { color : #9a4000 }
.clr-brown { color : #601A09 }
.clr-green { color : #0d4e27 }
.clr-clear-green { color : #8CD73E }
.clr-dark-green { color : #D8F7F9 }
.clr-light-green { color : #acc9c9 }
.clr-osx-title { color : #273852 }
.clr-osx-dark-title { color : #394351 }

/* ----------------------------------- Advertizing --------------------------- */
.sape {
	font-size: 7px;
	color: #303030;
}

table.adv td {
	padding: 10px;
}

.advert {
    text-align: center;
    font-style: italic;
}

/* DIFFFF */
brd {
	border: 1px solid #303030;	
}

.shadow {
	text-shadow: #ccc 2px 2px 2px;
}

p.social a img {display: inline;margin-left:3px;}

#yashare {
    margin-bottom: 20px;
    text-align: center;
}
#tagcloud {
    text-align: justify;
}
#plusone {
    float: right;
    margin-right: -35px;
}