/*
CSS for jmadigan.net (http://www.jmadigan.net)
Created by Jamie Madigan (jamie.madigan@gmail.com)
Feel free to use this design, CSS, and HTML as inspiration, but 
please don't gank it outright!
*/

/* --------------------- GENERAL TAGS ----------------------- */

body {
	color:#333;
	margin:20px;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
	background: #555B37;
	}
	
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	font-weight:900;
	color:#555B37;
	}
h2 {
	font:bold 14px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 8px 0px;
	padding:0px;
	color:#555B37;
	}

h3 {
	font:bold 11px/12px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 3px 0px;
	padding:0px;
	color:#555B37;
	}


p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	line-height: 1.5em;
	}

li {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 25px 8px 0px;
	padding:0px;
	line-height: 1.5em;
	}

.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}

a {
	font-family:verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	}
a:link {
	color:#CE6824;
	}
a:visited {
	color:#CE6824;
	}
a:hover {
	text-decoration:underline;
	}
	
img.image {
	border:1px solid #000;
	}

blockquote {
	font-family: Times New Roman, serif;;
	font-size: 12px;
	}

/* --------------------- LAYOUT TAGS ----------------------- */

#wrapper {
	position: relative;
	margin: auto auto;
	text-align: left;
	width: 900px;
}

.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 260px 10px 100px;
	background: #EFEFEF url(/images/design/center_bg.jpg) repeat-y;
	padding-top:10px;
	padding-right:15px;
	padding-bottom:10px;
	padding-left:30px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	line-height: 1.5em;
	}
	
.large_photo {
	background: #EFEFEF url(/images/design/large_photo.gif) top right repeat-y;
	padding-top:10px;
	padding-right:25px;
	padding-bottom:10px;
	padding-left:15px;
	}

#logo {
	position:absolute;
	width: 75px;
	top:0px;
	left:25px;
	background: #555B37 url(images/design/logo.gif) no-repeat;
	z-index:2;
	}
		
#rightcol {
	position:absolute;
	top:0px;
	right:10px;
	background: #555B37 url(/images/design/right_bg.jpg) repeat-y;
	background-color: white;
	padding-top:10px;
	padding-right:15px;
	padding-bottom:10px;
	padding-left:25px;
	z-index:1;
	}

#media	{
	position:relative;
	margin:auto auto;
	width:165px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_media.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	text-align:center;
	font-weight:bold;
	}

#center_col_nav	{
	position:relative;
	margin:auto auto;
	width: 490px;
	padding: 7px 5px 1px 5px;
	margin-right:10px;
	margin-left:-6px;
	margin-bottom:10px;
	background: #EFEFEF url(/images/design/center_nav_header.gif) top left repeat-x ;
	}

#center_col_nav a {
	color: #fff;
	font-family: courier, serif;
	font-weight:normal;
	}
	
#center_col_nav p {
	color: #fff;
	font-family: courier, serif;
	font-size: 8px;
	text-align: center; /*center aligns in IE */
	}

#right_col_nav	{
	position:relative;
	margin:auto auto;
	width:175px;
	padding: 7px 10px 1px 8px;
	margin-right:-6px;
	margin-left:-6px;
	margin-bottom:10px;
	background: #EFEFEF url(/images/design/center_nav_header.gif) top left no-repeat ;
	}

#right_col_nav a {
	color: #fff;
	font-family: courier, serif;
	font-weight:normal;
	}
	
#right_col_nav p {
	color: #fff;
	font-family: courier, serif;
	font-size: 8px;
	text-align: center; /*center aligns in IE */
	}
	
#copyright {
	font-size: 9px;
	}
#copyright a {
	font-size: 9px;
	}

span.headline {
	float:left;
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 8px 0px;
	padding:0px;
	color:#CE6824;
	}

span.dateline {
	float:right;
	text-size:small;
	}

.blog_links {
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: normal;
	padding-left: 23px;
	padding-top: 8px;
	}

.blog_links a {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 9px;
	}

table.page {
	border-width:1px;
	border-color:#000;
	border-style:solid;
	background-color: #FFF;
	font-family: arial;
        font-size: 10pt;
	}

/* --------------------- POSITIONING TAGS ----------------------- */

.centered {
	text-align: center; /*center aligns in IE */
	margin: 0 auto 0 0; /*this will align it center for Mozilla/Firefox*/
	margin-top:0px;
    	margin-bottom:0px;
    	padding:0px;
    }
    
.floatleft {
	float:left;
	margin: 10px;
	}
	
.floatright {
	float:right;
	margin: 10px;
	}

span.author {
	padding-left:73px;
	}
		
/* --------------------- HEADER TAGS ----------------------- */

.blog	{
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:5px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_blog.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}

.saw	{
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_saw.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}

.played	{
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_played.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}

.read	{
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_read.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}

.booklist	{
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_booklist.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}

.links	{
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_links.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}

	
.blogroll	{
	position:relative;
	margin:auto auto;
	width:145px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:5px;
	margin-right:10px;
	margin-left:9px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_links.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}


.contact	{
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_contact.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}

.sams_story	{
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_sams_story.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}
	
#sams_story_archives	{
	position:relative;
	margin:auto auto;
	width:145px;
	height:700px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:5px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_sams_story_archives.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	color:#555B37;
	text-align:center;
	font-weight:bold;
	}

.blog_archives {
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_blog_archives.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}
	
.archive_breakouts	{
	position:relative;
	margin:auto auto;
	width:145px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:5px;
	margin-right:10px;
	margin-left:9px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_blog_archives.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}

.photos {
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_photos.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}
	
.about {
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_about.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}
	
.search {
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:15px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_search.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}

/* --------------------- FLICKR BADGE----------------------- */

#flickr	{
	text-align: center; /*center aligns in IE */
	margin: 0 auto 0 0; /*this will align it center for Mozilla/Firefox*/
	}

#flickr img   {
	height: 64px;
	width: 64px;
	border: none;
        }

#flickr a  {
	display: block;
	float: left;
	border: 2px solid #000;
	margin: 2px;
        }

#flickr a:hover { 
        border: 2px solid #CE6824; 
        }

/* --------------------- CHILD'S PLAY BANNER ----------------------- */

.childsplay {
	padding-left:11px;
	}

/* --------------------- GOOGLE ADS ----------------------- */

.googleads {
	padding-left:11px;
	}

/* --------------------- TAG CLOUD ----------------------- */

    .module-tagcloud .module-content {text-align: center; }
    .module-tagcloud .module-content .module-list { list-style: none; margin-left: -5px; padding-right: 20px;}
    .module-tagcloud .module-content .module-list .module-list-item { display: inline; }
    .module-tagcloud .module-content .module-list li.taglevel1 { font-size: 23px; }
    .module-tagcloud .module-content .module-list li.taglevel2 { font-size: 19px; }
    .module-tagcloud .module-content .module-list li.taglevel3 { font-size: 16px; }
    .module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }
    .module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }
    .module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }

/* --------------------- TWITTER ----------------------- */    

.twitter	{
	position:relative;
	margin:auto auto;
	width:465px;
	padding-top:40px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:5px;
	margin-right:10px;
	margin-left:1px;
	margin-bottom:10px;
	background: #FFFFFF url(/images/design/header_twitter.gif) top left no-repeat;
	border:1px solid #C8C8C8;
	}	

#twitter_update_list	{
	list-style:none;
	}