/*
Theme Name: DM Portfolio
Theme URI: http://munnerley.com/dan
Description: A modified version of the Nishita theme
Version: 1.0
Author: Brajeshwar, (modified by Danny Munnerley)
Author URI: http://brajeshwar.com
Tags: photography, greyscale, simple

	DM Portfolio
	http://munnerley.com/dan

	This theme was designed by Brajeshwar and modified by Danny M

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

         
* {
margin:0;
padding:0;
}

body {
background:#bfc0c0 url(i/bg.png) repeat-x;
font:100%/1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color:#000;
text-align:center;
}

a img {
border:0 none;
border-style: none;
}

a:link,a:visited,a:hover,a:active {
color:#7090C0;
text-decoration:none;
}

h1 {
font:1.8em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color:#8c8c8c;
text-transform:uppercase;
letter-spacing:-1px;
line-height:1em;
padding:30px 0 0;
}

h1,h2 {
font-weight:400;
color: #424242;
font-size: 1.4em;
}

.clear {
clear:both;
height:0;
line-height:0;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}


 /* Front Page Divs */
 
 #container {
width:980px;
font-size:0.75em;
text-align:left;
background:#fff;
margin:0 auto;
}

#header {
background:#d7d7d7;
padding-top:0;
}

#header-inner {
background:#eee url(i/header.gif) no-repeat 10px 52px;
border:1px solid #bbb9b9;
border-style:none none solid;
padding:0 10px;
height:83px;
}

#header-inner2 {
background:#eee url(i/header.gif) no-repeat 10px 52px;
border:1px solid #bbb9b9;
border-style:none none solid;
padding:0 10px 9px;
}


#post-col {
float: left;
width: 680px;
}

#post-col-whitemargin {
	margin:0 0 0 10px;
	background-color: #ffffff;
}

#post-col-inner {
	background:transparent url(i/bg-post.gif) repeat-x;
}

#post-col-inner span {
	float: left;
	padding: 0 0 0 30px;
}

.post-col-article {
   	float: left;
   	padding:0 0 0 30px;
   }
   
#post-col p,#post-col h3 {
color:#535353;
line-height:1.3em;
font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
margin:0 0 10px;
}

#portfolio-container {
	width: 730px;
	float: left;
}
#portfolio-inner {
padding: 10px;
border-right:1px solid #BBB9B9;
}

#portfolio-container blockquote {
padding: 10px 20px 15px 25px;
font-style: italic;
}

#portfolio-container p {
padding: 0 0 10px 0;
}

.inden {
padding: 15px 10px;
}

/* End of Front Page Divs */

/* Side bar on  front page */

#side-front {
float:left;
font-size:0.9em;
width:300px;}

#side-front-whitemargin {
	margin:0 10px 0 10px;
	background-color: #ffffff;
	border: 1px solid #c1c4c7;
}

#side-inner-front {
padding: 10px;
background-color:#EDF0F4;
display: block;
}
/* End of Side bar on  front page */

/* About Portfolio and Contact Sidebar */

#main {
float:left;
width:730px;
}

#side {
float:right;
width: 250px;
background:#ffffff;
font-size:0.9em;
}

#main-inner {
	background:#fff;
padding:10px;
	border-right:1px solid #BBB9B9;
}

#main-inner-contact {
background:transparent url(i/contactbg.jpg) no-repeat scroll 0 0;
padding:15px 0 0 20px;
border-right:1px solid #BBB9B9;
height: 400px;
}

#side-inner {
background:#fff;
padding:10px;
border-left:1px solid #BBB9B9;
margin-left:-1px;
}

/* End of Front Page Divs */

/* Image Opacity Rollovers */
 
 .sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
 
 .img-rollover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.img-rollover:hover {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}


 .attachment-thumbnail {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.attachment-thumbnail:hover {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

/* End of Image Opacity Rollovers */

/* Certification logo rollovers */

a#acs {  
        width: 167px;  
        height: 48px;  
        background-image: url(i/logos/acs2.jpg);  
        display: block;  
        text-decoration: none;  
        float: left;
    }  
      
a#acs:hover {  
       background-position: 167px 0;  
   }
   
   
a#adobe {  
        width: 236px;  
        height: 48px;  
        background-image: url(i/logos/adobe2.jpg);  
        display: block;  
        text-decoration: none;  
        float: left;
    }  
      
a#adobe:hover {  
       background-position: 236px 0;    
   }
   
