i/*  
Theme Name: P.
Theme URI: http://www.thechristopherbruce.com/
Description: This is my new theme for my own portfolio.
Version: 1.0
Author: Christopher Bruce Sabine
Author URI: http://www.thechristopherbruce.com/

*/
@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, blockquote, p, form, li, ul{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
a img {
	border:0;
}
.clearboth {
	clear: both;
	height:0px;
}
body {
	background-image: url(images/layout/bodybg.gif);
	font-size: 0.6em;
	font-family: Georgia, "Times New Roman", Times, serif;	
	margin:0;padding:0;
}
ul, li {
	margin:0;padding:0
}
#wrapper {
	background-image: url(images/layout/sidebar.gif);
	background-repeat: repeat-y;
	min-width:850px;
	background-position:0 0;
	height:100%;
}
#floater {
	width:247px;
	height:469px;
	position:absolute;
	left:69px;
	top:100px;
	z-index:9;
}
#floater .f1 {
	width:247px;
	height:320px;
}

#floater .f2 {
	width:121px;
	height:31px;
	padding:5px 63px;
	background: url(images/floater/bg-02.png);
	background-repeat:no-repeat;
}
#floater .f3 {
	width:247px;
	height:108px;
	background: url(images/floater/bg-03.png);
	background-repeat:no-repeat;
	padding-top:14px;
	position:relative;
}
#floater .f3 a {
	background: url(images/sprites/floatersprite.gif);
	width:29px;
	height:30px;
	display:block;
	position:absolute;
}
#floater .ill:link, #floater .ill:visited {
	left:63px;
	background-position: 0 30px;
}
#floater .ill:hover {
	background-position: 0 60px;
}
#floater .ill:active {
	background-position: 0 0;
}
#floater .web:link, #floater .web:visited {
	left:172px;
	background-position: 29px 30px;
}
#floater .web:hover {
	background-position: 29px 60px;
}
#floater .web:active {
	background-position: 29px 0;
}
#floater .prod:link, #floater .prod:visited {
	left:99px;
	background-position: 58px 30px;
}
#floater .prod:hover {
	background-position: 58px 60px;
}
#floater .prod:active {
	background-position: 58px 0;
}
#floater .promo:link, #floater .promo:visited {
	left:135px;
	background-position: 87px 30px;
}
#floater .promo:hover {
	background-position: 87px 60px;
}
#floater .promo:active {
	background-position: 87px 0;
}
#floater a.nametag:link, #floater a.nametag:visited {
	width:143px;
	height:28px;
	display:block;
	background-image: url(images/sprites/nametagsprite.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#floater a.nametag:hover {
	background-position: 0 -28px;
}
#floater a.nametag:active {
	background-position: 0 -56px;
}
#floater a.backtotop:link, #floater a.backtotop:visited {
	top:48px;
	left:96px;
	width:73px;
	height:14px;
	display:none;
	position:absolute;
	background-image: url(images/sprites/nametagsprite.gif);
	background-position:0 -84px;
	background-repeat:no-repeat;
}
#floater a.backtotop:hover {
	background-position: 0 -98px;
}
#floater a.backtotop:active {
	background-position: 0 -112px;
}
.content {
	margin-left: 221px;
	background-image:url(images/layout/contentgoldline.png);
	background-repeat:repeat-y;
}
#menubar {
	margin-left:13px;
	background-image:url(images/layout/menubar-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:30px;
	overflow:hidden;
}
#menubar ul {
	list-style:none;
	padding-top:8px;
	height:22px;
	background-image:url(images/layout/menubar-shadow.gif);
	background-repeat:repeat-y;
}
#menubar {
	text-shadow:-1px 1px 1px #111;
}
#menubar li, .spotlight label {
	display:inline;
	font-size:120%;
	color:#dbe1e4;
}
#menubar li a:link, #menubar li a:visited, #menubar li a:active {
	display:inline-block;
	margin:0 17px 8px;
	text-decoration:none;
	color:#dbe1e4;
}
#menubar li a:hover {
	color:#f5e3b6;
}
.spotlight {
	float:right;
	padding:6px 15px 8px;
}
.spotlight #s {
	background-color:#5f5e53;
	border:none;
	height:18px;
	width:181px;
	margin-left:5px;
	color:#dbe1e4;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 3px;
}
.spotlight #s:focus {
	outline:none;
	height:16px;
	width:179px;
	background-color:#7e7f78;
	border:solid 1px #a94848;
}
#topshadow {
	height:12px;
	background-image:url(images/layout/topshadow.png);
	background-repeat:repeat-x;
	margin-left:13px;
}
#rightsidebar {
	width:250px;
	min-height:1058px;
	float:right;
	background-image:url(images/layout/rightsidebarbg.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding:0 5px 20px 10px;
}
#rightsidebar h5 {
	color:#a94848;
	font-size:140%;
	font-weight:bold;
	margin:30px 5px 20px;
	border-bottom:solid 2px #a94848;
}
#rightsidebar h5 a {
	font-size:80%;
	float:right;
	display:block;
	width:100%;
	text-align:right;
	margin-top:2px;
}
.container {
	padding-left:15px;
}
.container a:link, .container a:visited {
	color:#a94848;
	font-size:120%;
	font-weight:normal;
	text-decoration:none;
	border-bottom:solid 1px #a94848;
	position:relative;
}
.container a:hover {
	text-decoration:none;
	border-bottom:dotted 1px #a94848;
}
.container #flickr a:link, .container #flickr a:visited, .container #flickr a:hover, .container .header a:link, .container .header a:visited, .container .header a:hover {
	border:0;
}
.title1 a:link, .title1 a:visited, .title1 a:hover, .sharelinks a:link, .sharelinks a:visited, .sharelinks a:hover, .adverts a:link, .adverts a:visited, .adverts a:hover, .img a:link, .img a:visited, .img a:hover {
	border:0;
}
.connect a:link, .connect a:visited, .connect a:hover {
	border:0;
}
.adverts {
	width:100%;
	margin:0 auto;
}
.adverts img {
	margin:2.5px;
}
.connect ul {
	width:100%;
	margin:0 auto;
	list-style:none;
}
.connect li {
	display:inline;
	margin:0;
}
#flickr {
	width:100%;
	margin:0 auto;
}
#flickr img {
	width:60px;
	margin:1px;
}
.headercontainer {
	margin:25px 300px 0 50px ;
}
.headercontainer .block {
	width:17%;
	height:63px;
	text-align:center;
	display:inline-block;
	display:-moz-inline-stack;
	zoom:1;
	*display:inline;
	margin:25px 0 0;
max-width:100px;
}
.header {
	text-align:center;
}
.headercontainer .doubleblock {
	text-align:center;
	width:32%;
	height:25px;
	display:inline-block;
	display:-moz-inline-stack;
	zoom:1;
	*display:inline;
	height:117px;
	margin:0;
	vertical-align:top;
max-width:209px;
}
.headercontainer .block a {
	background-image:url(images/sprites/headersprite.gif);
	background-position:0 0;
	width:100px;
	display:block;
	margin:0 auto;
	height:63px;
}
.headercontainer .cb {
	background-image:url(images/sprites/headersprite.gif);
	background-position:0 0;
	display:block;
	width:209px;
	height:117px;
	margin:0 auto;
}
.headercontainer a.ill:link, .headercontainer a.ill:visited {
	background-position: 0 -117px;
}
.headercontainer a.ill:hover, .headercontainer a.current.ill {
	background-position: 0 -180px;
}
.headercontainer a.ill:active {
	background-position: 0 -243px;
}
.headercontainer a.promo:link, .headercontainer a.promo:visited {
	background-position: -100px -117px;
}
.headercontainer a.promo:hover, .headercontainer a.current.promo {
	background-position: -100px -180px;
}
.headercontainer a.promo:active {
	background-position: -100px -243px;
}
.headercontainer a.prod:link, .headercontainer a.prod:visited {
	background-position: -200px -117px;
}
.headercontainer a.prod:hover, .headercontainer a.current.prod {
	background-position: -200px -180px;
}
.headercontainer a.prod:active {
	background-position: -200px -243px;
}
.headercontainer a.web:link, .headercontainer a.web:visited {
	background-position: -300px -117px;
}
.headercontainer a.web:hover, .headercontainer a.current.web {
	background-position: -300px -180px;
}
.headercontainer a.web:active {
	background-position: -300px -243px;
}
.headercontainer a.cb:link, .headercontainer a.cb:visited {
	background-position: 0 0;
}
.headercontainer a.cb:hover {
	background-position: -209px 0;
}
.headercontainer a.cb:active {
	background-position: -418px 0;
}
#locator {
	height:50px;
	background-image:url(images/layout/locatorbg.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:5px auto 25px;
	text-align:left;
	width:550px;
	color:#afa384;
}
#locator ul {
	list-style:none;
	padding:20px 50px;
}
#locator li {
	display:inline;
	margin:0 5px;
}
#locator a:link, #locator a:visited, #locator a:active {
	font-weight:normal;
	font-size:120%;
	color:#afa384;
}
#locator a:hover {
	color:#4b4839;
}
.portfolio {
	margin-left:25px;
	padding-bottom:20px;
}
.title1 {
	margin-bottom:15px;
}
.portfolio .title1 h2, .portfolio .title2 h2 {
	font-size:240%;
	margin:10px 50px 5px;
	color: #a94848;
	font-weight:normal;
	text-rendering: optimizeLegibility;
}
h2.randomtitle {
	font-size:180%;
	color: #a94848;
	font-weight:normal;
        text-align:center;
        margin:-10px 15px 0;
	text-rendering: optimizeLegibility;
}
.post h3 {
	font-size:180%;
	margin:20px 50px 0px;
	color: #a94848;
	font-weight:normal;
}
.post h2 {
	font-size:200%;
	margin:15px 50px 0;
	color:#a94848;
	font-weight:normal;
}
.img, .wp-caption, object {
	padding:3px;
	border-top:solid 1px #988863;
	border-left:solid 1px #6e6553;
	border-bottom:solid 1px #80735a;
	border-right:solid 1px #6e6553;
	margin:0 auto;
	background:#b6a06d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
}
.errormessage {
        padding:6px;
	border-top:solid 1px #988863;
	border-left:solid 1px #6e6553;
	border-bottom:solid 1px #80735a;
	border-right:solid 1px #6e6553;
	margin:0 auto;
	background:#b6a06d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
        width:40%;
        font-size:160%;
}
object {
	display:block;
	background-color:#857652;
	text-align:center;
	width:400px;
	margin:0 auto;
}
.portfolio .post .wp-caption .img {
	padding:0;
	border:0;
	margin:0;
	background:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.post img {
	display:none;
}
.portfolio .post .img img {
	background-color:#e0d0a4;
}
.imgshadow {
	text-align:center;
	height:15px;
}
p, blockquote, .post ul {
	color:#4a4738;
	margin:30px 50px 50px;
	font-size:160%;
	line-height:180%;
}
.post ul {
	margin:2px 100px 2px 100px;
	line-height:140%;
	list-style:square;
}
.post li {
	margin:15px 0;
	text-indent:0;
}
blockquote {
	font-size:120%;
	line-height:140%;
	margin:2px 100px 2px 50px;
	text-indent:0;
	padding-left:50px;
	background-image:url(images/layout/blockquote.gif);
	background-repeat:no-repeat;
}
.wp-caption-text {
	text-indent:0;
	margin:6px 0;
	font-size:100%;
	line-height:140%;
	text-align:center;
}
.divider {
	background-image:none;
	height:57px;
	position:relative;
	left:-19px;
	z-index: 1;
	background-image:url(images/layout/divider.png);
	background-repeat:no-repeat;
}
.welcomemessage {
	margin-bottom:50px;
}
.cat {
	float:right;
	padding:0 25px;
	text-indent:0;
	font-size:1px;
	color:#f5e3b6;
}
.cat a {
	background-image:url(images/sprites/headersprite.gif);
	display:inline-block;
	width:31px;
	height:33px;
	margin:0 5px;
}
.cat ul {
	margin:0;
	padding:0;
	list-style:none;
}
.cat li {
	margin:0;
	padding:0;
	display:inline;
}
.headercontainer .cat a.ill:link, .headercontainer .cat a.ill:visited {
	background-position: -403px -117px;
}
.headercontainer .cat a.ill:hover {
	background-position: -403px -150px;
}
.headercontainer .cat a.ill:active {
	background-position: -403px -183px;
}
.headercontainer .cat a.promo:link, .headercontainer .cat a.promo:visited {
	background-position: -434px -117px;
}
.headercontainer .cat a.promo:hover {
	background-position: -434px -150px;
}
.headercontainer .cat a.promo:active {
	background-position: -434px -183px;
}
.headercontainer .cat a.prod:link, .headercontainer .cat a.prod:visited {
	background-position: -464px -117px;
}
.headercontainer .cat a.prod:hover {
	background-position: -464px -150px;
}
.headercontainer .cat a.prod:active {
	background-position: -464px -183px;
}
.headercontainer .cat a.web:link, .headercontainer .cat a.web:visited {
	background-position: -495px -117px;
}
.headercontainer .cat a.web:hover {
	background-position: -495px -150px;
}
.headercontainer .cat a.web:active {
	background-position: -495px -183px;
}
#locator .cat {
	padding:0;
	text-indent:0;
	float:none;
	display:inline;
}
#locator .cat a {
	background-image:url(images/sprites/headersprite.gif);
	display:inline-block;
	width:19px;
	height:20px;
	margin:-4px;
}
#locator .cat ul {
	margin:0;
	padding:0;
	list-style:none;
}
#locator .cat li {
	margin:0 5px;
	padding:0;
	display:inline;
}
#locator  .cat a.ill:link, #locator  .cat a.ill:visited {
	background-position: -403px -213px;
}
#locator  .cat a.ill:hover {
	background-position: -403px -233px;
}
#locator  .cat a.ill:active {
	background-position: -403px -253px;
}
#locator  .cat a.promo:link, #locator  .cat a.promo:visited {
	background-position: -422px -214px;
}
#locator  .cat a.promo:hover {
	background-position: -422px -234px;
}
#locator  .cat a.promo:active {
	background-position: -422px -254px;
}
#locator  .cat a.prod:link, #locator  .cat a.prod:visited {
	background-position: -441px -214px;
}
#locator  .cat a.prod:hover {
	background-position: -441px -234px;
}
#locator  .cat a.prod:active {
	background-position: -441px -254px;
}
#locator  .cat a.web:link, #locator  .cat a.web:visited {
	background-position: -461px -215px;
}
#locator  .cat a.web:hover {
	background-position: -461px -236px;
}
#locator  .cat a.web:active {
	background-position: -461px -255px;
}
.links {
	margin:5px 25px 0;
}
.links a {
	margin:0 5px;
}
.links a.linksright, .links a.post-edit-link {
	float:right;
}
.sharelinks {
	display:none;
	text-align:center;
	background-image:url(images/layout/locatorbg.gif);
	background-position:center 5px;;
	background-repeat:no-repeat;
}
.sharelinks a {
	display:inline-block;
	margin:22px 8px;
	text-transform:uppercase;
}
.connect a {
	display:inline-block;
	width:50px;
	height:49px;
	background-image:url(images/sprites/sharesprite.png);
	margin:5px;
}
.connect a.facebook:link, .connect a.facebook:visited {
	background-position:  0 0;
}
.connect a.facebook:hover {
	background-position:  -50px 0;
}
.connect a.behance:link, .connect a.behance:visited {
	height:48px;
	background-position:  0 -196px;
}
.connect a.behance:hover {
	background-position:  -50px -196px;
}
.connect a.linkedin:link, .connect a.linkedin:visited {
	height:48px;
	background-position:  0 -243px;
}
.connect a.linkedin:hover {
	background-position:  -50px -243px;
}
.connect a.rss:link, .connect a.rss:visited {
	background-position:  0 -292px;
}
.connect a.rss:hover {
	background-position:  -50px -292px;
}
.next-prev {
	margin:0 25px;
}
.footer {
	clear:right;
	margin-left:13px;
	background-image:url(images/layout/footerbg.gif);
	height:300px;
	text-shadow:-1px 1px 1px #111;
	color:#dbe1e4;
}
.footertop {
	height:8px;
	position:relative;
	width:100%;
	top:-8px;
	padding-top:8px;
	background-image:url(images/layout/footertop.png);
	background-repeat:repeat-x;
}
.footerleft {
	background-image:url(images/layout/footerleft.gif);
	background-repeat:repeat-y;
	height:300px;
}
.footer h2 {
	font-size:200%;
	margin:10px 25px 20px;
	font-weight:normal;
	margin:5px 15px;
	display:inline-block;
}
.copyrightline {
	float:left;
	margin:10px 0 0 50px;
	padding-left:55px;
	padding-top:15px;
	height:44px;
	background-image:url(images/layout/footer-cb.gif);
	background-repeat:no-repeat;
}
.wordpressline {
	float:right;
	margin:10px 50px 0 0;
	padding-left:55px;
	padding-top:25px;
	height:34px;
	background-image:url(images/layout/footer-wordpress.gif);
	background-repeat:no-repeat;
} 
.footerleft .headercontainer div div div {
	margin:0 35px;
	background-color:#3c3b2f;
	padding:5px 5px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align:center;
	font-size:120%;
	line-height:180%;
	height:84px;
	overflow:hidden;
}
.footerleft .headercontainer div div div div {
	margin:0;
	background-color:#3c3b2f;
	padding:0;
}
.footerleft .headercontainer div div div a {
	border:none;
}
.footer a:link {
	font-size:100%;
	color:#dbe1e4;
	border-color:#dbe1e4;
}
.footer a:visited {
	font-size:100%;
	color:#f5e3b6;
	border-color:#f5e3b6;
	font-style:italic;
}
.footer a:hover {
	color:#a94848;
	border-color:#a94848;
}
.next-prev {
	font-size:130%;
	padding-bottom:15px;
}
.comments {
	margin-top:100px;
}
.commentmetadata {
	clear:left;
	float:left;
	width:135px;
}
.commentmetadata .imgshadow {
	height:3px;
}
.comments ol {
	list-style:none;
}
.comments li {
	padding-bottom:10px;
	margin-bottom:40px;
	border-bottom:dashed 1px #c7b17e;
}
.comments li p {
	margin:0 50px 0 135px;
	background:#dec895;
	border:solid 1px #c7b17e;
	padding:10px;
	-webkit-border-radius: 0px 15px 15px 15px;
	-moz-border-radius: 0px 15px 15px 15px;
	border-radius: 0px 15px 15px 15px;
}
.comments .img {
        width:54px;
	background:#dec895;	
}
.comments li, .comments #respond {
	clear:left;
}
.comments form {
	margin-top:15px;
}
.comments form p {
	text-indent:0;
	margin:5px 50px 5px 50px;
}
.comments label {
	font-size:120%;
}
.comments .wide {
	width:550px;
	background:#e0d0a4;
	padding:3px 5px;
	border:solid 1px #c7b17e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:140%;
}
.adhtml {
	background:#e0d0a4;
	padding:3px 5px;
	border:solid 1px #c7b17e;
	font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:60px;
}
.comments .wide:focus {
	outline:none;
	border:solid 1px #a94848;
}
.comments label, .comments input.wide {
	display:none;
}
.noindent, blockquote p {
	margin:0;
	padding:0;
	text-indent:0;
}
.date {
	text-transform:uppercase;
	margin:0 50px;
	padding:0;
	font-style:italic;
	letter-spacing:0.2em;
	font-size:100%;
}
#ZoomImage {
	background-color:#e0d0a4;
}
.aktt_tweets li {
   display:block;
   margin:0 10px;
padding:0;
	font-size:90%;
	line-height:180%;
}
img#wpstats {
height:0;
width:0;
overflow:hidden;
}
#randompost {
display:none;
}
.wpcf7 {
	margin:20px;
}
.wpcf7 input {
	width:150px;
}
.wpcf7-submit {
	margin:0 auto;
	text-align:center;
}
.wpcf7 .img {
	display:none;
}
.wpcf7 .imgshadow {
	display:none;
}