﻿/*  
Theme Name: xiq
Theme URI: http://www.expressioniq.com
Description: xIQ page layout.
Author: Pad Gallagher
Author URI: http://www.expressioniq.com
Version: 1.0.4
Tags: 1024, microsoft, expression, widget ready, three-column
This theme copyright (c) 2011
@import url('btns.css');
*/
/*-----------------------------------------------------------------------------[Base Classes]----*/
* {
	font: normal normal normal 10pt  "segoe UI", Tahoma, Verdana, sans-serif;
	line-height: normal;
}
iframe {
	margin: 0; padding: 0;
}
#pg_home {
	margin-top: 0;
	top: 0;
}
body {
	background: #000 url('images/full_page_back.png') repeat-y center top;
	color: #6B7172;
	height: 100%;
	margin: 0;
	padding: 0;
}
p {
	padding: 0 0 5pt 00;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, li {
	color: #444;
	padding: 4pt 0;
	font-size: 10pt;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: bold; }
h1, h2, h1 a, h2 a { font-size: 14pt; }
h2, h2 a {
	margin: 1pt 0 3pt 0;
	text-decoration: none;
}
h3, h3 a {
	font-size: 12pt;
	font-weight: bold;
	margin: 1pt 0 3pt 0;
	padding: 0;
}
h4 {
	font-weight: bold;
	background: url('images/xiq_page_tabs.png') no-repeat left top;
	border-top: 1px #E8E8E8 solid;
	height: 37px;
	width: 760px;
	overflow: hidden;
	margin: 43px -379px 0 -8px;
	padding: 12px 0 0 10px;
	line-height: 14pt;
	z-index:3;
}
div {
	margin: 0;
	padding: 0;
}
ol {
	margin: 0 0 0 14pt;
}
ul {
	margin: 0 0 9pt 3pt;
	padding: 0;
}
li {
	margin: 0 0 0 10pt;
	padding: 0;
}
ol li {
	margin: 0 0 0 6pt;
}
a {
	color: #2A95CF;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #2A95CF;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
a:hover {
	color: #F70;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
a:active {
	color: #2A95CF;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
table, tr, td {
	vertical-align: top;
	border: 1px #DFDFDF solid;
	border-collapse: collapse;
	padding: 2px;
	background-color: #EFEFEF;
}
pre {
	font: normal normal normal 9pt "Lucida console",Courier, monospace;
	background-color: #EEF;
	padding: 10px;
	border: 1px #CCD solid;
	margin: 0 0 6pt 0;
}
img {
	border: none;
}
/*------------------------------------------------------------------------[Layout Components]----*/
#header {
	background-color: #444;
	height: 70px;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
}
#top_nav {
	background: #444 url('images/nav_bar.png') repeat-x center bottom;
	clear: both;
	height: 59px;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
}
#container {
	margin: 0 auto;
	min-height: 400px;
	width: 1024px;
	background-color: #FFF;
}
#footer {
	background: #444;
	clear: both;
	height: 100%;
	min-height: 38px;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
	min-width: 1024px;
	border-bottom: 1px #444 solid;
}
#left_col {
	float: left;
	min-height: 400px; /* 50px shorter than right_col to allow for logo */
	width: 720px;
	padding: 50px 10px 10px 10px;
}
#sidebar {
	float: right;
	min-height: 450px;
	width: 220px;
	padding: 30px 10px 20px 0;
}
#page_content {
	margin: 0 200px 0 404px;
	padding: 0 10px 10px 10px;
	width: 360px;
	min-width: 360px;
	min-height: 360px;
}
#x_page {
	margin: 50px 280px 0 180px;
	padding: 0;
}
#left_pad{
	float: left;
	width: 120px;
	min-height: 400px;
	padding: 0;
}
/*------------------------------------------------------------------------[Header Components]----*/

