/*
Theme Name: Portrait Playtime
Theme URI: http://www.caryscott.com
Description: Portrait Playtime 1.0
Author: Cary Scott
Author URI: http://www.caryscott.com


/*-----------Block Level Elements--------------*/

Body {
        font:84%/1.4em "Lucida Grande","Lucida Sans Unicode",sans-serif;
        background: #b23113;
        color:#555;	
        margin: 0;
}

#page {
	width: 900px;
        background: #ccc;
	margin: 0 auto;
}

#header{ 
        background-color:#b23113;
}

#headerwrap { 
        width:900px;
        height: 140px;
        margin:0 auto;
        background: url(images/pp_header.jpg) top center no-repeat;
}

#mainheader {
        height: 140px;
        padding-right: 42px;
        background: url(images/main-header.jpg) top center no-repeat;   
}


#mainwrapper {
        background: #b23113 url(http://www.portraitplaytime.com/wp-content/themes/portrait-playtime/images/orange-tile.jpg) repeat-x;
        clear:both;
}

#wrapper {
	width: 900px;
        background: url(http://www.portraitplaytime.com/wp-content/themes/portrait-playtime/images/pp_body.jpg) top center repeat-y;  
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        clear:both;
}

#wrapper2 {
	width: 900px;
        background: url(http://www.portraitplaytime.com/wp-content/themes/portrait-playtime/images/pp_body.jpg) top center repeat-y;  
        margin: 0 auto;
}


#content {
	float: left;
	width: 65%;
        margin-top: 0px;
}

#main-content {
        background: url(http://www.portraitplaytime.com/wp-content/themes/portrait-playtime/images/pp_body.jpg) top center repeat-y;  
}

#portfolio-content {
        padding: 0 55px 0 55px;
        background: url(http://www.portraitplaytime.com/wp-content/themes/portrait-playtime/images/pp_body.jpg) top center repeat-y;  
}

#maincolumn {
	padding-top: 0px;
	padding-bottom: 0px;
        padding-left: 55px;
	float: left; 
	width: 500px;
        display: inline;
}

#sidebar {
        width: 250px;
        margin-left: 590px;
}

#footer { 
        clear:both;
        background-color:#b23113;
}

#footerwrap { 
        width:900px;
        margin: 0 auto;
        height: 170px;
        background: #b23113 url(images/pp_footer.jpg) top center no-repeat;   
        clear:both;
}

#slideshow {
        padding-left: 40px;
        margin: 0px;
}

.slideshow-frame {
        margin: 0px;
}

#myGallery
{
        width: 820px !important;
        height: 390px !important;
}

.clear {
        clear: both;
}


/*-------------Basic Styling-------------*/

p {
        margin:0 0 1.1em 0;
}

.p-section { 
        padding-bottom: 5px;
}

a { 
        color: #c84b12; 
        border-bottom: 1px dotted #c84b12; 
        text-decoration: none; 
}

a:hover { 
        color: #000; 
        border-bottom: 1px solid #000; 
        text-decoration: none; 
}

li {
        padding: 4px 0 4px 0;      
}

small {
        line-height: 1.3em;
        color: #666;
}

hr {
        display: none;
}

.dotrule {
        border-top: 1px dotted #bbb;
        padding-bottom: 10px;
}

.editlink img {
        width: 16px;
        height: 16px;
        border: none !important;
        padding: 0 !important;
        margin: 4px 0 0 !important;
        position: relative;
        float: right;
        display: inline;
}

.editlink img a {
        border: none !important;
}

.highlight {
        color: #c84b12;
}

strong {
        color: #333;
}

.callout {
        padding: 10px 20px 10px 15px;
        margin: 10px 0px 20px 0px;
        border: 1px solid #4c82d9;
        background: #e5edf8;
}

.sb-callout {
        padding: 7px 20px 7px 15px;
        margin: 15px 0px 15px 0px;
        border: 1px solid #4c82d9;
        background: #e5edf8;
        font-size: 90%;
}

.signature {
        text-align: right;
        padding-right: 15px;
}

.category-four {
        padding: 0px;
}

.separator {
        border-top: 1px solid #ccc;
        margin-top: 15px;
        margin-bottom: 15px;
}

.fundraiser-more {
        margin-top: 13px;
        font-size: 95%;
}

.donate {
        margin-bottom: 15px;
}

.donate input {
        padding-top: 10px;
        padding-bottom: 10px;
}


/*-------------Fundraiser Table-------------*/

