/*
Theme Name: ptx 2.0
Theme URI: http://pantox.net
Description: A WordPress theme by pantox
Author: pantox
Author URI: http://pantox.net
*/

/* HTML area */

body, div {
    margin:0;
    padding:0;
}
html, body {
    height:100%;
}
body {
    background: url('gfx/pattern_bg.gif') repeat top left;
    font-size: 0.8em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
a {
    text-decoration: none;
}
a:hover {
}
a img {
    border: 0 none;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
h2.centered {
    text-align:center;
}

.alignright {
    float: right;
}
.alignleft {
    float: left;
}
pre, code {
    font-size:1.2em;
    margin:1.4em;
    overflow:auto;
    padding:1.4em;
}
code {
    display:block;
}
/* page area */
#page {
    margin: 0 0 0 254px;
	padding: 0 147px 0 0;
    min-height:100%;
    position:relative;
    width: 475px;
}
* html #page {
    height:100%;
}
/* header area */
#header {
    height: 200px;
    padding: 0 25px;
}
#header h1 {
	float: left;
    margin: 0 0 15px;
	display: inline;
}
#header h1 a {
    background: url('gfx/ptxlogo.gif') no-repeat top left;
    display: block;
    text-indent:-999em;
    height: 150px;
    width: 80px;
}
#header h1 a:hover {
    background-position: top right;
    border: 0 none;
}
#header h1 a:focus {
    outline: none;
}

#search {
	position:absolute;
	right:0;
	width:147px;
}

#searchform input {
	background: url("gfx/magnifier.gif") no-repeat scroll 120px 4px transparent;
	border:0 hidden;
	margin:5px;
	padding-left: 2px;
	width:135px;
	height: 21px;
}

/* content area */
#content {
	padding:0 25px 15px;
}
	#content .archive {
		border-bottom:2px dashed;
		font-size:20px;
		margin-top:0;
		padding-bottom:15px;
		text-align:center;
	}
    #content .post {
        padding-top: 5px;
		margin-bottom: 15px;
		border-bottom: 2px dashed;
    }
        #content .post  h2 a:hover{
            border: 0 none;
        }
		#content .meta {
			position:absolute;
			right:5px;
		}
        #content .meta .tags {
			background:url("gfx/icons/tag.gif") no-repeat scroll 5px 5px;
			margin-top:5px;
			padding:5px 5px 5px 26px;
			width:106px;
		}
        #content .meta .tags a{
			display: block;
			line-height:1.5em;
		}
		#content .meta .comment {		
            background: url('gfx/icons/comment.gif') no-repeat scroll 5px 5px;
			line-height:1.5em;
 			margin-top:5px;
			padding:5px 5px 5px 26px;
			width:106px;
       }
        #content .meta .comments {
            background: url('gfx/icons/comments.gif') no-repeat scroll 5px 5px;
			line-height:1.5em;
			margin-top:5px;
			padding:5px 5px 5px 26px;
			width:106px;
        }
        #content .meta .comment_add {
            background: url('gfx/icons/comment_add.gif') no-repeat scroll 5px 5px;
			line-height:1.5em;
			margin-top:5px;
			padding:5px 5px 5px 26px;
			width:106px;
        }
		#content .date {
			height:37px;
			width:137px;
		}
        #content .date .wrapper {
			border-left:1px solid;
			display:block;
			float:right;
			margin:5px 25px 5px 5px;
			padding-left:10px;
			text-align:center;
		}
        #content .date .year {
			display:block;
			font-size: 12px;
		}
		#content .date .month {
			display: block;
			font-size: 12px;
		}
        #content .date .day {
			display:block;
			float:left;
			font-size:24px;
			font-weight:700;
			line-height:24px;
			padding-left:25px;
			padding-top:5px;
        }
        #content .title {
            font-size: 13pt;
            padding: 10px 0 0;
			margin: 0;
        }
        #content .entry {
            line-height:1.5em;
            text-align:justify;
            padding: 0 0 10px;
        }
        #content .entry img {
            border:0 none;
        }
        #content .entry ol {
            margin: 0 20px;
            padding: 0;
        }
        #content .entry ol li {
            margin: 0 0 10px;
        }
        #content .entry ol li ul {
            list-style-image:none;
            list-style-position:outside;
            list-style-type:disc;
            margin:0 0 0 20px;
            padding: 0;
        }
        #content .entry ol li ul li {
            margin: 0;
        }
        #content .entry a:hover{
			border-bottom: 1px dotted;
        }
		#content .navigation {
            padding: 0 0 15px;
        }

.wp-pagenavi {
    text-align:center;
}

/* subcontent area */
#subcontent {
    padding: 25px;
	width: 572px;
}
    #subcontent a:hover {
        border-top: 2px dotted;
        border-bottom: 2px dotted;
    }
    #subcontent h2 {
        font-size: 1.5em;
    }
    #subcontent #tagcloud {
        line-height:3em;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:10px 0;
        padding:0;
        text-align:center;
    }

#comments {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
    #comments li {
        clear:both;
        display:block;
        margin-top:20px;
        padding-bottom:15px;
        position: relative;
        width: 425px;
    }
    #comments li .avatar {
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 50px;
    }
    #comments li .number {
        font-family:'Courier New',Courier,monospace;
        font-size:3em;
        font-weight:800;
        position:absolute;
        right:0;
        top:10px;
    }
    #comments li .author {
        padding-left: 60px;
    }
    #comments li .author h3 {
        margin: 0 0 10px;
        padding: 0;
    }
    #comments li .date{
        padding-left: 60px;
        font-size: 0.8em;
    }
    #comments li .comment {
        padding: 10px 0 0;
        text-align:justify;
    }
    #commentbox .divider {
            font-size:1.2em;
            font-weight: bold;
            letter-spacing:0.5em;
            text-align:center;
    }

    #commentform p {
        margin:5px 0;
    }
    #commentform input {
        border: 1px solid;
        margin:5px 0;
        padding: 5px;
        width:413px;
    }
    #commentform textarea {
        border: 1px solid;
        padding:5px;
        width:413px;
    }
    #commentform #submit {
        background: url(gfx/button.gif) repeat-x top;
        cursor: pointer;
        width:425px;
    }

	/* footer area */
#footer {
	padding:5px 0;
	width:622px;
}
    #footer p {
        padding: 0 25px;
        text-align: center;
    }

#twitter {
    background:url("gfx/follow.png") no-repeat scroll 0 0;
    border-bottom:1px solid;
    border-left:1px solid;
    cursor:pointer;
    height:111px;
    right:0;
    position:fixed;
    top:27px;
    width:29px;
}