/*

  Theme Name: Pushing Borders
  Theme URI: http://www.themelab.com/free-wordpress-themes/
  Description: A 3 column theme.  Visit <a href="http://www.themelab.com">Theme Lab</a> for more free   
  WordPress themes and <a href="http://www.demusdesign.com/">DemusDesign</a> for more free templates.
  Version: 1.0
  Author: Theme Lab
  Author URI: http://www.themelab.com/

*/

body {
margin: 0;
background-color: #212121;
}


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



a:hover {

text-decoration: underline;

color: #CC99FF;

}



#preload {
width: 0;
height: 0;
display: inline;
background-image: url('images/menubg.jpg');
}



#header {
width: 100%;
height: 250px;
margin: 0;
background-color: #000;
vertical-align: bottom;
z-index: 1;
}

#header-image {
background: transparent url(images/script.jpg) no-repeat scroll 0 0;
height: 200px;
margin: 0 auto -157px;
width: 800px;
}

#header h1 {

display: block;

position: absolute;

margin: 116px 0 0 0; padding: 0;

background-color: transparent;

color: #444;

font-family: 'trebuchet' 'trebuchet ms', 'century gothic', verdana, sans-serif;

font-style: italic;

font-size: 35px;

font-weight: 400;

z-index: 4;

}



#header h1 a,#header h1 a:hover {color:#444;text-decoration:none;}



span {

color: #06f;

}



#header big {

float: right;

margin: 50px 0 0 0; padding: 0;

color: #444;

font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;

font-size: 100px;

letter-spacing: -11px;

}



#menu {

position: absolute; top: 200px;

width: 100%;

height: 61px;

margin: 0 0 0 0;

background-color: #000;

border-top: solid 1px #3b3b3b;

border-bottom: solid 1px #3b3b3b;

z-index: 3;

text-align: center;

}





#menu ul {

margin-top: 20px;

}



#menu ul li {

display: inline;

}



#menu ul li a {

background-color: transparent;

background-repeat: repeat-x;

padding: 14px 20px 14px 20px;

font-size: 0.8em;

font-family: 'century gothic', verdana, sans-serif;

color: #cccccc;

font-weight: bold;

text-decoration: none;

border: solid 1px #000;

}



#menu ul li a:hover {

background: #000 repeat-x top;

color: #CC99FF;

text-decoration: none;

border: solid 1px #000;

}




#container {

width: 90%;
   margin: 0 auto;
padding-top: 50px;
font-family: arial;
font-size: 0.9em;
}

#subnav {
float: left;
width: 140px;
padding: 0;
font: normal 0.6em verdana, arial, sans-serif;
}



#subnav h2 {

font-weight: bold;

height: 20px;

text-decoration: none;
font-size: 13px;
color: #CCC;

display: block;

background: #3b3b3b;

padding: 5px;

margin-bottom: 1px;

}



#subnav ul {	

list-style: none;

width: 140px;

margin: 0 0 0px 0;

padding: 0;

font-size: 1.1em;

}	



#subnav ul li {

font-size: 0.9em;

padding: 0;

margin-bottom: 1px;

}



#subnav ul li a {

padding-left: 10px; 

background: #bbb;

color: #666;

font-weight: bold;

text-decoration: none;

display: block;

padding: 5px;

}



#subnav ul li a:hover {

color: #000;

background-color: #e0e0e0;

}



#content {
border-right:1px solid #CCCCCC;
color:#656769;
display:inline;
float:left;
font-size:0.9em;
line-height:1.6em;
margin:13px 13px 13px 25px;
padding:0 20px 0 0;
width:60%;

}



#content p {

padding-bottom: 5px;

}



h1 {

margin-top: 0px;

color: #fff;

letter-spacing: -2px;

font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;

}



#extras h2,#content h2 {

margin-top: 20px;

margin-bottom: 10px;

color: #666;

letter-spacing: -1px;

font-size: 1.7em; font-weight: 400;

font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;

}


.right {

float: right;

margin: 0 0 8px 12px;

padding: 4px;

background-color: #FFF;

border: 1px solid #CCC;

}



#footer {

clear: both;

padding: 5px;

margin: 30px auto 30px;

color: #aaa;

font-size: 0.7em;

text-align: center;

border-top: 1px solid #ccc;

width: 90%;

}



#extras {
float: left;
width: 140px;
margin-left: 10px;
margin-bottom: 20px;
padding: 0;
color: #666;
}




#extras p {

line-height: 1.5em;

margin: 0 0 1.5em 0;

font-size: 0.9em;

}




#extras ul {

line-height: 1.5em;
margin: 0 0 1.5em 0;
font-size: 0.8em;
list-style:none;
margin: 0 0 0px 0;
padding: 0;

}



#box1 {

background: #fff url('images/boxbg.jpg') repeat-x top;

border: 1px solid #ccc;

width: 30%;  

float: left; 

margin: 0 2px; text-align: left;

padding: 1px; 

}



#box2 { 

background: #fff url('images/boxbg.jpg') repeat-x top;

border: 1px solid #ccc;

margin: 0 auto;

width: 30%;  text-align: left; 

padding: 1px;

}



#box3 { 

background: #fff url('images/boxbg.jpg') repeat-x top;

border: 1px solid #ccc;

width: 30%; 

float: right; 

margin: 0 2px; text-align: left;

padding: 1px;

}





#box1 h2, #box2 h2, #box3 h2 {

margin-left: 4px;

}



.center {

text-align:center;

display:block;

margin-top: 15px;

}



.box {

margin: 0 4px 10px 4px;

line-height: 1.3em;

font-size: 0.8em;

border: 0;

}



/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	background-color: #212121;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

.clear {clear:both;}



/* Twitter Feeds
-------------------------------------*/

.mytwitter_tweet {
   color: #FFFFFF;
   line height: 1.3em;
   font-size: 0.8em;
   } 

.mytwitter_tweet_time {
   font-style: italic;
   margin:0 0 10px;
   }

.mytwitter_separator {
   color: red;
   }

ul li.mytwitter {
   color: green;
   }