/*  
Theme Name: Underground Planet
Theme URI: http://www.undergroundplanet.com/
Description: Underground Planet is a 2 columns Wordpress theme for video producer Ray Schlogel of Underground Planet.
Version: 1.0
Author: Julien Coutellier - Madfrog Designs
Author URI: http://www.undergroundplanet.com/
*/

*{
margin:0;
padding:0;
}

body{
background:#000000 url(images/bg.jpg) no-repeat top center fixed;
font-family:"Tahoma", Verdana, sans-serif;
font-size:0.9em;
color:#aca593;
line-height:18px;
}


/* GENERAL RULES START HERE */
h1 {
font-size:1.5em;
font-weight:normal;
padding-bottom:40px;
margin-top:5px;
line-height:24px;
}

h2 {
font-size:1.3em;
font-weight:normal;
padding:20px 0 10px 0;
}

p {
padding-bottom:10px;
}

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

a:hover {
text-decoration:underline;
}

input, textarea {
-x-system-font:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:1em;
color:#999999;
}
/* GENERAL RULES END HERE */


/* HEADER STARTS HERE */
#header {
position:fixed;
background: url(images/topbar.png) no-repeat top center;
height:50px;
width:100%;
z-index:200;
}

#header_content {
margin:0 auto;
width:1000px;
}

#toplogo {
float:left;
width:100px;
height:50px;
margin-left:10px;
}

#toplogo a {
display:block;
width:100px;
height:50px;
}

#topnav {
float:right;
}

#topnav ul li {
display:inline;
}

.steadicam {
display:block;
float:left;
width:264px;
height:29px;
background:url(images/topnav_steadicam.png) 0 0 no-repeat;
}

.steadicam:hover {
background-position: 0 -29px;
}

.toggle {
display:block;
float:left;
width:100px;
height:29px;
background:url(images/topnav_contact.png) 0 0 no-repeat;
}

.toggle:hover {
background-position: 0 -29px;
}

.top {
display:block;
float:left;
width:49px;
height:29px;
background:url(images/topnav_top.png) 0 0 no-repeat;
}

.top:hover {
background-position: 0 -29px;
}

.rss {
display:block;
float:left;
width:44px;
height:29px;
background:url(images/topnav_rss.png) 0 0 no-repeat;
}

.rss:hover {
background-position: 0 -29px;
}
/* HEADER ENDS HERE */


/* CONTENT STARTS HERE */
#wrapper {
margin:0 auto;
width:1000px;
}

* html div#main{
height:100%;
overflow:auto;
}

#main {
padding:40px 0 220px;
}

#left_column {
float:left;
width:640px;
}

#content {
width:640px;
}

#post {
margin:20px 0 30px;
}

#post h1 a, #post h1 a:visited, #post h1 a:active {
color:#aca593;
text-decoration:none;
font-weight:normal;
}

#post h1 a:hover {
color:#a70000;
text-decoration:underline;
}

#entry_bg_intro {
background: url(images/left_module_intro.png) no-repeat top;
width:640px;
}

#entry_bg {
background: url(images/left_module.png) no-repeat top;
width:640px;
}

#entry {
margin-bottom:20px;
padding:25px 25px 0;
}

#entry ul {
margin:0 0 15px 5px;
}

#entry ul li {
list-style:none;
background:url(images/bullet.png) no-repeat scroll 0 6px;
padding:5px 0 0 30px;
}

#calendar {
position:absolute;
z-index:50;
background: url(images/calendar.png) no-repeat;
width:60px;
height:54px;
margin:8px 0 0 550px;
}

#calendar .month {
color:#FFFFFF;
font-size:0.8em;
margin-top:1px;
text-align:center;
text-transform:uppercase;
}

#calendar .date {
color:#000000;
font-size:1.5em;
font-weight:bold;
margin-top:-1px;
text-align:center;
}

#postdata {
margin:10px 0;
font-style:italic;
}

#seemore {
text-align:right;
}

#leavecomment {
text-align:right;
margin-top:10px;
}

#readmore {
font-weight:bold;
}

#commentsbubble{
position:absolute;
z-index:50;
background: url(images/comment_bubble.png) no-repeat top;
width:44px;
height:53px;
margin:12px 0 0 490px;
text-align:center;
font-weight:bold;
font-size:1.4em;
padding-top:17px;
}

#commentsbubble a, #commentsbubble a:visited, #commentsbubble a:active {
color:#3d2a03;
}

#photo_gallery {
width:600px;
margin:15px 0;
}

#photo_gallery img {
float:left;
margin:0 0 10px 10px;
}

#flash {
outline:none;
margin:15px 0;
border:1px solid #2a2a2a;
}

.posted {
border-bottom:1px dotted #000000;
}

.boxcomments {
padding:25px;
}

