/*
Theme Name: Ted
Theme URI: http://tedmcilwain.com
Description: 
Version: 1 (WP2.9.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: #1C94FF;	}
	
a:hover {	color: #6eb1ec;	}
	
em {	font-style: italic;	color: #747474;	}

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

header, footer, section, aside, nav, article {	display: block;	}
html {background: #111111 url(http://www.bor3dgaming.com/images/backgrounds/random.php) no-repeat center top;}
body {color: #ccc;	font-size: 14px;	line-height: 21px;	font-family: 'Droid Sans', GillSans, Calibri, Trebuchet, sans-serif;	}

.footer {margin-top: 10px;}	
.wrapper {	margin: 0 auto;	width: 860px;	}
	
#header { position: relative; float: left; margin: 40px 0;	padding: 20px 0; width: 860px; }

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

nav {	background: #202020;	border-bottom: 1px solid #232323;	position: fixed;	top: 0; right: 0;	width: 100%;	z-index: 1;padding:2px 0;	}
	
nav ul {	float: right;	}
		
nav ul li {	float: left;	}
	
nav ul li a {	display: block;	float: left;	padding: 5px 0 5px 16px;	color: #747474;	}
	
nav ul li a:hover, nav ul li.active a {	color: #ccc;	}
	
/* ----- #header ----- */

#header h1 {	color: #1C94FF;	font-size: 42px;font-weight:bold;	line-height: 68px;float: left;	margin-right: 21px; text-shadow: 2px 2px 0 #121212; }
	
#header small {	float: left;	margin-top: 32px;font-weight:bold;	font-style: italic;	color: #d1d1d1;	font-size: 18px;}
	
/* ----- #about ----- */

#about { float: left;	width: 100%; padding: 40px 0;	min-height: 195px;	}

#about h2 {	color: #a0ed5c;	font-size: 18px;	line-height: 26px;	margin-bottom: 14px;		}
	
#about #me-image {	float: right;	width:auto; }

#about #intro {	width:590px; text-align: left;	margin:0;	padding: 10px 0 6px 0;	border-top: 1px solid #202020;	border-bottom: 1px solid #202020;	}

#about p {	margin-bottom: 14px;	}
	
#about em {		font-style: italic;	color: #747474;	}
	
#about strong {	color: #aaeaff;	}

/* ----- #projects & #contact ----- */

#projects {	float: left;	padding: 40px 0;	}

#projects h2 {	color: #a0ed5c;	font-size: 18px;	line-height: 26px;	margin-bottom: 14px;	}

#projects dl {	border-top: 1px solid #202020;	padding: 20px 0;	float: left;	}

#projects dl dt {	font-size: 16px;	margin-right: 60px;	width: auto;	float: left; font-style: italic;}
	
#projects dl dt a {	display: block;	}
	
#projects dl dd {	width:80%;	float: left;	}
	
#projects dl dd.launch {	width: 120px;	margin-left: 20px;	float: right;}
	
#projects dl dd.launch a {	display: block;	background: #232323;	text-align: center;	padding: 5px 0;	margin-bottom: 2px;	}
	
#projects dl dd.launch a:hover {	background: #252525;	}
	
#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 {	font-style: italic;	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;}

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

#resume { float: left;	padding: 40px 0;	min-height: 50px;	width: 860px;}

#resume h2 {	color: #a0ed5c;	font-size: 18px;	line-height: 26px;	margin-bottom: 14px;		}	

#resume .fill {width:100%; margin-top:20px; float: left;}

#resume .fill h2 {	color: #a0ed5c;	font-size: 18px;	line-height: 18px;	margin: 14px 0 6px;		}	

#resume dl {	border-top: 1px solid #202020;	padding: 20px 0;	float: right;	 width: 860px;}

#resume dl dt {	font-size: 14px;	margin-right: 60px;	float: left;	}
	
#resume dl dt a {	display: block;	}
	
#resume dl dd {	width: 270px;	float: right;	}

#resume dl dd.launch {	width: 120px;	margin-left: 60px;	}
	
#resume dl dd.launch a {	display: block;	background: #232323;	text-align: center;	padding: 5px 0;	margin-bottom: 2px;	}
	
#resume dl dd.launch a:hover {	background: #252525;	}
	
#resume dl dd.launch a.inactive, #resume dl dd.launch a.inactive:hover {	color: #747474;	background: #232323;	cursor: default;	}
	

#resume .fill ul {margin-bottom: 10px;}
#resume li {padding-left: 20px;}
/* ----- #contact ----- */

#contact {float: left;position: relative;	width:860px; margin-top:-40px;}

#contact h2 {	color: #a0ed5c;	font-size: 18px;	line-height: 26px;	margin-bottom: 14px;	padding: 40px 0 0 0;	}

#contact dl {	border-top: 1px solid #202020;	padding: 20px 0;	width: 860px;	float: left;	}

#contact dl dt {width: auto; float: left; margin-right:10px;text-transform: uppercase;letter-spacing: 2px; font-weight:bold;}
#contact dl dt img	{position:relative;	top:10px;	}
#contact dl dt a	{ color: #747474;line-height:32px;	}
#contact dl dt a:hover{ color: #6eb1ec;	}

#contact dl dd {font-weight:bold;width: auto;	float: left;margin:16px 10px 0 0;	}



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

#footer {	margin-top: 40px;	border-top: 1px solid #202020;	padding: 40px 0;	clear: both;	}
	
#footer small {	display: block;	color: #747474;	font-size: 12px;}

#footer small em {	font-style: italic;	}
	
#footer small a {	color: #747474;	border-bottom: 1px solid #303030;	}
	
#footer small a:hover {	color: #ccc;	border-color: #404040;	}

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

.my-pic {-moz-box-shadow: 2px 2px 3px #121212; -webkit-box-shadow: 2px 2px 3px #121212;}

.teardrop {-moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; background: #232323; 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;}