.fundraiser-tables .tablehead {
        font-size:14px;
        font-weight:bold;
}

.fundraiser-tables table {
        margin:auto;  
        width:460px; 
        border-spacing:0px;
        border-collapse:collapse;
}

.fundraiser-tables th {
        border: 1px solid #ccc;
        border-spacing:0;
        padding: 10px;
        font-size:1.1em;
        font-weight:bold;
        color: #c84b12;
        width: 230px;
}

.fundraiser-tables td {
        border: 1px solid #ccc;
        border-spacing:0;
        padding: 10px;
}

.fundraiser-tables td.taken {
        background:#faf8f4;   
}

.fundraiser-tables td.time {
        border: 1px solid #ccc;
        padding: 5px 5px 5px 10px;
        font-weight:bold;
        text-align:left;
        width: 55px;
}

.fundraiser-tables td.family {
        border: 1px solid #ccc;
        padding: 5px 5px 5px 10px;
        font-weight:bold;
        text-align:left;
        width: 175px;
}



/*-------------Headings-------------*/


h1 {
	font:200% Georgia,serif;
	}

#content h1 
{
        padding: 0 0 0px 0;
        font-size: 160%;
        font-weight: bold;
}


h2 {
	color: #c84b12;
	font:140% "Lucida Grande","Lucida Sans Unicode",sans-serif;
        font-weight: bold;
}


h2.pagetitle {
	font:120% "Lucida Grande","Lucida Sans Unicode",sans-serif;
        font-weight: bold;
	color: #c84b12;
	}

.post h2 a {
	font:100% "Lucida Grande","Lucida Sans Unicode",sans-serif;
        color: #c84b12;
        font-weight: bold;
        border: none;
}

.post h2 a:hover {
        color: #000;
        border-bottom: 1px dotted #000;
}

.archivetitle h2.pagetitle {
	font:120% "Lucida Grande","Lucida Sans Unicode",sans-serif;
        font-weight: bold;
	color: #c84b12;
	}

#archivepost h2 {
	font:120% "Lucida Grande","Lucida Sans Unicode",sans-serif;
        font-weight: bold;
	color: #c84b12;
	}

.archivedate {
        color: #000;
        font-weight: bold;
        padding: 0px;
        margin-bottom: -10px;
}


h3 {
	margin:15px 0 5px 0;
	font-weight:bold;
	font-size:100%;
        font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	color:#c84b12;
	}

h4 {
	color: #000;
	font-size: 115%;
	margin: 6px 0 4px 0;
}



/*-------------The Header-------------*/


#clients {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 900px;
	height: 33px;
	position: relative;
}

#clients span {
	display: none;
	position: absolute;
}

#clients a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#clients a:hover {
	background-position: left bottom;
}

#clients a:hover span {
	display: block;
}

#clients .clients-link {
	width: 141px;
	height: 40px;
	background: url(images/client-tab.jpg) no-repeat;
        border: none;
	left: 725px;
	top: 0px;
}

#clients .clients-link span {
	width: 141px;
	height: 40px;
	left: 0px;
	top: 0px;
}

.wpcatf {
        position: relative;
        float: left;
        display: inline;
        top: 10px;
        left: 45px;
}

.wpcatf a {
        border: none;
}

.logo {
        position: relative;
        float: right;
        display: inline;
        top: 30px;
        right: 50px;
}

.logo a {
        border: none;
}

.mainmenu {       
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        position: relative;
        float: right;
        right: 40px;
        top: 53px;
}

.mainmenu a {
        font-size: .85em; 
        color: #fff; 
        text-decoration: none; 
        border: none; 
}

.mainmenu a:hover {
        color: #fff; 
        border-bottom: 1px dotted #fff;
}

.folio-nav {
        padding: 5px 0 15px 0;
}

.folio-nav h4 {
        color: #bbb;
}

.folio-nav a {
        color: #bbb;
        border-bottom: 1px dotted #bbb;
}

.folio-nav a:hover {
        color: #999;
        border-bottom: 1px dotted #999;
}

.portfolio-text {
        clear: both;

}


/*-------------The Post-------------*/

.post {
        padding: 0px 0px 20px 0px;
}

.mainpost {
        padding: 0px 0px 0px 20px;
}

.entry {
        padding-top: 0px;
        padding-bottom: 0px;
}

.entrytext {
        padding-top: 0px;
}


.postmetadata a {
        color: #666;
        border-bottom: 1px dotted #666;
}

.postmetadata a:hover {
        color: #fff;
        background: #666;
}

