/*
Theme Name: MTC
Theme URI: http://merricktowleblog.com/
Description: Dark Grey and Acid Green
Version: 1.0
Author: Matt Watier
Date: July 2009
*/
/* CSS Document */
/****** Legend  ***********/
/* ------------IDs------------------
 #branding
 #navMain (Categroy links)
 #navSecond (Categroy Posts)
 #navThird (Newest Posts)
 #navFourth (Popular Posts)
 #navFifth (Interact with Us)
 #navSixth (Search Form)
 #navSeventh (Next Previous Links Bottom of Page)
 #content
 #contentMain
 #comments
 #contentSecond (Comment Form)
 #contentThird (Comments)
 #siteInfo
 #siteIndex
 #webCite
 ------------classes------------------
 .href1
 .href2
 .href3
 .href4
 .href5
 .callout
 .post
 .icon
 .round
 .readMore
 ------------colors---------------------
 light grey #969696
 grey #575757
 dark grey #575757
 very dark green #4c6b0c
 dark green #9be500
 light green #87c800
 
 
 
 */
/****** End of Legend**********/

/****************LAYOUT*******************/
html
    {
        background: #575757;
        font-size: 10px;
        font-family: "Calibri", Arial, Helvetica, sans-serif;
        color: #fff;
        text-align: center;
        overflow-x: hidden;
    }

body
    { overflow-x: hidden;
       
    }
#wrapper{ width: 890px;
        text-align: left;
        margin: 0 auto;
        background: url(../images/common/Logo.jpg) top right no-repeat;}
strong{font-weight:900; font-style:inherit; text-transform:inherit;}
em{font-style:italic; font-weight:inherit; text-transform:inherit}
a{position:relative;}
#branding
    {
        text-align: left;
        width: 100%;
        font-size: 10em;
        height: 2.15em;
    }
#branding h1
	{
       width: 7em;
       left: 0;
       position: absolute;
       color: #777777;
       text-transform: uppercase;
       font: normal 1em / .72em "Arial Black";
       overflow: hidden;
       height: 2.15em;
    }
body.href1 #navMain .href1,body.href2 #navMain .href2,body.href3 #navMain .href3,body.href4 #navMain .href4,body.href5 #navMain .href5,body.href6 #navMain .href6,body.href7 #navMain .href7{
	background:center top url(../images/common/selectionCross.gif) no-repeat;
}
/************ _navMain  *************/
#navMain
    {
        border-top: #87c800 5px solid;
        padding: 10px 2000px 0px;
        margin: 0px  -2000px 30px;
        list-style: none;
        width: 100%;
        display: block;
        position: relative;
    } 
#navMain li
    {
        display: inline-block;
        margin:-29px 1em 0 0;
		padding:34px 0 0;
        float: left;
    }
#navMain li a
    {
        display: block;
        color: #9be500;
        font-size: 1.2em;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: .1em;
		white-space:nowrap;
		   }
#navMain li a:hover{
	text-decoration:underline;
}
#navMain li a:visited{color:#6B9E00;
}
/************ _contentMain  *************/
#contentMain{
        text-align: left;
        display: block;
        position: relative;
        width: 520px;
      /*   float: left;*/
    }
#contentMain h1{
	
	margin:10px 20px 0px 20px;}
#contentMain h1 a{
        font-size: 2.3em;
        color: #87c800;
        text-transform: capitalize;
        font-weight: 900;
		text-decoration:none;
    }
#contentMain h1 a:hover{
        color: #c2f74c;
           }
#contentMain .callout{
        color: #969696;
        position: absolute;
        text-align: right;
        width: 130px;
        left: -140px;
    }
#contentMain .callout h3 a{
        font-size: 1.4em;
        font-weight: 900;
        color: #6b9e00;
        text-transform: uppercase;
        letter-spacing: .1em;
        margin-bottom: .2em;
		text-decoration:none;
    }
#contentMain .callout p{
        font-size: 1.2em;
        margin-bottom: .1em;
		
    }
#contentMain .callout p a{
          color:#969696;
			text-decoration:none;
    }
#contentMain .callout cite,#contentMain .callout cite a,#contentMain .callout cite a:visited{
        font-size: 1.0em;
		color: #6b9e00;
		text-decoration:none;
    }
#contentMain .callout h3 a:hover,#contentMain .callout p a:hover,#contentMain .callout cite a:hover{text-decoration:underline;}
#contentMain .post{
        font-family: "Calibri", Arial, Helvetica, sans-serif;
        font-size: 1.4em;
        color: #333;
        background: #dbdbdb;
        padding: 15px;
        background-image: none;
        -moz-border-radius: 1.6em;
        -webkit-border-radius: 1.6em;
        border-radius: 1.6em;
		position:relative;
    }

