/*
Theme Name: Tipiek
Theme URI: http://www.waltervos.nl/
Description: Het theme van tipiek.nl
Author: Walter Vos
Author URI: http://www.waltervos.nl
Version: 0.1
*/

root { 
    display: block;
}
body {
    text-align:center;
    font-size:62.5%;
    background:url('back.png') repeat top left;
    font-family: arial,sans-serif;
}
#header {
    width:61em;
    margin:-3em auto 0 auto;
    padding:1em 2em;
}
#header img {
    position:relative;
    top:4em;
    float:right;
}
#wrapper, #footer {
    margin:0 auto 3em auto;
    padding:2em 4em;
    text-align:left;
    width:61em;
    background-color:#fff;
}
#sidebar {
    position:absolute;
    width:20em;
    z-index:70;
}
#content {
    position:relative;
    z-index:80;
}
p, ul li, ol li, dl {
    font-size:1.3em;
    line-height:1.8;
    margin:1em 0;
}
ul li, ol li {
    line-height:1;
}
h1 {
    font-size:2em;
    padding:0.2em 0 0 0;
}
h2 {
    font-size:1.8em;
    border-top:0.1em dotted #e2e2e2;
    padding:0.7em 0 0 0;
}
h3 {
    font-size:1.6em;
}
h4, h5, h6 {
    font-size:1.5em;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "palatino linotype",palatino,serif;
    margin:0.7em 0;
}
.clear {
    clear:both;
}

/* Coda slider styling */
/* Most common stuff you'll need to change */

.coda-slider-wrapper { 
    padding: 0;
    margin:1.4em 0;
}
.coda-slider { 
    background: #ebebeb;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { 
    height: 20em;
    overflow: auto !important;
    padding-right: 2em;
}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { 
    width: 61em;
}

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
    width: 60em;
}
.coda-slider-wrapper.arrows .coda-slider { 
    margin: 0 10em;
}

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {
    background: #000;
    color: #fff;
    padding: 0.5em;
    width: 10em;
}

/* Tab nav */
.coda-nav ul li a.current, .coda-nav ul li a.current:visited {
    background: #39c;
    color:#fff;
}

/* Panel padding */
.coda-slider .panel-wrapper {
    padding: 2em;
    height:21em;
}

/* Preloader */
.coda-slider p.loading {
    padding: 2em;
    text-align: center
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav {

}
.coda-nav ul {
    margin: 0;
    overflow: hidden;
    padding:0;
    display:inline;
    float:right;
}
.coda-nav ul li {
    display: inline;
    list-style:none;
}
.coda-nav ul li a, .coda-nav ul li a:visited {
    background: #000;
    color: #fff;
    display: inline;
    float: left;
    margin-right: 0.1em;
    padding: 0.3em 0.6em;
    text-decoration: none
}

/* Miscellaneous */
.coda-slider-wrapper { 
    overflow: auto
}
.coda-slider { 
    float: left;
    overflow: hidden;
    position: relative
}
.coda-slider .panel {
    display: block;
    float: left;
}
.coda-slider .panel-container { 
    position: relative
}
.coda-nav-left, .coda-nav-right { 
    float: left
}
.coda-nav-left a, .coda-nav-right a { 
    display: block;
    text-align: center;
    text-decoration: none
}

/* End coda slider styling */

/* Sidebar styling */

.sidebar-box {
    -moz-border-radius: 1em;
    -webkit-border-radius:1em;
    background:#3399CC;
    position:relative;
    right:21em;
    top:0;
    border: solid 0.1em #fff;
    margin:2em 0;
}
.sidebar-box {
    padding:2em 0 2em 2em;
}

.sidebar-box h3.widget-title {
    color:#fff;
    margin:0;
}

#sidebar ul {
    margin:0;
    padding:0;
}

#sidebar ul li {
    margin:0;
    padding:0;
    list-style-type:none;
    color:#fff;
    line-height:1.4;
}

/* End sidebar styling */

/* Link styling */

a, a:visited, a:link {
    color:#3399CC;
    font-weight:bold;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a img {
    border:none;
}
#sidebar a, #sidebar a:visited, #sidebar a:link {
    color:#fff;
}

/* End link styling */

INPUT, SELECT, TH, TD {font-size:1em}
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}

/* --------------------------------------------------------------

   Basic WordPress Blog Styles

-------------------------------------------------------------- */


/* Images
-------------------------------------------------------------- */

.entry-content img {
    margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#content img {
    max-width:61em;
}
.wp-caption {
    text-align: center;
    margin-bottom: 1.5em;
}
.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    margin: 0;
}
.wp-smiley {
    max-height: 1em;
    margin:0 !important;
}
.gallery {
    /*background:#EBEBEB;*/
}
.gallery dl {
    margin: 0;
}
.gallery-caption {
    margin:0 0 0 0;
}


/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    text-align: right;
    width: 33%;
}
blockquote.right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}

textarea#comment {
    width:100%;
}

.comment-author img, .comment-author {
    float:left;
    padding:0;
    margin:0;
}
.comment-author cite {
    margin:0 0 0 1em;
}
.comment-author {
    margin:0 0 1em 0;
}
.commentmetadata {
    float:right;
}
.comment p {
    clear:both;
}
ol.commentlist {
    margin:0;
    padding:0;
    list-style:none;
}
ol.commentlist li {
    margin:1.3em 0;
    padding:1em;
}
ol.commentlist li.even {
    background:#EBEBEB;
}

/* Miscellaneous
-------------------------------------------------------------- */
p#colofon {
    text-align:center;
}
p#breadcrumbs {
}