@import url("baseline.css");

/* 
thisisportable.com v5 wordpress theme
*val
05/16/07
*/

/*-----------------------------------------------
  =colour guide
-------------------------------------------------
  dk gray:  #383d43
  lt gray: #5f6061;
  salmon: #ff6b6b
  aqua: #4ecdc4
  green: #d1f77e
  dk pink: #7e454e
  
-----------------------------------------------*/

/*-----------------------------------------------
  =top level things
-----------------------------------------------*/

body {
	margin:0;
	padding:0;	 
	font:13px/19px  Verdana, sans-serif;
	color:#FFF;
	background-color:#d1f77e;
} 

/*-----------------------------------------------
  =misc 
-----------------------------------------------*/

/*helpful while you're building things up */
.hide { display:none;}

.show { border: 1px solid red;}

img {border:0;}

/* get things back on track */
.clear { clear: both; }

/* these two are handy for images with text around them */
.float-left {
	float: left;
	margin:0;
	padding: 5px 5px 5px 0;
}

.float-right {
	float: right;
	margin:0;
	padding: 5px 0 5px 5px;
}

/*  -----------------------------------------------
 =header image
 -----------------------------------------------*/
#header {
	text-indent: -100em;
	overflow: hidden;
	background: url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/tip.gif) no-repeat;
	width:179px;
	height: 58px;
	position: absolute;
	top:0;
	left:0;
}


/*  -----------------------------------------------
 =container
 -----------------------------------------------*/

#container {
	padding:150px 0 0 0;
	text-align: left;
	width: 100%;
	/*background:#383d43 url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/faux_fun.gif) top left repeat-y;*/
	background-color: #383d43;
}

/*-----------------------------------------------
  =navigation 
-----------------------------------------------*/


#nav {
	background:url(http://www.thisisportable.com/images/nav_bkg.png) top left no-repeat;
	width:250px;
	height:150px;
	position:absolute;
	top: 0px;
	left: 540px;
}


#nav #nav_links a {
  position: absolute;
  text-decoration: none;
  background:none;
}


#nav_links a:visited {
	background:none;
}

#nav #nav_links a i { 
	visibility: hidden;
}

#nav #nav_links a#nav_contact {
	top:15px;
	left: 92px;
	height: 38px;
  	width: 88px;
	
}

#nav #nav_links a#nav_contact:hover {
	background: url(http://www.thisisportable.com/images/nav_contact_over.jpg) 2px 15px no-repeat;
}

#nav #nav_links a#nav_blog {
	top:60px;
	left: 40px;	
	height: 44px;
	width: 85px; 
}

#nav #nav_links a#nav_blog:hover {
	background: url(http://www.thisisportable.com/images/nav_blog_over.jpg) 9px 13px no-repeat;
}

#nav #nav_links a#nav_work {
	top:75px;
	left:130px;
	height: 45px;
	width: 88px; 
}

#nav #nav_links a#nav_work:hover {
	background: url(http://www.thisisportable.com/images/nav_work_over.jpg) 13px 13px no-repeat;
}



/*  --------------------------------------------
=content main 
-----------------------------------------------*/

#content_main {
	margin:0;
	padding:0;
	overflow:hidden;
	width: 1000px;
	background: transparent url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/FPO_footer_top.png) bottom center no-repeat;
}


/* --------------------------------------------
=blog space
-----------------------------------------------*/
#content_main  #blog {
	padding: 0 0 80px 0;
	/*width: 690px; */
	width: 880px;
	float: left;
	background:url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/blog_div_long.gif) 650px 84px no-repeat;
}

#content_main  #blog #blog_main {
	margin:0;
	padding:0 0 0 25px;
	/*width: 445px;*/	/*470*/
	width:605px;
		float:left;
}

#content_main  #blog #blog_main div.entry {
	padding-bottom: 20px;		
}

#content_main #blog #blog_nav {
	padding:80px 0 0 10px;	
	width: 200px; /*220*/
	float: right;
}

