/*
Original theme design: Theme Name: Titan
Theme URI:  http://themes.jestro.com/titan/
Modified by Barry Anderson
*/

/* Import Stylesheets
-----------------------------------------------------------*/
@import url("stylesheets/master.css");

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
.alignleft { float: left; }
.alignright { float: right; }

/* Make all custom CSS changes in a Child Theme. See this tutorial for instructions:
     ----> http://themes.jestro.com/vigilance/easy-upgrading-wordpress-child-themes/ <----
 Any custom changes you make here will not be overidden when you upgrade the theme.
-----------------------------------------------------------*/


body {
  font: 60% Helvetica,Arial,Verdana,Sans-serif;
  color: #666;
  line-height: 1.8em;
background: #fff; 
  }

a:link, a:visited { color: #0099cc; }
.entry a:link, .entry a:visited { font-weight: normal; } 

a:hover {
  color: #006699;
  }

.photo-tag {
  font: Verdana,Helvetica,Arial,Sans-serif;
   font-size: 0.9em;
  line-height: 1.4em;
}


.thumb-tag {
  font: Verdana,Helvetica,Arial,Sans-serif;
   font-size: 0.8em;
  line-height: 1.2em;
}


/*Basic Structure
------------------------------------------------------------ */
.wrapper{
  width: 950px;
  margin: 0 auto;
  text-align: left;
  }
#content{ 
  float: left; 
  width: 740px;
  padding: 0 10px 20px 0;
background: #fff;
.content-background { background: #FFf; }
  }

#sidebar { 
  float: right; 
  padding-bottom: 50px;
  width: 160px; 
background: #f5f5f5; 
  }
#footer { 
  clear: both;
  padding-top: 5px; 
  border-top: 1px solid #ddd;
  }
.clear:after, li.comment:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#header {
  width: 950;
height: 180;
  /* border-bottom: 1px solid #EDE7E0; */
  background: #fff url('http://www.barryanderson.com/ba_blog/blog_images/header-test2.jpg');
  }


/*Page/Post Styling
------------------------------------------------------------ */
.post {
     margin-bottom: 50px;
}

div.post-header div.date {
  width: 84px;
  color: #ffcc99;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 0 0 17px;
  background: url(images/icon-calendar.png) no-repeat 0 5px 0 0;
  }

.author {
  margin: 3px 0 0 101px;
  color: #666;
  font-size: 1.1em;
  }

.post-header h1 { 
  margin-left: 101px;
  padding-bottom: 4px;
  font-size: 2.0em; 
  }

.post-header h2 { 
  font-size: 2em; 
  line-height: 1.1em;
  margin-left: 101px;
  }
/*Post Body
---------------------------------------*/
.entry { 
background: #fff; 
  margin-left: 101px;
  width: 640px;
  }

/*Post Footer
---------------------------------------*/
.post-footer { margin-left: 101px; }


div.c-body {
  margin-left: 101px;
  width: 640px;
  font-size: 1.3em;
  }


/*Follow
---------------------------------------*/
#follow {
  background: #f5f5f5;
  padding: 0 0 0 0;
margin: 0 0 0 9px;
}

#follow-icons {
  background: #f5f5f5;
  padding: 0 0 0 0;
margin: 0 4px 0 8px;
}

#follow dl {
margin:left: -10px;
}

#follow dd a {
  font-size: 0.9em;
color: #0099cc;
}

#follow dd a:hover {
color: #006699;
}


#follow a.rss {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/rss-grey-10px.jpg');     
background-repeat: no-repeat;
	background-position: 0 center; 
}
#follow a.email {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/rss-grey-10px.jpg');     
background-repeat: no-repeat;
	background-position: 0 center; 
}
#follow a.twitter {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/twitter-grey-10px.jpg');     background-repeat: no-repeat;
	background-position: 0 center; 
}
#follow a.vimeo {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/vimeo-grey-10px.jpg');     
background-repeat: no-repeat;
	background-position: 0 center; 
}
#follow a.youtube {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/you-tube-grey-10px.jpg');     background-repeat: no-repeat;
background-position: 0 center; 
height: 20px;
}
#follow a.linkedin {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/linkedin-grey-10px.jpg');     background-repeat: no-repeat;
background-position: 0 center; 
}
#follow a.lastfm {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/lastfm-grey-10px.jpg');     
background-repeat: no-repeat;
background-position: 0 center; 
}
#follow a.flickr {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/flickr-grey-10px.jpg');     
background-repeat: no-repeat;
background-position: 0 center; 
height:20px;
}
#follow a.picasa {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/picasa-grey-10px.jpg');     background-repeat: no-repeat;
background-position: 0 center; 
}
#follow a.tumblr {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/tumblr-grey-10px.jpg');     background-repeat: no-repeat;
background-position: 0 center; 
}
#follow a.soundcloud {  padding-left: 18px; background: url('http://www.barryanderson.com/design/icons/soundcloud-grey-10px.jpg');     background-repeat: no-repeat;
background-position: 0 center; 
}

