/*
	PacNet Services Docs CSS
*/

@import "style/css/reset.css";




																		/* -- Base HTML -- */
a, a:visited {
	color: #1361a2;
}
	a:hover, a:focus {
		color: #376fbc;
	}
body {
	font: 62.5% arial, sans-serif;
	color: #0b3f64;
	background: #0c4064;
}




																		/* -- Documentation style -- */
abbr, acronym {
	font-size: 0.92587em;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	border-bottom: dotted 1px #ccc;
	cursor: help;
}
address {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.8em;
}
blockquote {
	font-size: 0.85714em;
	padding: 5px 2em 5px 40px;
	color: #4c5b62;
	background: #fff url(style/images/blockquote.gif) no-repeat 15px 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
h1, h2, h3, h4, h5, h6, p, li, label {
	font-size: 1.2em;
	line-height: 1.8;
}
h1 {
	background: url(style/images/divider.gif) repeat-x 0 100%;
	font: normal 2.4em georgia, serif;
	line-height: 1;
	padding-bottom: 0.5em;
	margin: 1.5em 0 0.5em 0;
}
h2 {
	color: #888991;
	font: normal 2em georgia, serif;
	letter-spacing: -0.025em;
	margin: 2em 0 0.5em 0;
}
h3 {
	color: #7e9bb6;	
	font-weight: normal;
	font-family: georgie, serif;
	font-size: 1.8em;
	text-transform: uppercase;
	margin: 2em 0 0 0;
}
h4 {
	color: #7e9bb6;	
	font-weight: normal;
	font-family: georgie, serif;
	font-size: 1.6em;
	text-transform: none;
	margin: 2em 0 0 0;
}
h5 {
	color: #7e9bb6;	
	font-weight: bold;
	font-size: 1.4em;
	margin: 2em 0 0 0;
}
h6 {
	color: #7e9bb6;	
	font-size: 1.4em;
	margin: 2em 0 0 0;
}
p {
	font-size: 1.4em;
	margin: 1em 0;
}
ol li, ul li {
	font-size: 1.4em;
}
ol li {
	list-style: decimal;
	margin: 1em 0 1em 3em;
	padding-left: 1em;
}
li li, li p {
	font-size: 1em;
}
pre {
	padding: 0 2em;
}
code, pre {
	font-family: monaco, courier, monospace;
	font-size: 1.2em;
	line-height: 1.6em;
}
	code {
		font-size: 1.0909em;
	}
	pre code {
		font-size: 1em;
	}
table {
	border: solid 1px #bf8a1e;
	width: 98%;
	margin-left: 1px;
}
table, tr, td {
	border-color: #bf8a1e;
}
th {
	font-size: 1.3em;
	font-weight: bold;
	text-shadow: #bf8a1e 1px 1px 0;
	vertical-align: middle;
	padding: 5px 5px;
	color: #fff;
	background: #d79e3b;
	white-space: nowrap;
}
td {
	font-size: 1.3em;
	line-height: 1.8;
	padding: 2px 5px;
}
	th p, td p, th li, td li {
		font-size: 1em;
	}


#main-content ul li {
	list-style: square;
	margin: 1em 0 1em 3em;
	padding-left: 1em;
}
	#main-content .col-2 ul li {
		margin: 0;
		list-style: none;
		padding: 0;
	}
	
.note {
	padding: 10px 20px 10px 50px;
	background: #e5ebf1 url(style/images/ico-note.gif) no-repeat 14px 12px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

																		/* -- Layout Structure -- */
#container {
	background: #fff url(style/images/header-bg.gif) repeat-x 0 0;
}
#header {
	background: url(style/images/header-large-bg.jpg) no-repeat 50% 0;
}
#header .wrap, #main-content .wrap, #footer .wrap {
/* 	width: 1130px; */
	width: 954px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.col-1 {
/* 	width: 927px; */
	width: 751px;
	float: left;
	margin-right: 25px;
	overflow: hidden;
}
.col-2 {
	width: 177px;
	float: left;
}



																		/* -- Header -- */
