/*
    MINDMEISTER JOURNAL
    Copyright 2007 Bartelme Design
    http://bartelme.at/

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

* { /* reset default values */
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
html {
    background: #dbeafa url("images/bg_main.jpg") repeat-x 0 0;
    height: 100%;
    text-align: center; /* be nice to IE */
}
body {
    background: transparent url("images/bg_body.jpg") no-repeat 50% 0;
}
img {
    border: none;
}

/*** Main Positioning *********************************************************/

#wrapper {
    background: transparent url("images/bg_body.jpg") no-repeat 50% 0;
    color: #485159;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    padding: 0 40px;
    padding-top: 20px;
    width: 816px;
}
#header,
#body,
#linksection,
#footer {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
}
#content {
    float: left;
    width: 460px;
}
* html #content {
    overflow: hidden;
}
#sidebar {
    float: right;
    width: 340px;
}

/*** Main Typographic Settings ************************************************/

body {
    font: 13.5px/150% Helvetica, Arial, sans-serif;
}
*+html body {
    font-size: 90%; /* a bit larger font for IE7, since Calibri is rendered too small */
}
a {
    color: #46abe1;
}
a:hover {
color: #59bff5;
    
}
a.plain,
a.plain:hover {
    color: #162C45;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

/*** Header *******************************************************************/

#header {
    height: 178px;
}
#header #skip { /* hide from visual browsers */
    position: absolute;
    visibility: hidden;
}
#header h1 a {
    color: #25313b;
    position: absolute;
    width: 370px;
    height: 110px;
    top: 20px;
    left: 20px;
    overflow: hidden;
    line-height: 1000px;
}

/*** Navigation ***************************************************************/

#navigation,
#navigation * {
    float: left;
}
#navigation {
    position: absolute;
    left: 20px;
    top: 140px;
    width: 100%;
    font-size: 110%;
    height: 38px;
    text-shadow: 1px 1px 2px #000;
}
#navigation ul {
    padding-left: 20px;
}
#navigation li {
    margin-right: 1.5em;
}
#navigation a {
    background: transparent url("images/bg_navi.jpg") no-repeat 200px 200px;
    overflow: hidden;
	cursor: pointer;
}
#navigation a:hover {
    background-position: 50% 0;
}
#navigation .selected a,
#navigation .selected a:hover {
    background-position: 50% -38px;
}
#navigation span {
    background-repeat: no-repeat;
    background-position: 0 40%;
    color: #fff;
    padding-left: 20px;
    height: 38px;
    line-height: 37px;
}
#navigation #thome span {
    background-image: url("images/icon_home.gif");
}
#navigation #tarchive span {
    background-image: url("images/icon_archive.gif");
}
#navigation #tabout span {
    background-image: url("images/icon_about.gif");
}
#navigation #tadmin span {
    background-image: url("images/icon_admin.gif");
}

/*** Search *******************************************************************/

#search {
    position: absolute;
    right: 25px;
    top: 146px;
}
#search * {
    float: left;
}
#search label { /* hide from visual browsers */
    position: absolute;
    visibility: hidden;
}
#search input {
    border: 1px solid #000;
    font-size: 100%;
    margin-right: 10px;
    width: 220px;
}
#search button,
#commentform button {
    background: transparent url("images/button_go.gif") no-repeat 0 0;
    overflow: hidden;
    height: 24px;
    width: 58px;
    line-height: 200px;
    padding: 0;
    text-indent: 200px;
    outline: none;
}
* html #commentform button,
* html #search button {
    text-indent: 0;    
}
*+html #commentform button,
*+html #search button {
    text-indent: 0;
}

#search button:hover,
#commentform button:hover {
    background-position: 0 -24px;
}
#search button:active,
#commentform button:active {
    background-position: 0 -48px;
}

/*** Form *********************************************************************/

form input,
form textarea {
    background: #fff url("images/bg_input.gif") repeat-x 0 0;
    border: 1px solid #69a5ea;
    padding: 0.2em 5px;
}
form button {
    background: #fdab08;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 0.2em 0.7em;
}

/*** Content ******************************************************************/

