/*  
Theme Name: Upstart Blogger Modicus
Theme URI: http://www.upstartblogger.com/
Description: Simple and clean, lightweight theme. For updates, please <a href="http://feeds.feedburner.com/UpstartBlogger">subscribe to Upstart Blogger</a>.
Version: 0.3
Author: Robert Ellis
Author URI: http://www.mysticsoftheordinary.com/
License: Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/. Feel free to make any changes, but please keep a link back to Upstart Blogger in your sidebar or footer.
*/

/* @group Normalize */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;}

h1{font-size:3em;
 line-height: 1.5em; }

h2{font-size: 2 em;} 

h3{font-size: 2 em;}

h4{font-size: 1.5em;}  
 
 
.cat_title{color: #CE3468;}
ol,ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
caption,th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
/* @end */
html{height: 100%;}

body {
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	color: #444;
	font: 62.5%/200% Arial, Helvetica, sans-serif;
	text-align: center;
	height: auto; min-height: 100%;
	}

/* @group Structure */

#homebody {
text-align: left;
font-size: 1.5em;
line-height: 2.5em;
letter-spacing: .1em;
width: 916px;
padding-top: 200px;
}

#wrapper {
	font-size: 1.2em;
	width: 960px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: auto; min-height: 100%;
}

#maincontent{
padding-bottom: 150px;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#header {
text-align: left;
margin: 20px 0;
height: 200px;
width:960px;
text-align: center;
}
.headtitles{font-style: normal;
color: #333;
font-size: 1.5em;
}

#sb_logo{
width:301px;
height: 200px;
float: left;}

#latesttop{
width:280px;
height: 111px;
float:left;
text-align: left;
font-size: inherit;
}
#latesttop ul{list-style: none;}
#latesttop li{list-style: none;}


ul#latestheader {text-align: left;}
#latestheader li{font-size: 12px;}
.latest{font-size: 1em;}


#tagcloud{
margin: 0px 0 0 0px;
padding: 0 0 0 30px;
width:300px;
max-height: 300px;
float: left;
color: #42AE02;
border-left: #ccc solid 1px;
text-align: left;
}
#tagcloud a, #tagcloud a:visited{line-height: 1em;color: #42AE02;}
#tagcloud a:hover{line-height: 1em;color: #33CC33;}

#sidebar2 h1 {
font-size: 1em;
text-transform: none;
line-height: 1.2em;
}

/* NAVIGATION */

/*navigation*/
#navcontainer {float:left;width:100%;}
#navcontainer ul {padding-left:0;margin-left:0;background-color:#3c3c3c;
color:white;float:left;width:100%;}
#navcontainer ul li {display:inline;text-transform:uppercase;}
#navcontainer ul li a {padding : 0.2em 1em;background-color : #3c3c3c;color : white;text-decoration : none;float : left;border-right : 1px solid #fff;}
#navcontainer ul li a:hover {background-color : #494949;color : #eee;}

/*drop-down cats*/
.headright {border-left : 1px solid #fff;float : right;}
#navcontainer ul.navlist li.headright a {border-right: 0px;}
#slickbox {background : inherit;float : left;position : relative;margin : 0 auto;width : 100%;padding : 0;text-transform : lowercase;font-size : 0.9em;}
#slickbox h4 {text-transform : uppercase;padding : 3px 0 3px 0;}
#slickcats {background : inherit;float : left;position : relative;
width : 100%;padding : 0;}
ul.headcats {color : #444444;text-align : left;height : auto;width : 100%;margin: 10px 0 0;background-color : inherit;}
ul.headcats li {display : inline;list-style-type : none;margin-right : 3%;
border-bottom : 1px solid #ddd;float : left;text-align : right;display : block;width : 22%;}
ul.headcats li:hover {background : #f3f3f3 !important;}
ul.headcats li a {float : left;color : #333;}
ul.headcats li a:hover {background : #f3f3f3 !important;color : #444444;}


#navbar{margin: 20px 0 0 0;
height:50px;
border-bottom: #000 1px solid;}

ul#mainav{
margin: 0;
padding-left: 0;
white-space: nowrap;
}

#mainav li
{display: inline;
list-style-type: none;
font-size: 2em;
font-weight: normal;
}

#mainav a { padding: 6px; }

#mainav a:link, #mainav a:visited{
color: #444;
background-color: #fff;
text-decoration: none;
}

#mainav a:hover{
color: #fff;
background-color: #CE3468;
text-decoration: none;
}

/* @end */

a:link, a:visited {
	color: #CC3366;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
color: #f5467a;
border-bottom: none;
}

#sidebar a {border: none; font-weight: normal;}

.post li p, #sidebar2 li p {display: block;}
.post li a, #sidebar2 li a {font-weight: bold;}
.post li, #sidebar2 li {display: block;}

#sidebar2 ul {padding-top: 15px;}



#sidebar h2 {text-transform: uppercase;}

a:link.subscribe, a:visited.subscribe {
color: #CC3366;}

a:hover.subscribe  {
color: #f5467a;}

.description {font-size: .5em;}

#header img {border: 0px solid #bebebe; float: left;}


#vimeo{height:350px;
width: 380px;}

#firstcol{
float: left;
width: 380px;
margin: 0 0 0 0;
height: 100%;}

#sidebar {
text-align: left;
top: 280px;
width: 200px;
height: 100%;
padding-bottom: 25px;
margin: 0 0 0 40px;
float:left;
}

.sb_fflogo{clear: left;
}


#cc{margin: 10px 0 10px 0;}

#flickr{margin: 20px 0 0 0;}
#flickr a{border-left: 1px #fff solid;}

.rss_img {float:left;}

.social{
margin: 0 10px 10px 0;}
#social{
clear: left;
width: 150px;
margin: 20px 0 0 0 ;}

