/*  
Theme Name: Le Meme v1
Theme URI: http://lememe.com/
Description: Meme's are awesome.
Version: 1.1
Author: Zack Sears
Author URI: http://zacksears.com/
Tags: meme
*/

* { margin: 0; padding: 0; }
body { background: #fff; color: #333; font-size: 62.5%; font-family: arial, verdana, sans-serif; text-align: center; } 
h1 { font-size: 2em; line-height:2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
a { color: #000; outline: none; text-decoration: none; }
a:hover { background: #f1d82d; }
a img { border:none; }

/* =----------------------------------- oh the convenience */
#wrapper { font-size: 1.2em; line-height: 1.4em; }
.postMeta { font-size: 0.9em; text-transform: uppercase; }
.postMeta span.date { color: #777; }
.postMeta span.comments a,
.postMeta span.date a { color: #f1d82d; }
.post h2 { line-height: 1.2em; }
.entry a,
.secondaryColumn a,
#commentsContainer h3 a,
.commentlist .comment-author a { border-bottom: 1px solid #ddd; color: #f1d82d; font-weight: bold; }
.entry a:hover,
.secondaryColumn a:hover,
#commentsContainer h3 a:hover,
.commentlist .comment-author a:hover,
.commentlist .comment-meta a:hover { color: #f1d82d; border-bottom: 1px solid #f1d82d; }
.secondaryColumn a { font-weight: normal; }
.entry ul,
.entry ol,
.entry blockquote { color: #555; }
.entry blockquote { font-style: italic; }
.secondaryColumn h3,
#commentsContainer h3 { font-size: 1.2em; }
#cancel-comment-reply-link { color: #f1d82d; font-size: 0.8em; }
.commentlist .comment-meta a { color: #777; }
.commentlist .comment-author cite { font-style: normal; font-weight: bold; }
.commentlist .comment-meta { font-size: 0.8em; }
#commentform p span input,
#commentform span textarea { color: #333; font-family: arial,verdana,sans-serif; font-size: 1em; }
#paginateIndex { display:none; font-size: 0.9em; position:fixed; bottom:0px; padding:10px 20px; background:#333; width:100%; z-index:1001; font-family:georgia, serif; font-style:italic; }
	#paginateIndex span { width:100px; display:block; margin-right:20px; }
	#paginateIndex a, 
	.commentlist li .reply a { color: #777; font-size: 0.9em; text-transform: uppercase; display: block; padding: 4px 7px 3px; background: #222; }
	#paginateIndex a:hover, 
	.commentlist li .reply a:hover { color:#efe216; background:#121212; }
#footer { clear: both; }
#footer p a { font-weight: bold; color:#333; }

/* =----------------------------------- main structure */
#wrapper { margin: 0; text-align: left; width: 100%; padding: 0; }
	#main-column { width:100%; padding-bottom:30px; }
	#secondary-column { position:fixed; width:15%; top:100px; right:20px; }
		#masthead {	margin: 100px 0 30px 20px;  }

/* =----------------------------------- header elements */
#masthead h1 a { font-size:68px; color:black; text-transform:uppercase; font-weight:normal;}
#masthead span {font-size:10px; color:black; padding-left:4px; margin-top:8px;}

/* =----------------------------------- general post */
.post { margin:0 0 20px 20px; /* width:425px; overflow:auto; background:#222; border:10px solid #222; */ float:left;  }
.post-single { margin-left:10px; }
.meta { font-style:italic; margin:10px 0 0 0; }


/* =----------------------------------- style some comments */
#commentsContainer { margin:0 0 30px 10px; }
#commentsContainer span.hook { position: relative; display: block; }
#commentsContainer h3 { display: block; margin: 10px 0; padding: 7px 4px 0; border-top: 1px solid #f1d82d; }
.cancel-comment-reply { position: absolute; top: -1px; right: 4px; }
.commentlist { list-style: none; margin: 0 0 20px; }
.commentlist .comment-author { border-top: 1px solid #ccc; padding-top: 7px; margin-top: 10px; overflow: hidden; }
.commentlist .comment-author img.avatar { display: block; float: left; height: 16px; width: 16px; margin: 0 4px 0 0; }
.commentlist .comment-meta { margin: 0 0 0 20px; }
.commentlist li .reply { text-align: right; padding-bottom: 10px; }
.commentlist li .reply a { display:inline; }
.commentlist li p { margin: 1em 0; padding: 0 3px; }
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote { margin: 0 20px; }
.commentlist .children { margin: 0 0 0 40px; }
.commentlist .children li { list-style: none; }
#commentform .contain { margin: 0 0 10px 0 !important; }
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea { padding: 4px 3px; border: 1px solid #ccc; border-left-color: #bbb; border-bottom-color: #bbb; background: #fff; margin-right: 4px; }
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea { border: 1px solid #bbb; outline: none; padding: 4px 3px; width: 160px; }
#commentform p label { margin: 4px 0 0 0; }
#commentform textarea { float: none; width: 98%; overflow: auto; }

/* =----------------------------------- boring footer */
#footer { margin: 35px 0; }
#footer p { padding: 14px 3px 0; }

/* =----------------------------------- floats + clearing rule */
.floatleft,
.alignleft { float: left; margin: 3px 7px 0 0; }
.floatright,
.alignright { float: right; margin: 3px 0 0 7px; }
.right { float:right; }
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; } 
* html .fix{ height: 1%; }
.fix{ display:block; }