/*  
Theme Name: PCC Theme
Version: 0.1
Author: Stephanie Maks
Author URI: http://planetstephanie.net/
Template: Steph

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* main styles */
body {margin: 0; padding: 0; color: #000000; background: #DDDDDD;}
a:link, a:visited {color: #000099; text-decoration: none; font-weight: bold;}
a:hover, a:active {color: #000099; text-decoration: underline; font-weight: bold;}
.entry a {letter-spacing: 0.1em;}
div.left {float: left;}
div.right {float: right;}
div.clear {clear: all;}
img {border: none;}
#page {width: 950px; margin: 5px auto; padding: 0 25px; background: #FFFFFF; border: solid 2px #990033;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#header {height: 155px; border-bottom: 2px solid #990033}
#content {padding: 10px 10px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px;}
.wide {margin: 0 10px;}
.narrow {margin: 0 10px;}
#sidebar {width: 1px; float: right;}
#footer {clear:both; margin: 0 auto; padding: 0; border-top: 2px solid #990033;}
#footer p {color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #990033;}
#footer .counter {padding: 0 0 0 5px; font-weight: bold; font-size: 8pt; color: #333333; float: right;}

/* header */
#header h1 {margin:0; padding:10px 0 0 10px; font-size:42px; font-weight:normal; text-align:center; color:#990033; text-shadow:#333333 1px 1px 1px;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color: #990033; text-decoration: none;}
img {margin-top: 10px;}
#header div.navright {float: right; width: 700px;}
#header div.navtop {height: 135px; text-align: right;}
#header div.navbottom {height: 20px; font-size: 120%; text-align: right;}

/* home page */
#content div.home {height: 600px; background-color: #FFFFFF; background-position: right top; background-repeat: no-repeat; background-image: url('http://proforma-cc.com/images/globe.jpg');}
#content .home h2 {color: #000066; font-size: 16pt; font-style: italic; margin: 20px 0 60px 10px;}
#content .home ul {margin: auto 20px; width: 300px;}
#content .home ul li {padding: 30px 0;}
#content .home ul li a {color: #990033; font-size: 14pt; font-style: italic; display: block;}

/* posts... */

#ca-main { width: 610px; float: left; font-size: 12px; padding: 0 10px; color: #333; line-height: 22px; border-right: 2px solid #990033;}
#ca-sidebar { width: 270px; float: right; font-size: 12px; padding: 0; color: #333; line-height: 22px; }

div.post {background-color: #FFFFFF; background-position: right top; background-repeat: no-repeat; background-image: url('http://proforma-cc.com/images/globe_screen.jpg');}
.post {padding:0;}
.post h1, .post h2 {color:#990033; text-shadow:#333333 1px 1px 2px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:0; clear:both;}
.post h1 {font-size:28px; text-align:center; margin-bottom:20px;}
.post h2 {font-size:22px; border-top: 2px solid #990033;}
.post small {font-size: 9px; padding: 0; margin-top: 0; margin-left: 15px; color: #666666;}
.entry {font-size:12px; line-height:20px; color:#000000; padding-left:10px;}
.entry-page {font-size: 12px; padding: 0 10px; color: #333; line-height: 22px;}
.entrytext {font-size:12px; padding:0 10px; color:#000000; line-height:22px;}
.entry img, .entry-page img, .entrytext img {padding:5px; margin: 0px;}
img.wp-smiley {padding:0;}
.entry blockquote {font-size:11px;}
.postmetadata {font-size: 7pt; text-align:right; margin-bottom:25px; color:#333333; clear:both; }
.more-link {border-bottom: 1px dotted #999999; font-size:10px;}
a.more-link:hover, a.more-link:active {color:#000099;}
a.more-link:link, a.more-link:visited {color:#000099; text-decoration:none;}
a.more-link:hover, a.more-link:active {text-decoration:none; border-bottom:1px solid #999999;}

.post .entry h1 {font-size:22px; text-align:left;}
.post .entry h2 {font-size:18px; text-align:left;}
.entry legend {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;}
th, td {padding:5px;}
dt {font-weight: bold; color: #660066;}
dd {color: #660099;}
cite {font-family:Georgia, "Times New Roman", Times, serif;}
* html pre {padding:5px 10px; background-color:#EEEEEE; width:500px;}
pre {overflow:scroll; padding:5px 10px; background-color:#EEEEEE;}
.no-result {text-align:center; border:1px solid #CCC; padding:10px 20px; background-color:#EEEEEE; font-size:14px;}

.multipages {text-align: center; font-size: 12px; color: #330099;}
.attachment {text-align: center;}
.attachment img {border: 5px solid #CCCCFF; padding:5px;}
.caption {text-align: center; font-size: 12px; color: #330099; font-style: italic;}
.image-caption {margin: 5px 0 0 0; text-align: center; font-size: 12px; color: #000033;}

.gallery {margin: auto;}
.gallery img {border: 2px solid #CCCCFF; }
.gallery-item {float: left; margin-top: 10px; text-align: center;}
.gallery-caption {margin-left: 0; font-style: italic; font-weight: normal; color: #000033;}

/* ...and comments */
#comments {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-align:center; font-size:16px; padding-top:20px; color:#333333; }
#commentform {padding-left: 50px;}
#commentform p {font-size:11px;}
.commentlist {font-size:11px; line-height:16px; padding:0 50px;}
.commentlist li {padding: 15px 5px; margin-top:10px; border-top:1px solid #CCCCFF;}
.commentlist cite {font-weight:bold; }
#respond {font-size:14px; color: #333333; margin-top: 15px;}
#respond h3 {color: #440099; font-style: italic;}
.nocomments {text-align:center; padding:0 20px; font-size:11px; color:#999999;}
.commenti-info {text-align: right; font-size: 9px; clear: both;}
.commentlist li .avatar {float: right; border: 1px solid #CCCCFF; padding: 2px; background: #FFFFFF;}

/* other */
#related h2 {margin-bottom: 0; border-top: 2px solid #CCCCFF;}
#related p {margin: 0.2em 0 0 0;}
#related li {margin-top: 0.2em;}
#related a {font-size: 115%;}
.navigation {text-align:center; font-size:11px; margin:0; padding:5px;}
.clear {clear: both;}
.pagemap {margin: 5px 0 0 15px; font-size: 9pt; text-decoration: none;}
.sticky {font-size: 70%; font-style: italic;};


/* CSS STANDARD */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft { float: left;}
.alignright { float: right;}
.wp-caption { border: 1px solid #CCCCCC; text-align: center; background-color: #FFFFFF; padding-top: 4px; margin: 10px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* for menu bars */
#nav {font-size: 11pt;}
#nav ul {list-style: none; display: block; margin: 0; padding: 0; width: 700px; float: right;}
#nav ul li {font-weight: bold; margin: 0px 5px 0px 0px; padding: 0px; float: right; height: 35px;}
#nav ul li a {padding: 11px 10px 11px 10px; text-decoration: none;  display: block;
	-moz-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;}
#nav ul li a:hover {background: #990033; color: #FFFFFF;}
#nav ul li a:active {background: #990033; color: #FFFFFF;}

#footer .footer-links {color:#333333; padding: 0 25px 0 0; margin: 0; border-bottom: 2px solid #990033; height: 26px;}
#footer .footer-links a {float: right; font-size: 10pt; padding: 6px 10px 6px 10px; text-decoration: none;  display: block;}
#footer .footer-links a:hover {background: #990033; color: #FFFFFF;}
#footer .footer-links a:active {background: #990033; color: #FFFFFF;}