/*
Theme Name: Pixelsilk Wordpress Theme
Theme URI: http://www.pixelsilk.com/
Description: The Pixelsilk WordPress theme based on the WordPress Default theme.
Version: 1.0
Author: Smart Solutions
Author URI: http://www.smartz.com/
Tags: 

	Pixelsilk Theme v1.0
	 http://www.pixelsilk.com/

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

*/


/* Main styles, imported from site stylesheet */
html, body {width:100%; height:100%;}
html {margin:0; padding:0;}
body {font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#666; margin:0; padding:0; line-height:24px;}
#siteWrapper {position:relative; height:auto !important; height:100%; min-height:100%; margin:-10px 0 0 0; padding:0 10px; text-align:center; background:url('images/pages-site-bg.gif') repeat-x left 0;}
body.home #siteWrapper {background:url('images/pixelsilk-site-bg.gif') repeat-x left 0;}
body div#siteWrapper div#themeContainer div#siteContentArea div#contentLeft div#middleColumn {margin-top:20px;}
body.home div#siteWrapper div#themeContainer div#siteContentArea div#contentLeft div#middleColumn {margin-top:9px;}
#themeContainer {width:960px; margin:0 auto; text-align:left;}
p, div, table, tr, td, pre, img {margin:0; padding:0; border:0;}
p {margin:0; padding:0 0 15px 0;}
a, a:link, a:visited {color:#e87000; text-decoration:none;}
a:active, a:hover, a:focus {outline:none;}
hr {height:1px; border:0; margin:0; padding:0; color:#e5e5e5; background:#e5e5e5;}

.inner {text-align:left;}

p img {padding: 0; max-width: 100%;}
a img { border: none;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

h1, h2, h3, h4, h5 {margin:0; padding:0; font-weight:normal; color:#666;}
h1 {font-size:24px; color:#5a9a98; margin:0 0 20px;}
h2 {font-size:18px; color:#808080;}
h3 {font-size:14px; color:#808080;}
h4 {font-size:12px;}
h5 {font-size:10px;}

/*
h2 a, h2 a:link, h2 a:visited, h3 a, h3 a:link, h3 a:visited {color: #FFF; text-decoration: none;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {text-decoration: underline;}
*/

blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #eee; font-size:12px; font-family:Trebuchet MS, Helvetica, sans-serif !important; line-height: 16px;}
blockquote cite { margin: 5px 0 0; display: block;}

ol li {list-style: decimal outside;}

small { font-size: 11px;}
code { font: 1.1em 'Courier New', Courier, Fixed;}
cite { text-decoration: none;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
hr {display: none;}

select {width: 130px;}

.clear {clear: both;}
.center {text-align: center;}
.hidden {display: none;}
.alignright {float: right;}
.alignleft {float: left}
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

/* Header Styles */
#header {height:153px; position:relative; margin:0 0 0 0; background:url('images/header-pattern-bg.png') no-repeat right top;}
#logo {position:absolute; top:40px; left:40px; z-index:50;}
#divFlash {position:absolute; bottom:2px; right:0px; z-index:1; width:717px; height:151px;}
#divFlash object {position:relative; z-index:1;}

/* Repeating Top Rainbow */
#divGradient {width:100%; height:10px; position:relative; z-index:100; text-align:center; overflow:hidden;}
#divGradientLeft {width:49%; height:9px; overflow:hidden; position:absolute; top:0; left:0; z-index:50; border-bottom:solid 1px #005753; background:#5a9a98;}
#divGradientRight {width:49%; height:9px; overflow:hidden; position:absolute; top:0; right:0; z-index:50; border-bottom:solid 1px #ad1100; background:#ce7019;}
#divGradientMiddle {position:relative; z-index:100; width:1000px; height:10px; margin:0 auto; padding:0; background:url('images/rainbow-bg.png') no-repeat;}

/* Menu Styles */
div#siteMenu {position:absolute; right:0; bottom:0; z-index:9999;}
ul#menu {margin:0; padding:0; list-style:none; line-height:31px;}

ul#menu li, ul#menu li a, ul#menu li a:link, ul#menu li a:visited {background:url('images/menu-item-sprite.gif') no-repeat;}

ul#menu li {float:left; margin:0 1px 0 0; padding:0 5px 0 0; line-height:31px; background-position:right -31px;}
ul#menu li a, ul#menu li a:link, ul#menu li a:visited {height:31px; font-size:14px; color:#666; text-decoration:none; text-transform:lowercase; float:left; display:block; padding:0 20px 0 25px; background-position:0 0;}
ul#menu li a:active, ul#menu li a:hover, ul#menu li a:focus {outline:none;}

ul#menu li.current {background-position:right -93px;}
ul#menu li.current a, ul#menu li.current a:link, ul#menu li.current a:visited {color:#fff; background-position:0 -62px;}

ul#menu li.over {background-position:right -155px;}
ul#menu li.over a, ul#menu li.over a:link, ul#menu li.over a:visited {color:#666; text-decoration:underline; background-position:0 -124px;}

/* Content Area Styles */
#siteContentArea {clear:both; padding:0 0 40px 0;}
#contentLeft {float:left; width:720px;}

#MainContent {width:600px; float:left; margin:40px;}
#middleColumn {width:230px; float:left; margin:9px 0 0; padding:20px 0; text-align:center; border-top:solid 7px #a1a1a1; background:url('images/middle-column-bg.png') no-repeat;}

/* Right Column Styles */
#contentRight {float:left; display:inline; width:230px; margin:0 0 0 10px; padding:0; position:relative; z-index:100;}
#rightContent {width:230px; border-top:solid 7px #666; background:#fff url('images/right-column-bg.png') no-repeat center top;}

/*#rightContent h2 {margin:70px 0 5px 20px; font-weight:normal;}*/

ul#stayConnected {list-style:none; margin:0 30px; padding:0;}
ul#stayConnected li {line-height:27px;}
ul#stayConnected li a img {vertical-align:middle; padding:0 10px 0 0;}
ul#stayConnected li a, ul#stayConnected li a:link, ul#stayConnected li a:visited { color:#666; text-decoration:none;}
ul#stayConnected li a:active, ul#stayConnected li a:hover, ul#stayConnected li a:focus {}

/* Search form styles */
#search {width:230px; height:25px; line-height:25px; margin:19px 0 13px 0; position:relative; background:url('images/pixelsilk-content-management-system-8x1.gif') no-repeat top left;}
.txtSearch {width:200px; height:16px; margin:4px 0 0 5px; border:0; color:#fff; font-size:12px; background:transparent;}
.lnkSearch {position:absolute; top:0; left:211px; width:19px; height:25px;}

#searchform {margin: 0; padding: 0;}
#searchform #s {}
#searchsubmit {}

/* Sidebar styles */
#sidebar {padding: 0 0 50px 0;}
#sidebar h3 {font-size:18px; color:#666; margin:0 2px; padding:0 18px; line-height:30px;}
#sidebar p {margin:0 20px; padding:5px 0;}
#sidebar form {margin: 0;}

#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px; font-size: 12px; line-height: 16px;}
#sidebar ul li h3 {font-size:18px; color:#666; margin:0 2px; padding:0 18px; line-height:30px;}
#sidebar ul li p {margin:0 20px; padding:5px 0; font-size: 12px; line-height: 16px;}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {}
#sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 30px;}
#sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0;}
#sidebar ul ul ul, #sidebar ul ol ol {margin: 0 0 0 10px;}
/* This "linkcat" class is a hack; WP won't override the "Blogroll" header */
.linkcat h2 {font-size:18px; color:#666; margin:0 2px; padding:0 18px; line-height:30px;}

/* Sidebar widget "hack" */
#sidebar div ul {margin: 5px 0 0 30px; padding: 0;}
#sidebar div ul li {margin: 3px 0 0; padding: 0; font-size: 12px; line-height: 16px;}
#sidebar div ul li a, #sidebar div ul li a:link, #sidebar div ul li a:visited
{font-size: 12px; line-height: 16px; text-decoration: none;}
#sidebar div ul li a:hover, #sidebar div ul li a:active
{font-size: 12px; line-height: 16px; text-decoration: underline;}

#sidebar li#tag_cloud {margin-left: 30px;}
#sidebar li#tag_cloud h2 {margin-left: -30px;}
#sidebar li#tag_cloud a {line-height: normal;}

/* Footer Styles */
#footer {color:#999; position:absolute; bottom:0; left:0; width:100%; height:45px; padding-top: 4px; text-align:center; background:#e8e8e8;}
#footerContent {width:1000px; margin:0 auto; text-align:left; line-height:12px; font-size:9px; color:#999;}
#footerContent p {display:block; margin: 0 0 0 20px; padding: 0 0 5px 0; font-size: 9px;}
#footerContent p span {color:#666; font-size: 9px;}
#footerContent p a, #footerContent p a:link, #footerContent p a:visited {color:#999;}
#footerContent a#smartz, #footerContent a#smartz:link, #footerContent a#smartz:visited {float:right; color:#999; text-decoration:none; margin-right:20px;}
#footerContent a#smartz img {vertical-align:middle; margin:3px 0 0;}


/* WordPress-specific structure and styles */

/* Begin Structure */
#page {position:relative; padding: 0; text-align: left;}

/* Content-area styles */
#content {}

h2.pagetitle {margin-bottom: 5px;}

.narrowcolumn {float: left; padding: 0; margin: 0;}
.widecolumn {padding: 10px 0 20px 0; margin: 0;}

.post { margin: 0 0 35px 0; text-align: left;}
.post h2 {margin: 0 0 5px 0;}
.post hr { display: block; }

.widecolumn .post { margin: 0;}

.entry {}
.entry p a:visited {}

/* Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; /*padding-left: 10px;*/ list-style: none; text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ol {margin: 0; padding: 0 0 0 35px;}
.entry ol li {margin: 0; padding: 0;}
/* This is mainly for password protected posts, makes them look better. */
.entry form {text-align:center;}

.divExcerpt, .divExcerpt p {}

.narrowcolumn .entry, .widecolumn .entry {}
.narrowcolumn .entry p, .widecolumn .entry p {}

.postmetadata {clear: both; font-size: 12px; line-height: 14px;}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}

.alt { /*background-color: #f8f8f8; */ margin: 0; padding: 10px; border: 1px #666 dashed;}

.narrowcolumn .postmetadata { text-align: center; /* padding-top: 5px; */}
.widecolumn .postmetadata { margin: 30px 0;}

.widecolumn .attachment { text-align: center; margin: 5px 0px;}
.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}

.navigation {display: block; text-align: center; margin: 0 0 20px 0; overflow: auto; font-size: 12px;}


/* Comment styles */
h3.comments {padding: 0; margin: 40px auto 20px;}

#commentform p { margin: 5px 0;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%; padding: 2px;}
#commentform input, #commentform textarea {font-size: 0.9em;}
#commentform #submit {margin: 0; float: right;}

.commentlist { padding: 0; text-align: justify;}
.commentlist p { margin: 10px 5px 10px 0; font-weight: normal; /* line-height: 1.1em; */ text-transform: none;}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; font-weight: bold; font-size: 0.9em;}
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em;}

.nocomments {text-align: center; margin: 0; padding: 0;}

.commentmetadata {margin: 0; display: block; font-weight: normal;}

ul.recentcomments {}


/* Calendar */
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar caption {font: bold 1.3em Georgia, Georgia, serif; text-align: center; text-decoration: none; width: 100%;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff;}

#wp-calendar a {display: block; /*text-decoration: none;*/}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}


/* WordPress Captions */
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.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;}


/* Custom WordPress Classes and IDs and Widgets */
li.widget_archive {}
h2.widgettitle {font-size:18px; color:#666; margin:0 2px; padding:0 18px; line-height:30px;}
li.widget_recent_comments {padding:45px 0 0 0; margin:0; border-top:solid 1px #F9EDCF; background:url('images/blog-recent-comments-head.gif') no-repeat;}
li.widget_recent_comments h2.widgettitle {display:none;}
#sidebar ul li.widget_pages h2 {font-size:18px; color:#666; margin:0 2px; padding:0 18px; line-height:30px;}
li.widget_pages ul {position:absolute; top:220px; left:-197px;}
li.widget_pages ul li {margin:0; padding:0;}
li.widget_pages ul li a, li.widget_pages ul li a:link, li.widget_pages ul li a:visited {margin:0 ! important; padding:0 ! important; color:#751 ! important; font-size:16px ! important; text-decoration:none;}
li.widget_pages ul li.current_page_item a, li.widget_pages ul li.current_page_item a:link, li.widget_pages ul li.current_page_item a:visited {color:#c60 ! important; text-decoration:underline;}
#sidebar ul li.widget_search {}
#sidebar ul li.widget_search form#searchform {position:absolute; top:180px; left:-192px;}
#sidebar ul li.widget_search form#searchform input#s {margin:0; padding:0; width:110px; height:20px; border-style: inset; border-width:2px; border-left-color:#848484; border-top-color:#848484; border-bottom-color:#fafafa; border-right-color:#fafafa;}

