/*   
Theme Name: webAsPlatfromSP12
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Robert Ransick
Template: thematic
Version: 1.0
Tags: Thematic
.
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');


/*-----------------------Start Modification-----------------------*/

/* Overriding the body font styles from the Parent Theme */

/* Overriding font, bg color */

body {
    font:14px Helvetica,sans-serif;
    line-height:22px;
 	background:#1c325f;
/* RED 	background:#330000;
	color:#330000;*/
}

input, textarea {
    font:14px Helvetica,sans-serif;
    line-height:22px;
 	background:#fff;
}

/* No page titles */

body.page .entry-title {
display:none;
}

/* Overriding the blog title styles from the Parent Theme */
/*default.css (line 65) */

#blog-title {
font-family:Helvetica, Arial,sans-serif;
font-size:24px;
font-weight:normal;
letter-spacing: .1em;
line-height: 115px;
}

#blog-title a {
    color:#ca581a;
    text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
    color: #fff;
}

/* changes bg width position margin*/

#header {
    z-index:2;
    background:#fff;
  	width: 940px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}

/* changes menu width and stroke*/

#access {
    border-bottom:1px solid #ccc;
    height:32px;
    font-size:13px;
    overflow:visible;
    z-index:100;
    padding:0 0 0 55px;
    background: #c8c8ca;
}


/* changes padding and bg*/

#main {
    clear:both;
    padding:15px 0 22px 0px;
    background: #fff;
    width: 940px;
    min-height:400px;
}

/* changes margin + width*/

#content {
margin:0 0 0 55px;
overflow:hidden;
width:490px;
}

/* added this--can't find any declaration for wrapper elsewhere*/

#wrapper {
    width:940px;
    margin:0 auto;
}

/* Overriding the title with header, adds image */
#blog-title a {
background:url(http://ransick.com/sites/web-artistic-platform-spring-12/files/2012/02/webPlatSp12.jpg) no-repeat top center;
display:block;
text-indent:35px;
width: 940px;
height: 300px;
}

#branding {
    padding: 0px 0 0px 0;
}

/* Overriding the right aside box margins */

#primary {
border:1px solid #CCCCCC;
margin: 27px 0 22px 0;
padding:18px 0 0;
}

/* Search box size */

.aside input {
width: 97%;
background:#fff;
}

/* Overriding the right aside box size and right */

.main-aside {
    width:236px;
    float:right;
    position:relative;
    right:40px;
    background-color: #fff;
}

/* Overriding the right aside bottom margin */

.aside p,
.aside ul,
.aside ol,
.aside dd,
.aside pre {
    margin-bottom:12px;
}

/* Overriding the gallery image border styles from the Parent Theme */

.gallery-icon {
	border: 0px solid #ccc;
	margin: 0 5px;
	padding-top: 6px;
}

/* Overriding the LINK styles from the Parent Theme */

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

/* Overriding the menu styles from the Parent Theme */

/* menu styles added to make background green*/

.sf-menu a:link{
background:#c8c8ca;
color:#fff;
}

.sf-menu a:visited{
background:#c8c8ca;
color:#fff;
}

.sf-menu a {
border-top:1px solid #e9e9ea;
border-left: 1px solid #fff;
border-right: 1px solid #fff;

}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#fff none repeat scroll 0 0;
	outline:0;
    border-bottom-color:#fff;
  	color:#1c325f;
}

/* menu styles active bg color*/

.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
    background: #fff;
    color:#1c325f;
}

.sf-menu, sf-menu a:visited   { /* visited pseudo selector so IE6 applies text colour*/
	color:#e9e9ea;
	background:#fff;
}

/* blog entry title color*/

.entry-title a {
    color:#1c325f;
    text-decoration:none;
}
.entry-title a:active, 
.entry-title a:hover {
    color: #c8c8ca;
}

.entry-meta {
    color:#666;
    font-size:13px;
    font-style:italic;
    line-height:18px;
}

.entry-meta a:active, 
.entry-meta a:hover {
    color: #afb193;
}

.entry-utility a:active, .entry-utility a:hover{
color:#afb193;
}

.comment-reply-link a:active, .comment-reply-link a:hover {
color:#afb193;
}

#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {
color:#afb193;
}

/* dump footer stroke HR and with siteinfo the top padding*/

#footer {
border-top:none;
margin-top:0px;
}

#siteinfo {

    padding:22px 0 0px 0;
}

/*-----------------------Web as Platform Modification-----------------------*/

.page-template-template-web-php h1{
color:#1c325f;
font-size:14px;
padding:0px 0 5px 0;
margin:0px 0 0px 0;
}

.page-template-template-web-php h2{
color:#1c325f;
font-size:13px;
padding:0px 0 5px 0;
margin:0px 0 0px 0;
}

.page-template-template-web-php p{
padding:3px 0 0px 0;

}

/*background color of template page*/
.page-template-template-web-php {
    line-height:18px;

}