#blog_nav #recent {
	padding: 0 0 10px 3px;
}

#blog_nav #search {
	padding: 20px 0 10px 0;
	width: 100%;
}

#blog_nav #categories, #blog_nav #archives, #blog_nav #rss {
	padding: 20px 0 10px 3px;
}

#blog_nav #categories ul, #blog_nav #archives ul{
	list-style:none;
}

#blog_nav #categories li, #blog_nav #archives li {
	padding: 2px 0 0 0;
}

#blog_nav #rss {
	color: #4ecdc4;
}

#blog_nav #rss img {
	float: left;
	padding: 0 4px 0 0;
}

/*--------------------------------------------
=code formatting
-----------------------------------------------*/

.ch_code_container {
background-color: #f0f0f0;
border: 1px solid #C3CED9;
padding: 0px 0px 0 0;
width: 100%;
text-align: left;
font-size:1.00em;
overflow:auto;
}
.ch_code_container .head
{
color: #808080;
font-weight: bold;
background-color: #f0f0ff;
border-bottom: 1px solid #d0d0d0;
padding: 2px;
}


/*--------------------------------------------
=work display space
-----------------------------------------------*/
#content_main #work {
 	padding:80px 0 0 10px;
	width:300px; /*310*/
	float:right;
	display:none;
}

#content_main #work ul {
 	margin:0 0 0 8px;
	position:relative;
}

#content_main #work ul li{
	list-style:none;
	padding-bottom: 30px;
	width: 271px;
	height: 100px;
	background: url(http://www.thisisportable.com/images/work/thumbs_sm_bkg.png) top left no-repeat;
	float: left;  /*fixes being pulled down by margin of child element */	
}


#content_main #work ul li a {
		margin: 9px 0 0 9px;
		width:255px;
		height:62px;
		display: block;
		background:#000 url(http://www.thisisportable.com/images/work/ws_click_more.gif) 50% 50% no-repeat;
}


#content_main #work ul + div {
	padding-top: 50px;
}


li.roll a:hover img, li.roll a:active img {
	opacity:			0.3;
	-moz-opacity:		0.3;
	filter:				alpha(opacity=30);
}


/* -----------------------------------------------
 =footer
-----------------------------------------------*/

#footer {	
	color: #5f6061; 
	width: 1000px;
	overflow:hidden; 
	/*background: transparent url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/FPO_footer_mid.jpg) 471px -1px no-repeat;*/	
}


#footer #one {
	color: #5f6061; 
	margin:0;
	padding:30px 10px 50px 20px;
	float:left;
	width: 315px;/*345*/
}


#footer #two {
	margin:0;
	padding:30px 10px 50px 20px;
	float:left;
	width: 315px;/*345*/
}

#footer #three {
	margin:0 0 0 -3px; /*fixes repeated characters in IE - see position is evertying */
	padding:30px 10px 50px 20px;
	width:280px;/*310*/
	float:right;
}

#footer #badges {
	padding:30px 10px 50px 20px;	
}


/*  -----------------------------------------------
 =text stylin'
 -----------------------------------------------*/
 
em {font-style: oblique;} 
 
h1 {
	padding:0;
	margin:0;
 /*h1s are all about the image replacement */
 }
 
h2, h2 a {	
	padding:0 0 6px 0;
 	color: #ff6b6b;
	font-family: "Trebuchet MS","Lucida Grande",Verdana,Sans-Serif;
	font-size:28px;
	line-height: 30px;
	font-weight: bold;	 
 }
 
h3 {
 	padding:6px 0 0 0;
 	color: #ff6b6b;
	font-family: "Trebuchet MS","Lucida Grande",Verdana,Sans-Serif;
	font-size:18px;
	font-weight: bold;
 }
 
 /*add a little extra space above if it's the second heading in a col
 p + h3 {
 	padding-top:0;
 }*/
 
 #footer #three h3 {
 	color:#383d43;
 }
 
 