#logo {
}
#logo img {
	margin-left: 10px;
	position: relative;
	top: -60px;
	z-index: 2;
}
#tab_box, #rss, #search_box {
	position: absolute;
	top: 70px;
	padding: 0;
}
#tab_box {
	background-color: #444;
	height: 31px;
	margin-left: 420px;
	width: 365px;
}
#tab_box ul {
	height: 31px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#tab_box li {
	display: inline;
	float: right;
	list-style: none;
	text-align: right;
	overflow: hidden;
	height: 31px;
	margin: 0 0 0 -8px;
	padding: 0;
}
#tab_box a {
	background: transparent url('images/tabs.png') no-repeat right 0;
	color: #DFDFDF;
	display: block;
	font-size: 12pt;
	height: 31px;
	padding: 3px 20px 0 15px;
}
#tab_box a:link, #tab_box a:visited {
	background: transparent url('images/tabs.png') no-repeat right 0;
}
#tab_box a:hover {
	background: transparent url('images/tabs.png') no-repeat right -31px;
	color: #FFF;
}
#tab_box a:active {
	background: transparent url('images/tabs.png') no-repeat right -62px;
}
#rss {
	display: block;
	height: 30px;
	margin: 0;
	max-width: 30px;
	overflow:hidden;
	margin-left: 777px;
	width: 30px;
}
#rss a {
	background: url('images/rss.png') no-repeat 0 0;
	font-size: 30px;
}
#rss a:hover {
	background: url('images/rss.png') no-repeat -30px 0px;
}
#search_box {
	background-color: #6B7172;
	height: 32px;
	margin: 0;
	padding: 0 0 0 6px;
	margin-left: 810px;
	width: 208px;
}
#search_form {
	background-color: #6B7172;
	height: 32px;
	margin: 0;
	padding: 0 0 3px 6px;
	margin: 0;
	width: 336px;
}
#search_form input {
	background: #FFF url('images/search_corner.png') no-repeat top right;
	border: 0;
	color: #999E9F;
	font-size: 11pt;
  font-weight: bold;  
	margin-top: 4px;
	padding: 3px 0 4px 3px;
	width: 300px;
}
#search_box input {
	background: #FFF url('images/search_corner.png') no-repeat top right;
	border: 0;
	color: #999E9F;
	font-size: 11pt;
  font-weight: normal;
	height: 24px;
	margin: 3px 0 0 4px;
	padding: 0 0 2px 4px;
	width: 169px;
}
#searchsubmit {
	background: #6B7172 url('images/xiq_search_button.png') 0 0 no-repeat;
	border: 0;
	display: block;
	float: right;
	height: 21px;
	margin: 5px 4px 0 2px;
	padding: 0;
	position: relative;
	width: 22px;
}
#searchsubmit:hover {
	background: #6B7172 url('images/xiq_search_button.png') 0 -21px no-repeat;
}
/*---------------------------------------------------------------------[main_page Components]----*/
#cat_page .entry {
	width: 420px;
	min-width: 420px;
}
#single_page {
	margin: 0 auto;
	width: 764px;
	min-width: 764px;
	padding: 0 10px;
}
.arc_list {
	margin: 0;
	padding: 0;
}
.recent_date {
	font-size: 75%;
	font-weight: normal;
}
.arc_list h3 a:link, .arc_list h3 a:visited {
	color: #468;
}
.arc_list h3 a:hover {
	color: #2A95CF;
	color: #D50;
}
.arc_list h3 a:active {
	color: #468;
}
.meta_tag {
	display: block;
	margin: -4pt 0 0 2pt;
}
ul.meta_tag li {
	font-weight: bold;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
.meta_tag li a {
	text-decoration: none;
	font-weight: normal;
}
a.meta_link {
	display: inline;
	margin-top: 18pt;
	margin: 12pt 0 0 0;
	padding: 0;
}
.post_date {
	padding-left: 20pt;
}
.breakline {
	clear: right;
}
#commentform p {
	font-size: 9pt;
}
textarea#comment {
	overflow: auto;
	width: 758px;
}
/*------------------------------------------------------------------------[Footer Components]----*/
ol.foot_links {
	margin: 0;
	padding: 10px 10pt 0 10pt;
}
.foot_links li {
	font-size: 8pt;
	list-style: none;
	display: inline;
	color: #CCC;
	margin: 0;
	padding: 0 10pt 0 10pt;
}
.foot_links a:link {
	color: #BBB;
}
.foot_links a:visited {
	color: #BBB;
}
.foot_links a:hover {
	color: #2A95CF;
}
.foot_links a:active {
	color: #BBB;
}
#right_foot {
	float: right;
	position: relative;
	top: -15px;
	margin: 0;
	padding-right: 2px;
	width: 160px;
}
.ft_rf { /* FX color: #A8A8A8 */
	position: relative;
	font: normal normal normal 7pt "Lucida sans", "Segoe UI", Tahoma, Verdana, sans-serif;
	color: #4A4A4A;
	padding: 0;
	margin: 0;
}
.hd_main { /*text color: #FFF */
	color: #FFF;
	z-index:2;
}
#right_foot .hd_main { /* text color: #AEAEAE */
	color: #AEAEAE;
}
.tl {
	position: absolute;
	top: -1px;
	margin-left: -1px;
}
.bl {
	position: absolute;
	top: 1px;
	margin-left: -1px;
}
.tr {
	position: absolute;
	top: -1px;
	margin-left: 1px;
}
.br {
	position: absolute;
	top: 1px;
	margin-left: 1px;
}
/*-----------------------------------------------------------------------[sidebar Components]----*/
#sidebar ul {
	margin: 0;
}
#sidebar li {
	list-style: none;
	margin: auto 0;
	padding: 0;
	font-size: 9pt;
}
#sidebar a {
	margin: 0;
	padding: 3pt 0 4pt 4px;
}
#sidebar h2 {
	font-size: 10pt;
	padding: 2px 4px;
	margin: 6pt 0;
	background: transparent url('images/h3_back.png') repeat-x top left;
	border-left: 1px #DFDFDF solid;
}
#sidebar h2 a {
	font-size: 10pt;
}
#twitter {
	position: relative;
	margin: 0 0 30px 0;
	width: 220px;
	height: 293px;
}
#twitter img {
	position: absolute;
	top: -25px;
	right: 0;
}
.panel_top {
	width: 190px;
	margin: 0;
	padding: 0;
	border-top: 2px #E7E8E9 solid;
}
div.panel_top {
	padding-top: 5px;
}
.panel_bot {
	width: 190px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	background-color: #FFF;
	color: #444;
	border-bottom: 1px #E7E8E9 solid;
}
.panel_bot h3 {
	width: 186px;
	padding: 7px 0 13px 4px;
	background: url('images/h3_back.png') repeat-x left top;
}
.panel_bot ul {
	margin: 0 5px 0 10px;
	padding: 0;
}
#twitter h2.widgettitle {
	color: #444;
	font-weight: bold;
	margin: 0;
	width: 215px;
	padding: 3px 0 2px 4px;
	background: url('images/h3_back.png') repeat-x left top;
}
ul.tags {
	margin-top: -10px;
	margin-bottom: 0;
	padding: 0;
}
.tags a {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 6px 0 0;
	border-right: 1px #CDE solid;
}
.topics li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
.widget_categories li {
	margin: 0;
	padding: 0;
}
.widget_meta li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.widget_archive ul {
	margin-left: 6px;
	padding-left: 6px;
}
.widget_archive li {
	margin: 0;
	padding: 0;
	margin-left: 6px;
	padding-left: 6px;
}
.children {
	padding-left: 12px;
}
li.page_item {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
li.cat_item {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#popular li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#recommended li {
	display: block;
	margin: 0;
	padding: 0;
}
#recentcomments li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#collapsible-archive li {
	padding-left: 0;
}
#collapsible-archive li li {
	padding-left: 20px;
}
.ctc a {
	padding: 2px;
	margin: 0;
	line-height: 0.75;
	font-size: 20pt;
	color: #0A5780;
}
.ctc a[title="1 topics"] {
	font-size: 8pt;
	color: #2A95CF;
}
.ctc a[title="2 topics"] {
	font-size: 10pt;
	color: #287AA7;
}
.ctc a[title="3 topics"], .ctc a[title="4 topics"] {
	font-size: 12pt;
	color: #2076A6;
}
.ctc a[title="5 topics"] {
	font-size: 16pt;
	color: #1A6B97;
}
.ctc a[title="6 topics"] {
	font-size: 19pt;
	color: #1A5B97;
}
.ctc a:link, .ctc a:visited {
}
.ctc a:hover {
	color: #D60;
}
.ctc a:active {
}
/*------------------------------------------------------------------------[Custom Typography]----*/
.entry {
	padding: 0;
	margin: 0;
}
small, .commentlist p, .commentlist a, .commentlist cite, .commentlist span {
	font-size: 8pt;
}
h3#comments {
	border-top: 1px #DDD solid;
	margin-top: 26px;
	padding: 8px 0 6px 0;
	font-size: 10pt;
}
.title_date {
	font-size: 75%;
	font-weight: normal;
	float: right;
	position: relative;
	text-align: right;
	width: 12em;
}
.entry h1 {
	font-size: 14pt;
	padding: 0;
	margin: 4pt 0 2pt 0;
	color: #543;
}
.entry h2 {
	background: none;
	border: none;
	margin: 2pt 0 0 0;
	padding: 0;
	height: auto;
	color: #654;
	font-weight: bold;
	font-size: 12pt;
}
.entry h3 {
	font-size: 12pt;
	padding: 0;
	margin: 3pt 0 1pt 0;
	color: #654;
}
.entry h4 {
	font-size: 10pt;
	background: none;
	border: none;
	margin: 3pt 0 0 0;
	padding: 0;
	height: auto;
	color: #765;
	font-weight: bold;
}
.entry h5 {
	font-size: 9pt;
	padding: 0;
	margin: 1pt 0 0 0;
	color: #876;
}
.entry p {
	padding: 0 0 4pt 0;
}
.arc_list p {
	margin: 0;
	padding: 0 0 4px 0;
}
.postmetadata, .postmetadata a {
	font-size: 8pt;
	margin: 0 0 4px 0;
	padding: 0 0 3px 0;
}
.arc_list .postmetadata, .arc_list .postmetadata a {
	font-size: 8pt;
	margin: 0 0 2px 0;
	padding: 2px 0 2px 0;
}
.small_link, .small_link a {
	position: relative;
	top: 0px;
	font-size: 8pt;
	padding: 0;
	margin: 0 10px 0 0;
	text-align: right;
}
#pg_home .small_link , #pg_home .small_link {
	top: -12px;
}
.more-link {
	font-size: 8pt;
	margin: 0; 
	padding: 0;
}
.comment-counter {
	display: inline;
	font-size: 9pt;
	width: 28px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background: url('images/comments.png') no-repeat left top;
	margin: -6px 1px 0 0;
	padding: 7px 6px 7px 7px;
}
.arc_list .comment-counter, .arc_list .comments_tag {
	position: relative;
	top: -16px;
}
.arc_list .comment-counter {
	padding: 6px 6px 7px 7px;
}
.comments_tag, .comments_tag a {
	font-size: 8pt;
	margin: 0;
	display: inline;
}
#pg_home .comment-counter, #pg_home .comments_tag {
	top: 3px;
}
.entry strong {
	color: #222;
	font-weight: bold;
}
div.code, div.code p {
	margin: 6pt;
	padding: 6pt;
	border: 1px #CFCFD8 solid;
	background-color: #EFEFF8;
	font-family: "Lucida Console","Courier New", Courier, monospace;
	font-size: 9pt;
	font-weight: normal;
}
div.code p {
	border: none;
	margin: 0;
	padding: 0 0 3pt 0;
}
p.code {
	margin: 0;
	padding: 3pt 6pt;
	background-color: #EFEFF8;
	font-family: "Lucida Console","Courier New", Courier, monospace;
	font-size: 9pt;
	font-weight: normal;
}
.photo {
	padding: 0;
	margin: 0;
}
/*---------------------------------------------------------------------[Miscellaneous Layout]----*/
img#photo_full {
	display: none;
}
img.photo {
	float: left;
	position: relative;
	margin: 0 6pt 6pt 0;
	padding: 0;
}
#main_img {
/*
	margin-top: 60px;
	margin-bottom: 50px;
*/
position: absolute;
top: 240px;
left: 50%;
margin-left: -100px;
}
#auth_page_photo {
	position: relative;
	top: 80px;
	height: 160px;
	margin: 0 80px 0 120px;
	padding: 15px 15px 25px 15px;
	background-color: #FFFCF7;
	border-top: 1px #EEE solid;
	border-right: 1px #777 solid;
	border-bottom: 1px #666 solid;
	border-left: 1px #DDD solid;
}
.collapsArchMonth a {
	font-size: 9pt;
	border-left: 12px #FFF solid;
}
/*-----------------------------------------------------------------------------[authors page]----*/
#author_page {
	margin: 0 0 0 20px;
