/*
  
Theme Name: Doc
Theme URI: http://wp-content-themes.com/doc-a-free-minimal-wordpress-27-theme/257
Description: Doc is a minimal one-column free WordPress theme, with 3 widgetized areas at the bottom of the page, fixed width, and a strong focus on the content for your reading pleasure.
Tags: white, one-column, fixed-width, threaded-comments, sticky-post
Version: 0.1
Author: Delicia
Author URI: http://www.wp-content-themes.com/
Credits:960 Grid System by NathanSmith & Blueprint Css by Joshua Clayton for inspiration, 
Eric Meyer's css reset

*/ 

@import url(//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

/* ========== Reset ========== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}

/* ========== Structure =========== */

body {
background: #fff;
color : #333;
font-family : 'Droid Serif','Georgia','Times New Roman', serif;
line-height : 2;
}

.container {
margin-left : auto;
margin-right : auto;
width : 980px;
/*background : #fff;*/
margin-top : 10px;
margin-bottom : 10px;
/*border : 2px outset #eee;
box-shadow: 0 0 7px rgba(0,0,0,0.7);
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.7);
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.7);*/
}


.g33, .g16, .g10 {
float : left;
display : inline;
margin : 0 10px;
padding : 0;
width : auto;
}
.g33 {
width : 960px;
}
.g25 {
/*width : 880px;*/
}
.g16 {
width : 460px;
}
.g10 {
width : 300px;
}
.alpha {
margin-left : 0;
}
.omega {
margin-right : 0;
}


/* ========== HTML elements ========== */

/*
* clearing markup that doesn't require extra source markup.
* the rules here are for good (non-IE) browsers.
* from http://www.positioniseverything.net/easyclearing.html
*/

.clear {
    clear:both;
}

.clear-left {
    clear:left;
}

.clear-right {
    clear: right;
}

.clearfix {
    *zoom: 1;  /* asterisk = lte IE7  */
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a {
/*color : #666;*/
color: #21759B;
text-decoration : none;
/*font-weight : 500;*/
}

.text a {
text-decoration: underline;
}

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

blockquote {
padding : 10px 30px;
background-color:#f5f5f5;
color: #444;
/*font-size : 13px;*/
margin: 20px auto;
}

	blockquote cite.source {
		text-align:right;
		display:block;
		/*border-top: 1px solid #ededed;*/
	}
 

form p + p {
text-indent : 0;
}
img, object {
margin : 0;
padding : 0;
border : 0;
}
a img {
border : 0;
}

p {
margin : 10px 0;
}

cite {
color: #7F0000;
}

.text p {
text-align: justify;
text-indent: 20px;
}
h1 {
font-size : 21px;
font-weight : 700;
}
h2 {
font-size : 19px;
font-weight : 600;
}
h3 {
font-size : 18px;
font-weight : 500;
}
h4 {
font-size : 16px;
font-weight : 400;
}
h5 {
font-size : 15px;
font-weight : 300;
}
h6 {
font-size : 14px;
font-weight : 200;
}
em {
font-style : italic;
}
strong {
font-weight : 600;
}
code, pre {
font-family : 'Consolas','Droid Sans Mono', Courier, 'Courier New';
font-size : 12px;
overflow : auto;
}

pre {
border:1px solid #999;
padding:5px;
}

code {
background-color: #efefef;
padding: 2px;
}

ol {
padding-left : 20px;
margin : 5px 5px 20px 25px;
/*list-style-position: inside;*/
}
ul {
padding-left : 20px;
margin : 5px 5px 20px 5px;
/*list-style-position: inside;*/
}
ul ul {
margin : 5px;
}
ol ol {
margin : 5px;
}
ol li, ul li {
/*line-height : 20px;*/
margin-bottom : 5px;
/*font-size : 13px;*/
/*color: #444;*/
}

/* ==================== Page elements =================== */

/* ==================== Header =============== */

#top {
margin-top : 50px;
border-bottom : 2px solid #999;
line-height : 1;
}
#feeds {
font-size : 14px;
}
.feeds {
text-align : right;
}
#feeds a {
border : 0;
color: #E25E00;
text-align : right;
}
#header {
margin : 20px 0 30px 0;
padding : 30px 0;
text-align : center;
}
#header h2 {
font-size : 40px;
line-height : 1;
}
#header h2 a {
color: #000;
border : 0;
}
#main {
/*margin-left : 80px;*/
}
#main hr {
width : 50%;
height : 1px;
background : #eee;
border : 1px solid #ddd;
clear : both;
}

