@media screen {
    /**
     * Global elements
     */

    body {
	color       : #666;
	background  : #FFF;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
    }

    h1 { font-size : 1.4em; margin-top : 0; }
    h2 { font-size : 1.3em; }
    h3 { font-size : 1.2em; }
    h4 { font-size : 1.1em; }
    h5 { font-size : 1.0em; }
	
    h1, h2, h3, h4, h5 {
	font-family : Tahoma, Geneva, sans-serif;
	color : #F93;
	}

    img { border : 0; }
    form { margin : 0; }

    a       { color : #F93; background : none; text-decoration : underline; }
    a:hover { color : #fff; background : #F93; text-decoration : none; }

    /**
     * Setup the 3 column layout
     */

    body { margin : 0; padding : 0 300px; min-width : 300px; }

    #header, #footer, #nav { margin : 0 -300px 0 -300px; }

    .column            { float : left; position : relative; }
    #content-container { width : 100%;  padding : 0; }
    #left-container    { width : 300px; margin-left : -100%; right : 300px; }
    #right-container   { width : 300px; margin-right : -300px; }

    #footer { clear : both; }

    * html #left-container { left : 300px; }

    /**
     * Style the main page areas
     */
	 
    #header {
	background    : url(../images/logo.png) no-repeat 5px center #254B96;
	height        : 80px;   
    }
	
    #header img { display : none; }
	

    #content-container { background : #fff; }

    #content {
        padding     : 10px;
        line-height : 1.8em;
    }

    #breadcrumbs {
        font-size : 0.9em;
        color     : #aaa;
        margin-bottom : 15px;
    }

    #breadcrumbs a { color : #aaa; }
    #breadcrumbs a:hover {
		background : #D0D0D0;
		color : #fff;
	}

    #left-container .box, #right-container .box {
		margin      : 0 10px 10px 10px;
		padding     : 10px;
		background  : #fff;
		font-size   : 1em;
		line-height : 1.6em;
    }

    #footer {
        color      : #999;
        font-size  : 0.9em;
        padding    : 20px;
        text-align : center;
    }

    /**
     * Tabbed navigation
     */

    #nav {
	margin     : 0 0 20px -250px;
	font-size      : 1em;
	text-transform : capitalize;
    }

    #nav ul {
        margin     : 0;
        padding    : 6px 0;
        text-align : center;
    }

    #nav li {
        list-style      : none;
        padding         : 0;
        margin          : 0;
        display         : inline;
    }

    #nav a {
		background      : #254B96;
		color           : #fff;
		text-decoration : none;
		padding         : 6px 16px;
		text-align      : center;
		margin          : 0 3px;
		letter-spacing: 1px;
    }

    #nav a:hover {
        color           : #fff;
        text-decoration : underline;
    }

    #nav li.active a {
	color       : #fff;
	background  : #f93;
    }

    /**
     * Forms
     */

    div.error {
	padding    : 5px;
	margin     : 5px 0;
	color      : #000;
    }

    form .row div.error {
	font-size : 1em;
	line-height : .7em;
	font-style: italic;
    }

    form .row { margin : 10px 0; clear : both; }

    form .row label {
	width       : 150px;
	float       : left;
	display     : block;
	font-weight : bold;
    }

    form .row input[type=text] { width : 230px; }
    form .row input[type=password] { width : 230px; }

    form .captcha { margin-left : 0px; }

    form .submit {
        padding : 5px;
        margin-top : 30px;
        background : #eee;
    }
	
	/**
     * Status boxes
     */

    div.status {
        padding    : 5px;
        margin     : 5px 0;
    }

    .status.live {
		color      : #fff;
		background : #390;
    }

    .status.draft {
        color      : #fff;
        background : #fa0;
    }

    /**
     * Previewing of blog posts
     */

    .preview-status form { margin-top : 5px; }
    .preview-status { margin-bottom : 10px; }
    .preview-date {
        font-size : 0.9em;
        color     : #999;
    }
	
	#month-preview .status {
        font-weight : normal;
        font-size   : 0.9em;
    }

    #month-preview dt {
        font-weight : bold;
    }
	
	.wysiwyg { margin : 10px 0; }
	
	.teaser {
        border-top  : 1px dashed #eee;
        padding     : 5px 0;
        margin      : 10px 0;
    }

    .teaser h3 {
        margin      : 0;
    }

    .teaser-date {
        font-size   : 0.8em;
        color       : #666;
        margin      : 0 0 10px 0;
    }

    .teaser-links {
        font-size   : 0.9em;
        background  : #f7f7f7;
        padding     : 5px;
        line-height : 1em;
        margin-top  : 5px;
        clear       : both;
    }
	
	.post-date {
        font-size   : 0.8em;
        color       : #666;
        margin      : 0 0 10px 0;
    }
	
	 #preview-tags {
        background  : #f7f7f7;
        padding     : 5px;
    }

    #preview-tags input {
        font-size   : 0.95em;
    }

    #preview-tags a {
        font-size   : 0.95em;
    }

    #preview-tags ul {
        margin      : 0;
        padding     : 0;
    }

    #preview-tags li {
        margin      : 0;
        padding     : 0 5px;
        display     : inline;
    }

    #preview-tags form, #preview-tags div {
        display     : inline;
    }
	
}  /* End of @media screen */

@media print {
    /**
     * Elements to hide
     */
    #nav, #left-container, #right-container { display : none; }
}