/*
	Theme Name:		Axamblis Theme
	Theme URI:		http://blog.axamblis.com/
	Description:	Theme for "The Axamblis Blog" which integrates into the rest of the Axamblis website.
	Author:			Fabian Schuiki
	Author URI:		http://www.axamblis.com/
	Version:		1.0
	
	To be used for "The Axamblis Blog" only.
	(c) 2009 by Axamblis, Fabian Schuiki
*/


.page_frame {
	width: 980px;
	//border: 1px solid green;
}

#sidebar {
	width: 245px;
	//background-color: red;
	float: right;
}

#content {
	width: 710px;
	//background-color: blue;
	float: left;
	text-align: left;
}

#blog_title {
	position: relative;
	width: 980px;
	font-size: 34px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom: 40px;
	text-align: left;
}

#blog_title .tagline {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	right: 0px;
	bottom: 12px;
}

#blog_title .navigation {
	font-size: 14px;
}


/*
	Posts
*/

.post {
	//border: 1px solid green;
	font-family: "Baskerville", Times New Roman, Times, serif;
	margin-bottom: 50px;
	position: relative;
	//background-color: red;
}


/* Message Design */
.post .upper_left,
.post .upper_fill,
.post .upper_right {
	position: absolute;
	top: -20px;
	height: 346px;
	z-index: -1;
}

.post .upper_fill {
	background-image: url(images/message/upper_fill.png);
	left: 5px;
	right: 5px;
}
.post .upper_left {
	background-image: url(images/message/upper_left.png);
	left: -20px;
	width: 25px;
}
.post .upper_right {
	background-image: url(images/message/upper_right.png);
	right: -20px;
	width: 25px;
}


.post .lower_left,
.post .lower_fill,
.post .lower_right {
	position: absolute;
	bottom: -20px;
	height: 165px;
	z-index: -1;
}

.post .lower_fill {
	background-image: url(images/message/lower_fill.png);
	left: 5px;
	right: 5px;
}
.post .lower_left {
	background-image: url(images/message/lower_left.png);
	left: -20px;
	width: 25px;
}
.post .lower_right {
	background-image: url(images/message/lower_right.png);
	right: -20px;
	width: 25px;
}


.post .left,
.post .right {
	position: absolute;
	width: 25px;
	top: 326px;
	bottom: 145px;
	z-index: -1;
}
.post .left {
	left: -20px;
	background-image: url(images/message/left.png);
}
.post .right {
	right: -20px;
	background-image: url(images/message/right.png);
}
.post .fill {
	background-image: url(images/message/fill.png);
	position: absolute;
	top: 326px;
	left: 5px;
	right: 5px;
	bottom: 145px;
	z-index: -1;
}


.post h1 {
	font-size: 38px;
	font-weight: bold;
	line-height: 110%;
	margin: 0px 10px;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DDD;
}

.post h1 a {
	text-decoration: none;
	color: black;
}

.post h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 110%;
}

.post .publishment_info {
	margin: 0px;
	padding: 0px 20px;
	padding-top: 20px;
	line-height: 100%;
	font-size: 13px;
}

.publishment_info .category {
	font-weight: bold;
}

.post .text {
	padding: 10px 20px;
	font-size: 14px;
	line-height: 130%;
	text-align: justify;
}

/* Paragraphs */
.text p {
	margin: 10px 0px;
	padding: 0px;
}

/* Lists */
.text ul,
.text ol {
	list-style-position: inside;
	margin-left: 20px;
	margin-top: 0px;
}
.text ul {
	list-style: circle;
}

/* Objects (Players, etc.) */
.text object {
	margin: 20px;
}


/* Post Metadata */
.post .metadata {
	font-size: 11px;
	margin: 0px 25%;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #EEE;
	color: #555;
	text-align: center;
}


.post .note {
	position: absolute;
	right: -20px;
	bottom: 5px;
	padding-right: 69px;
	padding-left: 36px;
	padding-top: 13px;
	padding-bottom: 13px;
	//border: 1px solid red;
	text-align: right;
	
	font-family: "Marker Felt", sans-serif;
	font-size: 12px;
	z-index: 2;
}

.post .note a {
	text-decoration: none;
	color: rgb(75, 50, 0);
}

.post .note .left,
.post .note .fill,
.post .note .right {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	bottom: 0px;
	top: 0px;
}

.post .note .left {
	width: 26px;
	left: 0px;
	background-image: url(images/message/note_left.png);
}
.post .note .right {
	width: 69px;
	right: 0px;
	background-image: url(images/message/note_right.png);
}
.post .note .fill {
	left: 26px;
	right: 69px;
	background-image: url(images/message/note_fill.png);
	background-repeat: repeat-x;
}

.post .note .tags {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	margin-right: 20px;
	font-size: 9px;
	display: none;
	color: rgb(150, 125, 100);
}
.post .note .tags a {
	color: rgb(150, 125, 100);
}



