/*
Theme Name:Miniml Press
Theme URI:http://justinmarcusdesign.com
Description: A <a href="http://www.siiimple.com">Siiimple</a> WordPress Theme, based on a Golden Grid framework, built from scratch, stylish, clean, minimal, and just all around classy ;)
Version:1.0
Author:Justin Young
Author URI:http://justinyoung.me
Tags:Minimalist, Grid, Siiimple
*/

/*Visit Siiimple.com for more custom minimalist themes.*/

/*-----------------------------------------------------------------------------------

	0.	CSS Reset
	1.	Typography
	2.	Grid
	3.	Native WordPress Stuff
	4.	Full Page Template
	5.	Sticky Footer
	6.	General Styles
	7.	Menu & Navigation
	8.	Content & Blockquote
	9.	Sidebar & More Link
	10.	Header & Menu
	11.	Trigger
	12. Single
	13. Comments
	14. Gallery
	15. Shortcodes & Widgets & Bottom

-----------------------------------------------------------------------------------*/

@import "_styles/sf.css";




/**********************************************0 - Reset*/



*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{ margin:0; padding:0}

table{ border-collapse:collapse; border-spacing:0}

fieldset, img{ border:0}

address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal; font-weight:normal}

ol, ul, li{ list-style:none}

caption, th{ text-align:left}

h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal}

q:before, q:after{ content:''}

strong{ font-weight:100}

em{ font-style:italic}

a img{ border:none}



/**********************************************1- Typography*/



