/*
Theme Name:Simply PSD 4.0
Theme URI:http://www.simplypsd.com/
Version:4.0
Description: A Test Out for the new theme
*/


/* RESET */

html,div,span,applet,object,iframe,blockquote,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
body{font:normal 13px/1 Arial,Helvetica,Garuda,sans-serif;margin:0;padding:0}
h1,h2,h3,h4,h5,h6,ul,li,p,em,strong,pre,code{font-size:100%;font-style:normal;font-weight:400;line-height:inherit;margin:0;padding:0}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:''}
table{border-collapse:collapse;border-spacing:0;font-size:inherit}
form{display:block}
xmp{padding:15px}
cite,em,dfn{font-style:italic}
strong,b{font-weight:700}
sup{bottom:.3em;position:relative;vertical-align:super}
sub{bottom:-.2em;position:relative;vertical-align:sub}
li,dd,blockquote{margin-left:1em}
code,kbd,samp,pre,tt,var,textarea{font-family:Consolas, "Lucida Console", "Courier New", Courier, mono-space;font-size:100%}
del{text-decoration:line-through}
ins,dfn{border-bottom:1px solid #ccc}
small,sup,sub{font-size:85%}
abbr,acronym{border-bottom-style:dotted;border-bottom-width:1px;text-transform:uppercase}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}
label,button{cursor:pointer}
.left{float:left}
.right{float:right}
.center{text-align:center}
.centerdiv250{
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 250px;
}
.clear{clear:both}
.hidden{display:none!important;visibility:hidden}
img.left{margin-bottom:5px;margin-right:8px}
img.right{margin-bottom:5px;margin-left:8px}
pre,blockquote,ul,ol,dl,address,p{margin:0 0 1em}
a abbr,a acronym,fieldset{border:medium none}
a img,img{border:0;text-decoration:none}

/* MENU */

.sf-menu {text-shadow: #000 1px 1px .5px;}

.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0}
.sf-menu{float:left;line-height:1.0;margin:7px 0 1em}
.sf-menu ul{position:absolute;top:-999em;width:10em}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left;position:relative;background:none}
.sf-menu a{display:block;padding:16px 1em 15px;position:relative;text-decoration:none}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:48px;z-index:99}
.sf-menu li li a{padding:8px 1em}
.sf-menu a,.sf-menu a:visited{color:#fff}
.sf-menu li li{background:#2F2F2F}
.sf-menu li li li{background:#181818}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{outline:0}
.sf-menu li li:hover,.sf-menu li li.sfHover,.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active{background:#000}
.sf-menu a.sf-with-ul{min-width:1px;padding-right:2em}
.sf-sub-indicator{
	background:url(images/arrows-ffffff.png) no-repeat -10px -100px;
	display:block;
	height:10px;
	overflow:hidden;
	position:absolute;
	right:0.8em;
	text-indent:-999em;
	top:1.45em;
	width:10px
}
li ul li .sf-sub-indicator{right:1em}
a > .sf-sub-indicator{background-position:0 -100px;top:1.45em}
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px}
.sf-menu ul a > .sf-sub-indicator{background-position:0 0}
.sf-shadow ul{background:url(images/shadow.png) no-repeat bottom right;padding:0 8px 9px 0}
.sf-shadow ul.sf-shadow-off{background:transparent}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;top:0}
li li a .sf-sub-indicator,li li a > .sf-sub-indicator{top:.9em}
.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0}

/* Fancy Box */

div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:1130;}
div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:1200;}
div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(images/fancybox/fancy_progress.png) no-repeat;}
div#fancy_outer{position:absolute;top:0;left:0;z-index:1190;background:transparent;display:none;margin:0;padding:20px 20px 40px;}
div#fancy_inner{position:relative;width:100%;height:100%;background:#F4F5F6;}
div#fancy_content{z-index:1200;position:absolute;margin:0;}
div#fancy_div{background:#000;color:#FFF;height:100%;width:100%;z-index:1200;}
img#fancy_img{position:absolute;top:0;left:0;border:0;z-index:1200;width:100%;height:100%;margin:0;padding:0;}
div#fancy_close{position:fixed;top:0;right:0;width:70px;height:70px;background:url(images/fancybox/close.png) top left no-repeat;cursor:pointer;z-index:1281;display:none;}
#fancy_frame{position:relative;width:100%;height:100%;display:none;}
#fancy_ajax{width:100%;height:100%;overflow:auto;}
a#fancy_left,a#fancy_right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:1211;display:none;background-image:url(data:image/gif;base64,AAAA);outline:none;overflow:hidden;}
a#fancy_left{left:0;}
a#fancy_right{right:0;}
span.fancy_ico{position:absolute;top:50%;margin-top:-32px;width:51px;height:64px;z-index:1212;cursor:pointer;display:block;}
span#fancy_left_ico{left:-9999px;background:transparent url(images/slide-previous.png) no-repeat 0 -64px;}
span#fancy_right_ico{right:-9999px;background:transparent url(images/slide-next.png) no-repeat 0 -64px;}
a#fancy_left:hover,a#fancy_right:hover{visibility:visible;background-color:transparent;}
a#fancy_left:hover span{left:-3px;}
a#fancy_right:hover span{right:-3px;}
#fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1170;border:0;margin:0;padding:0;}
div.fancy_bg{position:absolute;display:block;z-index:1170;border:0;margin:0;padding:0;}
div#fancy_bg_n{top:-20px;left:0;width:100%;height:20px;background:transparent url(images/fancybox/fancy_shadow_n.png) repeat-x;}
div#fancy_bg_ne{top:-20px;right:-20px;width:20px;height:20px;background:transparent url(images/fancybox/fancy_shadow_ne.png) no-repeat;}
div#fancy_bg_e{right:-20px;height:100%;width:20px;background:transparent url(images/fancybox/fancy_shadow_e.png) repeat-y;}
div#fancy_bg_se{bottom:-20px;right:-20px;width:20px;height:20px;background:transparent url(images/fancybox/fancy_shadow_se.png) no-repeat;}
div#fancy_bg_s{bottom:-20px;left:0;width:100%;height:20px;background:transparent url(images/fancybox/fancy_shadow_s.png) repeat-x;}
div#fancy_bg_sw{bottom:-20px;left:-20px;width:20px;height:20px;background:transparent url(images/fancybox/fancy_shadow_sw.png) no-repeat;}
div#fancy_bg_w{left:-20px;height:100%;width:20px;background:transparent url(images/fancybox/fancy_shadow_w.png) repeat-y;}
div#fancy_bg_nw{top:-20px;left:-20px;width:20px;height:20px;background:transparent url(images/fancybox/fancy_shadow_nw.png) no-repeat;}
div#fancy_title{position:absolute;z-index:1200;display:none;margin-top:-9px;}
div#fancy_title div{padding:0 8px 19px;margin:0;white-space:nowrap;}
div#fancy_title table{margin:0 auto;}
div#fancy_title table td{vertical-align:middle;padding:0;}
td#fancy_title_left{height:55px;width:30px;background:transparent url(images/fancybox/title_left.png) repeat-x;}
td#fancy_title_main{height:55px;background:transparent url(images/fancybox/title_main.png) repeat-x;}
td#fancy_title_right{height:55px;width:30px;background:transparent url(images/fancybox/title_right.png) repeat-x;}