.boxcomments ol {
margin:10px 0 0 35px;
}

.boxcomments ol li {
margin-bottom:20px;
}

.author {
font-style:italic;
}

#commentform {
margin-left:35px;
}

#commentform label {
width:80px;
float:left;
font-weight:bold;
padding-top:8px;
}

#commentform p {
clear:both;
margin-bottom:5px;
}

#commentform small {
display:block;
font-size:90%;
padding:8px 0 9px;
font-style:italic;
font-weight:bold;
}

#commentform small.optional {
font-style:italic;
margin-left:425px;
}

#commentform small.required {
color:#a70000;
font-style:italic;
margin-left:425px;
}

#commentform input {
padding:2px 4px;
width:315px;
height:20px;
margin:5px 5px 0 0;
float:left;
}

#commentbox {
margin-top:15px;
}

#commentform textarea {
padding:2px 4px;
height:150px;
width:500px;
margin-top:5px;
}

#commentform #submit {
width:286px;
height:25px;
margin:0;
padding:0;
outline:none;
margin:5px 0 0 220px;
}

.mycomment a {
color:#a70000;
}

#edit {
padding-left:25px;
}

#skills {
margin:20px 0 0 20px;
width:550px;
font-size:1.3em;
}

#skills_left, #skills_right {
float:left;
width:230px;
margin-right:40px;
border-bottom:1px dotted #CCCCCC;
}

#skills_single {
width:230px;
margin:20px 0 20px 40px;
border-bottom:1px dotted #CCCCCC;
}

#skills_detail {
border-top:1px dotted #CCCCCC;
height:24px;
padding:7px 0;
}

#skills_detail img {
clear:both;
display:inline;
float:left;
padding:0 10px;
}

#skills_detail a, #skills_detail a:visited, #skills_detail a:active {
color:#FFFFFF;
text-decoration:none;
}

#skills_detail a:hover {
text-decoration:underline;
}

.lightBox img {
border:none;
padding:10px;
}
/* CONTENT ENDS HERE */


/* SIDEBAR STARTS HERE */
#right_column {
float:right;
width:320px;
}	

#search_top {
background: url(images/right_module_top_search.png) no-repeat;
width:320px;
height:93px;
margin-top:20px;
}

#search {
padding:0 20px 20px;
}

#search .search_input {
padding:2px 4px;
width:263px;
height:20px;
}

#social_top {
background: url(images/right_module_top_social.png) no-repeat;
width:320px;
height:86px;
margin-top:10px;
}

#videos_top {
background: url(images/right_module_top_videos.png) no-repeat;
width:320px;
height:86px;
margin-top:10px;
}

#blogroll_top {
background: url(images/right_module_top_blogroll.png) no-repeat;
width:320px;
height:86px;
margin-top:10px;
}

#sidebar_repeat {
background: url(images/right_module_repeat.png) repeat-y;
width:320px;
height:100%;
}

#sidebar_content {
padding:0 20px 10px 20px;
}

#sidebar_content a:link, #sidebar_content a:visited, #sidebar_content a:active {
outline:none;
color:#aca593;
text-decoration:none;
}

#sidebar_content a:hover {
color:#a70000;
}

#sidebar_content p {
text-align:right;
padding:5px 10px 0;
font-size:85%;
}

#sidebar_content p a:link, #sidebar_content p a:visited, #sidebar_content p a:active {
color:#a70000;
font-style:italic;
text-decoration:none;
}

#sidebar_content ul {
margin:0 0 10px 5px;
}

#sidebar_content ul li {
list-style:none;
padding-top:5px;
}

#sidebar_content ul li a {
display:block;
background:url(images/bullet.png) no-repeat 0 3px;
padding-left:28px;
}

#sidebar_bottom {
background:url(images/right_module_bottom.png) no-repeat;
width:320px;
height:13px;
}

.icons {
margin-right:8px;
}
/* SIDEBAR ENDS HERE */