a#apple {  
        width: 184px;  
        height: 48px;  
        background-image: url(i/logos/apple.jpg);  
        display: block;  
        text-decoration: none;  
        float: left;
    }  
      
       

a#gtce {  
        width: 226px;  
        height: 48px;  
        background-image: url(i/logos/gtce2.jpg);  
        display: block;  
        text-decoration: none;  
        float: left;
    }  
      
a#gtce:hover {  
       background-position: 226px 0;   
   } 
   
a#aace {  
        width: 147px;  
        height: 48px;  
        background-image: url(i/logos/aace2.jpg);  
        display: block;  
        text-decoration: none;  
        float: left;
    }  
      
a#aace:hover {  
       background-position: 147px 0;  
   }    
   
a#twit {
	     width: 144px;  
        height: 22px;  
        background-image: url(i/twit1.gif);  
        display: block;  
        text-decoration: none;  
        float: right;
}

a#twit:hover {
   background-position: 144px 0;
}
/* End of Certification logo rollovers */

/* Socialble CSS */

div.sociable { 
	margin: 16px 0 0; 
	}

span.sociable_tagline { 
	position: relative; 
	}
	
span.sociable_tagline span { 
	display: none; 
	width: 14em; 
	}
	
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 35px;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	
}

.sociable_tagline h2 {
border-bottom:1px solid #CECECD;
color:#424242;
line-height:25px;
}

.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 10px 0;
}

/* End of Sociable */

/* Start Comments CSS */



#comments {
padding:20px 0 0;
text-align:left;
width: 700px;
}

#comments ol {
	list-style: none;
}

 /* Start Twitter CSS */
 
 ul.twitter {
background:transparent url(i/twitbird.gif) no-repeat scroll 0 15px;
padding:0 0 0 50px;
}

li.twitter-item {
	line-height:1.4em;
padding:5px 0 7px;
font-size: 1.0em;
}

a.twitter_title_link {
	color: #3f3f3f;
}

a.twitter_title_link {
	color: #3f3f3f;
}

/* Start Tag Cloud */

 .widget_tag_cloud {
 	line-height: 1.5em
 }

#title {
float:left;
width:410px;
}



p#tagline {
font-size:0.9em;
margin:5px 0 0;
color: grey;
}

ul#nav {
float:right;
font-size:0.9em;
text-align:right;
text-transform:uppercase;
letter-spacing:0.1em;
}

ul#navfav {
	list-style: none;
padding:58px 5px 0;
font-size:0.9em;
text-align:right;
text-transform:uppercase;
letter-spacing:0.1em;
}

#nav li {
float:left;
list-style-type:none;
display:block;
margin-left:10px;
}

#nav li a {
float:left;
height:100%;
display:block;
padding:31px 5px 0;
}

#nav li a:hover,body#home li#nav-home a,body#archives li#nav-archives a,body#contact li#nav-contact a,body#about li#nav-about a {
background:#fff;
}

#photo {
padding: 10px 10px 10px;
}


.flashmovie {
	padding: 0;
	margin: 0;
}

#photo-meta {
float:left;
width:100%;
background:#d7d7d7;

}

#photo-meta-inner {
height:24px;
background:#fff;
border-top:1px solid #bbb9b9;
padding:0 10px;
}

#photo-meta ul li {
list-style-type:none;
display:inline;
border-right:1px solid #e1e1e1;
line-height:24px;
margin:0;
padding:0 5px;
}

#photo-meta ul li a img {
vertical-align:middle;
}

#photo-title {
background:#efefef;
width:960px;
border-bottom:1px solid #BBB9B9;
height:24px;
}

#photo-title-inner {
height:25px;
background:#fff;
float:left;
padding:0 10px;
}

#photo-title-inner2 {
height:24px;
background:#e1e1e1;
float:left;
border-left:1px solid #BBB9B9;
border-right:1px solid #BBB9B9;
border-bottom:1px solid #BBB9B9;
padding:0 10px;
}

#photo-title ul li {
list-style-type:none;
display:inline;
line-height:24px;
font-size:0.85em;
margin:0;
padding:0 5px;
}

#navigate {
float:right;
width:200px;
font-size:0.9em;
margin: -25px 0;
}

#navigate-inner {
background:#000;
text-align:center;
}

#navigate span.next {
float:right;
}

#navigate span.previous,#navigate span.next {
display:block;
width:99px;
height:24px;
background:#fff;
border-bottom:1px solid #bbb9b9;
border-left:1px solid #bbb9b9;
}