.postmetadata small {
        line-height: 1.6em;
}

.postmetadata {
        margin-top: 0px;
        border-top: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
        background: #f2f1e9;
        padding: 3px 8px 3px 8px;
        font-size: 80%;
        color: #666;
}

.navigation {
        font-size: 80%;
        padding: 0px 0px 30px 0px;
}

.alignleft {
        float: left;
        display: inline;
}

.alignright {
        float: right;
        display: inline;
}

blockquote {
        margin-left: 20px;
        padding-left: 10px;
        border-left: 3px solid #ddd;
}

.edit-content {
        font-size: 85%;
}

ddpl-form {

}

ddpl-form select {
        width: 75%;
}



/*--------------Sidebar------------*/


#sidebar .sb-block { 
        padding: 0px 0px 0px 0px; 
}

#sidebar .sb-block h3 { 
        font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
        font-size: 1.15em;
        padding-bottom: 5px;
}

#sidebar .sb-calendar { 
        padding: 0px 0px 0px 0px; 
}

#sidebar .sb-calendar h3 { 
        font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
        font-size: 1.15em;
        padding-bottom: 5px;
}

.sb-quote {
        background: url(images/quotes.jpg) top left no-repeat;
        margin-top: 10px;
        padding: 10px 5px 8px 20px;
        color: #c84b12;
}

.big-quote {
        background: url(images/quotes.jpg) top left no-repeat;
        margin-top: 10px;
        padding: 10px 0px 8px 20px;
        color: #444;
}

.quoteauthor {
        text-align: right;
        padding: 5px 0 10px 0;
}
.bigauthor {
        text-align: right;
        padding: 3px 20px 10px 0;
}

.sb-navigation {
        padding: 10px 0px 25px 0px;
        font-weight: bold;
}

ul.subnav { 
        margin-left: 0; 
        padding-left: 0px; 
        border-bottom: 1px dotted #bbb;
        background: #faf8f4;
}

ul.subnav li {
        list-style: none; 
        padding: 5px 5px 4px 10px; 
        margin: 0; 
        border-top: 1px dotted #bbb; 
}

ul.subnav li a { 
        border: none; 
        color: #c84b12; 
}

ul.subnav:hover li a { 
        text-decoration: underline; 
}

ul.subnav li a:hover { 
        color: #000; 
}

.previous { 
        font-size: .9em;
        margin-top: 0px;
        font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
}

.previous strong {
        color: #333;
        font-weight: normal;
        font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
}

.previous .main-more {
        font-size: .8em;
        padding-top: 4px;
}

.previous .main-more a {
        border: none;
        color: #444;
}

.previous .main-more a:hover {
        border-bottom: 1px dotted #444;
}

ul.previous { 
        margin-left: 0; 
        padding-left: 0px; 
        border-bottom: 1px dotted #bbb; 
}

ul.previous li {
        list-style: none; 
        padding: 3px 3px 2px 0px; 
        margin: 0; 
        border-top: 1px dotted #bbb; 
}

ul.previous li:hover { 
        color: #cc3333; 
}

ul.previous li a { 
        border: none; 
        color: #666; 
}

ul.previous:hover li a { 
        text-decoration: underline; 
}

ul.previous li a:hover { 
        color: #000; 
}


.eventcalendar { 
        margin-left: 0; 
        padding-left: 0px; 
        border-bottom: 1px dotted #bbb; 
}

.eventcalendar li {
        list-style: none; 
        padding: 3px 3px 2px 0px; 
        margin: 0; 
        border-top: 1px dotted #bbb; 
}

.eventcalendar li:hover { 
        color: #cc3333; 
}

.eventcalendar li a { 
        border: none; 
        color: #666; 
}

.eventcalendar:hover li a { 
        text-decoration: underline; 
}

.eventcalendar li a:hover { 
        color: #000; 
}

.sb-more {
        font-size: .7em;
        padding: 1px 0px 0 0;
        border-top: 1px dotted #ccc;
}

.sb-more a {
        color: #444;
        border: none;
}

.sb-more a:hover {
        color: #444;
        border-bottom: 1px dotted #444;
}

.sb-block ul {
        margin: 0;
        padding: 0;
}

.sb-block ul li {
        list-style: none;
        margin: 0;
        padding-bottom: 4px;
}

.sb-block2 ul {
        padding: 0;
}

.sb-block2 ul li {
        padding-bottom: 4px;
}

ul.sidebarnav { 
        font-size: .8em; 
        border-bottom: 1px dotted #ccc; 
}

