@import url(" http://www.thisisportable.com/blog/wp-content/themes/tip5/style.css");

/* 
thisisportable.com v5
*val 06/25/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:12px/18px "Lucida Grande", Verdana, sans-serif;
	color:#FFF;
	background-color:#d1f77e;
} */

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

/*
.hide { display:none;}

.show { border: 1px solid red;}

img {border:0;}

.clear { clear: both; }


.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(../images/tip.gif) no-repeat;
	width:179px;
	height: 58px;
	position: absolute;
	top:0;
	left:0;
}*/


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

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


#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(../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(../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(../images/nav_work_over.jpg) 13px 13px no-repeat;
}


*/



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

/*#container {
	padding:150px 0 0 0;
	text-align: left;
	width: 100%;
	background:#383d43 url(../images/faux_fun.gif) top left repeat-y;
}*/


/*  --------------------------------------------
=content main 
-----------------------------------------------*/
/*
#content_main {
	margin:0;
	padding:0;
	overflow:hidden;
	width: 1000px;
	background: transparent url(../images/footer_top_nonblog.png) bottom center no-repeat;
}*/



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

/* -----------------------------------------------
 =footer
-----------------------------------------------*/
/*
body#contact #footer {	
	color: #5f6061; 
	width: 1000px;
	overflow:hidden; 
	background: transparent url(../images/footer_mid_nonblog.png) 471px -1px no-repeat;	
}


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


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

#footer #three {
	margin:0 0 0 -3px; 
	padding:30px 10px 50px 20px;
	width:280px;
	float:right;
}

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


/*  -----------------------------------------------
 =text stylin'
 -----------------------------------------------*/
/* 
h1 {

 }
 
h2 {	
	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:0 0 10px 0;
 	color: #ff6b6b;
	font-family: "Trebuchet MS","Lucida Grande",Verdana,Sans-Serif;
	font-size:18px;
	font-weight: bold;
 }
 

 p + h3 {
 	padding-top:10px;
 }
 
 #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: 10px 0 10px 0;
}

ul, ol {

}

li {

}

ul.linklist {
	width: 200px;
}


ul.linklist li {
	list-style: none;
	padding: 10px 0 5px 18px;
	width: 200px;
	background: url(../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;
}


#blog_nav #recent p {
	background: url(../images/recent_div.png) bottom center no-repeat;
	padding: 6px 0 12px 0;
}*/


/*  -----------------------------------------------
 =form bits  (blog only)
 -----------------------------------------------*/

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


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

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

#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;
}



#container #blog #blog main a {
	border-bottom: 1px solid red;
}
*/

/* --------------------------------------------
 =contact page
-----------------------------------------------*/

body#contact #content_main  #not_blog_content {
	padding: 0 0 80px 20px;
	width: 670px; /*690*/ 
	float: left;
}


/*for contact form */
#log {
	width: 500px;
	padding: 0 0 20px 0;
	font-size: 14px;
	font-weight: bold;
	color: #4ecdc4;
}

#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/loader.gif) no-repeat 10px 10px;
}


body#contact #contact_form label {
	width: 70px;
	float:left;
	padding: 0 5px 0 0;
	margin: 0 0 10px 0;
}

body#contact #contact_form br{
	clear: left;
}



#contact_form .textinput {
	float:left;
	margin:0;
	width: 268px;
	height: 20px;
	border:none;
	padding:2px 15px 10px 4px;
	background: url(../images/txtfld_round_gray.png) no-repeat;
}


#contact_form .textarea {
	float:left;
	margin:0;
	padding:4px 15px 4px 4px;
	width:268px;
	height: 156px;
	background: url(../images/txtara_rnd_gry_272_160.png) no-repeat;
	border: none;
	overflow: auto;
}

#contact_form input.submit_btn  {
	margin: 5px 0 0 75px;
}	



/* --------------------------------------------
 =work samples page	
-----------------------------------------------*/
body#ws #content_main  #not_blog_content {
	padding: 0 0 80px 20px;
	width: 670px; /*690*/ 
	float: left;
}

#portfolio_width {
	padding: 0 0 80px 20px;
	width: 920px;  
	float: left;
}


#portfolio_width .project_display {
	margin: 10px 0 40px 0;
}

.project_display .project_header {
	margin:0;
	padding: 10px;
	background-color:#2b2f33;
	width: 660px;
	min-height: 80px;
	border-top: 1px solid #384847;
	border-bottom: 1px solid #384847;
}

.project_header p {
	margin:3px 0 0 0;
	padding:0;	
}

.project_header strong {
 	color:#4ecdc4;
	font-weight:bold;
}

.project_display img {
	margin:10px 0 20px 0;
	border-bottom: 2px solid #000000;
}

/*------*/


ul#work_list {
	margin-top: 20px;
}

ul#work_list li {
	list-style: none;
	float: left;
	padding: 0 50px 20px 0;
	margin-top: 20px;
	width: 280px;
	height: 129px;
}

ul#work_list li.web {
	background: url(../images/work/web_bkg.gif) top left no-repeat;
}

ul#work_list li.print {
	background: url(../images/work/print_bkg.gif) top left no-repeat;
}

ul#work_list li.flash {
	background: url(../images/work/flash_bkg.gif) top left no-repeat;
}

ul#work_list li a {
	margin: 9px 0 0 9px;
	display:block;
	width:263px;
	height:90px;
	background:#000 url(../images/work/ws_click_more.gif) 50% 50% no-repeat;				
}

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