/*
	position: relative;
	clear: both;
*/
}
#authors {
	width: 754px;
	padding-top: 120px;
	float: left; 
	position: relative;
	margin: o auto;
	text-align: center;
}
.alignleft {
	float: left;
	padding: 6pt 10px 0 0;
}
.alignright {
	float: right;
	padding: 6pt 0 0 10px;
}
.nav_left, .nav_right {
	position: relative;
	width: 140px;
	font-size: 8pt;
}
.nav_left a, .nav_right a {
	font-size: 8pt;
}
.nav_left {
	float: left;
	text-align: right;
	margin: 42px 6px 0 -175px;
	padding: 4px 4px 4px 10px;
}
.nav_right {
	float: right;
	left: 30px;
	text-align: left;
	margin: 42px -170px 0 4px;
	padding: 4px 32px 4px 10px;
}
#left_col .pagetitle {
	margin-bottom:30px;
	padding-bottom: 0;
	border-bottom: 1px solid #2A95CF;
}
#left_col .navigation {
	position: absolute;
	top: 170px;
	margin-left: 0;
}
#left_col .navigation a {
	font-weight: bold;
}
#left_col .nav_right {
	margin-left: 178px;
	width: 90px;
	min-width: 90px;
	text-align:center;
	padding: 0;
	line-height: 200%;
}
#left_col .nav_left {
	width: 90px;
	min-width: 90px;
	text-align:center;
	padding: 0;
	margin-left: 0;
	line-height: 200%;
}
img.nav_right {
	margin-right: 0;
}
.post {
	margin-bottom: 6px;
}
div.author_photos {
clear:both;
	background-color: #FFFFFF;
/*	float: left;
	position: relative; */
	width: 130px;
	display: inline-block;
	padding: 40px;
	border: 1px #BBB solid;
	margin: 10px;
}
.auth_name {
	font-size: 8pt;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.auth_title {
	font-size: 8pt;
	color: #444;
	margin: 0;
	padding: 0;
}
.auth_where {
	font-size: 8pt;
	margin: 0;
	padding: 0;
}
/*------------------------------------------------------------------------------[coming soon]----*/
#place_img {
text-align:center;
/*
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -200px;
	*/
	margin-top:20%;
}
.copy_right {
	position: absolute;
	left:50%;
	bottom: 30px;
	margin-left: 180px;
}
.wp-caption-text {
	font-size: 8pt;
	background-color: #EFEFEF;
	font-style:italic;
	margin-bottom: 12px;
}
