/*  
Theme Name: CP Theme
Theme URI: http://cameronpreston.com/
Description: templatr is written and provided by <a href="http://cameronpreston.com">Cameron Preston</a>
Version: 1.0
Author: Cameron Preston
Author URI: http://cameronpreston/

	templatr v1.0
	 http://templatr.cc/
	 
/***********************************************************
 Global Reset
************************************************************/


*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
margin:0;
padding:0;
}
h4, h4 a, h3, h3 a {
  font-style:normal;
  background:none;
  font-size:1.3em;
  text-decoration:none;
  margin:8px 0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
small {
 padding-left:5px;
}
fieldset, img {
border:0 none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ul {
list-style-image:url('./images/bullet.gif');
list-style-position:outside;
list-style-type:none;
margin-left:10px;
}
ul li{
	margin-left:20px;	
}


caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
a {
text-decoration:none;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
* a {
position:relative;
}
a img {
border:medium none;
}
* {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
html {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
font-family:Arial,Helvetica,Georgia,Sans-serif;
color:77787B;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:1%;
line-height:17px;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
height:100%;
margin:0 auto;
max-width:1300px;
min-width:960px;
text-align:left;
}
#cameron {
float:left;
height:250px;
margin-left:-62px;
margin-top:-205px;
width:345px;
}
#mainwrap {
}
#header {
height:120px;
}
#wrap {
}
.center {
bottom:0;
height:60%;
margin:auto 0;
position:absolute;
top:0;
vertical-align:middle;
}
.center2 {
bottom:0;
margin:auto 0;
position:absolute;
top:0;
}
.alignleft {
float:left;
padding:3px;
}
.alignright {
float:right;
padding:3px;
}
#page {
bottom:0;
height:100%;
position:absolute;
top:0;
width:100%;
}
#outside-bubble {
border:medium none transparent;
height:90%;
margin:20px 0 0 0;
width:960px;
}
#bubble {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border:3px solid #333333;
height:100%;
margin:0 0 0 138px;
overflow:auto;
padding-right:10px;
position:relative;
width:750px;
}
#content {
margin:0 auto 0 150px;
padding:10px;
text-align:left;
width:560px;
}
.container {
display:table;
height:100%;
width:100%;
}
.cell {
display:table-cell;
overflow:auto;
vertical-align:middle;
}
#content-sb {
height:93%;
margin-left:150px;
margin-right:200px;
padding:10px;
text-align:left;
width:380px;
}
#sidebar {
float:right;
margin:20px 10px 10px;
width:180px;
}
#sidebar-left {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:transparent url(./images/bottom-bubble.gif) no-repeat scroll center bottom;
float:left;
font-size:12px;
line-height:105%;
margin-left:-262px;
margin-top:-380px;
text-align:center;
vertical-align:bottom;
width:110px;
}
#sidebar-left-top {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/top-bubble.gif) no-repeat scroll center top;
padding-top:15px;
}
#sidebar-left h2 {
font-size:14px;
}
#footer {
clear:both;
display:block;
height:40px;
margin:-10px 0 0 30px;
text-align:center;
width:750px;
}
h2, h2 li {
	font-size:22px;
	line-height:22px;
}
H3, h3 li {
	font-size:16px;
	line-height:16px;
	font-weight:bold;
}
#content h2, #content-sb h2 {
margin-top:8px;
max-width:450px;
padding:10px 0;
text-align:left;
width:auto;
}
.post-entry {
width:450px;
}
.postmetadata-alt, .postmetadata-alt a {
color:#CCCCCC;
}
#content h2.posttitle {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
font-size:20px;
margin:10px 0;
max-width:450px;
}
p {
padding:5px;
margin:auto;
}
pre {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#FFF7F0 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#000000;
font-family:courier,monospace;
font-size:10px;
margin:1em auto 2em;
overflow-x:scroll;
overflow-y:auto;
padding:0 1em 1em;
width:100%;
}
.code code {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F0F0 none repeat scroll 0 0;
display:block;
font-family:Monaco,Courier;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
margin:5px 0 15px;
overflow:auto;
padding:10px;
position:relative;
width:540px;
}
.navigation {
	display:block;	
}
div#nav-header {
padding:0 0 0 0;
position:relative;
top:50px;
}
body.frontpage div#nav-header {
left:0;
}
div#nav-header li {
display:block;
float:left;
margin:0;
}
div#nav-header ul li a, div#nav-mini ul li a, div#nav-header ul a li, div#nav-mini ul a li {
display:block;
padding:0;
text-indent:-999em;
}
div#nav-header li.writing a, div#nav-header a li.writing {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll left top;
height:152px;
width:256.5px;
}
div#nav-header li.writing a:hover, div#nav-header a:hover li.writing {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll left -319px;
height:152px;
}
div#nav-header li.portfolio a, div#nav-header a li.portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right top;
height:152px;
width:256.5px;
}
div#nav-header li.portfolio a:hover, div#nav-header a:hover li.portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right -319px;
height:152px;
}
div#nav-header li.changetheworld a, div#nav-header a li.changetheworld {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right -152px;
height:80px;
width:513px;
}
div#nav-header li.changetheworld a:hover, div#nav-header a:hover li.changetheworld {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right -471px;
height:80px;
}
div#nav-header li.help a, div#nav-header a li.help {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll left -232px;
height:120px;
width:236.5px;
}
div#nav-header li.help a:hover, div#nav-header a:hover li.help {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll left -551px;
}
div#nav-header li.projects a, div#nav-header a li.projects {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right -232px;
height:100px;
width:276.5px;
}
div#nav-header li.projects a:hover, div#nav-header a:hover li.projects {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right -551px;
}
div#nav-header a li.portfolio {
}
div#nav-header a li.changetheworld {
display:block;
}
div#nav-header a li.help {
display:block;
}
div#nav-header a li.projects {
display:block;
}
a {
color:#333333;
padding:3px;
text-decoration:underline;
}
a:hover, a:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:#EEFFFF none repeat scroll 0 0;*/
text-decoration:none;
}
div#nav-mini {
display:block;
float:right;
margin:auto;
position:relative;
width:80px;
}
div#nav-mini li {
display:inline;
}
div#nav-mini li.mini a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center-mini.png) no-repeat scroll left top;
height:45px;
width:80px;
}
div#nav-mini li.mini a:hover, body.mini div#nav-mini li.mini a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center-mini.png) no-repeat scroll left -46px;
height:45px;
}
.leightbox {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:white;
border:3px solid #333333;
bottom:34px;
color:#333333;
display:none;
height:496px;
margin:0 auto 0 138px;
overflow:hidden;
padding:10px;
position:absolute;
text-align:left;
width:700px;
z-index:1001;
}
#navbox1 div#nav-header {
margin-left:94px;
margin-right:50px;
}
#overlay {
background-color:#333333;
display:none;
height:100%;
left:0;
opacity:0.8;
position:absolute;
top:0;
width:100%;
z-index:1000;
}
/*****  Toggle Styles *****/

.cpToggle {
	display:block;	
}

/******  END Toggle Styles *****/
.right_imp_box {
	float:right;
	width:300px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border:2px solid #333333;
	padding:10px;
	margin-top:-50px;
}
.lbAction {
float:right;
}
.navbox[id] {
position:fixed;
}
#overlay[id] {
position:fixed;
}
#portfolio {
margin:0 0 40px;
}
#portfolio h2 {
float:left;
margin:0 23px 23px 130px;
padding:10px;
position:relative;
}
#portfolio ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#portfolio ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:transparent url(./images/img-bg.png) repeat scroll 0 0;
float:left;
margin:0 23px 23px 0;
padding:10px;
position:relative;
}
#portfolio ul li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#222;
margin:2px auto;
text-decoration:none;
}
#portfolio ul li a:hover {
text-decoration:underline;
}
#portfolio .moreinfo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
float:right;
position:relative;
text-align:right;
margin-top:7px;
}
.port-list span {
	margin-top:3px;
}
.clear:after {
clear:both;
content:"";
display:block;
visibility:hidden;
}
.clear, .clearfix {
	clear:both;
}
#random-quote {
border-left:3px solid #333333;
border-right:3px solid #333333;
margin-bottom:15px;
padding:10px 0;
}