body {

font-family: Helvetica, Arial, sans-serif;
font-size:12px;
text-align: center;
width: auto;
padding:0px;
 }
 
 .wrapper, .view_wrapper {
 background-image: url("images/murphyhead3.jpg")  ;
background-repeat: no-repeat;
background-position: center top;
 margin:0px auto;
 text-align:left;
 width:800px;
 
 position:relative;
 top:-13px;
 _top:-14px;
 }
 /* view finder css */
 .view_wrapper {
 background-image: none  ;
 
 }
 
 .view_header {
background-color:#333333;
height:70px; 
 
 
 }
 

 
 
 .view_wrapper .content {
 height:700px;
 border:solid 1px #666666;
 float:none;
 width:790px;
 }
 
  a {
  color:#d35916;
 }
 .clear {
 clear:both;
 }
 
 .img_view img  {
 border:none;
 }  
.img_view2 img {
 border:none;
}
.img_view  {
display:block;
width:150px;
height:150px;
float:left;
border:none;
padding: 2px 2px 2px 2px;
border: 1px solid #cccccc;
margin-right:10px;
margin-bottom:10px; 
}
.img_view2  {
display:block;
width:226px;
height:119px;
float:left;
border:none;
padding: 2px 2px 2px 2px;
border: 1px solid #cccccc;
margin-right:10px;
margin-bottom:10px; 
}
  
.imgstyle {
float:left;
margin:5px 10px 5px 0px;
font-size:11px; 
 
color:#333333;
 }
 .imgstyle img {
 border: solid 1px #cccccc;
padding:3px;
display:block;

 }
 
.title {
color:#ffffff;
 
margin:0px 0px 0px 250px;
padding:0px 0px 0px 2px;
border-left: 4px solid #ffffff;
position:relative;
top:13px;

 }
 .title h1 { font-size:20px;}
.title h2 {
 margin-top:-12px;
 _margin-top:-18px;
 font-size:15px;
 padding:0px;
 margin-bottom:0px;
 _margin-bottom:-5px;
 }
 
.header a:hover {
text-decoration:underline;
} 
.header ul {
 text-align:right;
margin:28px 10px 0px 0px;
 font-size:13px;

}
ul.header_links {
_margin-top:37px;
__margin-bottom:5px;
}
 
.header ul li, .header ul li a{
 display:inline;
 color:#ffffff;
 text-decoration:none;
 padding-left:8px;
padding-right:9px;
 }
 

 .content {
 margin-top:-15px;
 
 _margin-top:12px;
 width:535px;
 float:right;
 padding:0px 5px 20px 0px;
 }
 .content .module {
 clear:both;
 
 }
  .title-block {
 display:block;
 margin:27px 0px 20px 0px;
 width:100%;
  }
  
 .title-block h2, .title-block p {
 
 background-color:#d35916;
 color:#ffffff;
 padding:15px 15px 15px 15px;
   display:inline ;
   font-size:20px;
 font-weight:bold;
 }
  .title-block p {
float:right;
position:relative;
top:-4px;
_top:0px;
left:-4px;
 }
  .title-block h2 {
float:left;
width:80%;
_width:85%;
 }
 
  .content h3 {
color:#666666;
font-size:12px;
 } 
 h3.subject-header {
 margin-bottom: 10px; 
background-color:#FFFFFF;
 position:relative; 
 top:20px; 
 display:inline;
 padding-right:5px;
 color:#d35916;
  font-size:13px;
 }
 
 .content p b {
  color:#4c4d4f;
 
 }

 .breadcrumb {
 
 margin-top:30px;
 color:#4c4d4f;
 }
 
 .project_summary {
font-size:11px;
 
 }
.project_summary b {
 
}
.list_mock  {
position:relative;
left:10px;
padding-right:10px;
}
.options {
 position:relative;
left:10px;
}
/*  .leftbar h3 {
background-color:#d35916;
color:#ffffff;
padding: 3px 0px 3px 3px;
font-size:14px;
} */
 .leftbar {
 width:198px;
 float:left;
 margin:90px 0px 0px 9px;
  
 }
.more {
 text-align:right;
 }

 .breaker,  .breaker2 {
margin-left:7%;
border-bottom: 1px dotted #bdc1c4;
margin-bottom:5px;
padding-top:10px;
_margin-top:-10px;
width:75%;
clear:both;
}
.breaker2 {
width:90%;
margin-bottom:12px;
 
}
.content .breaker {
margin-bottom:20px;
width:85%;
}

.leftbar {
line-height:16px;
color:#333333;
font-size:11px;
}
 .leftbar .breaker {
 padding-top:0px;
 
 }
.leftbar h4, .leftbar h4 a, .leftbar h3, .leftbar h3 a {
color:#4c4d4f;
font-size:12px;
margin-top:15px;
text-decoration:none;
} 
  .footer {
  clear:both;
  border-top: 2px solid #4c4d4f;
  text-align:center;
  padding-top:4px;
  font-size:11px;
  }
 
.module_4xl, .module_4xr {
  width:250px;
  font-size:11px;
  color:#333333;
   
}
.module_4xl {
float:left;

}
.module_4xr {
float:right;

}

 

/* style pop up box */ 
 

 .mainBoxStyle {
 position:absolute;
 border:solid 1px;
 visibility:hidden;
 background-color:#ffffff;
 border-top: 1px solid #ffffff;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #666666;
 border-left: 1px solid #cccccc;
 
 }
  
 #boxHeader {
  cursor:move;
  text-align:right;
  background-color:#d35916;
  position:relative;
  left:0px;
  top:0px;
  height:24px;
  border-bottom: 1px solid #cccccc;
  padding-right:5px;
  color:#ffffff;
 }

#boxHeader a img {
 border:none;
  cursor:pointer; 
}
 
.thumbBox {
clear:both;
position:relative;

}
 
.slideThumb {
display:block;
border: solid 1px #cccccc;
width: 25px;
height: 25px;
float:left;
padding:2px;
margin:0px 8px 8px 0px;
}

.slideThumb img{
border: none;
display:block;
width: 25px;
height: 25px;
}

 

#boxBody {
display:block;
padding:10px;
position:relative;
}

.slide-image-frame {
border: solid 1px #cccccc;
padding:3px;
margin-bottom:0px;
margin-right:12px;
float:left;
width:450px;
height:450px;
}
 

#boxBody p { font-size:12px; margin:0px; font-weight:bold; color:#666666; float:left; text-align:left;}
#breakB { }


/*resume style */
 .resume_style {
 color:#333333;
 }
 .resume_style h3{
 color:#d35916;
 font-size:14px;
 letter-spacing:-1px;
 
 }
 .resume_style .list_mock{
 font-size:11px;
 line-height:16px;
 padding-left:30px;
  padding-right:60px;
 }
 .resume_style i {
  color:#666666;
 
 }
  .resume_style p b {
 color:#333333;
  }
  
  .blog {
  font-size:12px;
  line-height:25px;
  clear:both;
  color:#333333;
  }
  
  
.code {
font-family:"Courier New", Courier,monospace;
background-color:#f5f5f5;
border: 1px dashed #cccccc;
padding: 10px 10px 10px 10px;
margin:10px 5px 10px 5px;
}
.blog h3 {
color:#d35916;
 
letter-spacing:-1px;
font-size:18px;
}
 

.blog p b {color:#4c4d4f;}


/* bolg stuff  */

.leftbar h2 {
font-size:16.5px;
}

.post-body h4 {
font-size:12px;
}
#navbar-iframe {
   display: none !important;
}