#description {
font-size: 12px;
color: rgb(170, 170, 170);
}


/* ======================= Post styles =================== */

.post, .page {
margin : 0;
/*padding : 10px 70px 60px 70px;*/
font-size : 14px;
line-height : 1.8;
}

.post img {
max-width : 90%;
margin : 10px;
padding : 5px;
background : #f6f6f6;
border : 1px solid #eee;
}

.post h3 {
/*text-align: center;*/
margin-top: 30px;
border-bottom: 1px solid #eee;
font-color: #000;
font-weight:bold;
}

.pt h2, .pt h1 {
margin-bottom : 20px;
padding : 0;
font-size : 30px;
line-height : 1;
letter-spacing : 0;
font-weight : 400;
font-variant : small-caps;
letter-spacing : 1px;
text-align : center;
}
.pt h2 a, .pt h1 a {
color : #333;
border : 0;
font-weight : 400;
}
.pt h2 a:hover, .pt h1 a:hover {
color : #000;
border : 0;
}

.post ol {
list-style-type: decimal;
}

.post ul {
list-style-type: disc;
}



.meta {
clear: both;
font-size : 12px;
line-height : 1.3;
}
.meta a {
border : 0;
}
.text {
padding : 10px 0;
}

.navigation {
font-size : 14px;
margin : 10px 10px;
padding : 0 10px;
font-style : italic;
}
.navigation a {
font-weight : 500;
}
.sticky .text {
font-style : italic;
}
.category-x{}
.tag-y{}
/* Replace 'x' and 'y' with a category/tag slug; 
this classes will apply different styles to posts filled in the specified cat/tag. 
You can use this pattern to set different styles to all cats/tags. */


/* ============= WordPress image classes =============== */

.wp-caption {
background : #eee;
color : #000;
text-align:center;
}

.wp-caption img {
padding: 0px;
}

p.wp-caption-text {
padding : 1px;
font-size : 10px;
background : #eee;
color : #000;
text-indent: 0;
text-align:center;
margin: 0;
}

/* ====================== Footer =================== */

#footer {
margin-bottom : 50px;
border-top : 2px solid #999;
line-height : 1;
font-size : 12px;
padding-top : 10px;
}



/* aligns and images */
p img {
	padding: 0;
	max-width: 100%; }
 
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto; }

.align-center {
text-align: center;
}
 
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline; }
 
img.alignright, .right {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline; }
 
img.alignleft, .left {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline; }
 
.alignright, .right { float: right; margin: 0px 0px 10px 10px; }
 
.alignleft, .left { float: left; margin: 0px 10px 10px 0px; }
 
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto; }
 
.textalignleft { text-align: left; }
 
.textalignright { text-align: right; }
 
.center, .aligncenter, .align-center, .textaligncenter { text-align: center!important; }
 
/* some special display classes */
.alert {
	background: #FFFBCC;
	border-color: #E6DB55;
	border-width: 1px;
        margin: 2em 0;
	border-style: solid;
	text-align: left;
	margin: 10px auto;
	padding: 5px 20px 5px 25px;
	background-image: url(images/exclamation-button.png);
	background-repeat: no-repeat;
	background-position: 5px 8px; }
 
embed {
	display: block;
	margin: 10px auto; }
 