ul.sidebarnav li { 
        background: url(images/sm_arrow.gif) center left no-repeat; 
        list-style: none; 
        padding: 3px 3px 3px 17px; 
        margin: 0; 
        border-top: 1px dotted #ccc; 
}

ul.sidebarnav li:hover { 
        color: #000; 
        background: url(images/sm_arrow.gif) center left no-repeat; 
}

ul.sidebarnav li a { 
        border: none; 
        color: #666; 
}

ul.sidebarnav:hover li a { 
        color: #666; 
        border-bottom: 1px dotted #514ba1; 
}

ul.sidebarnav li a:hover { 
        color: #000; 
        border-bottom: 1px dotted #000;
}

.admin-link {
        padding-top: 15px; 
        padding-bottom: 15px; 
}

.event-calendar {
        padding: 10px 5px 10px 5px;
        margin: 10px 0px 20px 0px;
        border: 1px solid #c84b12;
        background: #faf8f4;
}


/*--------------Footer--------------*/

#footerwrap .mainfooter {
        color: #f59771;
        float: left;
        width: 510px;
        padding-left: 75px;
        padding-top: 23px;
        display: inline;
}

#footerwrap .mainfooter a {
        color: #f59771;
        border-bottom: 1px dotted #f59771;
}

#footerwrap .mainfooter a:hover {
        color: #fff;
        border-bottom: 1px dotted #fff;
}

#footerwrap .mainfooter p {
        font-size: 85%;
        line-height: 135%;
}

#footerwrap .mainfooter h2 {
	font:110% "Lucida Grande","Lucida Sans Unicode",sans-serif;
        font-weight: bold;
	color: #f1baa1;
        margin-bottom: 5px;
}

.mainfooterlogo {
        margin-left: 655px;
        padding-top: 35px;
}

.mainfooterlogo a {
        border: none;
}

#footerwrap .footerlinks {
        padding-left: 75px;
        padding-top: 30px;
        color: #dd7348; 
        font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
        font-size: .85em; 
        line-height: 1.8em; 
        text-align: left;
}

#footerwrap .footerlinks a {
        color: #f59771; 
        border-bottom: 1px dotted #f59771;
}

#footerwrap .footerlinks a:hover {
        color: #fff; 
        border-bottom: 1px dotted #fff;
}

.metainfo {
        padding-top: 10px;
        color: #dd7348; 
        font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
        font-size: .7em; 
        line-height: 1.6em; 
        text-align: left;
}

.metainfo a {
        color: #f59771; 
        border-bottom: 1px dotted #f59771;
}

.metainfo a:hover {
        color: #fff; 
        border-bottom: 1px dotted #fff;
}


/*--------------Comments--------------*/

#comments-section {
          padding: 10px 55px 0 0px;
}

ol.commentlist {
          list-style: none;
          border-bottom: 1px dotted #ccc;
}

ol.commentlist .comment-text {
          font-size: .9em;
          line-height: 1.3em;
          padding-top: 10px;
}

ol.commentlist .comment-text p {
          margin-bottom: .75em;  
}

ol.commentlist li {
          padding: 10px;
          border-top: 1px dotted #ccc;
          margin-left: -40px;
          background: #f2f1e9;
}

ol.commentlist li.alt {
        background: #f2f1e9;
}

small.commentmetadata {
        font-size: .7em;
        padding-top: 2px;
        float: right;
        display: inline;
}

/*-------------Images------------------*/

img { 
        padding: 0; 
        margin: 0; 
}

img, img a { 
        border: none; 
}

img.imgleft {
        border-style: solid;
        border-width: 10px;
        border-color: #333333 #000000 #000000 #333333;
	margin: 0 10px 5px 0;
	float: left;
	}

.imgalignleft {
	padding: 4px;
	border: 1px dotted #999988;
	margin: 0 10px 5px 0;
	float: left;
	}

img.imgleft-noborder {
	padding: 0;
	border: none;
	margin: 7px 10px 3px 0;
	float: left;
	}

img.imgright {
        border-style: solid;
        border-width: 10px;
        border-color: #333333 #000000 #000000 #333333;
	margin: 0px 0 5px 10px;
	float: right;
	}

img.imgright-noborder {
	padding: 7px;
	border: none;
	margin: 4px 0 3px 10px;
	float: right;
	}

img.imgcenter {

	border-style: solid;
        border-width: 10px;
        border-color: #333333 #000000 #000000 #333333;
	margin: 0px 0 5px 10px;
	text-align:center;
}