/*	 
Theme Name: mswebby Plain 2
Theme URI: http://mswebby.com
Description: Simple and easy to read wordpress theme with font-face fonts.
Author: Mike Weber 
Author URI: http://mswebby.com
Version: 1.3
Tags: white, two-columns, light, fixed-width, right-sidebar 
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/* Thanks to http://www.andrewpaglinawan.com/ and http://fontsquirrel.com for this one. */
@font-face {
	font-family: 'QuicksandBook';
	src: url('fonts/quicksand_book-webfont.eot');
	src: local('☺'), url('fonts/quicksand_book-webfont.woff') format('woff'), url('fonts/quicksand_book-webfont.ttf') format('truetype'), url('fonts/quicksand_book-webfont.svg#webfont90cscYo8') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Thanks to http://www.fontsquirrel.com/fonts/Tangerine for this one. */
@font-face {
	font-family: 'TangerineBold';
	src: url('fonts/tangerine_bold-webfont.eot');
	src: local('☺'), url('fonts/tangerine_bold-webfont.woff') format('woff'), url('fonts/tangerine_bold-webfont.ttf') format('truetype'), url('fonts/tangerine_bold-webfont.svg#webfont8pNH5bTz') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Main Styles */
*{margin:0;padding:0;}
body{
	background-color:rgb(255, 255, 255);
	font-size:62.5%;
	font-family:QuicksandBook, Arial, sans-serif;
	padding:0 10px;
	min-width:585px;
}
a:link, a:visited{color:rgb(6, 6, 214);text-decoration:none;outline:none;}
a:hover, a:active{color:rgb(6, 6, 214);text-decoration:underline;outline:none;}
a img{background-color:transparent;border:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:4em;font-family:TangerineBold,'Garamond',sans-serif;}
h2{font-size:1.4em;}
h3{font-size:2em;}
h1 a{color:rgb(0,0,0);}
p{margin:15px 0;}
input{
	width:188px;
	color:rgb(75, 75, 75);
	font-family:QuicksandBook, Arial, sans-serif;
	border:1px solid rgb(200, 200, 200);
	padding:5px;
	font-size:1.2em;
}
select{
	width:188px;
	font-family:QuicksandBook, Arial, sans-serif;
	border:1px solid rgb(200, 200, 200);
	font-size:1.2em;
}
option{
	color:rgb(75, 75, 75);
	padding:2px;
	border-bottom:1px #9e9e9e solid;
}

/* Header */
#header{
	width:100%;
	margin:0 auto;
	padding:10px 0;
	position:relative;
	border-bottom:1px solid rgb(220, 220, 220);
}
#header h1 a{color:rgb(10, 10, 10);text-decoration:none;}
div.menu{
	position:absolute;
	text-align:right;
	top:0;
	right:0px;
	font-family:Garamond, serif;
}
div.menu ul{display:inline;list-style:none;}
div.menu ul li{list-style:none;float:left;clear:none;font-size:1.7em;}
div.menu ul li a{
	display:inline-block;
	padding:10px 0 10px 30px;
	color:rgb(150, 150, 150);
	letter-spacing:0.2em;
}
div.menu ul li a:hover, div.menu ul li a:active{
	text-decoration:none;
	color:rgb(75, 75, 75);
}
div.menu ul li.current_page_item a{color:rgb(10, 10, 10);}
div.menu ul li ul{display:none;}
#social-media-icons{position:absolute;bottom:0px;right:0;padding-bottom:10px;}
#social-media-icons a{
	display:inline-block;
	float:left;
	margin-left:34px;
	width:24px;
	height:24px;
}
/* These icons are found here: http://theg-force.deviantart.com/art/Social-Icons-hand-drawned-109467069 */
#rss-icon{background:url('images/rss.png') no-repeat top left;}
#twitter-icon{background:url('images/twitter.png') no-repeat top left;}
#flickr-icon{background:url('images/flickr.png') no-repeat top left;}
#vimeo-icon{background:url('images/vimeo.png') no-repeat top left;}

/* Content Area */
#container{
	float:left;
	width:100%;
	margin-right:-200px;
}
#content{
	margin-right:210px;
	border-right:1px solid rgb(220, 220, 220);
	padding:10px 10px 0 0;
}
div.entry{
	margin:0 0 30px 0;
	line-height:2.4em;
	position:relative;
}
div.entry h1{font-weight:bold;}
div.entry cite span.time{font-style:italic;font-size:1.3em;}
div.entry p{font-size:1.6em;}
div.entry div.tags{font-size:1.6em;}
div.entry div.comments{clear:both;}
#postsnav{width:100%;text-align:center;font-size:1.8em;}

/* Sidebar */
#sidebar{
	float:right;
	width:200px;
	padding-top:10px;
}
#sidebar,#sidebar ul{list-style:none;}
#sidebar li.widget{font-size:1.2em;margin-bottom:20px;}
#sidebar li.pagenav{display:none;}
#searchform label.screen-reader-text{display:none;}
#searchform #searchsubmit{display:none;}

/* Narrow layout overrides */
body.narrow #container{
	float:none;
	width:100%;
	margin-right:0;
}
body.narrow #content{
	margin-right:0;
	padding-right:0;
	min-width:0;
	border-right:none;
}
body.narrow #sidebar{
	width:100%;
	float:none;
}