/*   
Theme Name: dot-portfolio
Theme URI: 
Description: Portfolio home page
Author: Bresnan
Author URI: http://dotblueprint.com/
Template: thematic
Version: 1
Tags: Thematic
.
Thematic Site 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('2c-r-fixed-988px.css');

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

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css');

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

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);


/* =Global Elements http://gears.dotblueprint.com/wp-content/uploads/2010/08/grid-bknd.gif
-------------------------------------------------------------- */

body {
     background:url(images/db-bknd.gif);
}
#wrapper {
     background:#fff;
     width:1080px;
     margin:50px auto;
     box-shadow:3px 3px 7px 0px #ccc;
     -moz-box-shadow:3px 3px 7px 0px #ccc;
     -webkit-box-shadow:3px 3px 7px 0px #ccc;
}
#buttons {
    padding:.75em 0;
} 
a.button {
    border:0px solid #ccc;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    color:#333;
    font-size:13px;
    margin:0 10px 0 0;
    padding:.75em 1.25em;    
    text-decoration:none;
}
a.button:hover,
a.button:active {
    color: #4887BD;
}
a:active, a:hover {
    color: #4887BD;
}
.entry-title a:active, .entry-title a:hover {
color:#333;
}
.entry-meta a:active, .entry-meta a:hover {
color:#333;
}
.entry-utility a:active, .entry-utility a:hover {
color:#333;
}
.navigation a:active, .navigation a:hover {
color:#333;
}
.comment-reply-link a:active, .comment-reply-link a:hover {
color:#333;
}
a:link {
    color: #3366CC;
    text-decoration: none;
}
#siteinfo a:active, #siteinfo a:hover {
color:#4887bd;
}
#siteinfo a {
color:#333;
}
.aside a:active, .aside a:hover {
color:#4887bd;
text-decoration:underline;
}
.aside .current_page_item a {
color:#333;
}


/* =Header
-------------------------------------------------------------- */

#branding {
    padding: 15px 0 0;
    position: relative;
}

#blog-title {
     background:url("http://dotblueprint.com/wp-content/uploads/2011/02/blueprint-logo.gif") no-repeat scroll 0 0     transparent;
     width:652px;
}

#blog-title {
    font-size: 1px;
    padding: 40px;
    margin-left: -25px;
    text-indent: -999px;
}

#blog-description {
display:none;
width:330px;
}
#blog-description {
color:#333333;
font-family:Lucida Grande,Times New Roman;
font-size:21px;
font-style:italic;
text-align:center;
}
#branding #searchform {
    position: absolute;
    right: 20px;
    top: 45px;
}
#branding #searchform label {
    display:none;
}
#branding #searchform input {
    font-size:13px;
    line-height:18px;
}
#branding #searchform input#s {
    width:316px;
}
#branding #searchform input#searchsubmit {
    display:none;
}

/* =Menu
-------------------------------------------------------------- */

#access {
    border-bottom: 0 solid #CCCCCC;
    font-size: 13px;
    height: 50px;
    margin: -33px 0 25px;
    overflow: visible;
    z-index: 100;
}
#nav {
    float:right;
}
.sf-menu {
    float:right;
    border:0px;
}
.sf-menu a {
    border:0px #ccc;
}
.sf-menu li {
     float:left;
     position:relative;
}
.aside h3 {
font-size:15px;
font-style:normal;
font-variant:small-caps;
font-weight:bold;
line-height:21px;
}

/* =Content
-------------------------------------------------------------- */

.search .page-title {
    display:none;
}
.entry-meta .author {
font-size:11px;
font-style:normal;
text-transform:uppercase;
}
.entry-utility {
border-bottom:1px solid #333333;
border-top:1px solid #333333;
color:#333333;
font-size:13px;
line-height:18px;
margin:0 0 44px;
padding:5px 0;
}
#footer {
border-top:0px solid #CCCCCC;
margin-top:25px;
text-align:center;
}

/* =Leader and Front Page Styles
-------------------------------------------------------------- */

#leader {
    background:#f3f3f3;
    border-top:3px double #c3c3c3;
    border-bottom:3px double #c3c3c3;
    padding:63px 0 42px 0;
}
#leader-container {
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:988px;
}
#leader .entry-title {
    font-family:'Nothing You Could Do',Georgia,serif;
    font-size:40px;
    line-height:50px;
    margin-top:0px;
    padding:0 0 15px 0em;
}
#leader .entry-title span {
    font-family:Georgia,serif;
    font-weight:normal;
    font-style:italic;
}
.single #leader .entry-title {
    width:652px;
}
#leader .entry-meta {
    position:absolute;
    top:15px;
    left:690px;
}

.page-template-front-page-php #feature {
		float:left;
}
.page-template-front-page-php #feature img {
float:left;
margin:-10px 10 0 -10px;
}
.page-template-front-page-php #feature-info {
    float:right;
		margin:0 0 0 19px;
    width:484px;
}
.page-template-front-page-php #feature-info h2 {
font-family:"Lucida Grande",georgia,serif;
font-size:35px;
font-variant:small-caps;
font-weight:bolder;
line-height:40px;
margin-top:-7px;
padding:0 0 15px;
}
.page-template-front-page-php #container,
.page-template-front-page-php #content  {
    margin:0;
    padding:0;
    width:988px;
}
.page-template-front-page-php #container {
    margin-top:-21px;
}
.page-template-front-page-php #sub-feature {
    font-size:13px;
    line-height:18px;
    position:relative;
    overflow:hidden;
}
.page-template-front-page-php #sub-feature p {
    margin:0 0 18px 0;
}
.page-template-front-page-php #sub-feature h3 {
    font-family:'Nothing You Could Do',Georgia,serif;
    font-weight:bold;
    font-size:21px;
    font-style:italic;
    padding:0 0 10px 0;
    text-transform:none;
}
.page-template-front-page-php #sub-feature h3 img {
    position:relative;
    left:50px;
    top:3px;
    right:0;
}
.page-template-front-page-php .block {
    float:left;
    width:484px;
}
#front-block-1 {
    margin-right:20px;
}
.page-template-front-page-php .block .avatar {
    float:left;
    margin:.25em 10px 0 0;
}
.page-template-front-page-php .block ul {
    border-top:1px solid #ccc;
    list-style:none;
    margin:0;
}
.page-template-front-page-php .block ul li {
    display:inline;
}
.page-template-front-page-php .block ul li a {
    border-bottom:1px solid #ccc;
    color:##4887bd;
    display:block;
    padding:6px 0;
    text-decoration:none;
}
.page-template-front-page-php .block ul li a:hover,
.page-template-front-page-php .block ul li a:active {
    background:#fafafa;
    color: ##4887bd;
}
.page .entry-content,
.single .entry-content {
    padding-top:0;
}