#header .wrap {
	height: 136px;
	margin-bottom: 30px;
}
#identity {
	position: absolute;
	top: 17px;
}
#identity a, #identity a:visited {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	width: 116px;
	height: 148px;
	background: url(style/images/logo.gif) no-repeat 0 0;
}
#primary-nav {
	position: absolute;
	top: 0;
	right: 0;
}
	#primary-nav a, #primary-nav a:visited {
		display: block;
		float: left;
		line-height: 25px;
		height: 26px;
		padding: 0 14px 0 16px;
		color: #cce6f0;
		font-size: 0.78571em; /* 11px */
		text-transform: uppercase;
		text-decoration: none;
		background: url(style/images/header-secondarynav-sep.gif) no-repeat 0 0;
	}
	#primary-nav a:hover, #primary-nav a:focus {
		color: #fff;
	}
	#primary-nav li {
		line-height: 1.2;
		margin: 0;
		padding: 0;
		list-style: none;
		background: none;
		display: inline;
	}


#search-bar {
	position: absolute;
	top: 63px;
	right: 10px;
}
	#search-bar .search {
		background: url(style/images/search-bg.gif) no-repeat 0 0;
		width: 286px;
		height: 21px;
		padding: 3px;
		position: absolute;
		top: 5px;
		right: 75px;
	}
	#search-bar .search input {
		display: block;
		width: 278px;
		height: 18px;
		line-height: 18px;
		color: #0a437f;
		background: #fff;
		border: solid 1px #fff;
		font-size: 1.2em;
	}
	#search-bar button {
		width: 68px;
		height: 27px;
		background: url(style/images/button-search.gif) no-repeat 0 0;
		border: none;
		cursor: pointer;
		overflow: hidden;
		text-indent: -9999px;
		position: absolute;
		top: 5px;
		right: 0;
	}
		#search-bar button:hover {
			background-position: 0 -27px;
		}




																		/* -- Content Area -- */
.breadcrumbs {
	width: 100%;
	overflow: hidden;
	font-family: arial, sans-serif;
	font-size: 1.2em; /* 12px */
}
.breadcrumbs a, .breadcrumbs a:visited {
	display: block;
	float: left;
	padding: 2px 25px 5px 0;
	margin: 0 15px 0 0;
	background: url(style/images/breadcrumb.gif) no-repeat 100% 50%;
}
	.breadcrumbs .selected a, .creadcrumbs .selected a:visited {
		color: #9aabbc;
		background: none;
		text-decoration: none;
		cursor: default;
	}


.alignleft, .alignright, .aligncenter {
	padding: 12px;
	background: #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: solid 2px #0d3f62;
}
	.alignleft {
		margin: 0 20px 10px 0;
	}
	.alignright {
		margin: 0 0 10px 20px;
	}


.pagination {
	padding-left: 4em;
	font-size: 1.4em;
}


																		/* -- Specific Content Types -- */

																		/* blog nav */

#main-content .prev-next {
	text-align: center;
}
#main-content .prev-next li {
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
	display: inline;
}

																		/* blog posts */
.post {
	margin: 30px 0 60px 0;
}
.post-header {
	width: 100%;
	overflow: hidden;
}
.post-header h2 {
	float: left;
	margin: 0;
}
.date-stamp {
	float: right;
	margin: 0;
	color: #9aabbc;
}
.meta {
	color: #9aabbc;
	margin-top: 1em;
}
.meta-block {
	color: #9aabbc;
	background: url(style/images/divider.gif) repeat-x 0 100%;
}
.meta-block .meta {
	font-size: 1.2em;
	background: url(style/images/divider.gif) repeat-x 0 0;
	padding: 10px 0;
}
																		/* blog comments */
li.comment, li.pingback {
	margin: 1em 0 2em 0;
	background: #ecf1f6;
	padding: 12px 24px 6px 24px;
	position: relative;
	overflow: visible;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	clear: both;
}
	.avatar {
		vertical-align: middle;
		border: solid 1px #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.commenter {
		color: #9aabbc;
	}
	.comment-meta {
		position: absolute;
		top: 0;
		right: 24px;
	}
	.comment-author .avatar {
		vertical-align: middle;
		padding: 3px;
		background: #fff;
		border: solid 1px #ddd;
		border-width: 0 1px 1px 0;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
#respond {
	clear: both;
	padding-top: 20px;
	width: 100%;
	overflow: hidden;
}
	#respond h3 {
		margin-bottom: 20px;
	}
	#respond .inputs {
		float: left;
		clear: left;
		width: 306px;
	}

	#respond .inputs input {
		width: 300px;
		height: 1em;
		padding: 6px 2px;
		font-size: 12px;
		background: #ecf1f6;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: solid 1px #7499be;
		margin-bottom: 1.5em;
	}
	#respond .inputs input:focus, #respond #comment:focus {
		background: #fff;
		border-color: #84a5c6;
	}
	#respond #comment {
		float: left;
		width: 620px;
		margin: 1.8em 0 0 20px;
		padding: 6px 2px;
		font-size: 12px;
		background: #ecf1f6;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: solid 1px #7499be;
	}
	#respond .buttons {
		clear: both;
		width: auto;
		padding: 10px 0;
		padding-right: 3px;
		text-align: right;
	}
	#submit {
		width: 129px;
		height: 27px;
		background: url(style/images/button-submitcomment.gif) no-repeat 0 0;
		border: none;
		cursor: pointer;
		overflow: hidden;
		text-indent: -9999px;
	}
		#submit:hover {
			background-position: 0 -27px;
		}



																		/* Admin-only edit links, with special sauce */