h4, h5, h6 {
	font-family: "Trebuchet MS","Lucida Grande",Verdana,Sans-Serif;
	font-size:14px;
	font-weight: bold;
 }
 
p {
	padding: 5px 0 15px 0;
}

ul, ol {

}

li {

}

ul.linklist {
	width: 200px;
}


ul.linklist li {
	list-style: none;
	padding: 10px 0 5px 18px;
	width: 200px;
	background: url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/diamond_bullet.gif) 1px 14px no-repeat;
	border-bottom: 1px solid #f3fddf;
}


.post_info p {
	padding: 0px;
}


pre, code {
	font-family:Courier,monospace;
	font-size: 14px;
	margin: 20px 0 20px 10px;
}

pre {
	padding: 0 10px;
	overflow:auto;
}	

#blog_nav #recent p {
	background: url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/recent_div.png) bottom center no-repeat;
	padding: 6px 0 12px 0;
}


blockquote	{
	font-style: italic;
		
	
}

/*  -----------------------------------------------
 =form bits
 -----------------------------------------------*/

fieldset {
	padding: 10px 0 20px 0;
	border: none;
}

#contact .textinput, #comment_form .textinput {
	float:left;
	margin:0;
	width: 208px;
	height: 20px;
	border:none;
	padding:2px 15px 4px 2px;
	background: url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/input_bkg.jpg) no-repeat;
}

#contact .textarea, #comment_form .textarea {
	float:left;
	margin:0;
	padding:4px 15px 4px 2px;
	width:208px;
	height: 110px;
	background: url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/comment_bkg2.jpg) no-repeat;
	border: none;
	overflow: auto ;
}

#comment_form .textarea {
	background-color: #d9d9d9; /*url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/comment_ta_bkg.jpg) no-repeat; */
	background-image: none;
	width: 500px;
	border: 1px solid #cecece;
	margin-bottom: 10px;
}



#contact input.submit_btn, #comment_form input.submit_btn {
	margin: 5px 0 0 75px;
}	

label {
	width: 70px;
	float:left;
	padding: 0 5px 0 0;
	margin: 0 0 10px 0;
}

#footer #one br, #blog_nav #search br, #comment_form br {
	clear: left;
}

#search #search_btn {
	width: 34px;
	height: 32px;
	margin: -3px 0 0 0;
    float: left;		
}

#search .textinput {
	width: 148px;
	height: 20px;
	border: none;
	float: left;
	padding:2px 15px 4px 2px;
	background: url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/search_bkg.jpg) no-repeat;
}


/*  -----------------------------------------------
 =comments area
 -----------------------------------------------*/
#comments {
	margin: 30px 0 10px 0;
}

#comments h4 {
	color: white;
	margin:0;
	padding:0;
}


#reply {
	margin: 40px 0;
}


p.commentmetadata {
	font-size: 10px;
	padding: 0 0 5px 0;
}


#comments .single_comment {
	background: url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/recent_div.png) bottom center no-repeat;
	padding: 6px 0 12px 0;
	mragin: 0 0 20px 0;
}




/* -----------------------------------------------
 =links stylin' 
-----------------------------------------------*/


#container a:link, #container a:visited {
	padding:0;
	color: #4ecdc4;
	text-decoration: none;
	background-color: #2c2c2c;
}

#container a:hover {
	text-decoration: none;
	color: white;
}

#footer a:link, #footer a:visited {
	padding:0;
	color: #5f6061;
	text-decoration: none;
	background: none;
}

#footer a:hover {
	text-decoration: none;
	color: #ff6b6b;
}


#footer #one p > a {
	border-bottom: 1px dashed #5f6061;
		
}

div.syntax_hilite {
	background-color: white;	
}

div.syntax_hilite ol{
	background-color: white;
	padding: 0 0 0 30px;
	
}

#container #blog a[href$=".zip"] {
	background: #2c2c2c url(http://www.thisisportable.com/blog/wp-content/themes/tip5/images/link_zip.gif) no-repeat top right;
	padding-right: 18px;
}