#navigate span.previous a,#navigate span.next a {
display:block;
line-height:24px;
}

#navigate span.previous a:hover,#navigate span.next a:hover {
background:#f9f9f9;
}


#page-body {
font:100%/1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

p.linkedtext a {
color: black;
background-color: cyan;
}

#side-inner-front a:hover {
text-decoration: underline;
}


ul.arch-list li {
list-style-type:none;
margin:0 0 8px;
}

ul.arch-list li h2 {
border-bottom:1px solid #CECECD;
line-height:25px;
color: #424242;
margin: 0 0 6px;
}

div.post {
border-bottom:1px solid #e1e1e1;
margin:5px 0;
padding:0;
}

div.post-body {
float:left;
width:90px;
border-right:1px solid #e1e1e1;
margin:0 10px 0 0;
padding:0 10px 0 0;
}

div.post-body img {
border:1px solid #e1e1e1;
padding:1px;
}

h3.post-title {
font-size:1.1em;
font-weight:400;
}

h4.post-meta {
font-size:0.8em;
font-weight:400;
}

#footer {
clear:both;
font-size:0.8em;
text-align:center;
border-top:#BBB9B9 solid 1px;
padding:0 0 0 0;
}

.thumb {
float:left;
margin-right:7px;
margin-bottom:7px;
}

#right-panel {
	float: left;
	width: 290px;
	
}

#right-panel-inner {
margin:0 10px 10px;
}

#right-panel ul li {
list-style:none;
color: #3f3f3f;

}

#thumbnail {
	float: left;
}

#thumbnail2 {
	float: left;
	padding: 0px 10px 0px 0px;
}

#post-thumbnail {
float:left;
padding:0 15px 0 0;
}

#post-thumbnail ul li {
list-style:none;
}

#postcontent {

font-size: 1em;
padding:0 0 0 120px;
}

#post-col-inner ul li {
list-style-type:none;
padding: 15px 10px 20px 30px;
}


#cont a:link {
	background-color: #fff4ad;
	text-decoration:none;
}

#cont a:hover {
	background-color: #fffb00;
	text-decoration:none;
}
#cont p a:link img {
	background-color: #fff;
}



h1 a:link,#comments-header h1 a:link {
color:#8c8c8c;
}

#photo-meta ul,#photo-title ul,ul.arch-list li ul li {
margin:0;
}

#navigate span.previous,div.gravatar {
float:left;
}

#comments-header h1,#comment-form h2 {
border-bottom:1px solid #cececd;
font:1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color:#8c8c8c;
text-transform:uppercase;
letter-spacing:-1px;
line-height:1em;
margin:0;
padding:0 0 5px;
}

div.comment-body,#page-body p {
margin:10px 0 0;
}

.panel-heading {
	border-bottom:1px solid #FFFFFF;
	display:block;
	font-size:1.4em;
	font-face: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

ul.arch-list li h2 a {
	color: #424242;
}

img.linked {
float:left;
padding: 8px 0 0 5px;
}

img.linked2 {
float:left;
padding:15px 0 0 5px;
}

.row1 {
	float:left;
}

#page-body-about p, #page-body-portfolio p {
margin: 0;
}

#folio-pic ul {
	
border-top:1px solid white;
display:block;
}

#folio-pic ul li {
	list-style: none;
}
#folio-pic ul li h2 {
background-color:white;
border-bottom:1px solid #FFFFFF;
color:#2F2F2F;
font-size:1.3em;
line-height:1.6em;
}

.gallery-caption {
	display: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

img.recent {
 	padding: 0 0 10px;
 }
 p.right {
 	text-align: right;
 }
 
 p.center {
 	text-align: center;
 }
 
#front-side-topl {
 	float: left;
 }
 
 #front-side-topr {
 		line-height:1.2em;
	padding:15px 0 0 50px;
 }
 
 div.textwidget {
  white-space: normal;
 display: block;
 line-height: 1.5em;
 }
 
 .textwidget ul {
 	list-style-image:none;
list-style-position:outside;
list-style-type:none;
 }
 
 .textwidget ul li {
padding:0 0 10px;
list-style-type:none;
 }
 
 
 li.cat-item {
 	line-height: 1.4em
 } 
 
 ul.portfolio-thumb {
 line-height: 1.4;

 }
  ul.portfolio-thumb li {
  	display: inline;
  	
  }