/*
Theme Name: Transition Pro
Theme URI: http://www.pixelthemestudio.ca
Description: You get several page layout options, Social Bookmarking, Twitter, collapsible columns and other widget positions, a collapsible Showcase header area which you can use for pictures, slideshows, and any other media, SEO Optimized headings, NO SCRIPTS, Built-in breadcrumbs, and more. Basically, Transition offers you a Free theme based on the Professional Transition version (Designed by <a href="http://www.pixelthemestudio.ca/themes">Pixel Theme Studio</a>) for serious bloggers and businesses tired of plain old styles. Support is available to members as an option.
Version: 1.3
Author: Pixel Theme Studio
Author URI: http://www.pixelthemestudio.ca
Tags: green,blue,dark,flexible-width,three-columns,theme-options
License: GNU/GPL 3
*/

html,body,h1,h2,h3,h4,h5,h6,ul,ol,li {vertical-align:top; font-size:1em; outline:0; padding:0; margin:0 0 1px 0; border:0;}
body {background: #050505 url('images/headerbg.jpg') center top no-repeat; font:normal 1em/1sem Arial, Helvetica, sans-serif;}

/* Clearing */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;	clear: both;}
.clear {clear: both;}
/* End hide from IE-mac */

/* miscellaneous */
table {border-collapse:collapse; padding:0;}
table td {padding:0; margin:0; vertical-align:top;}
:focus {outline: 0;}