.info {
	border-width: 1px;
        margin: 2em 0;
	border-style: solid;
	border-color: #0F80D8;
	padding: 5px 20px 5px 25px;
	background: #EAF2FA url(images/information-button.png) no-repeat 5px 8px;
	clear: both; }


/* friday random ten */
.tag-wednesdays-word dl {
	padding: 8px;
        margin-bottom: 10px;
        border-bottom: 2px dashed #DDDDDD;}
 
	.tag-wednesdays-word dl dt {
		font-size: 1.4em;
		font-weight: bold; }

.tag-wednesdays-word i, i {
color: #076A00;
}
 
a[href$=".gz"],
a[href$=".bz2"],
a[href$=".zip"],
a[href$=".7z"],
a[href$=".rar"],
a[href$=".tar"] {
	background: transparent url(images/vise-drawer.png) no-repeat right center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 20px; }
 
a[href$=".pdf"] {
	background: transparent url(images/document-pdf.png) no-repeat right center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 20px; }

a[rel*="external"] {
	background: transparent url(images/external-small.png) no-repeat right top;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 15px; }
 
.download-link h4 a {
	background: transparent url(images/vise-drawer.png) no-repeat left center;
	padding: 2px 0px 2px 25px; }
 
.download-link {
	padding: 5px 10px;
	background-color: #FDEEE8;
	margin: 15px;
	border: 1px solid #ddd; }
  
/*----------- IMAGES --------------*/
.gallery-hidden { display: none; }
 
.showImages {
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-align: center;
	border-bottom: 1px solid #f9f9f9; }
 
.gallery {
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	padding: 3px;
	width: 165px;
	margin: 10px 0 15px 10px;
	text-align: center;
	float: right;
	clear: right; }
 
	.gallery * { text-align: center; }         
 
.text .gallery p { text-align: center !important; text-indent: 0; }

.gallery img {
margin: 0;
}
 
.gallery h4 {
	font-size: 1.2em;
	border: none;
	margin: 0 0 10px 0 !important;
	padding: 0; }
 
a[rel*="shadowbox"] img { border: 3px double #666!important; }
 
span.spacer { margin-left: 2em; }
 
/*-----------BOOK MEME STUFF--------------*/
.bookitem {
        border-bottom: 2px dashed #DDDDDD;
	padding: 8px;
	margin-bottom: 15px;
	text-align: left; }
 
.bookitem dt a {
		padding-top: 2px;
		padding-bottom: 2px; }
 
	.bookitem dt {
		margin: 0 0 10px 5px!important;}
 
	.bookitem dd { margin-left: 0px; padding: 0 0 0 5px}
 
	.bookitem dt img { border: 1px solid #333; /*width: 100px;*/ }

.bookitem dt cite {
      font-size: 20px;
}

.bookitem dt .book-author {
margin-left: 25px;
}
 
.bookitem dd.last {
	text-align: right;
	font-weight: 700;
	font-size: 1.8em;
	clear: both; }

/*-----------FREE SOFTWARE STUFF--------------*/
.fsitem {
	border-style: solid;
	border-width: 1px; 
	border-color: #aaa #999 #999 #aaa;
	background-color: #f9f9f9;
	padding: 10px!important;
	display: block;
	margin: 10px 0;
	text-align: justify;
	min-height: 145px; }
 
	.fsitem img {
		background: #fff;
		border: 1px solid #999;
		float: left;
		margin: 5px 10px 0 0;
		padding: 2px;}
 
	.fsitem dt {
		margin-top: 0;
		margin-left: 0;
		padding: 0;
		font-weight: 700;
		font-size: 1.5em; }
 
	.fsitem dd { margin-left: 145px; }

.overflow {
overflow: auto;
}

sup {
	font-size: x-small;
	vertical-align: super; }
 
sub {
	font-size: x-small;
	vertical-align: sub; }


/*----------- FOOTNOTES --------------*/
ol.footnotes {
	display: block;
        color: #444;
	border-top: 1px solid #aaa;
	margin-top: 15px;
	clear: both;
	margin-left: 0px;
	font-size: 0.85em;
	list-style-position: outside;
	line-height: 1.5em; }


table {
    font-size: 0.9em;
    width: 100%;
    background-color: #fefefe;
    border: 1px solid #AAA;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 2em 0;
}


table thead {
    background-color: #F0F0F0;
    background-image: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#F0F0F0));
    font-weight: bold;
}

table tfoot {
    /**/
}

table tfoot td, table tfoot th {
    background-color: #F7F7F7;
    border-top: 3px double #999;
    font-weight: bold;
}

table caption {
    font-weight: bold;
    font-size: 1.15em;
    text-align: left;
    background-color: #fff;
}

table th {
    padding: 3px 3px 3px 5px;
    text-align: left;
    vertical-align: top;
}

table thead th {
    border-bottom: 1px solid #AAAAAA;
}

table tbody th {
    border-bottom: 1px solid #EFEFEF;
}

table td {
    border-bottom: 1px solid #EFEFEF;
    text-align: left;
    font-weight: normal;
    padding: 3px 3px 3px 5px;
}

table tr:last-child td,
table tbody tr:last-child th {
    border-bottom: 1px solid #AAAAAA;
}

table th img,
table td img {
    vertical-align: text-bottom;
}

table tbody tr:hover td, table tbody tr:hover th {
    background-color: #FFFFDD;
}

#pages-list {
font-size : 14px;
list-style-type: none;
float:left;
margin: 0 10px 0 0;
}

#pages-list li {
float: left;
margin-right: 15px;
}

#comment {
padding:5px;
width: 90%;
border: 1px solid #999;
}

.no-indent, .no-indent p, blockquote p, .category-poems p {
text-indent: 0 !important;
}
















/* =Comments
----------------------------------------------- */

#comments-title,
.nocomments {
    padding: 0 0 2.4em;
    color: #999;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.4em;
    text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}

.commentlist {
    padding-left: 100px;
    margin: 0;
    list-style: none;
font-size:13px;
}

    .commentlist > li.pingback:before { content: '' }

    .commentlist > li.bypostauthor {
        background: #e9e9e9;
        background: rgba(0,0,0,.03);
        border-color: #d3d3d3;
    }

        .commentlist > li.bypostauthor .comment-meta a:focus,
        .commentlist > li.bypostauthor .comment-meta a:active,
        .commentlist > li.bypostauthor .comment-meta a:hover { }

    .commentlist > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor.png) }

    .commentlist > li.comment {
        position: relative;
        margin: 0 0 1.4em;
        padding: 1.4em;
        background: #f6f6f6;
        border: 1px solid #ddd;
        border: 1px solid rgba(0,0,0,.08);
    }

    .commentlist > li:before {
        position: absolute;
        left: -21px;
        content: url(images/comment-arrow.png);
    }

    .commentlist .pingback {
        width: 68.9%;
        margin: 0 0 1.4em;
    }

    .commentlist .children {
        margin: 0;
        list-style: none;
    }

        .commentlist .children > li.bypostauthor {
            background: #e9e9e9;
            background: rgba(0,0,0,.03);
            border-color: #d3d3d3;
        }

        .commentlist .children li.comment {
            position: relative;
            margin: 1.4em 0 0;
            padding: 1.4em;
            border: 1px solid #ddd;
            border: 1px solid rgba(0,0,0,.08);
            background: #fff;
            -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
        }

            .commentlist .children li.comment .comment-content { margin: 1.4em 0 0 }

            .commentlist .children .comment-body { margin-left: 75px; }

            .commentlist .children li.comment .comment-meta {
                /*margin-left: 50px;*/
                line-height: 1.4em;
            }

            /*.commentlist .children li.comment .fn { display: block }*/

        .commentlist .children .avatar {
            top: 2em;
            left: 0em;
            padding: 0;
            background: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .commentlist #respond {
        width: auto;
        margin: 1.4em 0 0;
    }

    .commentlist .avatar {
        position: absolute;
        top: 0;
        left: -107px;
        margin: 0 0 10px 20px;
        padding: 0;
        border: 1px solid #ccc;
        background: #fff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
-webkit-box-shadow: 0 4px 4px rgba(100,100,100,0.1);
    -moz-box-shadow: 0 4px 4px rgba(100,100,100,0.1);
    box-shadow: 0 4px 4px rgba(100,100,100,0.1);
    }

