/*  
Theme Name: Wicki Paper
Author: Patrick Nowicki
Author URL: http://www.thewickipedia.com
*/

/* GLOBAL ELEMENTS
/* ----------------------------------------------*/
body,
html {
	margin: 0; padding: 0;
	background: url('images/background.jpg') repeat-x #586f8e;
	font:normal 0.85em Georgia, "Times New Roman", Times, serif; color:#6c6159;
	line-height: 160%;
}

body { min-width: 1015px; }

img { border:0; }

blockquote, .box {
	margin:0; padding:10px 20px;
	background:#f1eddb;
	border:1px solid #e0d9b9;
	font:1.25em Georgia, "Times New Roman", Times, serif; color:#928071;
}

/* HEADINGS / LINKS
/* ----------------------------------------------*/
h3 {
	margin:0; padding:0;
	font:bold 2.50em Arial, Helvetica, sans-serif; color:#3b3632;
}

h3.page-title {
	margin:0; padding:0 0 20px 0;
	font-size:2.50em;
	background:url('images/page-title-divider.png') no-repeat bottom center;
}

h4 {
	margin:0; padding:0;
	font:bold 2.00em Arial, Helvetica, sans-serif; color:#3b3632;
}

h5 {
	margin:0 0 10px 0; padding:0;
	font:2.00em Georgia, "Times New Roman", Times, serif; color:#453c2f;
}

a:link, a:active, a:visited {
	font-weight:bold;
	color:#4a413a;
	text-decoration:none;
}

h3 a, h4 a { color:#3b3632; }

.post-meta a { font:bold 1em Arial, Helvetica, sans-serif; color:#989797; }
.post-meta-single a { font-weight:normal; color:#c27127; }

a:hover { text-decoration: underline; }

/* Universal Styles */
.small {font-size:0.83em;}
.medium {font-size:0.95em;}
.large {font-size:1.25em;}
.extralarge {font-size:2.00em;}
.orange, .orange a {color:#d17226;}
.orange, .orange a {color:#d17226;}
.teal, .teal a {color:#84aaa3;}
.green, .green a {color:#a7b526;}
.orange, .orange a {color:#d38234;}
.pink, .pink a {color:#cd5761;}
.purple, .purple a {color:#8a8a8a;}
.bluegray, .bluegray a {color:#959999;}
.light, .light a {color:#a99b90;}
.dark, .dark a {color:#413b37;}
.weight-normal, .weight-normal a {font-weight:normal;}
.weight-bold, .weight-bold a {font-weight:bold;}
.verdana {font-family:Verdana, Arial, Helvetica, sans-serif;}
.georgia {font-family:Georgia, "Times New Roman", Times, serif;}
.inline {display:inline;}
.block {display:block;}
.v_spacer {height: 10px;}

/* Misc */
#featured p {
	font-size:1.14em;
}

	/* Buttons */
	.btn, a.btn:link, a.btn:active, a.btn:visited, .submit {
		text-align:center;
		font:bold 1em Arial, Helvetica, sans-serif; color:#FFF;
		line-height:24px; 
	}
	
		.box {
			font-size:0.75em;
		}
	
		.btn-footer, a.btn-footer:link, a.btn-footer:active, a.btn-footer:visited {
			font-weight:bold; font-size:1.10em;
		}

.post-meta, .post-meta-single {
	font:0.92em Arial, Helvetica, sans-serif; color:#989797;
}

	.post-meta-single {
		font:normal 1.17em Georgia, "Times New Roman", Times, serif; color:#6c6159;
	}
	
		.tags {
			margin:5px 0 0 0;
			font:0.73em Arial, Helvetica, sans-serif; color:#827c78;
			display:block;
		}
				
			.tags a {
				font:0.83em Arial, Helvetica, sans-serif; color:#827c78;
				font-size:1em;
			}

.post-date {
	text-align:center;
}

	.month {
		margin:0 0 -5px 0; padding:5px 0 0 0;
		font:normal 0.92em Georgia, "Times New Roman", Times, serif; color:#737852;
		text-transform:uppercase;
	}
	
	.day {
		font:italic 1.75em Georgia, "Times New Roman", Times, serif; color:#737852;
	}

/* STRUCTURE
/* ----------------------------------------------*/
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.left, .alignleft {
	float:left;
}

.right, .alignright {
	float:right;
}

#wrap {
	background: url('images/content-back.gif') repeat-y;
	margin: 0 auto;
	width: 955px;
}

#header {
	color: #efefef;
	margin-left: -58px;
	width: 1030px;
	height: 225px;
	padding-left: 70px;
	background: url('images/wickipaper-header.jpg') no-repeat #000;
}

#header h1 {
	margin: 0;
	padding: 20px 0px 10px 5px;
	font:bold 2.50em Arial, Helvetica, sans-serif;
}

#nav-holder { padding-top: 78px; margin-left: 13px; width: 556px; }
#nav { background: url('images/wicki-buttons.jpg'); width: 556px; height: 46px; padding: 0; position: relative; }
#nav li { list-style: none; position: absolute; margin: 0; padding: 0; }
#nav li, #nav a { display: block; height: 46px; }

#nav-home { left: 0; width: 101px; }
#nav-portfolio { left: 101px; width: 111px; }
#nav-gallery { left: 212px; width: 143px; }
#nav-about { left: 355px; width: 99px; }
#nav-contact { left: 454px; width: 102px; }

#nav-home a:hover { background: url('images/wicki-buttons-hover.jpg'); }
#nav-portfolio a:hover { background: url('images/wicki-buttons-hover.jpg') -101px; }
#nav-gallery a:hover { background: url('images/wicki-buttons-hover.jpg') -212px; }
#nav-about a:hover { background: url('images/wicki-buttons-hover.jpg') -355px; }
#nav-contact a:hover { background: url('images/wicki-buttons-hover.jpg') -454px; }

/* LEFT COLUMN
/* ----------------------------------------------*/
#main {
	float: left;
	width: 635px;
	margin-top: -80px;
}

#main h2, #main h3, #main p {
	padding: 0 10px 0 15px;
}
	
.left-content {
	margin:0 25px 0 40px;
	/* Put it above the featured shadow. */
	position:relative; z-index:2;
}

.post {
	margin:0 0 25px 0; padding:0 0 35px 0;
	background:url(images/post.gif) no-repeat bottom left;
}

	.post-meta {
		margin:30px 0 0 0; padding:0;
	}
	
		.post-meta-single {
			margin:16px 0 0 0; padding:0;
		}
		
	.post img {
		margin:10px;
	}
		
	img.wp-smiley {
		margin:0;
		float:none;
	}

	.post-date {
		margin:10px 0 -20px -75px; padding:0;
		width:53px; height:45px;
		background:url(images/date.gif) no-repeat top center;
		position:absolute !important; position:relative; float:left; 
		display:inline; 
	}
	
.pagination {
	margin:0 0 20px 0; padding:0;
	width:auto; height:auto;
	text-align:center;
}

	.pagination a {
		margin:0 8px;
		font:normal 1em Verdana, Arial, Helvetica, sans-serif;
		line-height:26px;
	}

/* SIDEBAR
/* ----------------------------------------------*/
#sidebar {
	float: right;
	width: 315px;
	margin-top: -95px;
}

#sidebar p, h1 {
	padding: 0 10px 0 10px;
}

	#right-content {
		margin:0; padding:0;
		list-style:none;
	}
	
	#right-content li {
		margin:0; padding:15px 30px 30px 20px;
		width:auto; height:auto;
		background:url(images/sidebar-divider.gif) no-repeat bottom right;
	}
		
	#right-content li ul {
		margin:0; padding:0;
		width:auto; height:auto;
		list-style:none;
	}
			
	#right-content li ul li {
		margin:0; padding:10px 0;
		font:normal 1em Arial, Helvetica, sans-serif; color:#797a67;
		background:url(images/sidebar-list-divider.gif) no-repeat bottom left;
	}
	
	#right-content li ul li a {
		color:#797a67;
		text-decoration: none;
	}
	
	#right-content li ul li a:hover {
		color:#424334;
		text-decoration:underline;
	}