/* Theme Styles */

/*** Primary Style Sheet for Theme ***/
/* The body of the design */


body {
	color: #434343;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	
	background-color: #101318;
	background-image: url(images/footer-bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#Wrapper {
	background-image: url(images/large-bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/* links */

a, a:link, a:visited {
	color: #384454;
	text-decoration: none;
}
a:hover, a:active {
	color: #d00044;
	text-decoration: none;
}
p a {text-decoration: underline;}

#MainMenu a:link, #MainMenu a:visited {
	color: #CACACA;
}	/* menu links - top level items */
#MainMenu a:hover, #MainMenu a:active {
	color: #384454;
}
#MainMenu .sf-menu li li:hover, #MainMenu .sf-menu li li.sfHover, #MainMenu .sf-menu li li a:focus, #MainMenu .sf-menu li li a:hover, #MainMenu .sf-menu li li a:active {
	color: #fff;
	background-color: #384454;
}
#Footer a:hover, #Footer a:active, #ContentPanel a:hover, #ContentPanel a:active {
	color: #f0f0f0;
}
/* headings */

h1, h2, h3, h4, h5, h6, .headline, .title {
	font-family: "spsd", Arial, Helvetica, Garuda, sans-serif;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0.5em;
	padding: 0 0 0.2em;
	color: #000;
}
h1 {
	font-size: 1.85em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.35em;
	margin-bottom: 0.5em;
}
h4 {
	font-size: 1.2em;
	margin-bottom: 0.5em;
	border-bottom: none;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
	border-bottom: none;
}
h6 {
	font-size: 1em;
	font-weight: lighter;
	text-transform:uppercase;
	margin-bottom: 0.5em;
	border-bottom: none;
}
.headline {
	color: #595959;
}
.title {
	padding: 0;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .headline strong, .title strong {
	font-weight: bold;
	color: #000;
	margin: 0px;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .headline span, .title span {
	display: block;
	color: #8F8F8F;
	font-size: 0.6em;
	margin: -0.1em 0 0;
}
#Footer h1, #Footer h2, #Footer h3, #Footer h4, #Footer h5, #Footer h6, #ContentPanel h1, #ContentPanel h2, #ContentPanel h3, #ContentPanel h4, #ContentPanel h5, #ContentPanel h6 {
	color: #eee;
	font-family: "spsd", Arial, Helvetica, Garuda, sans-serif;
} /* headers on dark backgrounds */
/* text */

blockquote {
	margin: 0 0 18px 4px;
	padding: 0 16px;
	font-style: italic;
	border-left: 5px solid #bbb;
}
code, pre {
	font: normal 13px/18px Consolas, "Courier New", Courier, monospace;
	background: #E8EBEC url("images/pre-bg.gif") repeat 0 0;
	padding: 18px 5px;
	border: 1px dotted #bbb;
	color: #333;
}
code {
	padding: 1px 3px;
	background-image: none;
}
sup {
	bottom: 0.1em;
}
.impact {
	font-size: 1.1em;
	line-height: 1.5;
}
.noMargin {
	margin: 0;
}
#Copyright {
	font-size:0.9em;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
}
#Copyright p {
	color: #FFF;
	margin: 0px;
	padding: 0;
}
/* Lists */