#sidebar2 {
text-align: left;
top: 280px;
width: 300px;
height: 100%;
padding-bottom: 25px;
float: left;
margin: 15px 0 0 36px;
}

#twitter{
width: 201px;
padding:80px 0 0 0;
background-image: url(images/twitterhead.jpg);
background-repeat: no-repeat;
margin: -1px 0 0 0;
}

li.twitter-item{margin: 0 0 10px 0; border-bottom: 1px dashed #ccc;}
.twitter-timestamp{color: #666;}


#footer {
position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	width:100%;
}
.footlogo{
float:left;
margin: 0 0 0 20px;
vertical-align: middle;
}
#footernote{
clear: left;
float: right;
margin: -20px 20px 0 0px;
font-weight: bold;}

#sidebar2 h3 {
margin: 1.5em 0 -1em;
font-weight: normal;
}


#sidebar h1 a{
font-weight: bold;}

p.postmetadata {
line-height: 100%;
margin: 10px 0 25px;
color: #5e5e5e;
}

.frontpost {text-align: left;
margin-left: 0px;
width: 260px;
left: 0px;
padding-bottom: 15px;}


.post {text-align: left;
margin-left: 0px;
width: 100%;
left: 0px;
padding-bottom: 15px;}

.entry {
text-align: left;
width: 100%;
margin: 10px 0 0 0;
}

.entry p:first-child {font-weight: bold; font-size: 1.4em; padding-top: 0; color: #f5467a;}

.entry blockquote p:first-child {font-weight: normal; color: #444; font-size: inherit;}

.entry blockquote {font-weight: normal; color: #444; font-size: 1.1em; border-left: 2px solid silver; margin: 1.2em 0 1.2em 2em; padding-left: 1em;}


.cat a:link, .cat a:visited{
text-transform: uppercase;
color: #CC3366;
}

.cat a:hover{

color: #f5467a;}

.cat {}

.entry img {
max-width: 330px;
padding: 10px;
border: 1px #fff;
}

p {padding: 1em 0 .5em 0;}

strong {font-weight: bold;}

h2 {padding-top: 10px; font-size: 1.2em;}

h3 {
padding-top: 10px; 
text-transform: uppercase;
}

.navigation {
margin: 0 0 1em;
}

.center {text-align: center;}

.borderless img, img.borderless {border: none;}

.imgleft {float:left;}

em {font-style: italic;}

.entry li {display: block;}

ul {padding-bottom: 1em;}

ul.related li a{display: block;}
ul.related li {display: block;}

ul.archive li{display: block; padding: 0 0 0em;}

ul.archive p {
display: block; padding: 0;}

ul.archive {margin: 0; padding:0;}

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

/* Begin Comments*/

/* Normal Bubble */
div.bubble {
	width: auto;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 10px;
	border: 1px solid #c9c2c1;}

div.bubble blockquote p {
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
}

div.bubble cite {
	position: relative;
	margin: -7px;
	padding: 7px 0px 10px 15px;
	top: 5px;
	background: transparent url('images/tip.gif') no-repeat 20px 0;
	font-style: normal;
	font-size: 1em;
	display: block;
}


.alt {
	margin: 0;
	padding: 0;
	}

#commentform p {
	padding: 5px 0;
	font-size: 1.2em;
	}

#comment {

	width: 336px;
	height: 100px;
	}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
#commentPreview {
font-size: .8em;}
/* End Comments */

/* Share This */

.sharethis {padding: 2em 0 3em;}

#akst_form {margin-left: -50px;}

/* End Share This */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 125px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
	
	#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em "Helvetica Neue", Helvetica, Arial, Sans-Serif;;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

/* End Calendar */

/* Begin Search */

#search {float: right;
width: 280px;
margin: -30px 0 0 0;
}
#search li{list-style: none; display: inline;}
.contactlink{margin: -20px 0 0 190px; float: right; font-size: 1.5em;}

#search_form {
width: 15px;}

.search_input {
width: 5px;}

/* End Search */