#body {
    background: #fff url("images/bg_wrapper.gif") repeat-y -2px 0;
}
#content {
    background: transparent url("images/bg_content.jpg") no-repeat 0 0;
    padding: 30px 0;
}
#content .entry {
    float: left;
    padding: 10px 10px 10px 40px;
    position: relative;
}
#content .entry p {
    margin-bottom: 1em;
}
/*
#index #content .entry p:first-line {
    font-weight: bold;
}
*/
#content h1.pagetitle {
	font-size: 140%;
    padding: 10px 10px 10px 40px;
}
#content .entry h2 {
    font-size: 170%;
    line-height: 120%;
    margin-bottom: 0.1em;
}
#content .entry h2 a {
    color: #25313b;
}
#content .entry h4 {
	font-size: 110%;
	margin-bottom: 0.5em;
}
#content .entry h4 span {
	color: #fc4ec6
}
#content .entry .date {
    background: transparent url("images/bg_date.png") no-repeat 0 0;
    color: #fff;
    position: absolute;
    left: -33px;
    width: 64px;
    height: 82px;
    padding-top: 7px;
    top: 12px;
    line-height: 15px;
}
* html #content .entry .date {
    background-image: url("images/bg_date.jpg");
}
* html #content .entry.first .date,
* html #content .entry.full .date {
    background-image: url("images/bg_date.gif");
}
#content .entry .date span {
    display: block;
    text-align: center;
    width: 43px;
    text-transform: uppercase;
}
#content .entry .date .day {
    font-weight: bold;
    font-size: 18px;
}
#wrapper #content .entry .meta {
    color: #a7b4be;
    padding: 0;
    margin-bottom: 1.5em;
}
#content .entry .meta * {
    display: inline;
}
#content .entry .meta li {
    padding-right: 0.5em;
}
#content .entry .meta a {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 18px;
}
#content .entry .meta .tag a {
    background-image: url("images/icon_tag.gif");
}
#content .entry .meta .comment a {
    background-image: url("images/icon_comment.gif");
}
#content .entry .meta .edit a {
    background-image: url("images/icon_edit.gif");
}
#content .entry .more {
    background: transparent url("images/icon_more.gif") no-repeat 100% 0.35em;
    padding-right: 14px;
}
#content .entry .bullet {
    background: transparent url("images/icon_more.gif") no-repeat 0 0.2em;
    padding-left: 14px;
}

#content .entry img.inline {
	margin: 0.4em 1em 1em 0pt;
}
#content .entry img.bordered {
	border: 1px solid #081828;
}
#content .entry ul {
    padding-left: 1em;
    margin: 0 0 0.5em 0.5em;
}
#content .entry ul li {
    list-style: disc outside;
}
#content .entry ul ul {
    padding-left: 1.2em;
}

#content .separator,
#sidebar .separator {
    background: transparent url("images/horizontal_separator.gif") no-repeat 50% 100%;
    color: #7d91aa;
    margin: 1em 0;
    padding: 0 25px 1em 40px;
	clear: both;
}
#sidebar .separator {
    padding-left: 20px;
}