/*
	Sidebar
*/


/* Insert a raquo; in front of every link */
#sidebar a::before {
	content: "» ";
}

#sidebar .upper_spare {
	height: 50px;
}

#sidebar .box {
	position: relative;
	/*padding: 5px;
	padding-left: 0px;*/
	text-align: left;
	font-size: 10px;
	margin: 40px 0px;
}

/* Lists */
#sidebar .box ul,
#sidebar .box ol {
	list-style: outside;
	margin-left: 10px;
	margin-top: 0px;
}
#sidebar .box ul {
	list-style: none;
}

.box h1 {
	padding: 0px;
	margin: 0px;
	font-size:16px;
}


.box .top,
.box .bottom {
	position: absolute;
	background-position: right;
	height: 10px;
	width: 350px;
	z-index: -3;
	right: -10px;
}
.box .top {
	background-image: url(images/box_top.png);
	top: -10px;
}
.box .bottom {
	background-image: url(images/box_bottom.png);
	bottom: -10px;
}

.box .fill {
	background-image: url(images/box_fill.png);
	background-repeat: repeat-y;
	background-position: right;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: -10px;
	width: 350px;
	z-index: -3;
}

#sidebar .topmargin {
	margin-top: 15px;
}

#sidebar .podcast_links {
	margin-left: 10px;
}



/*
	Comments
*/

.comments {
	text-align: center;
	margin: 0px 125px;
	//padding-top: 50px;
	border-top: 1px dotted #DDD;
}

.comments h1 {
	font-family: "Marker Felt", sans-serif;
	font-size: 28px;
}

/* Single Comment */
.comments .comment {
	position: relative;
	text-align: left;
	//border: 1px solid green;
	margin: 50px 0px;
	min-height: 88px;
	padding: 10px;
}

/* Top */
.comment .tl,
.comment .t,
.comment .tr {
	position: absolute;
	height: 27px;
	top: -21px;
	z-index: -1;
}

.comment .tl {
	background-image: url(images/comment_tl.png);
	width:  45px;
	left: -45px;
}
.comment .tr {
	background-image: url(images/comment_tr.png);
	width:  45px;
	right: -45px;
}
.comment .t {
	background-image: url(images/comment_t.png);
	left: 0px;
	right: 0px;
	background-repeat: repeat-x;
}


/* Bottom */
.comment .bl,
.comment .b,
.comment .br {
	position: absolute;
	height: 109px;
	bottom: -21px;
	z-index: -1;
}

.comment .bl {
	background-image: url(images/comment_bl.png);
	width:  45px;
	left: -45px;
}
.comment .br {
	background-image: url(images/comment_br.png);
	width:  45px;
	right: -45px;
}
.comment .b {
	background-image: url(images/comment_b.png);
	left: 0px;
	right: 0px;
	background-repeat: repeat-x;
}


/* Middle */
.comment .l,
.comment .r {
	position: absolute;
	width: 45px;
	top: 6px;
	bottom: 88px;
	z-index: -1;
	background-repeat: repeat-y;
}

.comment .l {
	background-image: url(images/comment_l.png);
	left: -45px;
}
.comment .r {
	background-image: url(images/comment_r.png);
	right: -45px;
}

.comment .fill {
	position: absolute;
	background-image: url(images/comment_fill.png);
	left: 0px;
	right: 0px;
	top: 6px;
	bottom: 88px;
	z-index: -1;
}

/* Type */
.comment .tape {
	background-image: url(images/comment_tape.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	height: 64px;
	top: -39px;
	left: 50px;
	right: 50px;
}

.comment div.author {
	font-family: "Marker Felt", sans-serif;
	font-size: 16px;
	float: left;
	padding-top: 8px;
}

.comment div.time {
	float: right;
	margin-right: 55px;
	padding-top: 13px;
	font-size: 10px;
}

.comment div.text {
	padding-top: 10px;
	color: #666;
}

.comment div.avatar {
	position: absolute;
	float: right;
	//background-color: red;
	//border: 1px solid red;
	right: -10px;
	top: -15px;
	padding: 8px;
	background-image: url(images/avatar_container.png);
	background-repeat: no-repeat;
	background-position: center;
}

.comment img.avatar {
	vertical-align: middle;
}

.comments .add label {
	text-align: left;
	padding-right: 20px;
}

.comments .add {
	//margin-top: 125px;
}

.comments .add input[type=text] {
	margin: 2px 0px;
	width: 200px;
}

.comments .add input[name=author] {
	font-family: "Marker Felt", sans-serif;
	font-size: 13px;
}

.comments .add small {
	margin-left: 10px;
	color: #888;
	font-style: italic;
}

.comments .add table {
	margin-top: 15px;
}

.comments .add textarea {
	margin-top: 20px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 100px;
	padding: 3px;
	position: relative;
	left: -3px;
}

.comments .add input[type=submit] {
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px 10px;
}