/*Pages
---------------------------------------*/
.entry.page { 
  margin-bottom: 60px;
  width: 650px;
  }

h1.pagetitle, h2.pagetitle {
  border-top: 1px solid #EFEAE4;
  margin: 0 0 15px 0;
  padding-top: 20px;
  font-size: 2.0em;
  }


/*Nav
---------------------------------------*/

#nav {
    width:100%;
    font-size: 0.9em;
  font: Verdana,Arial,Helvetica,Sans-serif;
    }
#nav, #nav ul {
    float: left;
    line-height: 10px;
    padding: 0;
    margin: 0;
    width: 100%;
    }
#nav a {
    display: block;
    color: #0099cc;
    text-decoration: none;
    padding: 2px 8px;
    }
#nav li {
    float: left;
    border-right: 1px solid #eceded;
    }
#nav:first-child { border-left: 1px solid #eceded; }
#nav ul {
    position: absolute;
    left: -999em;
    height: 30px;
    width: 132px;
    font-weight: normal;
    line-height: 10px;
    border: 0;
    border-top: 1px solid #eceded;
    }
#nav li li {
    width: 132px;
    border-bottom: 1px solid #eceded;
    border-left: 1px solid #eceded;
    border-right: 1px solid #eceded;
    background: #fff url('http://www.barryanderson.com/ba_blog/blog_images/button-back3.jpg') repeat-x bottom left;
    }
#nav li li a {
    padding: 4px 10px;
    width: 132px;
    }
#nav li ul ul {
    margin: -21px 0 0 200px;
    }
#nav li li:hover {
   color: #000;
    background: #fff url('http://www.barryanderson.com/ba_blog/blog_images/button-back2.jpg') repeat-x bottom left;
    }
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a { color: #0099cc; }
#nav li:hover a, #nav li.sfhover a { color:#0099cc; }
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a { color:#444; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left:auto; }
#nav li:hover, #nav li.sfhover {
     background: #fff ;
     color: #0099cc;
    }
#nav .current_page_parent, #nav .current_page_ancestor, #nav .current-cat-parent {
    background: #fff;
    color: #0099cc;
    }
#nav .current-cat, #nav .current_page_item {
   background: #fff;
   color: #0099cc;
    }
*/
/*Sidebar
------------------------------------------------------------ */
#sidebox { 
font-size: 1.0em; 
  font: Verdana,Arial,Helvetica,Sans-serif;
} 
#sidebox p { 
  margin-bottom: 15px; 
  line-height: 0.8em;
  }
#sidebox img {
  padding: 10px;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
text-align: right;
width: auto
height: auto
clear: right
  }
h2.widgettitle {
  margin: 15px 0 0 10px;
  padding-bottom: 0;
  font-size: 0.9em;
  border-bottom: 1px solid #f5f5f5;
  color: #666;
text-transform: uppercase;
  }

p.widget {
  margin: 0 10px 0 10px;
  padding-bottom: 0;
  font-size: 0.9em;
  color: #666;
  }

ul li.widget ul {
  font-size: 1.0em;
  margin: 0 10px 0 10px;
  }
ul li.widget ul li ul { 
  margin-left: 5px;
  font-size: 1em; 
  }
ul li.widget ul li {
  padding: 0 0;
  }
ul li.widget ul li ul li { 
  padding: 0 0 0 0;
  }

/*Notice
------------------------------------------------------------ */
div.notice {
  display: block;
  padding: 20px 0;
  font-size: 1.6em;
  }
div.notice strong { color: #2F2922; }
div.notice div {
  margin: 2px 0;
  padding: 2px;
  background: #fff;
}
div.notice div h2 {
  font-size: 1.3em;
  margin-bottom: 2px;
}

/*Header Gap
------------------------------------------------------------ */
div.gap {
  padding: 9px 0;
  background: #fff;
width: 100%
  }

/*Footer
------------------------------------------------------------ */
#footer {
  padding: 30px 30px 30px 30px;
    border-top: 1px solid #E3E0D5;
  background: #ff6600;
  color: #fff;
  }

#footer-about.footer-column { 
width: 137px; 
color: #fff;
  font-size: 1.2em;
}
#footer-flickr.footer-column { 
width: 481px; 
color: #fff;
  font-size: 1.2em;
}
#footer-search.footer-column { 
  margin: 0;
	float: right;
  width: 266px; 
  }
.footer-column h2 {
  font-size: 1.2em;
  border-bottom: 1px solid #ff6600;
  padding-bottom: 3px;
}
.footer-column p {
  margin: 5px 0;
  font-size: 1.0em;
  line-height: 1.3em;
}

#footer a:link, #footer a:visited { color: #ffff00; }
#footer a:hover { text-decoration: underline; }

#footer h2.widgettitle { 
margin: 0 0 0 0;
color: #fff;
  font-size: 1.2em;
text-transform: normal;
}