/*
 Theme Name: Old Newspaper
Theme URI: http://www.markmontri.com
Description: Wordpress theme replicating an old newspaper look
Version: 1.5
Author: Mark Montri
Author URI: http://www.markmontri.com
Tags: paper, newspaper, black and white, dark, distressed
*/


/*  Universal Reset */
*	{
	padding:0;
	margin:0;
}

/* Miscellaneous Global styles */
p	{
	margin: 0px 0px 1em 0px;
}

h1, h2, h3, h4	{
	font-family: Futura, 'Century Gothic', AppleGothic, Helvetica, Arial, sans-serif;
	/*text-transform: uppercase;*/
	font-weight: normal;
	margin: 1em 0px .5em 0px;
	color: #000;
}

h1 a, h2 a, h3 a, h4 a	{
	color: #000;
	text-decoration: none;
}

h1	{
	font-size: 2em;
	margin-top: 0px;
	line-height: 1em;
}

h2	{
	font-size: 1.5em;
	line-height: 1em;
}

h3	{
	font-size: 1.25em;
	line-height: 1em;
}

h4	{
	font-size: 1em;
	line-height: 1em;
}

ul	{
	list-style: none;
}

img	{
	border: none;
	display: block;
}

.replace	{
	text-indent: -9999px;
}

a	{
	color: #1F203F;
}
a:focus	{
	outline: none;
}

.alignright  {

        float: right;
        margin: 0 0 1em 1em;
}
.alignleft  {

        float: left;
        margin: 0 1em 1em 0;
}
.aligncenter  {

        margin: auto;
}
abbr	{
	cursor: help;
}
/* Main Page Structure */

body	{
	font-size: 100%;
	line-height: 1.4em;
	font-family: 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', Georgia, serif;
	color: #222;
	background: #0a0a1a;
}

div#wrapper	{
	max-width: 1100px;
	margin: 0px auto;
	background: #eeede5 url("images/background.png") top center repeat-y;
}

div#page	{
	padding: 50px 10%;
}

div#content	{
	padding: 25px 50px 0px 50px;
	background: #eeede5 url("images/printed_bg.png") top center repeat-y;
	overflow: hidden;
	position: relative;
	clear: both;
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.8);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.8);
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

div#widecol	{
	width: 60%;
	float: left;
}


/* HEADER STYLES */
div#header	{
	/*background: #eeede5 url("images/page_bg.png") top center repeat-y;*/
	background: #eeede5;
	padding: 10px 50px 0px 35px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	position: relative;
}
h1#masthead 	{
	margin: 0px;
	padding: 0px;
}

h1#masthead a	{
	display: block;
	background: url("images/masthead.png") top left no-repeat;
	width: 565px;
	height: 110px;
}

ul#sociallinks	{
	position: absolute;
	top: 50px;
	left: 635px;
}

ul#sociallinks li	{
	float: left;
}

ul#sociallinks li a	{
	display: block;
	width: 40px;
	height: 40px;
	/*border: 1px solid #ccc;*/
	margin-right: 20px;
}

ul#sociallinks li a#twitter	{
	background: url("images/twitter.png") top center no-repeat;
}
ul#sociallinks li a#twitter:hover	{
	background: url("images/twitter.png") 0px -40px no-repeat;
}

ul#sociallinks li a#delicious	{
	background: url("images/delicious.png") top center no-repeat;
}
ul#sociallinks li a#delicious:hover	{
	background: url("images/delicious.png") 0px -40px no-repeat;
}

ul#sociallinks li a#linkedin	{
	background: url("images/linkedin.png") top center no-repeat;
}
ul#sociallinks li a#linkedin:hover	{
	background: url("images/linkedin.png") 0px -40px no-repeat;
}

ul#sociallinks li a#rss	{
	background: url("images/rss.png") top center no-repeat;
}
ul#sociallinks li a#rss:hover	{
	background: url("images/rss.png") 0px -40px no-repeat;
}

ul#topnav	{
	border-top: 1px solid #d0d0c8;
	border-bottom: 1px solid #d0d0c8;
	height: 40px;
	margin-top: 10px;
}

ul#topnav li	{
	float: left;
	font-size: 1.25em;
	line-height: 40px;
	/*line-height: 30px;*/
	margin: 0px 45px 0px 0px;
}

ul#topnav li a	{
	text-decoration: none;
	color: #747470;
	text-transform: uppercase;
	display: block;
	padding: 0px .5em;
}

ul#topnav li a:hover	{
	color: #000;
}

ul#topnav li.current_page_item a, ul#topnav li.current_page_parent a	{
	color: #000;
	border-left: solid 1px #d0d0c8;
	border-right: solid 1px #d0d0c8;
}

div#header.compact	{
	overflow: hidden;
}
div#header.compact h1 a	{
	background-image: url("images/masthead-mobile.png");
	width: 350px;
	height: 55px;
}

div #header.compact ul#topnav	{
	position: static;
	clear: left;
}



/* Sidebar Styles */
div#sidebar	{
	width: 25%;
	margin-left: 70%;
	padding: 0px 0px 0px 25px;
	border-left: 1px solid #d0d0c8;
	background: url("images/sidebar_bg_smudge.png") bottom right no-repeat;
}

#sidebar > h3:first-child	{
	margin-top: 0px;
}

#sidebar img	{
	margin-bottom: 8px;
	-moz-box-shadow:0px 8px 5px #747470;
	-webkit-box-shadow:0px 8px 5px #747470;
	-box-shadow:0px 8px 5px #747470;
}