a.post-edit-link, a.post-edit-link:visited {
	font-family: arial, sans-serif;
	font-size: 18px;
	display: block;
	width: 180px;
	padding: 4px 0;
	margin: 20px auto;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	text-decoration: none;

	border: solid 1px #bf8a1e;
	text-shadow: #bf8a1e 1px 1px 0;
	color: #fff;
	background: #d79e3b;
}
	a.post-edit-link:hover {
		background-color: #bf8a1e;
		-webkit-animation-name: grow;
		-webkit-animation-duration: 20s;
		-webkit-animation-timing-function: ease-in-out;
	}
	a.post-edit-link:active {
		background-color: #bf8a1e;
		-webkit-animation-name: shrink;
		-webkit-animation-duration: 20s;
		-webkit-animation-timing-function: ease-in-out;
	}

																		/* Error 404 */
.error-404 {
	padding: 100px 0 200px 0;
}

																		/* Search page */
.search-none {
	padding: 100px 0 200px 0;
}
.results {
	color: #7f9cb7;
}
.results .post {
	color: #05131a;
}
.results p {
	margin-top: 0;
}
#inline-search {
	position: relative;
}
#inline-search .search {
	background: url(style/images/search-bg.gif) no-repeat 0 -27px;
	width: 286px;
	height: 22px;
	padding: 3px;
}
#inline-search .search input {
	display: block;
	width: 278px;
	height: 18px;
	line-height: 18px;
	color: #0a437f;
	background: #fff;
	border: solid 1px #fff;
	font-size: 1.2em;
}
#inline-search button {
	width: 68px;
	height: 27px;
	background: url(style/images/button-search.gif) no-repeat 0 -54px;
	border: none;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 300px;
}
	#inline-search button:hover {
		background-position: 0 -81px;
	}



																		/* sidebar */
.col-2 li {
	display: inline;
}
	.col-2 a, .col-2 a:visited {
		font-size: 0.8571428em; /* 12px */
		font-weight: bold;
		padding: 8px;
		display: block;
		background: url(style/images/divider.gif) repeat-x 0 100%;
		text-decoration: none;
	}
	.col-2 a:hover, .col-2 a:focus {
		color: #0c4064;
		background: #7ac2e9;
	}
	.col-2 .last a, .col-2 .last a:visited {
		background-image: none;
	}
	.current_page_item a, .current_page_item a:visited {
		text-shadow: #bf8a1e 1px 1px 0;
		color: #fff;
		background: #d79e3b;
	}
.col-2 h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	padding-left: 7px;
}

																		/* -- Footer -- */
#footer {
	width: 100%;
	margin-top: 30px;
	padding: 20px 0;
	color: #d79e3b;
	background: #0c4064 url(style/images/footer-wrap-bg.jpg) no-repeat 50% 0;
	clear: both;
}
	#footer p {
		clear: left;
		font-size: 1.1em;
		color: #d79e3b;
		margin: 0;
	}

																		/* -- Accessibility Tweaks -- */
#accessibility {
	position: absolute;
	top: -9999px;
	font-size: 1px;
}
.hide {
	display: none;
}



/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }





@-webkit-keyframes grow {
 0% {
   -webkit-transform: scale(1.0);
 }
 1% {
   -webkit-transform: scale(1.045);
 }
 100% {
   -webkit-transform: scale(1.045);
 }
}
@-webkit-keyframes shrink {
 0% {
   -webkit-transform: scale(1.045);
 }
 0.5% {
   -webkit-transform: scale(0.96);
 }
 100% {
   -webkit-transform: scale(0.96);
 }
}