/*** Full Entry ***************************************************************/
/*
#content .entry.full {
    width: 435px;
}
*/
#content .entry.full h1 {
    font-size: 170%;
    line-height: 120%;
    margin-bottom: 0.1em;
}
#content .entry.full p,
#content .entry.full ul,
#content .entry.full ol {
    margin-bottom: 1em;
}
#content .entry.full p:first-line {
    font-weight: normal;
}
#content .entry.full .excerpt {
    color: #7d91aa;
    font-style: italic;
    font-size: 110%;
    line-height: 150%;
    margin: 1em 0;
    padding-right: 50px;
}
#content .entry .excerpt:first-line {
    color: #162c45;
    font-weight: bold;
}
#content .full h2 {
    font-size: 130%;
    margin-bottom: 0.3em;
}
#content .full h3 {
    font-size: 100%;
}
#content blockquote {
    background: transparent url("images/icon_quote.gif") no-repeat 17px 0.6em;
    color: #7d91aa;
    font-style: italic;
    padding: 0.5em 0;
    padding-left: 40px;
}
#content .entry.full ul,
#content .entry.full ol {
    padding-left: 40px;
}
#content .entry.full ul li {
    list-style-type: square;
}
#content .entry.full ol li {
    list-style-type: decimal;
}
#content .frame {
    background: #fff;
    border: 1px solid #e9eaeb;
    padding: 4px;
}
#content code {
    color: #7d91aa;
    font-family: Monaco, Courier, "Courier New", monospace;
}
#content .hint {
	font-size:90%;
	color: #7d91aa;
}
#content table.info {
	border-collapse:collapse;
	width:100%;
	margin-left:-1em;
	margin-bottom: 1em;
}
#content table.info td, table.info th {
	padding:0.4em 1em;
	vertical-align:top;
}
#content table.info th {
	border-bottom:3px solid #D9E9FA;
	text-align:left;
}
#content table.info .alternate td {
	background-color:#ECF4FC;
}
/*** Paging ********************************************************/
.pages {
	padding-left: 40px;
}
.paging {
    border-top: 3px solid #d9e9fa;
    clear: both;
    padding: 0.3em 0 1em 40px;
}
.paging * {
    float: left;
}
.paging a {
    border: 1px solid #fff;
    padding: 0.1em 0.5em;
}
.paging a:hover {
    border-color: #d9e9fa;
    text-decoration: none;
}
.paging .selected a {
    background: #d9e9fa;
    font-weight: bold;
}
.paging .next,
.paging .previous {
    overflow: hidden;
    text-indent: 1000px;
    width: 12px;
}
.paging .next {
    background: transparent url("images/icon_paging_next.gif") no-repeat -2px 6px;
}
.paging .previous {
    background: transparent url("images/icon_paging_previous.gif") no-repeat -2px 6px;
}
.paging .next a,
.paging .previous a {
    display: block;
    overflow: hidden;
    width: 12px;
}
.paging .next a:hover,
.paging .previous a:hover {
    border-color: #fff;
}
/*** Comments *****************************************************************/

#comments .entry {
    background: transparent url("images/horizontal_separator.gif") no-repeat 50% 100%;
    padding-top: 1.2em;
}
#comments .entry cite {
    color: #25313b;
    font-style: normal;
}
#comments .entry .meta {
    margin-bottom: 0.3em;
}
#comments .entry .gravatar {
    background: transparent url("images/bg_date.png") no-repeat 0 0;
    color: #fff;
    position: absolute;
    left: -33px;
    width: 64px;
    height: 82px;
    padding-top: 6px;
    padding-left: 6px;
    top: 12px;
    line-height: 15px;
}
* html #comments .entry .gravatar {
    background-image: url("images/bg_date.jpg");
}
#comments .entry p,
#comments .entry ul,
#comments .entry ol {
    margin-bottom: 1em;
}

/*** Comment Form *************************************************************/

#commentform {
    background: #7fb7ee url("images/bg_commentform.jpg") no-repeat 0 0;
    display: inline; /* be nice to IE */
    clear: both;
    float: left;
    margin: 3em 0 2em 30px;
    padding: 20px;
    width: 390px;
}
#commentform p {
    clear: both;
    margin-bottom: 1em;
    float: left;
    padding: 0;
    white-space: nowrap;
}
#commentform label {
    font-weight: bold;
    display: block;
}
#commentform label span {
    color: #fff;
    font-size: 90%;
    font-weight: normal;
    text-transform: uppercase;
}
#commentform input,
#commentform textarea {
    width: 380px;
}
#commentform button {
    background-image: url("images/button_submit.gif");
    width: 80px;
    height: 28px;
    white-space: nowrap;
}
#commentform button:hover {
    background-position: 0 -28px;
}
#commentform button:active {
    background-position: 0 -56px;
}

/*** Sidebar ******************************************************************/