ul, ol {
	margin: 0 0 20px 5px;
}
ol {
	padding-left: 2em;
}
ul ul, ol ol, ul ol, ol ul {
	margin-top: 8px;
}
ul li, ol li {
	line-height: 1.3em;
	padding: 3px 5px;
}
ul li {
	padding-left: 15px;
}
ol li {
	list-style-type:decimal;
	list-style-position: outside;
}
/* custom list styles */

	/* bullet types */
	ul li {
	background-color: transparent;
	background-image: url(images/bullets/dot_gray.gif);
	background-repeat: no-repeat;
	background-position: 0 0.6em;
}
/* default list style */
	ul.bullet-none li {
}
ul.bullet-black li {
	background: transparent url("images/bullets/dot_black.gif") no-repeat 0 .6em;
}
ul.bullet-gray li {
	background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 .6em;
}
ul.bullet-silver li {
	background: transparent url("images/bullets/dot_gray_light.gif") no-repeat 0 .6em;
}
ul.bullet-blue li {
	background: transparent url("images/bullets/dot_blue.gif") no-repeat 0 .6em;
}
ul.bullet-green li {
	background: transparent url("images/bullets/dot_green.gif") no-repeat 0 .6em;
}
ul.bullet-orange li {
	background: transparent url("images/bullets/dot_orange.gif") no-repeat 0 .6em;
}
ul.bullet-red li {
	background: transparent url("images/bullets/dot_red.gif") no-repeat 0 .6em;
}
ul.bullet-disc-black li {
	background: transparent url("images/bullets/circle_black.gif") no-repeat 0 .6em;
}
ul.bullet-disc-gray li {
	background: transparent url("images/bullets/circle_gray.gif") no-repeat 0 .6em;
}
ul.bullet-disc-silver li {
	background: transparent url("images/bullets/circle_gray_light.gif") no-repeat 0 .6em;
}
ul.bullet-disc-blue li {
	background: transparent url("images/bullets/circle_blue.gif") no-repeat 0 .6em;
}
ul.bullet-disc-green li {
	background: transparent url("images/bullets/circle_green.gif") no-repeat 0 .6em;
}
ul.bullet-disc-orange li {
	background: transparent url("images/bullets/circle_orange.gif") no-repeat 0 .6em;
}
ul.bullet-disc-red li {
	background: transparent url("images/bullets/circle_red.gif") no-repeat 0 .6em;
}
ul.bullet-check li {
	background: transparent url("images/bullets/check.gif") no-repeat 0 .2em;
	padding-left: 20px;
}
/* numbered list with styling */	
	ol.number-pad {
	padding: 3px 5px 5px 22px;
	border-left: 1px solid #E9E9E9;
	background: #fff url("images/bullets/ordered-background.gif") repeat-y 0 0;
}
ol.number-pad ol, ol.number-pad ul {
	background: none;
	margin-left:18px;
}
ol.number-pad li {
	padding-left: 10px;
	border-bottom:1px dotted #D6D6D6;
}
/* list with image, title and description */
	ul.post-list {
	margin-left:0;
}
ul.post-list li {
	padding: 0;
	background: none;
	font-size: 85%;
	display: block;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
ul.post-list li img {
	float: left;
	background-image: url(images/smallthumb-Bg.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 1.5em;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 6px;
}
ul.post-list li a {
}
/* horizontal lists */
	ul.horizList {
	margin: 0 0 1em;
}
ul.horizList li {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}
/* forms and inputs */

input {
	color: #000;
}
textarea, .textInput {
	width: 175px;
	margin: 0 0 0.5em;
	padding: 5px;
	background: #E1E2E3 url("images/inputBg.gif") repeat-x 0 0;
	border: 1px solid #fff;
	border-color: #C9CACB #fff #fff #C9CACB;
	outline: none;
}
label.overlabel {
	color: #B3B4B4;
	font-size: 1.2em;
	display:none;	/* initially hidden to prevent other content from shifting after JS function runs */
}
/* common styles */
	
.hr {
	clear: both;
	padding: 0;
	height: 5px;
	background: transparent url("images/hr-bg.gif") repeat-x 0 0;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
.hrTop {
	clear: both;
	padding: 0;
	height: 5px;
	background: transparent url("images/hr-bg.gif") repeat-x 0 0;
	margin-top: 3em;
	margin-right: 0;
	margin-left: 0;
}
/* logo */

#Logo {
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 30px;
	position: absolute;
	top: 92px;
	left: 0px;
}
#Logo a {
	display: block;
	width: 230px;
	height: 40px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(images/spsd-logo.png);
	padding-top: 50px;
}
.hrSidebar {
	clear: both;
	padding: 0;
	height: 2px;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	background-color: transparent;
	background-image: url(images/sidebar-split.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.hr-sidebar {
	clear: both;
	padding: 0;
	height: 5px;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	background-color: transparent;
	background-image: url(images/hr-Sidebar.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
/* design structure */

#Wrapper, #PageWrapper {
	position: relative;
}	/* IE needs this to position content when using top panel (#ContentPanel) */
#PageWrapper {
	position:relative;
	width: 1028px;
	margin: 0 auto;
	padding: 63px 0 0;
}
.pageTop {
	height: 10px;
	overflow: hidden;
	background: transparent url("images/pageBg-top.png") no-repeat 0 0;
}
.pageBottom {
	height: 10px;
	overflow: hidden;
	background: transparent url("images/pageBg-bottom.png") no-repeat 0 0;
	margin: 0 0 0.4em;
}
#Header {
	background-color: transparent;
	background-image: url(images/pageBg-repeat.png);
	background-repeat: repeat-y;
	background-position: center center;
}
#Header, .pageMain {
	width: 1028px;
}	/* must be specified for PNG Fix to work (IE 6 issue) */

#Footer {
	width: 1028px;
	background-image: url(images/footerBg-repeat.png);
	background-repeat: repeat-y;
}	/* must be specified for PNG Fix to work (IE 6 issue) */
#FooterTop {
	height: 2px;
	overflow: hidden;
	background-color: transparent;
	background-image: url(images/footer-bg-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#FooterContent {
	width:100%;
	float: left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#FooterBottom {
	width: 1028px;
	height: 33px;
	overflow: hidden;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	background-color: transparent;
	background-image: url(images/footer-bg-sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -4px;
}
/* max width containers */
.contentArea {
	width: 1000px;
	margin-top: 0;
	margin-right: 9px;
	margin-bottom: 0;
	margin-left: 10px;
}
/* main menu */

#MenuWrapper {
	height: 62px;
	width: 730px;
	float:right;
}
#MainMenu {
	position: relative;
	top: -20px;
	right: 20px;
	height: 62px;
	float: right;
	z-index: 99;	/* allows menu to overlap slideshow*/
}
#MmLeft {
	float:left;
	width: 25px;
	height: 62px;
	background: transparent url("images/mainMenu-left.png") no-repeat 0 0;
}
#MmRight {
	float:left;
	width: 20px;
	height: 62px;
	background: transparent url("images/mainMenu-right.png") no-repeat 0 0;
}
#MmBody {
	float: left;
	min-width: 500px;
	height: 62px;
	background: transparent url("images/mainMenu-repeat.png") repeat-x 0 0;
}
#MmOtherLinks {
	float: left;
}
.mmDivider {
	float: left;
	width: 10px;
	height: 40px;
	margin:7px 10px 0;
	background: transparent url("images/mainMenu-divider.gif") no-repeat 0 0;
}
#MainMenu .sf-menu li li {
	background: #393939;
} /* sub-menu background */
#MainMenu .sf-menu li li li {
	background: #2f2f2f;
} /* sub-sub-menu background */
.mmLogin {
	background: transparent url(images/icons/bullet-lock.png) no-repeat 0 0;
	padding-left: 20px;
}
.mmFeeds {
	background: transparent url(images/icons/bullet-feed.png) no-repeat 0 0;
	padding-left: 20px;
}
.mmRSS {
	background: transparent url(images/icons/feed.png) no-repeat 0 0;
	padding: 1px 0 0 25px;
}
.mmFacebook {
	background: transparent url(images/icons/facebook.png) no-repeat 0 0;
	padding: 1px 0 0 25px;
}
.mmTwitter {
	background: transparent url(images/icons/twitter2.png) no-repeat 0 0;
	padding: 1px 0 0 25px;
}
/* search */
#Search {
	clear: right;
	float:right;
	width: 298px;
	height: 32px;
	margin: 14px 26px 25px;
	overflow: hidden;
	background: transparent url("images/search-bg.gif") no-repeat 0 0;
	cursor: text;
}
#Header .searchHover {
	background-position: 0 -32px;
}
#Header .searchActive {
	background-position: 0 -64px;
	cursor: pointer;
}
#SearchInput {
	float:left;
	background: transparent;
	border: 0;
	font-size: 14px;
	height: 20px;
	padding: 8px 0 3px 7px;
	width: 216px;
	margin: 0;
}
#SearchSubmit {
	float:left;
	display:none;
	background: transparent;
	border: 0;
	width:73px;
	height:30px;
	margin: 1px 0 0;
	padding:0;
	cursor: pointer;
}
/* contact */

