/*   
Theme Name: Hanagriff
Theme URI: 
Description: Official Hanagriff Theme
Author: Frontenders.com
Author URI: http://frontenders.com/
Template: thematic
Version: 1.0
Tags: Thematic, Hanagriff
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css'); 

/* Apply a basic layout
@import url('../thematic/library/layouts/2c-r-fixed.css');*/

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {
    background: #fefef6;
    color: #000;
    font: 12px/1.5 Arial, sans-serif;
}
a:link, a:hover, a:visited, a:active { color: #000; }
a:hover {
    color: #ef578f;
    text-decoration: none;
}
blockquote {
    background: transparent url( img/bg_quote_start.gif ) no-repeat 0 0;
    color: #000;
    font-style: normal;
    margin: 0 0 22px;
    padding: 3px 0 0;
    text-indent: 20px;
}
blockquote p {
    background: transparent url( img/bg_quote_end.gif ) no-repeat 100% 100%;
    display: inline;
    margin: 0;
    padding: 0 20px 3px 0;
}
.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
}
#wrapper {
    width: 755px;
}
#branding {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
#blog-title {
    border-right: 1px solid #000;
    float: left;
    font: 22px/76px Georgia, serif;
    height: 76px;
    text-align: center;
    width: 210px;
}
#blog-title a { color: #000; }
#blog-title a:hover { color: #ef578f; }

#access {
    border-bottom: 0;
    float: left;
    font: normal 20px/1 Georgia, serif;
    height: auto;
}
#access .menu {
    margin: 29px 0 0 30px;
}
.sf-menu { border: none; }
.sf-menu ul {
    background: #fefef6;
    border: none;
    font-size: 16px;
}
.sf-menu li {
    background: none;
    margin: 0 25px 0 0;
}
.sf-menu li li {
    background: none;
    margin: 0 0 5px;
}
.sf-menu li li li { background: none; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:hover, .sf-menu a:active { background: none; }
.sf-menu a, .sf-menu a:visited {
    color: #999;
    border: none;
    padding: 0;
}
.sf-menu ul a { background: none; }
.sf-menu a:hover {
    color: #000;
    text-decoration: underline;
}
#main {
    padding: 55px 0 10px;
    overflow: hidden;
    zoom: 1;
}
#container {
    background: transparent url( img/bg_content.png ) no-repeat 0 0;
    float: right;
    padding: 0 0 0 33px;
    width: 512px;
}
.hentry {
    border-bottom: 1px dashed #ccc;
    padding: 0 0 25px;
    margin: 0 0 25px;
    zoom: 1;
}
.page {
    border: none;
    padding: 0;
}
.single .hentry { padding: 0 0 25px; }
.entry-date abbr {
    color: #000;
    font-family: Georgia, serif;
    text-transform: none;
}
.entry-title {
    font: 18px/1 Georgia, serif;
    padding: 0 0 2px;
}
.entry-title a {
    background: transparent url( img/bg_entry_title.gif ) no-repeat 100% 0;
    padding: 0 10px 0 0;
}
.entry-title a:hover {color: #ef578f;}
.entry-content img {
    border: 3px solid #ccc;
}
.entry-content ul {
    list-style: none;
    margin-left: 0;
}
.entry-content ul li {
    background: transparent url( img/bg_list_item.gif ) no-repeat 0 6px;
    padding: 0 0 0 12px;
}
.entry-content ul li ul li {
    background: transparent url( img/bg_list_list_item.gif ) no-repeat 0 8px;
    padding: 0 0 0 12px;
}
.entry-content ul li ul li ul li {
    background: transparent url( img/bg_list_list_list_item.gif ) no-repeat 0 8px;
    padding: 0 0 0 12px;
}
.entry-content table {
    border: none;
    font-size: 11px;
    margin: 0 0 22px;
    width: 100%;
}
tr { border: none; }
.entry-content th {
    background: #333;
    border-left: 1px solid #fefef6;
    color: #fff;
}
.entry-content td {
    background: #ebebeb;
    border:none;
    border-bottom: 2px solid #fefef6;
    border-left: 1px solid #fefef6;
}
.entry-content tr.odd td { background: #f5f5f5; }
.entry-content .cols {
    margin: 0 0 22px;
    overflow: hidden;
}
.entry-content .cols div {
    width: 246px;
}
.l { float: left; }
.r { float: right; }
td.center { text-align: center; }
td.right { text-align: right; }
.entry-utility {
    clear: both;
    color: #000;
    font-size: 10px;
    margin: 0;
}
.entry-utility a {
    color: #000;
    font-style: normal;
    text-decoration: underline;
}
.entry-utility a:hover {
    color: #000;
    text-decoration: none;
}
.comments-link {
    background: transparent url( img/icon_comments.png ) no-repeat 0 1px;
    margin: 0 10px 0 0;
    padding: 0 0 2px 20px;
}
.tag-links { margin: 0 10px 0 0; }
#nav-below {
    border: 1px solid #ccc;
    border-width: 1px 0;
    margin: -26px 0 0;
    padding: 5px 0;
}
.navigation a {
    color: #000;
    text-decoration: underline;
}
.navigation a:hover {
    color: #000;
    text-decoration: none;
}
#primary, #secondary {
    float: left;
    border: none;
    padding: 0;
    overflow: hidden;
    width: 210px;
}
ul.xoxo ul { zoom: 1; }
.main-aside ul { padding: 0; }
.widget_categories h3 {
    position: absolute;
    left: -1000em;
}
.aside .widget_categories ul {
    list-style: none;
    margin: 0;
    text-align: right;
}
.widget_categories a {
    background: transparent url( img/bg_category_item.gif ) no-repeat -1000px 0;
    color: #000;
    display: block;
    font: bold 10px/20px Verdana, sans-serif;
    padding: 0 35px 0 0;
    text-decoration: none;
}
.widget_categories a:hover {
    background-position: 90% 50%;
    color: #000;
}
.aside input { width: 100%; }
#footer {
    border: none;
    clear: both;
    margin: 17px 0 0 243px;
    padding: 0;
    width: 512px;
}
#subsidiary { padding: 0 0 5px; }
#footer .sf-menu {
    clear: both;
    float: none;
    font: normal 14px/1 Georgia, serif;
    padding: 5px 0 0;
}
#footer .menu a {
    color: #000;
    text-decoration: underline;
}
#footer .menu a:hover {
    color: #000;
    text-decoration: none;
}
#siteinfo p {
    color: #000;
    font-size: 10px;
}
#footer .xoxo {
    border: 1px solid #999;
    border-width: 1px 0;
    float: left;
    margin: 0;
    padding: 6px 0;
    position: relative;
    width: 100%;
    zoom: 1;
}
#footer .xoxo .xoxo {
    border: none;
    float: none;
    padding: 0;
}
#footer .widgettitle {
    color: #000;
    font: bold 12px/1 Georgia, serif;
    margin: 5px 0 10px;
}
#footer .widget_text {
    border-right: 1px dashed #ccc;
    float: left;
    font: 10px/1.5 Verdana, Arial, sans-serif;
    padding: 0 10px 0 0;
    width: 330px;
}
#footer .textwidget ul {
    list-style: none;
    margin: 0;
}
#footer .textwidget li {
    float: left;
    margin: 0 4px 0 0;
}
#footer .textwidget li img { background-image: url( img/sprite_icons.png ); }
.friend-find { background-position: 0 0; }
.flickr { background-position: -16px 0; }
.facebook { background-position: -31px 0; }
.youtube { background-position: -47px 0; }
.twitter { background-position: -63px 0; }
.linkedin { background-position: -79px 0; }
#footer .widget_links ul {
    font: 10px/1.5 Arial, sans-serif;
    list-style: none;
    margin: 0;
}
#footer .widget_links li {
    background: transparent url( img/bg_list_item.gif ) no-repeat 0 50%;
    padding: 0 0 0 12px;
}
#footer .widget_links a {
    color: #666666;
    text-decoration: underline;
}
#footer .widget_links a:hover {
    text-decoration: none;
}
#footer .widget_links {
    float: right;
    width: 155px;
}
/* changed #text-4 to #text-8 - per Laszlo instructions */
#footer #text-8 {
    border: none;
    bottom: -20px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 50px;
}
/* changed #text-4 to #text-8 - per Laszlo instructions */
#text-8 a {
    color: #cd5c20;
    text-decoration: none;
}
#rss img {
    background: transparent url( img/sprite_icons.png ) no-repeat 100% 50%;
    height: 10px;
    width: 10px;
}