#sidebar {
    background: transparent url("images/bg_sidebar.jpg") no-repeat 100% 0;
    padding: 30px 0;
    font-size: 95%;
}
#sidebar .section {
    padding: 12px 20px;
}
#sidebar .section h3 {
    margin-bottom: 0.5em;
}
#sidebar .section h3 span {
    color: #00a0ff;
}
#sidebar .section h4 a,
#sidebar .tag li a,
#sidebar .date li a {
    background: transparent url("images/icon_tag.gif") no-repeat 0 0.1em;
    padding-left: 20px;
}
#sidebar form label {
    display: block;
    font-size: smaller;
    text-transform: uppercase;
}
#sidebar .section .subscribe_nl {
	background:transparent url("images/icon_subscribe_newsletter.gif") no-repeat scroll 0pt 5px;
	height:46px;
	padding-left:48px;
	padding-bottom:2px;
	margin-top: 1em;
}
#sidebar .section input {
	font-size:14px;
	padding: 0.22em 5px;
	float: left;
}
#sidebar .section button {
	background:#BCD8F6 url("images/bg_button.gif") repeat-x scroll 0pt;
	cursor:pointer;
	margin:0 0 0 -1px;
	padding:0.15em 5px;
	text-transform:uppercase;
	border:1px solid #92B2D3;
	font-size: 14px;
	float: left;
}
* html #sidebar .section button {
	height: 24px;
	padding-top: 1px;
}
#sidebar .date li a {
    background: transparent url("images/icon_date.gif") no-repeat 0 0.3em;
}
#sidebar .entry {
    margin-bottom: 1em;
}
#sidebar li {
    border-bottom: 1px solid #e9eaeb;
}
#sidebar li a {
    color: #162c45;
    background-position: 0 0.5em;
    display: block;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

/*** Sidenotes ****************************************************************/

#sidebar .sidenotes h4 a {
    background: transparent url("images/icon_more.gif") no-repeat 0 0.2em;
    color: #162c45;
    padding-left: 14px;
}
#sidebar .sidenotes .sidenote {
    padding: 0.5em 0;
    border-top: 1px solid #dbeafa;
    padding-right: 10px;
}
#sidebar .sidenote .meta {
    color: #7d91aa;
}

/*** Linksection **************************************************************/

#linksection {
    background: #7fb7ee url("images/bg_linksection.gif") repeat-y -2px 0;
}
#linksection .column {
    float: left;
    padding: 20px;
    padding-left: 40px;
    width: 420px;
}
#linksection .column.right {
    float: right;
    width: 310px;
    padding-left: 0;
    padding-right: 20px;
}
#linksection h3 {
    font-size: 150%;
    padding-bottom: 0.8em;;
}
#linksection h3 span {
    color: #fff;
}
#linksection ul {
    float: left;
    width: 50%;
}
#linksection li {
    clear: both;
    float: left;
    width: 100%;
}
#linksection .left li a {
    background: transparent url("images/icon_mm.gif") no-repeat 0 0.6em;
    color: #fff;
    display: block;
    line-height: 130%;
    padding: 0.8em 0.8em 0.8em 45px;
    border-bottom: 1px solid #99c5f1;
}
#linksection li a strong {
    color: #162c45;
    display: block;
}
#linksection li.lastchild a {
    border: none;
}
#linksection .right ul {
	margin-top: 0.8em;
    width: 33%;
}
#linksection .right li a {
    color: #fff;
    display: block;
    line-height: 130%;
	margin: 0 20px 20px 0;
}
#linksection .right li img {
	width:64px;
	height:64px; 
    padding: 3px;
    border: 1px solid #9ccaf7;
}
#linksection .right li:hover img {
    border-color: #bdeaff;
}


/*** Footer *******************************************************************/

#footer {
    background: transparent url("images/bg_footer.jpg") no-repeat 0 0;
    padding: 1.5em 0;
}
#footer p {
    font-weight: bold;
    padding-left: 20px;
}
#footer ul {
    position: absolute;
    right: 10px;
    top: 1.2em;
}
#footer ul,
#footer ul * {
    float: left;
}
#footer li {
    margin-right: 1em;
}
#footer .rss a {
    color: #162c45;
    background: transparent url("images/icon_rss.gif") no-repeat 0 0.2em;
    padding-left: 20px;
}

/*** Microformats *************************************************************/

.vcard {
    background: transparent url("images/icon_vcard_large.gif") no-repeat 0 0.2em;
    padding-left: 40px;
}
.vcard .adr {
    padding: 1em 0;
}

/*** Specific Styles *************************************************************/
#content .entry ul.features,
#content .entry.full ul.features {
	padding-left:10px;
}
#content .entry table.features img {
	margin-bottom: 10px;
}
#content .entry ul.features li,
#content .entry.full ul.features li,
#content ul.features li {
    font-size: 100%;
    font-weight: bold;
    list-style: none;
}
#content ul.features p {
    font-size: 80%;
    font-weight: normal;
    line-height: 160%;
}

/* Google Plus Button */

#content p span div  {
    padding: 0 0 10px 10px !important;
}