#CommentForm fieldset legend {
	display: none;
}
#CommentForm div {
	margin-bottom: 1.5em;
}		/* space between inputs */
#CommentForm .textInput, #CommentForm textarea {
	width: 500px;
	margin: 0;
}	/* margins set by containers <div> */
#CommentForm textarea {
	height: 150px;
}
#CommentForm input.error, #CommentForm textarea.error {
	background-color: #ffc;
	border-color: #EF7E58;
}
#CommentForm label.error {
	display: block;
	color: #f33;
	font: bold 10px Verdana, Arial, Helvetica, Garuda, sans-serif;
	line-height: 1em;		/* required for negative margins to work fully */
	margin: 0.2em 0 -1.2em;	/* negative margins counter act error message space so input fields don't shift */
}
/* button styles */

button {
	position: relative;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
button.btn {
	border: 0;
	padding: 0;
	outline: none;
	margin-left: -6px; /* corrects for shadow to make left edge look aligned */
}
button span {
	position: relative;
	display: block;
	white-space: nowrap;
}
button.btn {
	padding: 0 35px 0 0;
	margin-right:5px;
	font-size: 1em;
	text-align: center;
	background: transparent url("images/button-sprite.gif") no-repeat right -92px;
}
button.btn span {
	padding: 13px 0 0 35px;
	height: 29px;
	background: transparent url("images/button-sprite.gif") no-repeat left top;
	color: #a2a2a2;
	line-height: 1.2;
	text-shadow: #000 -1px -1px 0px;
}
button.btn:hover, button.btnHover {
	background-position: right -138px;
} /* extra class used for sucky browsers (stupid IE) */
button.btn:hover span, button.btnHover span {
	background-position: 0 -46px;
	color: #fff;
	text-shadow: #333 -1px -1px 1px;
}
.darkBg button.btn, .darkBg button.btn span, #Footer button.btn, #Footer button.btn span, #ContentPanel button.btn, #ContentPanel button.btn span {
	background-image: url("images/button-sprite-dark.gif");
}	/* for buttons on dark backgrounds */
/* login */