body{ border-top:10px solid #f5f5f5; font:12px/20px "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; background:#323232; color:#dcdcdc}

input, textarea{ font:12px/20px "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; background:#fff; color:#000; border:1px solid #fff}

h1, h2, h3, h4, h5, h6{ font-weight:normal; padding:0; font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif}

h1{ font-size:24px; line-height:28px; color:#fc8ee4}

h2{ font-size:20px; line-height:22px; color:#fc8ee4}

h3{ font-size:16px; line-height:20px}

h4{ font-size:14px; line-height:18px; margin-bottom:15px; font-family:"Droid Serif",Georgia,Times,serif; font-style:italic}

h5{ font-size:12px; line-height:18px}

h6{ font-size:10px; line-height:16px}

p{ font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:11px; line-height:20px; color:#f5f5f5}

div#content.g640 p{ color:#000}

div.textwidget{ color:#444}

div#meta.g240 a{ color:#777}

div#meta.g240 a:hover{ color:#444}



/**********************************************2- Grid*/



html, body, div{ border:0; margin:0; padding:0}

.main{ width:975px; padding-top:10px; margin:0 auto}

.g160, .g320, .g480, .g640, .g800, .g960, .g80, .g240, .g400, .g560, .g720, .g880, .g960{ float:left; display:inline; margin-left:10px}

.g160{ width:150px}

.g320{ width:310px}

.g480{ width:470px}

.g640{ width:630px}

.g960{ width:950px}

.g80{ width:70px}

.g240{ width:230px}

.g400{ width:390px}

.g540{ width:680px}

.g720{ width:710px}

.g880{ width:870px}

.clear{ clear:both}

.clearfix:after, .main:after{ visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}

.clearfix, .main{ display:block}



/********************************************** 3- Native WordPress Stuff  */



.aligncenter{ display:block; margin:0 auto}

.alignleft{ float:left}

.alignright{ float:right; margin-right:20px}

.wp-caption{ border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px}

br.clear{ clear:both; display:block; height:1px; margin:-1px 0 0 0}

body.home img.alignright{ height:100px; width:100px}

body.home img.alignleft{ height:100px; width:100px}

body.single img.alignleft{ margin-right:15px}

.clear{ height:50px}



/**********************************************4-Full Page Template*/

#maincontent{ position:absolute; padding:30px 0px 30px 0px; top:150px; left:0; z-index:50; width:100%; background:; opacity:0.8}

#maincontent p { font-size: 12px; line-height: 20px; margin-bottom: 10px;}

#full.g320 {
	z-index: 100;
	color: black;
	margin-left: 50px;
}

#full.g320 h1 a {
	color: #000;
}

#full.g320 p {
	color: #777;
	font-style: italic;
}

#box{ width:600px; margin:auto; margin-left: 50px; padding:0 0px}

.fullBg{ position:fixed; top:0; left:0; overflow:hidden; width:100%; height:100%}

div.full-header{ background:#333; height:90px; margin-bottom:0px}

div#header.main h1 a{ color:#fff}

div#header.main{ padding-top:23px}

h1.full{ font-family:"Droid Sans",Helvetica,Arial,sans-serif; font-weight:100; font-size:25px; margin-bottom:10px;}

h1.full a{ color:#444}

p.full{ color:#444; margin-top:-10px; display:none}

div#box ul#menu-menu-two{ margin-top:25px; float:left}

div#box ul#menu-menu-two li{ margin-right:20px}

div#box ul#menu-menu-two li a{ font-size:12px; color:#999}

div#box ul#menu-menu-two li a:hover{ color:#000}



/**********************************************5- Sticky Footer*/



html, body{ height:100%}

.wrapper{ min-height:100%; height:auto !important; height:100%; margin:0 auto -400px}

.footer, .push{ min-height:400px}



/**********************************************6- General*/



.footer{ background:#333; margin:0px 0px 0px 0px}

a{ text-decoration:none}

a:hover{ color:#666}

div#top-twitter.main{ padding-top:0}

div#main.main{ margin-top:40px}

div.full-top{ background:#333}

div#top.g960{ margin-right:25px}

span.comments{ float:right}

div#content.main span.comments img{ background:none; margin:0; border:none !important; outline:0; padding:0}

span.comments img{ float:right !important; background:none !important; border:none !important; outline:0 !important; padding:0 !important}

span.comments a{ color:#000}




/**********************************************7- Navigation*/



.sf-menu{ z-index:3; margin-top:10px; float:right}

.sf-menu li{ display:block; padding:10px; padding-bottom:33px; z-index:8}

.sf-menu>li>a{ color:#ccc; font-size:12px; font-weight:100 !important}

.sf-menu>li>a:hover{ color:#777}

.sf-menu>li>a:hover:last-child{ color:#777}

.sf-menu li.current_page_item{ }

.sf-menu li.current_page_item a{ color:#ccc}

.sf-menu li ul{ padding:0px; background:#333}

.sf-menu>li>ul{ margin:25px 0px 0px 0px}

.sf-menu li ul li{ padding:0px; margin:0px; border-bottom:1px solid #444}

.sf-menu li ul li:first-child{ padding-left:0; background:#333}

.sf-menu li ul li:last-child{ background:#333}

.sf-menu li ul li a{ padding:10px; margin:0px; font-size:11px; color:#ccc}

.sf-menu li ul li:hover a{ background:#222}

.pagination{ clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px}

.pagination span, .pagination a{ display:block; float:left; margin:2px 6px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#444; background:#f6f5f5; outline:1px solid #eee; border:1px solid #fff}

.pagination a:hover{ color:#444; background:#eee; padding:6px 9px 5px 9px}

.pagination .current{ padding:6px 9px 5px 9px; background:#fafafa; color:#444}

div#nav.g320{ width:630px}

div.full-nav{ background:#eee; border-bottom:1px solid #ddd}

div.full-nav ul{ margin:0px 0px 5px 0px}

div.full-nav ul li{ display:inline; margin-right:10px; font-size:11px}



/**********************************************8- Content &Blockquote*/



div#content.g640{ width:730px; margin-left:0; margin-bottom: 30px;}

div#content.g640 ul.display li{ width:150px; float:left; list-style:none; margin-right:10px; margin-left:0px; margin-bottom:20px; padding:10px; min-height:455px;max-height: 455px; cursor:pointer; border:1px solid #eee; background:#fbfbfb}

div#content.g640 ul.display li:hover{ background:#363636 url(_images/dots.png)}

div#content.g640 div.img-inner{ height:150px; width:150px; background:url(_images/search.png) no-repeat 50% 50%}

div#content.g640 div.img-inner-video{ height:150px; width:150px; background:url(_images/video.png) no-repeat 50% 50%}

div#content.g640 img{ margin-bottom:15px}

div#content.g640 h1.title{ border-bottom:1px solid #fc8ee4; padding-bottom:5px; margin-bottom:10px}

div#content.g640 h1.title a{ font-size:16px; color:#444}

div.full-blockquote{ background:#181818; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #eee; border-top:1px solid #ccc}

div.full-blockquote div.g960{ margin-left:0}



/**********************************************9 - Sidebar &More Link*/



div#meta.g240{ float:right; width:240px; margin-left:0px;margin-right: 0px;}

body.single div#meta.g240 {  margin-right: 20px; }

div#meta.g240 ul li{ font-size:11px; color:#c6c6c6; margin-bottom:2px}

body.page h4.blockquote, body.archive h4.blockquote{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#c6c6c6; font-size:42px; margin-bottom:0; padding-bottom:30px; padding-top:20px; font-weight:100; font-style:normal}

body.home h4.blockquote{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:42px; font-weight:100; font-style:normal; line-height:54px; padding-top:20px; padding-bottom:20px}

span.author{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; float:right; font-size:16px; color:#777}

div#meta.g240 h1.title{ font-size:18px !important; border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:10px}

div#meta ul.clearfix{ margin-bottom:50px}

div#meta.g240 div.textwidget{ font-size:11px}

div#meta.g240 input#s{ border:1px solid #ccc; padding:5px; width:190px; color:#c6c6c6}

span.recent_comment_name{ color:#444; text-decoration:underline}

div#meta.g240 ul#recent_comments li{ clear:both; margin-bottom:10px}

div#meta.g240 ul#recent_comments li a {  color: #444; }

div#meta.g240 ul.rp li a h1.rp-title:hover{color:#777}

ul#recent_comments li img{margin-bottom:15px; float:left; height:50px; width:50px; margin-right:15px; border:1px solid #eee; padding:5px}

ul#recent_comments_footer li{color:#555; margin-bottom:20px; font-size:11px; padding-right:70px; clear:both}

ul#recent_comments_footer li img{margin-bottom:15px; float:left; height:25px; width:25px; margin-right:15px; border:1px solid #555; padding:5px}

span.more{float:right; margin-bottom:5px; margin-top:30px}

span.more a{color:#c6c6c6; font-style:italic; font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:11px; font-style:normal; text-decoration:underline}

span.more a:hover{ color:#777 !important}




/**********************************************10 - Header &Menu*/



div#logo.g320{ width:200px; margin-left:0}

div#logo.g320 h1 a{ color:#fafafa !important; font-weight:100}

div#logo.g320 h1{ font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom:2px}

div#logo.g320 p{ color:#666; font-style:italic; font-family:"Droid Serif",Georgia,Times,serif}



/**********************************************11- Trigger*/



ul#toggle.trigger li{ width:25px}

ul.trigger{ background:url(_images/hide.png)no-repeat; opacity:.3}

ul.trigger a{ padding:0; display:block}

ul.trigger a:hover{ color:#000}

ul.trigger.active{ background:url(_images/show.png)no-repeat; width:15px; height:15px}

ul.trigger.active a:hover{ color:#000}

.trigger li a{ display:block; cursor:pointer; padding-right:0px; position:relative; text-decoration:none; margin:0 auto; padding-top:20px}

.trigger li a strong{ font-weight:normal; position:absolute; left:15px; top:0px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0,0,0,0.75); background-color:rgba(0,0,0,0.7); -moz-border-radius:3px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-border-radius:3px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); border-radius:3px; box-shadow:0 0 5px rgba(0,0,0,0.5)}



/**********************************************12- Single*/



body.single h1.blockquote{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#444; font-size:42px; margin-bottom:0; padding-bottom:20px; padding-top:10px; font-weight:100}

h1#comments.title{ margin-bottom:0 !important; margin-top:50px}

h2.date-single{ font-size:18px; color:#777; padding-bottom:20px}

div#single.g480 p.video{ border:1px solid #ccc; padding:5px; width:430px; height:260px}

div#single.g480{ width:650px; margin-left:0; margin-bottom:50px}

div#single.g240 h1.title{ font-size:18px}

div#single.g240 p{ font-size:12px; color:#444; line-height:20px; margin-bottom:15px !important;padding-left: 190px;padding-right: 5px;}

body.page h1.title {  margin-bottom: 10px; }

body.page div#single.g240 p {  padding-left: 0 !important; }

body.page h3.toggle {  padding-left: 0; margin-left: 0; }

div#single.g480 p a{ color:#666}

div#single.g240{margin-right:0px; margin-left: 0; width: 650px;}

div#single.g240 p a{ color:#333; text-decoration:underline}

div#single.g240 img{ border:1px solid #eee; padding:5px; margin-right:20px; margin-bottom:25px}

div#single.g240 div.img-inner-video{ background:url(_images/video.png) no-repeat 50% 50%; width:650px}

div#single.g240 div.img-inner{ background:url(_images/search.png) no-repeat 50% 50%; width:650px}

div#single-meta.g240 ul.meta h1.title{ font-size:18px; border-bottom:1px solid #eee; color:#444; padding-bottom:5px; margin-bottom:5px}

div#single-meta.g240 ul.meta li{ margin-bottom:25px; font-size:11px; color:#666}

div#single-meta.g240 ul.meta ul li{ font-size:11px; color:#666}

div#single-meta.g240 ul.meta li a{ font-size:11px; color:#666}

div#single-meta.g240 ul.meta li a:hover{ color:#444}

div#single-meta.g240 ul.meta ul li{ margin-bottom:3px}

ul.meta{ margin-right:30px; margin-bottom:10px}

ul.meta li a{ font-family:"Droid Sans",Georgia,Times,serif; color:#444; font-size:11px; text-decoration:underline}

ul.meta li a:hover{ color:#777}

ul.meta li{ font-family:"Droid Sans",Georgia,Times,serif; font-size:11px}

span.meta{ font-family:"Droid Serif",Georgia,Times,serif; font-style:italic; color:#999; font-size:11px}



/********************************************** 13- Comments*/



div.commentlist{ width:670px; margin-top:0px; margin-bottom:100px}

h3#comments{ font-size:18px; margin-bottom:25px; margin-top:70px; }

div#respond h3{ font-size:18px; margin-bottom:20px; margin-top:50px;}

form#commentform p{ color:#ccc; font-size:12px; padding-left: 0 !important;;}

form#commentform p label small{ font-size:12px}

form#commentform input{ border:1px solid #ccc; margin-bottom:10px; padding:3px 5px; color:#444}

form#commentform p a{ color:#444; text-decoration:underline}

span.required{ color:#bf6145}

input#submit{ background:url(_images/button_bg.png) no-repeat; text-align:center; height:32px; width:150px; margin-left:0px; margin-top:10px; color:#fff !important; border:none !important}

div.comment-body{ margin-left:80px; margin-top:10px}

div.comment-body p {  padding-left: 0 !important; }

textarea#comment{ width:615px; border:1px solid #ccc; padding:15px;color:#444; font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:12px; font-style:normal; }

ol.commentlist{ list-style:none; margin-left: 0px; width: 650px;}

ol.commentlist li{ border:1px solid #eee; background:#fff; margin:00px; margin-left:0; padding-right:0; padding:20px; padding-top:30px; padding-left:50px; position:relative; padding-bottom: 50px; margin-bottom: 50px;}

ol.commentlist li.pingback comment-author{ padding:0 270px 0 0}

ol.commentlist li div.vcard{ font-size:12px; line-height:16px; margin-bottom:5px; font-weight:bold}

ol.commentlist li div.vcard cite.fn{ font-size:12px; line-height:16px; margin-bottom:5px; font-weight:bold}

ol.commentlist li div.vcard cite.fn a.url{ font-size:12px; line-height:16px; margin-bottom:5px; font-weight:bold}

ol.commentlist li div.vcard cite.fn a.url:hover{ color:#000}

ol.commentlist li div.vcard img.avatar{ background:#fff; border:1px solid #eee; padding:5px; left:30px; position:absolute; top:37px}

ol.commentlist li div.comment-meta{ font-weight:bold; font-size:10px; line-height:16px; position:absolute; right:10px; text-align:right; top:5px}

ol.commentlist li div.comment-meta a{ color:#c7c7c7; text-decoration:none; font-style:italic; font-weight:100}

ol.commentlist li p{ font-weight:normal; font-size:11px; color:#777; line-height:16px; margin:5px 0 12px}

ol.commentlist li ul{ font-weight:normal; font-size:12px; line-height:16px; list-style:square; margin:0 0 12px; padding:0}

ol.commentlist li div.reply{ background:none; float:right}

ol.commentlist li div.reply:hover{ color:#777}

ol.commentlist li div.reply a{ color:#444; font-style:italic; font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:12px; font-style:normal; text-decoration:underline}

a.comment-reply-link{ background:none !important; border:none !important}

ol.commentlist li ul.children li p {  padding-right: 30px; }

ol.commentlist li ul.children{ list-style:none; margin:62px 0 0; text-indent:0}

ol.commentlist li ul.children li.depth-2{ margin:0 0 23px}

ol.commentlist li ul.children li.depth-3{ margin:0 0 23px}

ol.commentlist li ul.children li.depth-4{ margin:0 0 23px}

ol.commentlist li ul.children li.depth-5{ margin:0 0 23px}

ol.commentlist ul.children li.odd{ background:#fff}

ol.commentlist ul.children li.even{ background:#f6f6f6}

ol.commentlist li.pingback div.vcard{ padding:0 170px 0 0}

a#cancel-comment-reply-link, a.url {  color:#bf6145 }




/**********************************************Gallery*/



div#gallery.g960 ul.display{ float:left; margin-bottom:10px}

div#gallery.g960 ul.display li{ margin-right:30px; margin-bottom:20px}

div#gallery.g960 ul.display li img{ border:1px solid #eee; padding:5px}

div#gallery.g960 div.img-inner{ height:200px; width:200px; background:url(_images/search.png) no-repeat 50% 50%}

div#gallery.g960 div.img-inner-video{ height:200px; width:200px; background:url(_images/video.png) no-repeat 50% 50%}

div#twitter.full-top{ background:#636363}

div.twitter{ font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:16px; color:#c6c6c6}

div.twitter img{ margin-top: 40px; float: left;}

div.twitter a{ color:#f36ad0}

span.status {
	float: left;
	margin-top: 27px;
	margin-left: 10px;
}



/**********************************************Footer*/



div.footer h1.title, div.footer h2, div.footer h3{ font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; text-shadow:0px 1px -1px #ccc; color:#fafafa; margin-bottom:20px !important; padding-bottom:10px; font-size:18px; line-height:18px}

div.footer ul.flickr img{ height:50px; width:50px; margin-bottom:20px}

div.footer ul#recent_comments li{ clear:both; min-height:60px; margin-bottom:20px !important}

div.footer .g240{ margin-left:0 !important; margin-right:10px}

div.footer .g240 p{ font-size:12px; color:#666; text-shadow:0px 1px 1-px #ccc}

div.footer .g240 ul li{ font-size:12px; line-height:20px; margin-bottom:2px; color:#777; text-shadow:0px 1px 1-px #ccc}

div.footer .g240 ul li span{ color:#666}

div.footer .g240 ul li a{ font-size:12px; color:#666}

div.footer .g240 ul li a:hover{ color:#555}

div.footer .g240 img{ border:1px solid #444}

div.footer .g240 div.textwidget{ color:#777; padding-right:50px}

div.footer-wrap{ padding-top:40px; padding-bottom:40px}

img.right{ float:left; margin-right:20px; border:1px solid #444; padding:5px; margin-bottom:1px}



/********************************************** 15- Shortcodes &Widgets &Bottom*/



div.box{ margin-top:20px; margin-bottom:20px; background:#F5F5F5; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px}

div.box p{ color:#777; font-size:11px; font-style:italic; padding-left: 0 !important;}

h3.toggle{ background:transparent url(_images/show.png)left no-repeat; font-size:18px; margin-top:20px; margin-bottom:15px; padding:0 0 0 20px; margin-left: 190px; padding-left: 20px !important;}

h3.toggle a{ color:#333; font-size:16px; padding-top:0px; text-decoration:none; display:block}

h3.toggle a:hover{ color:#666}

h3.active{ background:transparent url(_images/hide.png)left no-repeat}

h3.active a:link{ color:#666}

.toggle_content{ -moz-border-radius:6px; -webkit-border-radius:6px; background:#F5F5F5; border:1px solid #f3f3f3; clear:both; margin:0 0 20px 30px; overflow:hidden}

.toggle_content .block{ padding:30px}

.download{ display:inline-block; color:#fff; font-weight:bold; font-size:1.2em; background:-webkit-gradient(linear,left top,left bottom,from(#88c841),to(#73b338)); background:-moz-linear-gradient(center top,#88c841,#73b338); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:5px 20px; text-align:center; -shadow:0px 1px 0px #6c0909}

.download:hover{ background:-webkit-gradient(linear,left top,left bottom,from(#73b338),to(#88c841)); background:-moz-linear-gradient(center top,#73b338,#88c841)}

.half, .half-last{ float:left; width:47%; margin:10px 0; margin-right:6%}

.half-last{ margin-right:0}

ul.flickr img{ float:left; margin-right:15px; margin-bottom:15px; border:1px solid #eee; padding:5px}

ul.rp img{ float:left; margin-right:15px; margin-bottom:20px}

ul.rp img:hover{ border:1px solid #777}

div.recentposts{ clear:both; margin-bottom:20px}

span.rp-title{ font-size:12px; margin-bottom:0; color:#444; line-height:18px; text-decoration:underline}

span.rp-title:hover{ color:#777}

span.rp-date{ font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-style:normal; font-size:10px; color:#ccc}

ul.rp img{ border:1px solid #eee; padding:5px}

div.full-bottom{ background:#272727; height:45px}

div.bottom p{ font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:11px; padding-top:3px; color:#666}

div.bottom p a{ color:#555; font-size:11px}

.social{ padding-top:35px}

.social li{ display:inline; margin-right:5px}

.social li img{ border:none !important}