.comment-meta {
    color: #666;
    font-size: 12px;
    line-height: 2em;
}

    .comment-meta .fn { font-style: normal }

a.comment-reply-link {
    font-size: 12px;
    font-weight: bold;
}

/* Post author highlighting */

/* Post Author threaded comments */

/* Comment Form */

#respond {
    position: relative;
    margin: 0 auto 1.4em;
    padding: 1.4em;
    color: #444;
    background: #e9e9e9;
    background: rgba(0,0,0,.03);
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,.08);
}

    #respond #cancel-comment-reply-link {
        margin-left: 10px;
        color: #666;
        text-decoration: none;
    }

    #respond .logged-in-as a:hover,
    #respond #cancel-comment-reply-link:hover { text-decoration: underline }

    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url,
    #respond .comment-form-comment { position: relative }

        #respond .comment-form-author .required,
        #respond .comment-form-email .required {
            position: absolute;
            top: 5px;
            left: 67%;
            color: #3f98db;
            font-size: 16px;
            font-weight: bold;
            z-index: 1;
        }

        #respond .comment-form-author label,
        #respond .comment-form-email label,
        #respond .comment-form-url label,
        #respond .comment-form-comment label {
            position: absolute;
            display: inline-block;
            top: 1px;
            left: 1px;
            min-width: 60px;
            padding: 5px 15px;
            color: #555;
            font-size: 12px;
            background: #eee;
            line-height: 20px;
            z-index: 1;
        }

    #respond input[type="text"],
    #respond textarea {
        position: relative;
        top: 0;
        padding: 5px;
        text-indent: 95px;
        background: #fff;
    }

    #respond input[type="text"]:focus,
    #respond textarea:focus,
    #respond input#submit {
        -moz-transition: text-indent 0.2s ease-out; /* FF4+ */
        -o-transition: text-indent 0.2s ease-out; /* Opera 10.5+ */
        -webkit-transition: text-indent 0.2s ease-out; /* Saf3.2+, Chrome */
        -ms-transition: text-indent 0.2s ease-out; /* IE10? */
        transition: text-indent 0.2s ease-out;
    }

    #respond input[type="text"]:focus,
    #respond textarea:focus {
        text-indent: 5px;
        z-index: 1;
    }

    #respond input[type=text] {
        display: block;
        width: 68%;
        height: 20px;
    }

    #respond .comment-notes,
    #respond .logged-in-as { font-size: 13px }

    #respond input#submit {
        padding: 7px 25px;
        color: #f6f6f6;
        font-size: 15px;
        background: #666;
        border: 1px solid #ddd;
        border: 1px solid rgba(0,0,0,.08);
        -moz-box-shadow: 0 2px 5px rgba(100,100,100,0.2);
        -webkit-box-shadow: 0 2px 5px rgba(100,100,100,0.2);
        box-shadow: 0 2px 5px rgba(100,100,100,0.2);
        cursor: pointer;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    }

    #respond textarea {
        width: 95%;
        height: 160px;
    }

    #respond label { line-height: 2em }

    #respond p { font-size: 12px }

    #respond input#submit:active {
        color: #fff;
        background: #3f98db;
    }

#reply-title {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

#cancel-comment-reply-link {
    position: absolute;
    display: block;
    top: 1.1em;
    right: 1.4em;
    color: #888;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 2em;
}

#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover { color: #ff4b33 }