.loginForm {
	height: 207px;
	overflow: hidden;
}
.loginContainer {
	float: left;
	width:360px;
	height: 142px;
	padding: 15px 0 0 20px;
	background: transparent url("images/login-bg.png") no-repeat 0 0;
	color: #C6C6C6;
	overflow: hidden;
}
#loginBg {
	float: left;
	margin: 17px 0 0;
}
.loginForm fieldset legend {
	display: none;
}
.loginContainer p {
	margin: 0 0 0.5em;
}
.loginContainer .loginInput {
	width: 340px;
}
.loginForm .signInButton {
	margin: 0 18px 0 0;
}
a.loginClose {
	position: absolute;
	top: -10px;
	right: -12px;
	display: block;
	height: 30px;
	width: 36px;
	text-indent: -999px;
	overflow: hidden;
	background: transparent url("images/fancybox/smallClose.png") repeat 0 0;
}
a.loginClose:hover, a.loginClose:active {
	background-position: 0 -30px;
}
/* other */

div#fancy_overlay {
	background: #2c2c2c;
}	/* overlay color */
/* featured content */

.featuredContent {
	margin-top: 1.5em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}
.featuredItem {
	display: block;
	clear:both;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 0;
}
.featuredImg {
	margin-bottom: 15px;
}
.featuredImg img {
}
/* layouts styles */