.line{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%; background:url('images/line.png') repeat-x scroll center bottom;}	
.top{font-size:8px;line-height:10px;margin-bottom:40px;text-align:right;position:relative;}
.top a{background:#F9F9F9 none repeat scroll 0 0; color:#bbb; height:20px; position:absolute; right:0; text-shadow:1px 1px 0 #fff; top:12px; width:20px; text-decoration:none;}

/* Primary Wrappers */
#defaultlogo, #logo {background:transparent url('images/logo.png') 0 2px no-repeat; width:980px; height:75px; margin:30px auto 0;}
#logo {background:none; color:#fff;} /* This is for your own logo but you may have to modify style for your logo placement and look */
#showcase, #header {width:980px; margin:5px auto 15px; height:350px; background: transparent url('images/showcase-demo.png') center top no-repeat; text-align:center;}
#header {height:auto; background:none; color:#fff; padding:10px;}
#navwrapper {background:transparent url('images/navwrapper.png') center bottom repeat-x; height:39px;}
#mainbody {background:#F9F9F9; padding-bottom:40px;}
#topbg {background:#E8E8E8 url('images/topbg.png') center bottom no-repeat; min-height:75px; margin-bottom:10px;}
#top {width:980px; margin:0 auto; padding-top:5px; text-align:center; font:normal 1em "trebuchet ms",arial,helvetica; color:#777; font-style:italic; text-align:center;}

#breadcrumbs {width:960px; margin:0 auto; font:normal .65em Arial, Helvetica, sans-serif; color:#888;}
#breadcrumbs a {color:#54728A; text-decoration:none;}
#breadcrumbs a:hover {color:#937B53;}

/* Mainbody columns setup */
#group1, #group2, #columns {width:960px; margin:0 auto; font:normal .7em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#555; min-height:200px; margin-top:20px;}
td#left, td#right {width:0; padding:0;}
td#left div.widget {padding-right:48px; width:288px;}
td#content {width:100%;}
td#inset div.widget {padding-left:48px; width:190px;}
td#right div.widget {padding-left:48px; width:288px;}

/* Nested Columns and widget groups */
#group1, #group2 {margin:20px auto 0; min-height:0;}
#group1 {}
#group2 {}
.two{width:456px;}
.three{width:288px;}
.four{width:204px;}
.two,.three,.four{position:relative;margin-right:48px;margin-bottom:20px;float:left;}
.last{margin-right:0 !important;clear:right;}

/* Social Networking */
#socialbarbg { background:transparent url('images/footertopbg.png') center -1px repeat-x; min-height:55px;}
#socialtable {margin:0 auto 15px;}
#socialleft {width:53px; background:transparent url('images/socialleft.png') left -1px no-repeat;}
#socialbg {height:55px; background:transparent url('images/socialbg.png') center -1px repeat-x; color:#fff;}
#socialright {width:53px; background:transparent url('images/socialright.png') right -1px no-repeat;}
#footerwrapper {background:transparent url('images/footerbg.png') repeat; min-height:100px;}
#footer {width:960px; margin:0 auto; padding:5px 0 7px 0; color:#ccc; text-align:center; font-family:Arial, Helvetica, sans-serif;}
#footer .widget {font-size:11px;}
#bottom {background:#000; border-top:1px solid #141C21; min-height:20px; color:#5A5957; text-align:center; font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding-top:6px;}


#socialbg a {display:block; height:35px; width:36px; float:left; padding:0 3px;}
a#sc1{background: transparent url('images/icon-twitter.png') no-repeat 0px top;}
a#sc1:hover{background: transparent url('images/icon-twitter.png') no-repeat 0px -35px;}
a#sc2{background: transparent url('images/icon-myspace.png') no-repeat 0px top;}
a#sc2:hover{background: transparent url('images/icon-myspace.png') no-repeat 0px -35px;}
a#sc3{background: transparent url('images/icon-facebook.png') no-repeat 0px top;}
a#sc3:hover{background: transparent url('images/icon-facebook.png') no-repeat 0px -35px;}
a#sc4{background: transparent url('images/icon-digg.png') no-repeat 0px top;}
a#sc4:hover{background: transparent url('images/icon-digg.png') no-repeat 0px -35px;}
a#sc5{background: transparent url('images/icon-rss.png') no-repeat 0px top;}
a#sc5:hover{background: transparent url('images/icon-rss.png') no-repeat 0px -35px;}

/* Main Menu */
#navtable {margin:0 auto; height:39px;}
#navleft { width:39px; margin:0 auto; background:transparent url('images/navleft.png') left top no-repeat;}
#navright {min-width:39px;background:transparent url('images/navright.png') right top no-repeat;}
#navbg {width:auto; background:transparent url('images/navbg.png') center top repeat-x; height:37px; color:#fff; vertical-align:top; padding:1px 0 0 0;}
#navtable a {font:normal 13px "trebuchet ms", Arial,Helvetica; color:#fff; text-transform:uppercase; display:inline; text-decoration:none; padding:0 5px;}
#twitter {background:transparent url('images/tweet.png') -1px 0 no-repeat; height:38px; width:41px; margin-right:30px;}
a#tweet {display:block; width:25px; height:25px; float:left; }


/* Menu Styling */
#navbg ul.menu li.current_page_item, #navbg ul.menu li:hover {background:none;}
#navbg ul.menu li.current_page_item a {color:#AB9778;}
#navbg ul.menu li:hover {color:#AB9778;}
#navbg ul.menu li a:hover {color:#AB9778;}
#navbg ul.menu li {background:url('images/transparent.png') no-repeat 0 -999px;} /* for an IE7 bug */
#navbg ul.menu li:last-child {}
#navbg ul.menu li a {padding:0 12px;}
#navbg ul {margin: 0;padding: 0;position: relative;z-index: 1000;}
#navbg ul li {padding: 0;margin-bottom: 4px;list-style: none;float: left;position: relative;}
#navbg ul li a {display: block;height: 30px;line-height: 30px;cursor: pointer;z-index: 100;position: relative;}
#navbg ul li.current_page_ancestor {color:#AB9778;} /*keeps parent menu item active */
/* Menu Dropdowns */
#navbg li ul {background:url('images/submenu.png') 0 bottom no-repeat;position:absolute; width:204px; top:-999em; padding:0 4px 27px 2px; margin-top:0px; margin-left:-2px;}
#navbg li ul ul {margin: 0; padding:0 4px 27px 2px;}
#navbg li:hover ul ul, #navbg li:hover ul ul ul, #navbg li:hover ul ul ul ul {top:-999em;}
#navbg li li {margin: 0; padding: 0; height:auto; width:200px;}
#navbg li li a, #navbg li li a:hover, #navbg li li .separator, #navbg li li.active .separator {margin:0;padding: 0 0 8px 13px!important;float: none; width: auto; display: block; height:20px; font-size:10px; border-bottom:1px solid #1E2A33; }
#navbg li li a span, #navbg li li.active a span, #navbg li li a:hover span, #navbg li li .separator span, #navbg li li.active .separator span {width: auto;display: block;line-height: 18px; padding: 10px 5px 0 10px;}
#navbg li:hover ul {top: 30px;}
#navbg li li:hover ul, #navbg li li li:hover ul, #navbg li li li li:hover ul {left:200px; }
/* Overrides */
#navbg li:hover ul ul, #navbg li:hover ul ul ul, #navbg li:hover ul ul ul ul {top:-999em;right: auto;}
#navbg li li:hover ul, #navbg li li li:hover ul, #navbg li li li li:hover ul {top: 0px; right: 204px;}
#navbg ul li ul li { border:none!important;}
#navbg ul li ul li a {margin:0; padding:0;}

/* Pagination */
ul.paging { list-style: none; padding: 0; font-weight: bold; }
ul.paging li { float: left; margin: 0 6px 6px 0; }
ul.paging li a, ul.paging li.active { display: block; padding: 3px 6px; background-color: #f5f5f5; border: 1px solid #ccc; }
ul.paging li.active { background-color: #000; border-color: #000; color: #fff; }

/* Lists */
ul, ol {margin:20px;}
ol {margin-left:27px;}
ul li {list-style-image:url('images/list1.png');}
ol li {list-style:decimal-leading-zero;}
ul.list1 li{list-style-image:url('images/list1.png');}
ul.list2 li{list-style-image:url('images/list2.png');}
ul.list3 li{list-style-image:url('images/list3.png');}
ul ul, ul ul ul {margin:10px 20px;}

/* Link Styling */
#footer a  {color:#AB9778; text-decoration:none; text-transform:uppercase; padding:0 3px; }
#footer a:hover {color:#fff;}

#columns a, #columns li a, #group1 li a, #group2 li a {color:#937B53; font-weight:bold; text-decoration:none; font-style:oblique;}
#columns a:hover, #columns li a:hover, #group1 li a:hover, #group2 li a:hover {color:#54728A;}

h1 a, h2 a, h3 a, h4 a, h5 a {font-style:normal!important;}
h1 a {color:#54728A!important;}
h1 a:hover {color:#937B53!important;}

.metadata a {font:normal 1em Arial, Helvetica, sans-serif; font-style:normal!important; color:#54728A!important; font-weight:normal!important;}
.metadata a:hover {color:#333!important;}

.more-link, .readon {display:block; width:auto; float:right; background:url('images/readmore.png') 0 2px no-repeat; padding:3px 0 0 25px; height:19px; font:italic 1em arial,helvetica; text-decoration:none; border:none; color:#54728A!important;}
.more-link:hover,.readon:hover {color:#937B53!important;}

/***** Typography *****/
p {margin:0 auto 2em;}
#defaultlogo h1 {font:normal 38px "Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif; color:#fff; margin:0 0 0 40px;}
#defaultlogo h2 {font:normal 16px "trebuchet ms", Arial,Helvetica; color:#fff; margin:0 0 0 70px;}
h1, h2, h3, h4, h5, h6 {font:normal 1.9em "trebuchet ms", Arial, Helvetica, sans-serif; color:#937B53; margin-bottom:4px;}
h2 {font-size:1.8em;}
#left h2, #right h3 {font-size:1.6em; margin-top:6px; margin-bottom:10px; padding-bottom:12px; background:transparent url('images/line.png') center bottom repeat-x;}
h4 {font-size:1.3em;}
#footer h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}


.dropcap1, .dropcap2 {background:transparent url('images/dropcap1.png') 0 0 no-repeat; margin:4px 15px 4px 0; font:normal 3em Arial, Helvetica, sans-serif; color:#fff; display:block; width:40px; height:40px; float:left; text-align:center;}
.dropcap2 {background:transparent url('images/dropcap2.png') 0 0 no-repeat;}

/* WordPress */
.metadata {margin:0 0 9px 0; color:#3E5669; text-transform:uppercase; background:transparent url('images/line.png') center 8px repeat-x;}
.metadata span {background:#f9f9f9; padding-right:18px;}
.entry {margin-bottom:15px;}
span.tags {margin-right:20px;}
span.trackback {color:#54728A;}
div.widget {margin-bottom:30px;}
#footer .widget {margin-bottom:10px;}

/* Tag Cloud */
.widget_tag_cloud {font-family:Arial, Helvetica, sans-serif;}
.widget_tag_cloud a{padding:7px 4px; color:#A6722C; text-decoration:none;}
.widget_tag_cloud a:hover {color:#333;}

/* Calendar */
#calendar_wrap {width:100%;}
#calendar_wrap a {color:#937B53;}
#wp-calendar {empty-cells: show; margin: 10px 0; width: 100%; background:#fff; border-bottom:1px solid #f7f7f7; border-top:1px solid #f7f7f7; }
#wp-calendar th {background:#f7f7f7;text-align:center;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block; text-decoration:underline;}
#wp-calendar a:hover {color:#333;}
#wp-calendar caption {text-align: center; width: 100%;padding:0 2px 0 0;font-weight:bold;}
#wp-calendar td {padding: 3px 0;text-align: center;}

/** Page Navigation + wp-pagenavi plugin - Download this plugin add this group to the pagenavi plugin styles in the dashboard **/
.wp-pagenavi{margin:10px auto; padding-top:10px; height:35px; background:url('images/line.png') center top repeat-x; text-align:right; clear:both;}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	margin:0 2px;background:#f5f5f5; border:1px solid #dedede; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; color: #53606E; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style:oblique; padding:4px 7px;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#B4B4B5))
	text-shadow:1px 1px 0 #FFFFFF;}
.wp-pagenavi a:hover {color:#555;}
.wp-pagenavi span.current {color:#555;font-weight:bold;	height:29px;	}


/* .navigation { background:#DEDEDE; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding:8px; } */
.navigation a {color:#A6722C; text-transform:uppercase;}
.navigation a:hover {text-decoration:none; color:#333;}

/* quotes for the free version */
.quote1bg, .quote2bg {width:85%; margin:0 auto 20px ;}
.quote3bg-left, .quote4bg-left {width:40%; margin:8px 20px 10px 0; float:left;}
.quote3bg-right, .quote4bg-right {width:40%; margin:8px 0 10px 20px; float:right;}
.quote1top, .quote2top, .quote3top, .quote4top {padding:10px 15px;}
.quote3bg-left, .quote3bg-right {color:#6086A1;}
.quote4bg-left, .quote4bg-right {color:#B0977B;}
.quote1bg, .quote2bg, .quote3bg-left, .quote3bg-right, .quote4bg-left, .quote4bg-right {font-style:oblique;}

.quote1bg {background:#f9f9f9 url('images/quote1bg.png') left repeat-y;}
.quote1bottom {background:url('images/quote1bottom.png') left bottom no-repeat;}
.quote1top {background:url('images/quote1top.png') left top no-repeat;}

.quote2bg {background:#f9f9f9 url('images/quote2bg.png') left repeat-y;}
.quote2bottom {background:url('images/quote2bottom.png') left bottom no-repeat;}
.quote2top {background:url('images/quote2top.png') left top no-repeat;}

.quote3bg-left, .quote3bg-right {background:#f9f9f9 url('images/quote3bg.png') left repeat-y;}
.quote3bottom {background:url('images/quote3bottom.png') left bottom no-repeat;}
.quote3top {background:url('images/quote3top.png') left top no-repeat;}

.quote4bg-left, .quote4bg-right {background:#f9f9f9 url('images/quote4bg.png') left repeat-y;}
.quote4bottom {background:url('images/quote4bottom.png') left bottom no-repeat;}
.quote4top {background:url('images/quote4top.png') left top no-repeat;}

pre,code {background:#fff; border-left:6px solid #E5E5E5; padding:8px; margin:20px 0; font:normal 13px "Courier New", Courier, monospace;}

/* Image Styling */
#showcase img {}
img.aligncenter {display: block; margin:0 auto 15px;}
img.alignright {margin: 3px 0 5px 18px; display: inline;}
img.alignleft {margin:3px 18px 5px 0; display: inline;}
img.alignright, img.alignleft, img.aligncenter {border: 1px solid #BDBDBD; text-align: center; background-color: #fff; padding: 5px; }
.alignright {float: right; margin: 3px 0 5px 18px;}
.alignleft {float: left; margin:3px 18px 5px 0;}
.wp-caption {border: 1px solid #BDBDBD; text-align: center; background-color: #fff; padding-top: 5px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 12px; padding: 2px 3px; margin: 0; color:#333;}
div.navigation .alignleft, div.navigation .aligncenter, div.navigation .alignright {border:none;}

img {overflow:hidden;}

/* Comments */
.comment {margin:30px 15px 0 0; overflow:hidden; padding:0 0 0 12px; position:relative;}
.comment-author {float:left; width:96px; height:89px; padding-top:3px; background:transparent url('images/avatarbg.png') top repeat-x; text-align:center; overflow:hidden;}
span.author{font:normal 1.5em Arial, Helvetica, sans-serif!important; color:#fff!important; margin-left:12px;}
span.author a {color:#fff!important; font-weight:normal!important; font-style:normal!important;}
span.date{color:#D1C0AB;font-size:12px;line-height:15px;margin-left:12px;}
.comment-edit-link, .comment-reply-link {font-weight:normal!important;}
.commentreply {float:left; margin-right:5px; font-size:10px; }
.commentlist {margin: 0 0 15px 0;}
.commentlist li {background:#f8f8f8; margin-bottom:8px; list-style-image:none; list-style-position:outside; list-style-type:none; padding:5px 10px; overflow:hidden; clear:both;}
.commentlist li ul li { margin-left: 20px;}
ul.children li {margin:0!important;}
.cancel-comment-reply a{color:#bbb;font-size:9px;padding-left:2px;text-transform:uppercase;line-height:15px;}
.comms-navigation, .navigation {clear: both;display: block;margin-bottom:0px;overflow: hidden;}
.children {padding: 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
#commentform{padding-top:15px;}
#commentreply{clear:both; padding-top:0;}
#commentreply h3{margin-bottom:0px;}

.awaitingreview{ margin-bottom:10px; padding:0 10px; background:#FFFFFF; color:#54728A; border:1px solid #d9d9d9; display:inline-block; font-size:10px;}
.user{margin-bottom:5px;}
div.comwrap {background:#3B5466 url('images/commentbg.png') center top repeat-x;  -moz-border-radius: 20px; -webkit-border-radius: 20px; padding:8px;}
div.comwrap2 {background:#f9f9f9 url('images/commenttop.png') top repeat-x; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; padding:8px 0;}

/* Form Styling */
.button, #searchsubmit, input[type="submit"] {background:#f5f5f5; border:1px solid #dedede; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; color: #53606E; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style:oblique; padding:2px 8px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#ececec)); cursor:pointer;}
.button, #searchsubmit, input[type="submit"] {background-image: -moz-linear-gradient(100% 100% 90deg,#ececec, #ffffff);}
.button:hover, input[type="submit"]:hover {color:#937B53;}

fieldset{padding:20px;border:1px solid #e5e5e5;}
#commentform label{margin-left:12px;}
legend,label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
input[type=text],input[type=password],input[type=file],textarea{background-color:transparent;padding:3px 5px;width:180px;-moz-border-radius:12px;-webkit-border-radius:12px;}
textarea{width:92%;height:120px;font-size:12px;}
input, textarea {outline-style:none!important;}
input[type=text],input[type=password],input[type=file],textarea{background:#f8f8f8 url('images/formbg.png') repeat-x -1px -2px; border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid; border-width:1px; color:#333;}
	input[type=text]:hover,input[type=password]:hover,input[type=file]:hover,textarea:hover {background:#f5f5f5;}
input[type="submit"]:-moz-focus-inner{border : 0px;} 
input[type="submit"]:focus{outline:none;}

/* Shortcode ,iscellaneous styles */
span.sc {padding-bottom:5px; display:block; width:auto;}
.separator {background:transparent url('images/line.png') center 15px repeat-x; height:32px; clear:both;}


div.syntaxhighlighter code {font:normal 12px Arial, Helvetica, sans-serif; padding:4px;}