/* FOOTER STARTS HERE */
#footer {
position:fixed;
z-index:120;
bottom:0;
left:0;
width:100%;
}

	/* NAVBAR STARTS HERE */
	#navbar {
	background: url(images/navbar.png) no-repeat top center;
	margin:0 auto;
	height:222px;
	}
	
	#navbar_content {
	width:1000px;
	margin:0 auto;
	}
	
	#logo {
	float:left;
	width:458px;
	height:88px;
	padding-top:86px;
	}
	
	#nav {
	float:right;
	padding-top:100px;
	}
	
	#nav ul li {
	float: left;
	list-style: none;
	}
	
	#nav ul li#nav_home {
	position:relative;
	z-index:10;
	width:86px;
	height:61px;
	background:url(images/nav_home.png) 0 0 no-repeat;
	}
	
	#nav ul li#nav_home a {
	display:block;
	width:86px;
	height:61px;
	}
	
	#nav ul li#nav_about {
	position:relative;
	z-index:10;
	width:100px;
	height:61px;
	background:url(images/nav_about.png) 0 0 no-repeat;
	}
	
	#nav ul li#nav_about a {
	display:block;
	width:100px;
	height:61px;
	}
	
	#nav ul li#nav_portfolio {
	position:relative;
	z-index:10;
	width:126px;
	height:61px;
	background:url(images/nav_portfolio.png) 0 0 no-repeat;
	}
	
	#nav ul li#nav_portfolio a {
	display:block;
	width:126px;
	height:61px;
	}
	
	#nav ul li#nav_blog {
	position:relative;
	z-index:10;
	width:86px;
	height:61px;
	background:url(images/nav_blog.png) 0 0 no-repeat;
	}
	
	#nav ul li#nav_blog a {
	display:block;
	width:86px;
	height:61px;
	}
	
	#nav ul li#nav_contact {
	position:relative;
	z-index:10;
	width:121px;
	height:61px;
	background:url(images/nav_contact.png) 0 0 no-repeat;
	}
	
	#nav ul li#nav_contact a {
	display:block;
	width:121px;
	height:61px;
	}
	
	#nav ul li#nav_home:hover, #nav ul li#nav_about:hover, #nav ul li#nav_portfolio:hover,#nav ul li#nav_blog:hover, #nav ul li#nav_contact:hover {
	background-position: 0 -61px;
	}
	
	#floatie li.back {
	background:url(images/floatie.gif) no-repeat right -61px;
	width:9px;
	height:61px;
	z-index:8;
	position:absolute;
	}
	
	#floatie li.back .left {
	background:url(images/floatie.gif) no-repeat top left;
	height:61px;
	margin-right:9px; /* 7px is the width of the rounded shape */
	}
	
	#copyright {
	text-align:right;
	color:#463e28;
	margin:20px 10px 0;
	}
	
	#copyright a, #copyright a:visited, #copyright a:active {
	color:#463e28;
	text-decoration:none;
	font-weight:normal;
	}
	
	#copyright a:hover {
	text-decoration:underline;
	}
	/* NAVBAR ENDS HERE */
	
	
	/* COLLAPSE STARTS HERE */

	#collapse_shell {
	background:#000000 url(images/bottombar.jpg) no-repeat top center;
	}
	
	#collapse {
	margin:0 auto;
	width:1000px;
	padding-bottom:20px;
	}
	
		/* COLLAPSE LEFT */
		#collapse_left {
		float:left;
		background:url(images/comments_bg.gif) no-repeat;
		width:320px;
		height:371px;
		}
		
		#collapse_left_content {
		padding:95px 20px 0 30px;
		}
		
		#collapse_left_content ul li {
		list-style:none;
		background:url(images/bullet.png) no-repeat scroll 0 6px;
		padding:5px 0 0 25px;
		}
		
		#collapse_left_content ul li a, #collapse_left_content ul li a:visited, #collapse_left_content ul li a:active {
		color:#aca593;
		font-weight:normal;
		}
		
		#collapse_left_content ul li a:hover {
		color:#a70000;
		}
		/* COLLAPSE LEFT */
		
		/* COLLAPSE MIDDLE */
		#collapse_middle {
		float:left;
		background:url(images/skype_bg.gif) no-repeat;
		width:320px;
		height:367px;
		margin:0 20px;
		}
		
		#collapse_middle_content {
		padding:85px 20px 0 25px;
		}
		
		#collapse_middle_content #skype {
		margin:30px 0 0 105px;
		}
		/* COLLAPSE MIDDLE */
		
		/* COLLAPSE RIGHT */
		#collapse_right {
		float:left;
		background:url(images/contact_bg.gif) no-repeat;
		width:320px;
		height:394px;
		}
		
		#collapse_right_content {
		padding:65px 20px 0 25px;
		}
		/* COLLAPSE RIGHT */
	/* COLLAPSE STOPS HERE */
/* FOOTER ENDS HERE */


/* TWITTER */
#twitter_top {
background: url(images/right_module_top_twitter.png) no-repeat;
width:320px;
height:102px;
}

#twitterbtn {
position:relative;
margin:0 auto;
width:320px;
height:102px;
}

#twitterbtn a, #twitterbtn a:hover, #twitterbtn a:visited, #twitterbtn a:active {
display:block;
width:320px;
height:102px;
outline:none;
}

#twitter_div {
background: url(images/right_module_repeat.png) repeat-y;
width:320px;
height:100%;
}

#twitter_div #tweet {
padding:0 20px;
font-style:italic;
}

#tweet li {
list-style:none;
padding-bottom:10px;
}

#tweet .twittertime {
text-align:right;
display:block;
margin:10px 10px 0 0;
font-size:85%
}