.two-thirds, .half-page, .full-page {
	float: left;
	margin: 0 10px 0 0px;
}
.one-third {
	width: 280px;
	margin-left: 5px;
	float: left;
}
.one-third-left {
	width: 300px;
	margin-top: 5px;
	margin-bottom: 15px;
	float: left;
	background-image: url(images/content-sep.png);
	background-repeat: repeat-y;
	background-position: right;
}
.two-thirds {
	width: 600px;
}
.half-page {
	width: 330px;
}
.full-page {
	margin-right: 25px;
	float: none;
}
#Footer .one-third, #Footer .two-thirds, #Footer .half-page {
	background: transparent url("images/footerBg-verticalRule.gif") repeat-y 100% 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 23px;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 0;
}
#Footer .one-third {
	width: 277px;
}
#Footer .two-thirds {
	width: 574px;
}
#Footer .half-page {
	width: 419px;
}
#Footer .full-page {
	margin: 0;
	padding: 0 23px;
}
body #Footer .last {
	background: none;
}	/* no right border on last */
#Footer .contentArea {
	padding-bottom: 0;
	color: #CCC;
}
#ContentPanel { /* hidden top content area */
	position:relative;
	display:none; 		/* hidden on start */
	background: #2C2C2C;
	border-bottom: 1px solid #fff;
}
#ContentPanel .contentArea {
	margin: 0 auto;
}
#pageContent {
	width: 680px;
	float: left;
	padding-left: 30px;
	min-height:750px;
}
#pageSidebar {
	float: right;
	width: 270px;
	margin-right: 15px;
}
#pageSidebar li {
	list-style:none;
	background-image: none;
	clear:both;
}
#toppageMain {
	background-image: url(images/pagemainTop.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 3px;
}
#pageMain {
	background-image: url(images/pagebg.png);
	background-repeat: repeat-y;
	background-position: center center;
	padding-top: 10px;
}
#postImage {
	position:relative;
	-moz-box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.3);
	border:5px solid #FFFFFF;
	margin-bottom:17px;
	margin-right:10px;
	width: 674px;
	height: 194px;
	margin-bottom:5px;
	margin-left: 28px;
	}
#tutHeadline {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url(images/tutheading-bg.png);
	padding: 10px;
}
#tutHeadline span {
	font-size: 16px;
	color: #CCC;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
}
#tutHeadline h1, h2 {
	color: #F6F6F6;
	font-size: 26px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#tutHeadline a {
	color: #fff;
}
#tutHeadline a:hover {
	color: #CCC;
}
.postimage {
	background-image: url(images/lastest-photoshop-tutorial-background.png);
	width: 610px;
	margin: 0px;
	background-repeat: no-repeat;
	height: 215px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}
.tutthumbHeading {
	font-size: 28px;
	color: #666;
	line-height:1;
	margin:0 0 0em;
	padding:0 0 0.0em;
}
.tutthumbHeading a {
	color: #333;
}
.tutthumbHeading a:hover {
	color: #666;
}
.tutthumb {
	-moz-box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.3);
	border:5px solid #FFFFFF;
	margin-bottom:17px;
	margin-right:10px;
	height: 200px;
	width: 200px;	
	float:left;
	
}
.featuredText span {
	font-size: 10px;
	color: #666;
	line-height:1;
	margin:0 0 0em;
	margin-bottom: 11px;
	display: block;
	background-image: url(images/hr-bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 20px;
}
#contentWrap {
	width: 730px;
	float: left;
}
#pageSidebar img {
	display: block;
	margin-right: 10px;
	margin-left: auto;
}
/* pagination */
 
#tnt_pagination {
	line-height:21px;
	padding-top:3px;
	font-size:12px;
	margin-bottom:30px;
	margin-top:30px;
	clear:both;
}
#tnt_pagination a:link, #tnt_pagination a:visited {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#384454;
	width:22px;
	font-weight:normal;
}
#tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;
}
#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:10px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}
#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}
/* blogpost elements */

.blogPost img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: 4px solid #FFF;
	margin-bottom: 30px;
	margin-top: 20px;
}
.blogPost #metabox {
	float: right;
	width: 250px;
	background-image: url(images/meta-bg.png);
	background-position: left bottom;
	background-repeat: repeat-y;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.blogPost #metabox strong {
	color: #384454;
}
.blogPost #metabox p {
	margin: 0px;
}
.post-list li h3 a {
	color: #333;
	font-family: spsd;
	margin: 0px;
}
.post-list li h3 a:hover {
	color: #999;
}
#Wrapper #PageWrapper #pageMain #pageSidebar div .post-list li p {
	margin: 0px;
}
.featuredText {
	display: block;
	float: right;
	width: 450px;
}
span.right {
	float:right;
	display: block;
	clear: both;
	background-image: none;
}