#contentMain .post h2, #contentMain .post h3, #contentMain .post h4, #contentMain .post h5{
        text-transform: capitalize;
        color: #4c6b0c;
       /* clear: both;*/
    }
#contentMain .post h1{
        font-size: 1.8em;
        font-weight: 900;
    }
#contentMain .post h2{
        font-size: 1.6em;
        font-weight: 900;
    }
#contentMain .post h3
    {
        font-size: 1.4em;
        font-weight: 900;
    }
#contentMain .post h4
    {
        font-size: 1.2em;
        font-weight: 900;
    }
#contentMain .post p
    {margin-bottom:.8em;
    }
.post a,#contentMain .post a:link,#contentMain .post a:visited
    {
        color: #4c6b0c;
		text-decoration:underline;
    }
#contentMain .post a:hover
    {
        color: #87C800;
		text-decoration:underline;
    }
#contentMain .post cite
    {
        clear: both;
        color: #6b9e00;
        font-size: .8em;
        margin: 10px 15px;
        text-indent: 0em;
    } 
#contentMain .post blockquote
    {
        clear: both;
        color: #6b9e00;
        font-size: .85em;
        margin: 10px 15px;
        font-style: italic;
        text-indent: 0em;
    }
#contentMain .post img
    {
        border: #575757 3px solid;
        margin: 10px 0;
        clear: both;
    }
#contentMain .post ul
    {
    	font:normal .95em/1.1em "arial";
         margin: 10px 2px;
		 list-style-position:inside;
		 list-style-type:disc;
 		 text-indent:-2em;
    }
#contentMain .post ol
    {
    	font:normal .95em/1.2em "arial";
         margin: 10px 0;
		 list-style-position:inside;
		 list-style-type:upper-roman;
		 text-indent:-2em;
    }
#contentMain .post ol li,#contentMain .post ul li
    {
    	padding-left:2.5em;
        margin-bottom:.2em;
    }
#contentMain .post a.readMore,#contentMain .post a.readMore:hover{
	bottom:-0.3em;
color:#575757;
font-size:1.5em;
font-weight:900;
position:absolute;
right:30px;
text-decoration:none;
text-transform:uppercase;}

	
/*************** contentSecond **********************/	
#contentSecond, #contentThird
    {
        text-align: left;
        display: block;
        position: relative;
        width: 58.33%;
        min-width: 520px;
    	padding-top: 1.5em
    }
#contentSecond h3,#contentThird h3
    {
        color: #6b9e00;
        width: 130px;
        position: absolute;
        left: -140px;
        text-align: right;
        font-size: 1.4em;
    }
#contentSecond ul li
    {
        display: inline-block;
        width: 30%;
    }
#contentSecond ul li + li
    {
        margin-left: 4%
    }
#contentSecond label
    {
        text-align: right;
        width: 100%;
        margin-top: -1em;
        color: #ccc;
        display: block;
    }
#contentSecond input
    {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        border: #000 2px solid;
    }
#contentSecond textarea
    {
        display: inline-block;
        width: 99%;
        margin-right: 3%;
        margin-bottom: 10px;
        border: #000 2px solid;
    }
#contentThird{}
#contentThird li{
	position:relative;
	background:url(../images/common/comment-sprite.jpg) bottom center;
	padding-bottom:10px;
	}
#contentThird li cite{
	background:transparent url(../images/common/comment-sprite.jpg) repeat scroll 0 0;
	display:block;
	height:27px;
	overflow:hidden;
	position:relative;
	width:520px;
	border-bottom:3px solid #575757;
	text-transform:uppercase;
}
#contentThird li cite a{
	font:bold 1.5em/1em "Arial";
	margin-left:45px;
	color:white;
	text-decoration:none;
	position:absolute;
	bottom:5px;
}
#contentThird li img{margin:10px;border:black solid 3px; position:absolute;}
#contentThird li span{
	background-color:#3E3E3E;
	width:100%;
	color:#BFBFBF;
	display:block;
	min-height:60px;
	
}
#contentThird li p{
	background-color:#3E3E3E;
	color:#BFBFBF;
	font-size:1.2em;
	padding-left:60px;
}
#contentThird li p small{display:block;}
#contentThird li p small a{
	color:#BFBFBF;
	font-size:1.2em;}

.hidden
    {
        visibility: hidden;
		display:none;
    }

#navSecond
    {
       
        margin-top:30px;
  
    }
#navSecond h3,#navFourth h3,#navThird h3,#navFifth h3
    {
        color: #87C800;
        font: normal 2.5em "Calibri", Arial, Helvetica, sans-serif;
		margin-top:-1.85em;
		padding-bottom:.2em;
		text-transform:uppercase;
		position:relative;
		}