/* Footer Styles */
div#footer	{
	clear: both;
	background: #eeede5 url("images/page_bg.png") top center repeat-y;
	padding: 10px 0px;
	border-top: 1px solid #d0d0c8;
	overflow: hidden;
}

div#footer .widget	{
	float: left;
	padding: 0px 2em;
	max-width: 300px;

}

div#footer ul	{
	font-size: .8em;
	line-height: 1.5em;
	font-family: Futura, 'Century Gothic', AppleGothic, Helvetica, Arial, sans-serif;
}

div#footer ul a	{
	text-decoration: none;
}

div#footer ul a:hover	{
	text-decoration: underline;
	color: #000;
}

ul#footerlinks	{
	clear: both;
	list-style: none;
	font-size: .75em;
	text-align: center;
	margin: 2em auto 0px auto;
	padding-top: 2em;
}

ul#footerlinks li	{
	display: inline;
	padding: 0px 2em;
}

/* POSTS */
.postlist .post	{
	padding: 1em 0px;
	border-bottom: 1px solid #d0d0c8;
}

.postlist:first-child .post	{
	padding-top: 0px;
}

.postmetadata	{
	font-size: .75em;
}

div.post_info	{
	font-family: Futura, 'Century Gothic', AppleGothic, Helvetica, Arial, sans-serif;
	margin: 0px 0px 1em 0px;
	padding: .25em 0px;
	border-top: 1px solid #d0d0c8;
	border-bottom: 1px solid #d0d0c8;
	overflow: hidden;
	font-size: .8em;
	line-height: 1.25em;
}

.post_info ul li	{
	float: left;
	padding: .25em 1em;
	border-left: 1px solid #d0d0c8;
}

.post_info ul li:first-child	{
	border-left: none;
}
div.post_info span.label	{
	display: block;
	font-size: .75em;
	font-weight: bold;
}

.navigation	{
	overflow: hidden;
	margin: .25em 0px;
}

/*  THE WORK section*/
div.worksample	{
	float: left;
	width: 225px;
	margin: 0px 20px 50px 20px;
	/*border: 1px solid #d0d0c8;*/
}

.worksample img	{
	margin: auto;
	margin-bottom: 8px;
	-moz-box-shadow:0px 5px 5px #747470;
	-webkit-box-shadow:0px 5px 5px #747470;
	-box-shadow:0px 5px 5px #747470;
}

/* List Styles */
ul.bullets	{
	margin: 0px 0px 1em 20px;
	list-style: disc;
}

/* Miscellaneous Styles */
.fullcol .topblurb	{
	font-size: 1.5em;
	line-height: 1.4em;
}

.nobreak	{
	white-space: nowrap;
}

.caption	{
	font-size: .75em;
	line-height: 1.4em;
	padding: .5em;
}
div.wp-caption	{
	padding: .5em .25em .25em .25em;
	border: #ccc solid 1px;
	border-radius: 5px;
}
div.wp-caption img	{
	margin: auto;
	display: block;
}
p.wp-caption-text	{
	padding: .5em .25em 0 .25em;
	font-size: .8em;
	line-height: 1.3em;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
}

.middle	{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.left	{
	float: left;
}

.right	{
	float: right;
}

/* CUSTOM TEMPLATE STYLES */
div.hello_world h1	{
	margin-left: auto;
	margin-right: auto;
	height: 75px;
	width: 450px;
	text-indent: -9999px;
	background: url("/wp-content/themes/markmontri/images/hello_world.png") top center no-repeat;
}

div.hello_world .post_info ul	{
	margin: 0px auto;
}

div.ipad h1	{
	margin-left: auto;
	margin-right: auto;
	height: 230px;
	width: 400px;
	text-indent: -9999px;
	background: url("/wp-content/themes/markmontri/images/ipad.png") top center no-repeat;
}

.wpcf7 form input.text, .wpcf7 form textarea	{
	padding: .25em;
	font-size: 1.25em;
	width: 450px;
	font-family: 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', Georgia, serif;
}

.wpcf7 form input.submit	{
	padding: .25em;
	font-size: 1.25em;
	width: 450px;
	font-family: 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', Georgia, serif;
}


/*    LET'S GET RESPONSIVE!    */

@media (max-width:800px) {
	div#widecol	{
		float: none;
		width: 100%;
	}
	div#sidebar	{
		width: 100%;
		margin-left: 0;
	}
	ul#sociallinks	{
		position: static;
		overflow: hidden;
	}
	ul#sociallinks li	{
		float: right;
	}
	ul#sociallinks li a	{
		margin-right: 0;
		margin-left: 1em;
	}
	
}

@media (max-width: 750px) {

	div#page	{
		padding: 25px 5%;
	}
	div#header h1 a	{
		background-image: url("images/masthead-mobile.png");
		width: 100%;
		height: 55px;
		float: none;
	}
	
	ul#topnav li	{
		width: auto;
		margin-right: .5em;
	}

}

@media (max-width:500px) {
	div#page	{
		padding: 0px;
	}
	div#content	{
		padding: 1em;
	}
	div#header	{
		padding: 0;
	}
	div #header ul#topnav, div #header.compact ul#topnav	{
		position: static;
		margin-top: 0;
		border-top: 0;
		height: auto;
	}
	
	ul#topnav li	{
		float: none;
		text-align: center;
		font-size: 1.25em;
		line-height: 3em;
		width: 100%;
		margin: 0px;
	}

	ul#topnav li a	{
		display: inline;
	}

}