#popular-posts {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}
#popular-posts ul li {
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	padding: 0px;
}
#popular-posts ul, ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}
#popular-posts img {
	float:right;
	background-image: url(images/smallthumb-Bg.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 6px;
	height: 64px;
	width: 64px;
}
#popular-posts h3 {
	color: #FFF;
	background-color: #666;
	margin-left: -10px;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 20px;
}
#popular-posts h5 a {
	color:#333;
	font-size:16px;
	font-weight:400;
}
#popular-posts h5 a:hover {
	color:#999;
	font-size:16px;
	font-weight:100;
}
#popular-posts span a {
	color:#FFF;
	font-size:9px;
	text-transform:uppercase;
	padding:5px;
	background-color: #CCC;
}
#popular-posts span a:hover {
	text-decoration:none;
	background-color: #666;
}
#popular-posts p {
	color:#999;
	font-size:11px;
	padding-bottom:15px;
	text-transform:uppercase;
}
#footer-cat {
	background-color: #141414;
	border: 1px solid #333;
	margin-top:15px;
	margin-right:23px;
	margin-bottom: 30px;
	margin-left: 23px;
}
#footer-cat ul {
	margin:0;
	padding:10px;
}
#footer-cat ul li {
	display:inline;
}
#footer-cat li {
	display:block;
	background-image: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.footheading {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
.left-indent {
	margin-left: 23px;
}
.addedspan {
	font-size: 16px;
	padding:5px;
	margin-bottom: 10px;
}
#Wrapper #PageWrapper #pageMain #contentWrap #pageContent .blogPost p .zoom img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}


/* sidebar - rss, twitter */
#infobox {
	width: 250px;
	position: absolute;
	left: 351px;
	top: 128px;
}
#infobox small {
	position:relative;
	top:-14px;
	left:0;
	color:#888;
	margin-bottom:0;
	font-size: 9px;
	width:100%;
}
#infobox small a {color:#333; color:#888}



#infobox .rss, 
#infobox .twitter{
	float:left;
	height:55px;

}
#infobox .rss p a {
	height: 40px;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-left:40px;
	padding-top:10px;
	color:#343434;
	font-family: "SPSD";
	background-image: url(images/rssicons-sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -55px;
}
#infobox .rss p a:hover {
	color:#1e1e1e;
	background-image: url(images/rssicons-sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}
#infobox .twitter{

	background-image: url(images/content-sep.png);
	background-position: left center;
	background-repeat: repeat-y;
	margin-left: 10px;
	padding-left: 15px;
}
#infobox .twitter p a {
	height: 40px;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-left:45px;
	padding-top:10px;
	color:#343434;
	font-family: "SPSD";
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
#infobox .twitter p a:hover {
	color:#1e1e1e;
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}



#Wrapper #PageWrapper #pageMain #contentWrap #pageContent .blogPost .zoom img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 5px;

}
#contentWrap #pageContent  p a {
	text-decoration: underline;
}
.pageConent {
		width: 680px;
	float: left;
	padding-left: 30px;
}

/*
Default style for pages
*/

.wp-pagenavi {
	margin-top: 20px;
	margin-bottom: 25px;
	
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border:1px solid #E2E2E2;
	margin: 5px;
	color: #666;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color: #CCC;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}

.wp-pagenavi span.current {
	font-weight: bold;
}
.wp-pagenavi span.pages {

						 
	
}
#pageMain #contentWrap #pageContent #archive-posts .display li {
	margin: 0px;
	background-image: none;
	padding: 0px;
	clear: both;
}
#pageMain #contentWrap #pageContent #archive-posts .display li .content_block a img {
	float: left;
	height: 100px;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-top: 5px;
}