.portfoliotitles {
    font: 22px/76px Georgia, serif;
    line-height: 50px;
}

.Promo_Title_Large {
	font-size: 80px;
	line-height: 80px;
	color: #FF0000;
}

.graypipe {
	color: #999;
	padding-left: 5px;
	padding-right: 5px;
}
.textPadding5pxLeftRight {
	padding-left: 5px;
	padding-right: 5px;
}

/*   
I added the styles below in order to get the content on the portfolio page. I changed the code on portfolio.php from .entry-content to .entry-content-portfolio. The below CSS gets the title in the position I need for this page.
*/


.entry-content-portfolio {
   margin: -35px 0 0 0;
}

.entry-content-portfolio ul {
    list-style: none;
    margin-left: 0;
}
.entry-content-portfolio ul li {
    background: transparent url( img/bg_list_item.gif ) no-repeat 0 6px;
    padding: 0 0 0 12px;
}
.entry-content-portfolio ul li ul li {
    background: transparent url( img/bg_list_list_item.gif ) no-repeat 0 8px;
    padding: 0 0 0 12px;
}
.entry-content-portfolio ul li ul li ul li {
    background: transparent url( img/bg_list_list_list_item.gif ) no-repeat 0 8px;
    padding: 0 0 0 12px;
}
.entry-content-portfolio table {
    border: none;
    font-size: 11px;
    margin: 0 0 22px;
    width: 100%;
}