/* 
    Theme Name: jsUnity
    Description: jsUnity blog theme
    Author: Ates Goral
    Author URI: http://magnetiq.com
    Version: 0.1
*/

/**
 * body bg: #fff
 * body text: #333
 * body link: #2297D7
 * body link:hover: #3222D7
 *
 * header color: #555
 *
 * content bg: #f0f0f0
 * content border: #C2C2C2
 * 
 * pre bg: #F2ECFF
 * pre text: #4C386F
 * pre border: #C4B0E7
 *
 * sidebar bg: #E7E7E7
 * sidebar text: #333
 * sidebar border: #C2C2C2
 *
 * download bg: #E8DCFF
 * download link: #2C0075
 * download link:hover: #75006E
 * download border: #CEB1FF
 *
 * footer color: #555
 */

/* elements */

body {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;
    background: #fff;
    color: #333;
    margin: 0;
    padding: 0;
}

h2, h3, h4 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h2 {
    font-size: 1.465em; /* 19px */
}

h3 {
    font-size: 1.116em; /* 15px */
}

h4 {
    font-size: 1em; /* 13px */
}

a {
    color: #2297D7;
}

a:hover {
    color: #3222D7;
}

/* common classes */

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

/* header */

#header {
    color: #555;
    padding: 2em 2em 0.462em 2em; /* 26px 26px 6px 26px */
}

#header a img {
    border: none;
}

#header .tagline {
    font-size: 0.93em; /* 12px */
    margin-top: 2.36em; /* 26px */
}

#header h1 {
    margin: 0;
	width: 203px;
	height: 47px;
	font-size: 0px;
	color: #fff;
	background: url(i/jsunity_logo.gif) no-repeat;
}
	
/* main */

#main {
    background: #f0f0f0 url(i/white_pixel.gif) repeat-x;
    border: solid #C2C2C2;
    border-width: 1px 0;
}

/* content */

#content {
    width: 38.46em; /* 500px */
    float: left;
    padding: 0 2em 1em 2em; /* 0 26px 13px 26px */
}

#content h2 {
    margin: 1.368em 0 0.684em; /* 26px 0 0 13px */
}

#content pre {
    border: 1px solid #C4B0E7;
    /*border-width: 1px 0;*/
    padding: 1em; /* 13px */
    margin-left: 1em;
    background: url(i/white_pixel.gif) repeat-x;
}

#content pre, #content code {
    font-family: 'Lucida Console', Monaco, monospace;
    background-color: #F2ECFF;
    color: #4C386F;
}

/* sidebar */

#sidebar {
    width: 15.38em; /* 200px */
    margin: 2em 2em 2em 42.36em; /* 26px 26px 26px 552px */
}

ul#links {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul#links li.linkcat {
    background: #E7E7E7 url(i/white_pixel.gif) repeat-x;
    color: #333;
    border: 1px solid #C2C2C2;
    margin-bottom: 1em;
    padding: 0.462em; /* 6px */
}

ul#links li.linkcat h2 {
    font-size: 1em; /* 13px */
    margin: 0 0 0.462em 0; /* 0 0 6px 0 */
}

ul#links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

li#linkcat-8 {
    background: #E8DCFF url(i/white_pixel.gif) repeat-x !important;
    color: #1C2CC2 !important;
    border-color: #CEB1FF !important;
    text-align: center;
}

li#linkcat-8 h2 {
    display: none;
}

li#linkcat-8 a {
    font-size: 1.16em; /* 15px */
    font-weight: bold;
    color: #2C0075;
}

li#linkcat-8 a:hover {
    color: #75006E;
}

/* footer */

#footer {
    color: #555;
    clear: left;
    font-size: 0.93em; /* 12px */
    padding: 0.5em 2.17em 2.17em 2.17em; /* 6px 26px 26px 26px */
}

#footer .rss {
    background: url(i/feed-icon-14x14.png) 0 50% no-repeat;
    padding-left: 16px;
}