/*
Default style for Comments

*/

  .commentlist {
      }
        ol.commentlist li {
          background: none;
        	margin: 0px;
        	padding-left: 0px;
        	list-style: none;
        }
		 .comment-reply-link {
          font-size: 8px;
          text-transform: uppercase;
          
          padding: 0px 8px 1px 8px;
        	position: absolute;
        	left: 0px;
        	bottom: 0px;
        	background: #f9f9f9;
        	border-top: 1px solid #e8e8e8;
        	border-right: 1px solid #e8e8e8;
        }
        .children .comment-reply-link {
          background: #fff;
        }
        .commentlist .children li {
          border-left: 1px solid #cacaca;
          padding-left: 30px;
          margin: 0;
          list-style: none;
          background: transparent url(images/li-left.png) no-repeat 0 20px;
        }
        .commentlist .comment-body {
	background: #fff;
	border: 1px solid #dfdfdf;
	position: relative;
	margin-bottom: 10px;
	padding-right: 40px;
	overflow: hidden;
	min-height: 60px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 60px;
        }
		 .commentlist .comment-body .avatar {
            position: absolute;
            left: 15px;
            top: 15px;
          }
          .commentlist .comment-body .commentmetadata {
            font-size: 12px;
            font-style: italic;
            padding-bottom: 5px;
			margin-bottom:5px;
			 position: absolute;
              right: 5px;
              bottom: 0px;
          }
            .commentlist .comment-body .commentmetadata a {
              color: #989898;
            }
          .commentlist .comment-body .comment-meta .comment-edit-link {
            display: none;
          }
		  
		  
		  
		   .commentlist .comment-body .fn {
            font-family: Arial;
            font-size: 16px;
            font-weight: bold;
            float: left;
            padding-right: 5px;
            padding-bottom: 0px;
			
          }
          .commentlist .children .comment-body {
	border: 1px solid #dfdfdf;
	padding-left: 80px;
	min-height: 90px;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
          }
            .commentlist .children .comment-body .avatar {
              position: absolute;
              right: 10px;
              top: 10px;
            }

.commentlist .children .comment-body .fn {
              font-size: 12px;
            }
            .commentlist .comment-body .says {
              display: none;
            }
			
			     .comments-navigation {
      	
      }
      	.comments-navigation .alignleft {
      	  float: left;
      	}
      	.comments-navigation .alignright {
      	  float: right;
      	}
     
        h1.comments-header span {
            color: #5f5f5f;
            font-size: 30px;
          }
  
        .commentlist #respond {
          margin-bottom: 10px;
        }
          .commentlist #respond h1 {
            display: none;
          }
            .children #respond p.input_block {
              width: 199px;
            }
              .children #respond p.input_block input {

                width: 188px;
              }
                .children .children #respond p.input_block {
                  width: 189px;
                }
                  .children .children #respond p.input_block input {
                    width: 178px;
                  }
                    .children .children .children #respond p.input_block {
                      width: 179px;
                    }
                      .children .children .children #respond p.input_block input {
                        width: 168px;
                      }
       
          
              .children #respond p.textarea_block {
                width: 660px;
              }
                .children #respond p.textarea_block textarea {
                  width: 647px;
                }
                  .children .children #respond p.textarea_block {
                      width: 630px;
                    }
                      .children .children #respond p.textarea_block textarea {
                        width: 616px;
                      }
                        .children .children .children #respond p.textarea_block {
                          width: 600px;
                        }
                          .children .children .children #respond p.textarea_block textarea {
                            width: 585px;
                          }
       
      
          .cancel-comment-reply a {
            font-size: 8px;
            text-transform: uppercase;
           
            padding: 0px 8px 1px 8px;
          	position: absolute;
          	left: 0px;
          	bottom: 0px;
          	background: #f9f9f9;
          	border-top: 1px solid #e8e8e8;
          	border-right: 1px solid #e8e8e8;
          }




.randomtut_menu {
	padding: 0;
	list-style: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.randomtut_menu li img{
	border:3px solid #FFF
}
.randomtut_menu li {
	padding: 0;
	float: left;
	position: relative;
	text-align: center;
	width: 125px;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 50px;
	margin-left: 2px;
	background-image: none;
	list-style-type: none;
}
.randomtut_menu a {
	padding: 14px 10px;
	display: block;
	width: 120px;
	
}
.randomtut_menu li em {
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -40px;
	text-align: center;
	padding: 10px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	background-color: #FFF;
	border: 5px solid #000;
}
.padded_image {
	background-color:#FAFAFA;
	border:1px solid #E9E9E9;
	font-size:11px;
	font-style:italic;
	margin-bottom:30px;
	overflow:hidden;
	padding:20px 20px 15px;
	text-align:center;
}


.content_social_media {
	background-color: #F4F5F6;
	padding: 10px;
	margin-bottom:5px;
	}
.content_social_media .tweetmeme_btn {
float:left;
height:24px;
padding-top:9px;
}
.content_social_media .stumble_btn {
float:left;
height:24px;
padding-top:8px;
}
.content_social_media .digg_btn {
float:left;
height:24px;
margin-left:20px;
padding-top:8px;
overflow:hidden;
width:90px;
}
.content_social_media .face_btn {
float:left;
height:24px;
padding-top:6px;
margin-left:10px;
width:70px;
}