/*
Theme Name: Ted
Theme URI: http://tedmcilwain.com
Description: 
Version: 2
Author: Ted McIlwain
Author URI: http://tedmcilwain.com
Tags: ted, game, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* ----- global styles ----- */

hr.clear { border: 0 none; clear: both; height: 0; visibility: hidden; }

a {text-decoration: none;	color: #5bcb91;	}
	
a:hover {	color: #000;	}
	
em {	font-style: italic;}

/* ----- structure styles ----- */

header, footer, section, aside, nav, article {	display: block;	}
html {background: #3a3e41 url(./style/images/header_bg.jpg) no-repeat left top fixed; }
body {color: #fff;	font-size: 14px;	line-height: 21px;	font-family: 'Oxygen', sans-serif;	}
h2 {font-weight:300;font-size: 40px;	line-height: 26px;	margin-bottom: 20px;padding-left:15px;}
h3 {font-weight:300;font-size: 20px;padding-left:15px;}
.footer {margin-top: 10px;}	
.wrapper {	margin: 0 auto;	width: 860px;	}	
section {float: left;  width: 100%; padding: 90px 0 40px;	}
section dl {padding:0 0 20px 0;	float: left;}
section dl dt {float: left; background:#5bcb91;  width: 100%; }
section dl dt div {float: left;  font-size: 18px;  padding:15px; text-shadow:1px 1px 1px #333}	
section dl dd {width: 100%;	float: left;}
section dl dd p {padding: 15px;}




/* ----- #nav ----- */

nav {	background: #2b2f32; position: fixed;	top: 0; right: 0;	width: 100%;	z-index: 2; height: 70px;}
nav h4 { font-weight: 300;font-size: 22px; float:left; padding: 25px 0 15px;}
nav img {float: left; padding: 45px 25px 15px 0;}
nav ul {	float: right; padding-top:27px;	}
		
nav ul li {	float: left;	}
	
nav ul li a {	display: block;	float: left;	padding: 0 0 0 25px;	color: white	}
	
nav ul li a:hover, nav ul li.active a {	color: #5bcb91;	}

/* ----- #header ----- */

#header { position: relative;top: 10px; float: left; margin: 70px 0 0; padding: 15px 0 0 15px; width: 860px; }
#header small {	float: left; font-weight:300;	font-size: 30px;}
#header small b {	color: #5bcb91}
	
/* ----- #about ----- */

#about { 	}
	
#about #me-image {background:#5bcb91;	float: right; z-index:1; padding: 10px; }

#about #intro {width:auto; text-align: left;	margin:0;	padding: 15px; min-height: 170px;}

#about p { font-size: 16px; font-weight: 300;	margin-bottom: 14px;	}
	
#about em {		font-style: italic;	}
	
#about strong {	color: #aaeaff;	}

/* ----- #projects & #contact ----- */
	
#projects dl dt a {	display: block;	}
	
	
#projects dl dd.launch {	width: 100%;	float: left;}
	
#projects dl dd.launch a {	display: block;	background: #2b2f32; color: white;	text-align: center;	padding: 10px 0;	margin-bottom: 2px;	}
	
#projects dl dd.launch a:hover {	background: #ccc;	color:black}
	
#projects dl dd.launch a.inactive, #projects dl dd.launch a.inactive:hover {	color: #747474;	background: #232323;	cursor: default;	}

#projects .footer {	background: #202020;	width: 860px;	float: left;	}
	
#projects .footer small {color: #747474;	padding: 7px 14px;	display: block;	}

#projects dl .gallery	{margin: 10px 0; width: 860px; }

#projects dl .gallery .gallery-pic {border: 1px solid #3b3b3b; padding: 4px; background: #252525; margin: 5px 5px 0 0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

#projects dl dd ul {padding: 15px 15px 15px 30px}
#projects dl dd ul,
#projects dl dd li {list-style-type:circle}

#projects dd.platform p {	font-size: 16px;	font-weight:bold;text-shadow:1px 1px 1px #333}

/* ----- #resume ----- */

#resume div img {padding-right: 16px;}

/* ----- #contact ----- */
#contact .info {width: 40%; float: left}
#contact .info h4, #contact .info p {padding-left: 15px;}
#contact .box {width: 60%; float: right}
#contact .box img {padding-left:16px;}




/* ----- #footer ----- */

#footer {	padding: 40px 0;	clear: both;	}
	
#footer small {	display: block;	color: #747474;	font-size: 12px; padding-left:15px;}

#footer small em {	font-style: normal;	color: #fff;	}


/*		CSS3	*/
.arrowdown	{position: relative; top:4px;}


.teardrop {-moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; background: #2b2f32; padding: 5px 10px;}
#searchform {-moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px;-webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; }
.sidebar  {-moz-border-radius: 8px; -webkit-border-radius: 8px;}
.comment_bubble	{-moz-border-radius: 8px; -moz-border-radius-bottomright:0;-webkit-border-radius:8px; -webkit-border-bottom-right-radius:0;}

/*	Dropdown	*/
a.htmlres  {color: #1C94FF; width: 200px; padding: 5px; text-align: center;} 
a.htmlres:hover {color: #6eb1ec; background: #252525; } 

/*		Blog		*/
#blog {width: 860px;}
#blog .main-content {width: 70%; float: left;}
#blog .sidebar {width: 30%; float: right; background: #232323;}
#blog .sidebar .sidebar-container	{padding:8px 10px;}
.container	{padding:0 10px;}
#blog h2 a	{font-size: 20px; color:#A0ED5C;}

.comment_bubble	{ width: auto; float: left;  background: #232323; margin-right: 10px;border:1px solid #3B3B3B;}
.comment_bubble	a { color: white; font-size: 24px; display: block;padding: 10px 15px;}
.comment_bubble	a:hover { color: #1C94FF;}

.post {width: 100%; float: left; border-bottom: 1px solid #202020; padding: 20px 0; text-align: left; }
.post p.post-time	{color: #747474;font-style: italic; margin-top:0;}
.post p	{margin: 10px 0;}

#searchform {background: #222222; border:1px solid #3B3B3B; float: left; width: 100%;}
#searchform #s	{color: white;background: none; border: none; float: left; padding: 6px 6px; line-height: 30px; font-size: 14px; width: 80%;}
#searchform #searchsubmit	{background: url(./style/images/search_button.png) no-repeat center; border: none; float: right; width: 30px; height: 30px; display: block;}

/*  TED CUSTOM	*/
.main 				{float: left; width: 70%;}
#gallery 			{float:left;width: 100%;}
#gallery .gallery_ted		{float:left;height:100%;padding:0;}
#gallery .gallery_ted li	{float:left;display:inline;list-style-type:none; background:none;margin:0 10px 10px 0;}
#gallery .gallery_ted li a	{float:left;padding:5px; border:1px solid #3b3b3b;background: #252525;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.maps-link							{text-decoration: none;}

#gallery img {float:left;}
.sidebar h2 {color:#A0ED5C;font-size:18px;}

.tweet {border-bottom:1px solid #333; padding-bottom:10px;}
.tweet-text, .tweet-date {font-size:12px;}
.tweet-date {color:#555;}

.widget ul {padding:5px 0;}
.widget ul li a {color:#747474;}
.widget ul li a:hover {color:#6eb1ec;}
.widget_archive ul li, .widget_meta ul li, .widget_categories ul li {padding-left:10px;}