/*  
Theme Name: Minimal
Theme URI: http://craigtozzi.com
Description: Stylesheet of the Sportsdesk weblog.
Version: 3.0
Author: Craig Tozzi
Author URI: http://craigtozzi.com

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

*/


/* Begin Typography & Colors */

body {
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
	font-size: 72%; /* Resets 1em to 10px */
	background-color: #000000;
	background-image: url(images/blog-bkg.gif);
	margin: 0px;
	padding: 0;
        min-width: 750px;
}

#page {
	margin: 10px auto;
	width: 1100px;
	background-color: #222222;
	border: 1px solid #303030;
}

#header {
	background-color: #222222;
}

#content {
	background-color: #222222;
	float: left;
	width: 847px;
	padding-left: 10px;
        padding-right:20px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #404040;
}

#footer {
	background-color: #222222;
	clear: both;
}

p {
margin-bottom: 15px;
}

/*  

post text
	
*/


.posttitle {
	font-family: "gloriola-web-1","gloriola-web-2";
	font-size: 26px;
	text-align: left;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #404040;
        margin: 10px 10px 10px 0px;
	color: #cccccc;
}
	

.posttitle a {
	color:#D9D9D9;
	text-decoration: none;
}

.posttitle a:hover {
	text-decoration: none;
	color: #68abdc;
}


.posts {
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 15px;
	font-style: normal;
	line-height: 28px;
	color:#D9D9D9;
}

.posts a {
	text-decoration: none;
	color: #68abdc;
}

.posts a:hover {
	text-decoration: none;
	color: #cccccc;
}

.posts img {
	margin: 3px auto 8px auto;
	padding: 2px;
	border:1px solid;
	border-color:#404040;
}

.posts strong {
	color:#999966;
}


.postinfo {
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
	margin: 0px 0px 90px 0px;
	font-style: italic;
        font-size: 13px;
        color: #707070;
}


.postinfo a {
	text-decoration: none;
	color: #68abdc;
}


.postinfo a:hover {
	text-decoration: none;
	color: #cccccc;
}

.postsingle {
	margin: 0px 0px 75px 20px;
	padding: 0px;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	color:#D9D9D9;
}

.postsingle a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#D9D9D9;
	color:#D9D9D9;
}

.postsingle a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#FDCA00;
	color: #FDCA00;
}

.postsingle img {
	margin: 8px 8px 8px 0px;
	padding: 2px;
	border:1px solid;
	border-color:#262626;
}

.postsingle strong {
	color:#999966;
}




/*

navigation styles

*/


.navigation {
	font-size: 11.5px;
	font-weight: normal;
	width: 100%;
	color: #707070;
	margin: 30px 0px 30px 0px;
	padding: 10px 0px 10px 0px;
	border-top:1px dotted #262626;
}

.navigation a {
	text-decoration: none;
	color: #68abdc;
}

.navigation a:hover {
	text-decoration: none;
	color: #cccccc;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left
}




/*  

	h1 - page titles
	
*/

h1 {
	font-family: "gloriola-web-1","gloriola-web-2";
	font-size:1.2em;
	line-height: 1.6em;
	font-weight:normal;
	text-align:left;
	color:#666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #111111;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

h1 a {
	text-decoration: none;
	color: #62bacb;
}

h1 a:hover {
	text-decoration: none;
	color: #FDCA00;
}



/*  

	h2 - small grey type
	
*/
h2 {
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
	font-size: .95em;
	font-weight: normal;
	text-align: left;
	color: #525252;
	padding-top: 2px;
	padding-bottom: 5px;
	margin: 0px;
}

h2.right {
	text-align: right;
}
	
h2 a {
	text-decoration: none;
	color: #62bacb;
}

h2 a:hover {
	text-decoration: none;
	color: #FDCA00;
}




/*  

	h3 - small grey type - links very subtle
	
*/
h3 {
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #707070;
	padding: 10px;
	margin: 10px;
}

h3.right {
	text-align: right;
}
	
h3 a {
	text-decoration: none;
	color: #68abdc;
}

h3 a:hover {
	text-decoration: none;
	color: #cccccc;
}