/*
THEME NAME: jtmfolio
THEME URI: http://jtm-folio.com/wordpress/wp-content/jtmfolio
DESCRIPTION: jtmfolio theme
VERSION: 1.0
AUTHOR: Jared T. Miller
AUTHOR URI: http://jtm-folio.com/
*/

/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

body {
	background-color: #111;
	font-family: Helvetica;
        color: #888;
     }
img {
        border-style: none;
}
#Header {
	width: 940px;
	margin: 10px auto 10px auto;
        padding: 0px 0px 20px 0px;
}

#jtm {
	color: #FFF;
	font-weight: bold;
	font-size: 370%;
	margin: 0px 10px;
	float: left;
	}
#pagetype {
	color: #888;
	font-size: 370%;
	margin: 0px 10px;
	padding: 0px 20px;
	}
#Navbar {
	clear:both;
	color: #888;
	text-align: left;
        margin: 0px 30px;
	font-size: 89%;
	line-height:.001;
	}
#content {
	width: 700px;
	margin: 20px auto;
        color: #888;
        font-weight: normal;
	}

#date {
        font-size: 75%;
        font-variant: small-caps;
        color: #888;
        clear: both;
        width: 225px;
        }
        
#cliplink {
        font-size: 190%;
        color: #888;
        }
#entry {
        
        font-size: 100%;
        color: #888;
        }
#pubdate {
        font-size: 75%;
        font-variant: small-caps;
        color: #888;
        }
#thumb {
       float: left;
       margin: 0px 30px 0px 0px;
       border: 5px solid #888;
       }
#description {
       color: #888;
       font-size: 90%;
       margin: 5px auto;
}
#video {
       margin: 200px auto;
       padding: 200px;
}
#footer {
       clear: both;
       padding-top; 30px; 
       text-align: right;
}

a {
	color: #FFF;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}


/*image gallery CSS*/
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
border: 7px solid #888;
margin: 0 0 1px 0; 
overflow: hidden;  
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #888; 
color: #111; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #666; 
color: #111; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #111; 
color: #888; 
opacity: 0.85; 
/*border: 2px solid #dedede;*/ 
position: absolute;
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 

/*resume stuff*/
#resumecontainer {
width: 791px;
margin: 20px auto;
}

h1, h2, h3 {
margin:0;
}
ul, li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
p {
margin:0 0 1em;
color: #888;
}

#Title {
float:left;
width:500px;
}
#Title h1 {
font-size:1.3em;
margin:0;
}
#Title a {
color:black;
}
#Tagline {
color:#666666;
font-size:0.7em;
font-weight:normal;
}


.AboutExperienceBox {
border-right:1px solid #CCCCCC;
float:left;
padding:0 30px 0 0;
width:750px;
}
.AboutHeader {
font-size:1.4em;
font-weight:bold;
}
.ExperienceBox {
border-bottom:1px dotted #CCCCCC;
float:left;
margin:0 0 20px;
padding:0 0 20px;
}
.ExpThumb {
float:left;
width:150px;
}
.ExpThumb img {
border:1px solid #EEEEEE;
}
.ExpThumb a:hover img {
border:1px solid orange;
}
.ExpJob {
float:left;
margin-right:20px;
width:428px;
}
.ExpBasicJob {
float:left;
width:600px;
}
.ExpTitleBox {
float:left;
margin-right:25px;
text-align:right;
width:75px;
}
.ExpTitle {
font-size:1.5em;
font-weight:bold;
line-height:1.05em;
}
.ExpEmployer {
font-size:1.05em;
font-weight:normal;
line-height:1.05em;
margin-bottom:10px;
margin-top:4px;
}
.ExpTime {
color:#666666;
font-size:0.8em;
text-transform:uppercase;
}
.ExpDescriptionBox {
float:left;
padding-right:10px;
width:615px;
}
.ExpDescription {
font-size: 85%;
margin:0;
}
.ExpDescription p {
color:#666;
margin:0;
}
#AboutSidebar {
float:left;
font-size: 85%;
margin-top: 100px;
margin-left:30px;
width:265px;
}
.AboutSection {
border-bottom:1px dotted #CCCCCC;
float:left;
margin-bottom:20px;
padding-bottom:20px;
width:100%;
}
.AboutLabel {
font-size:1.2em;
font-weight:bold;
margin-bottom:15px;
font-variant: small-caps;
color: white;
}
.AboutTagline {
color:#666666;
}
.AboutSection li {
margin-bottom:8px;
}
.SubList li {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin-bottom:0;
margin-left:30px;
}

strong {
    font-variant: small-caps;
}

#copyright {
font-size:60%;
text-align:center;
margin:40px;
font-variant:small-caps;
}

/*new stuff, pre-blog and putting up reel*/
iframe {  
position: relative; 
border: 7px solid #888;
margin: 10px 0px; 
overflow: hidden;  
}

#frontchooser {
font-size: 250%;
margin: 30px 0px;
}
#frontchooser a {
padding: 0px 20px;
}

.contactcontent {
    margin: 20px auto;
    width: 800px;
}
#contactstuff {
    border-right: 1px dotted #888;
    float: left;
    font-size: 280%;
    line-height: 150%;
    margin: 0 50px 0 0;
    text-align: center;
    width: 250px;
    padding: 20px 20px 0px 0px;  
    text-decoration: none;
}
.current {
color: #FBEC5D;
}
.contactblurb {
    width: 800px;
    padding: 45px 0px 0px 0px;
    margin-bottom: 50px;
}
#resumecontainer
{
margin: 20px 167px;
}