/* FOOTER
/* ----------------------------------------------*/
#footer {
	margin-left: -114px;
	height: 300px;
	width: 1200px;
	background: url('images/wickipaper-footer.jpg') no-repeat;
	clear: both;
}

#footer-connect { float: left; padding: 110px 0 0 190px; width: 610px; }
#link-map { margin: 0; padding: 0; }
#link-map li { float: left; list-style: none; margin-right: 50px; }
#link-map li a { display: block; width: 60px; height: 65px; }
#footer-connect p.copyright { padding-top: 80px; }

#footer-popular { float: left; width: 230px; padding-top: 85px; }
#popular-posts { list-style: none; margin: 0; padding-left: 1em; text-indent: -1em; }
#popular-posts li { padding-bottom: 10px; }
#popular-posts li a { color: #827735; }

/* COMMENTS
/* ----------------------------------------------*/
.commentlist {
	margin:0; padding:0;
	width:auto; height:auto;
	list-style:none;
}

	.commentlist li {
		margin:0; padding:10px;
		width:auto; height:auto;
		background:url(images/comments-divider.gif) repeat-x bottom center;
	}
	
	.commentlist li.alt {
		margin:0; padding:10px;
		width:auto; height:auto;
		background:url(images/comments-divider-alt.gif) repeat-x bottom center;
	}

	.comment-author {
		margin:0; padding:0;
		width:140px; height:auto;
		float:left; text-align:right;
	}
	
		.comment-author img {
			margin:0 0 7px 0; padding:0;
		}
	
	.comment-text {
		margin:0; padding:0 0 0 10px;
		width:360px; height:auto;
		float:right;
		text-align:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		border-left:1px solid #dddfc7;
	}
	
		.comment-text p {
			margin:0 0 10px 0; padding:0;
		}

/* BUTTONS
/* ----------------------------------------------*/
.btn {
	margin:0 6px 0 0; padding:0;
	width:86px; height:24px;
	display:inline-block;
}

	.btn-orange { background:url(images/btn-orange.gif) no-repeat top center; }
	.btn-teal { background:url(images/btn-teal.gif) no-repeat top center; }
	.btn-pink { background:url(images/btn-pink.gif) no-repeat top center; }
	.btn-purple { background:url(images/btn-purple.gif) no-repeat top center; }
	.btn-green { background:url(images/btn-green.gif) no-repeat top center; }
		
	.btn-footer {
		margin:43px 30px 0 0;
		background:url(images/btn-footer.gif) no-repeat top center;
	}
	
/* FORMS
/* ----------------------------------------------*/
.text {
	margin:0; padding:4px;
	background:url(images/input.gif);
	border:1px solid #c8c2b0;
	font:10pt Arial, Helvetica, sans-serif; color:#989271;
}

	.text:focus {
		border:1px solid #948e72; color:#62574c;
	}
	
	label {
		font:0.83em Verdana, Arial, Helvetica, sans-serif; color:#909084;
	}
	
	.submit {
		border:0;
	}
	
	.textarea {
		width:520px;
	}