#navSecond,#navFourth,#navThird 
    { 	float: right; 
		clear:right; 
		
    }
.round{width: 325px;
    	padding:30px 15px 15px;
        margin-bottom: 1.5em;
        background-color: rgba(44, 44, 44, .8);
        background-image: -webkit-gradient(linear, 0% 0%, 90% 0%, from(rgba(44, 44, 44, 0.8)), to(rgba(62, 62, 62, .9)));
		-webkit-border-radius:1.6em;
		-moz-border-radius:1.6em;
		border-radius:1.6em;}

#navSecond li a,#navThird li a,#navFourth li a,#navFifth li a
    {
    	color:white;
		display:block;
		font-family:"Calibri",Arial,Helvetica,sans-serif;
		font-size:1.2em;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:1.3em;
		min-height:20px;
		padding-bottom:0.1em;
		padding-left:2em;
		padding-right:1em;
		text-decoration:none;
		text-indent:-1em;
		}
#navSecond li a:before,#navFourth li a:before,#navFifth li a:before{
	content:"»  ";
	
}
#navSecond li a:hover,#navFourth li a:hover,#navFIfth li a:hover{text-decoration:underline;}
 	#navThird li{
 		padding-bottom:5px;
	}
	#navThird li a{
		text-transform:uppercase;
		
	}
.imageLinkMTC,.imageLinkBM,.imageLinkTWITTER,.imageLinkRSS,.imageLinkMTC,.imageLinkEMAIL,.imageLinkFB{
		display:block;
		padding-left:20px
	}
.icon{
background:transparent url(../images/common/icon-sprites.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:20px;
margin:-3px 5px 0;
overflow:hidden;
width:20px;
	}
.imageLinkMTC .icon{background-position:left -60px}
.imageLinkBM .icon{background-position:left -100px}
.imageLinkTWITTER .icon{background-position:left -80px}
.imageLinkRSS .icon{background-position:left -20px}
.imageLinkEMAIL .icon{background-position:left 0px}
.imageLinkFB .icon{background-position:left -40px}
/*** only Firefox***/
.imageLinkMTC:hover .icon{background-position:right -60px}
.imageLinkBM:hover .icon{background-position:right -100px}
.imageLinkTWITTER:hover .icon{background-position:right -80px}
.imageLinkRSS:hover .icon{background-position:right -20px}
.imageLinkEMAIL:hover .icon{background-position:right 0px}
.imageLinkFB:hover .icon{background-position:right -40px}
 #navSixth{float:left;
margin-top:-24px;
width:286px;}
  #navSixth #s{
background:transparent url(../images/common/searchfeild.jpg) no-repeat scroll right top;
border:medium none;
color:white;
height:30px;
padding-top:0.8em;
width:193px;}
#navSixth input{float:right;}

#navSeventh{
	bottom:-2em;
font-size:1.25em;
position:absolute;
right:0;
z-index:1;
	}
#navSeventh a{
	color:#9be500;
	text-decoration:none;
	}
#navSeventh a:hover{
	color:#87c800;
	text-decoration:underline;
	}

#siteInfo
    { 
	position:relative;;
	 padding: 0px 2000px 0px;
        margin: 0px  -2000px 0px;
       	font-size:1.2em;
        clear: both;
       height:150px;
	   overflow-y:hidden;
       background:transparent url(../images/common/footer-sprites.jpg) repeat-x scroll 0px -161px



    }

#siteMap{
	background:transparent url(../images/common/footer-sprites.jpg) repeat-x scroll 0 -0px;
		border:medium none;
		display:block;
		height:161px;
		width:100%;
		padding-top:30px;
}
#siteMap a.logo
    {
    	background:transparent url(../images/common/footer-sprites.jpg) no-repeat scroll 0 -322px;
		border:medium none;
		display:block;
		height:161px;
		width:150px;
		position:absolute;
		margin-top:-30px;
			margin-left:-135px;
    }
#siteMap address,#siteMap cite, #siteMap ul{
	clear:both;
display:block;
letter-spacing:0.1em;
margin-left:60px;
padding:0.5em;
text-align:center;
width:815px;
}

#siteInfo address{
	color:white;	
}
#siteMap address a{
	color:#99ff00;
}
#siteMap ul{
}
#siteMap ul li{
	display:inline-block;
}#siteMap li a{
	color:#96f900;
	text-decoration:none;
}
#siteMap li a:visited{
	color:#3B3B3B;
}

#siteMap li a:hover{
	color:white;
	text-decoration:underline;
}
#siteMap li + li:before{
	content:" + ";
}
#siteMap cite{
	color:#99ff00;


}
.submitbutton{
	background-color:#6B9E01;
}