/*   
CSS Style: Quirks Red and White
Description: Quirks mode ¦ portfolio of David Plunkett
Author: David Plunkett
URL: www.quirksmode.co.uk
Version: 1.1
*/


/* ------------------------------ Reset Styles ----------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
field set, form, label, textarea, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, fig caption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.3;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
block quote:before, block quote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('fonts/gothic-webfont.eot');
    src: url('fonts/gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothic-webfont.woff') format('woff'),
         url('fonts/gothic-webfont.ttf') format('truetype'),
         url('fonts/gothic-webfont.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('fonts/gothicb-webfont.eot');
    src: url('fonts/gothicb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothicb-webfont.woff') format('woff'),
         url('fonts/gothicb-webfont.ttf') format('truetype'),
         url('fonts/gothicb-webfont.svg#CenturyGothicBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('fonts/gothicbi-webfont.eot');
    src: url('fonts/gothicbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothicbi-webfont.woff') format('woff'),
         url('fonts/gothicbi-webfont.ttf') format('truetype'),
         url('fonts/gothicbi-webfont.svg#CenturyGothicBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('fonts/gothici-webfont.eot');
    src: url('fonts/gothici-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothici-webfont.woff') format('woff'),
         url('fonts/gothici-webfont.ttf') format('truetype'),
         url('gothici-webfont.svg#CenturyGothicItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}




/* ------------------------------ Global Styles ----------------------------- */

body {
	font-family:"Century Gothic", Verdana, Arial;
	font-size: 100%;
}

textarea, input {
	font-family:"Century Gothic", Verdana, Arial;
}

textarea {
	font-size:1.3em;
}

#mainWrapper {
	font-size:62.5%;
	background-color:transparent;
}

h1, .rightContent h2 {
	font-family:"Corbel", Verdana, Arial;
	font-size:3em;
	color:#999;
	margin-bottom:22px;
	font-weight:normal;
}

h1 span.redH1 {
	color:#E2462D;
}

#subFooter h2 {
	font-size:2.3em;
	color:#fff;
	margin-bottom:16px;
	font-weight:normal;
}


h2 {
	font-family:"Century Gothic", Verdana, Arial;
	font-size: 2em;
	font-weight: normal;
}

.thumbContentWrap_archive h2 {
	font-size: 1.6em;
}

h3 {
	font-size:1.6em;
	font-weight:normal;
}

h4 {
	font-size:1.3em;
	font-weight:bold;
	color:#333;
}

h2, 
h2 a, 
h3 a {
	color:#323232;
	text-decoration:none;
}

h2 a:Hover,
h3 a:Hover {
	color:#fff;
	background-color:#E2462D;
	-moz-border-radius:3px;
	-moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.45);
	-webkit-border-radius:3px;
	-webkit-shadow:2px 2px 5px rgba(0, 0, 0, 0.45);
}

h2.small,
h3.small {
	xxfont-family:"Corbel", Century Gothic, Verdana, Arial;
	font-size:1.4em;
	font-weight:bold;
}

h2.results {
	margin:0 0 20px 0;
	padding:0 0 3px 0;
	color:#666;
	border-bottom:1px solid #f0f0f0;
}

h2.extra{
	margin-bottom:10px;
}

p {
	color:#4b4c4d;
	line-height:1.6em;
	font-size:1.3em;
	margin-bottom:20px;
}

p.clearLink {
	margin-bottom:5px;
	font-size:1em;
}

a, a:active {
    color: #193CA6;
    text-decoration: none;
}

a:hover {
   text-decoration: underline;
}


a.red, 
#breadCrumb a, 
.postLinks .textLinkWrapper a {
	
	color:#fff;
	background-color:#E2462D;
	text-decoration:none;
	padding:2px 6px 3px;
	font-size:1em;
	display:inline-block;	
	background: #E2462D;
	line-height: 1.5em;
	
	/* Fix This: add new css for other browsers */
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	
	behavior: url('/wp-content/plugins/sociable/css/pie.htc');
	
}

a.red:Hover, #breadCrumb a:Hover, .postLinks a:Hover {
	background-color:#656565;
}

a.grey {
	background-color:#656565;
	margin-top:5px;
}

a.grey:Hover {
	background-color:#E2462D;
}


/*----------------------------------------	Misc Styles	-----------------*/

.clearIt {
	clear:both;
}

.displayNone {
	display:none;
}

.hide {
	position:absolute;
	left:-9999px;
}

.noBottom {
	margin-bottom:0;
}

.br {
	display:block;
}




/* Clearfix For modern browsers */
.cf:before, .clearfix:before,
.cf:after, .clearfix:after {
    content:"";
    display:table;
}

.cf:after, .clearfix:after {
    clear:both;
}

/* Clearfix For IE 6/7 (trigger hasLayout) */
.cf, .clearfix {
    zoom:1;
}


/*----------------------------------------	Masthead Styles	-----------------*/

#mastWrapper {
	width:100%;
	background: #C23405 url(images/mastHead_bg_red.gif) repeat-x 0 0;
}

#mastWrapper.greyTop {
	background: #515151 url(images/mastHead_bg_grey.png) repeat-x 0 0;
}

#mastHead img.mainLogo {
	margin:20px 0 23px 40px;			/* Main Structure Edit Point */
	float:left;
}

#subNav,
#mastHead,
#rotatorContent,
#contentWrapper,
#subFooterContent,
#footerContent {
	width:1000px;
	margin:0 auto;
}


/*----------------------------------------	Main Nav Styles	-----------------*/
 

#mainNav {
	/* Fix This */
	font-size:1.6em;
	font-weight: normal;
	margin:0 0 0 81px;
	width:690px;
	float:left;
	display:inline;
}

#mainNav ul li a {
	color:#fff;
	text-decoration:none;
}

#mainNav ul li a:Hover {
	color:#333;
	
}

#mastHead #mainNav ul li.current_page_item,
#mastHead #mainNav ul li.current-menu-ancestor,
#mastHead #mainNav ul li.current-menu-parent,
#mastHead #mainNav ul li.current_page_parent,
#mastHead #mainNav ul li.current_page_ancestor
{
	background:url(images/mainNavSelected.png) center bottom no-repeat;
}

#mastHead #mainNav ul li.current_page_item a,
#mastHead #mainNav ul li.current-menu-ancestor a,
#mastHead #mainNav ul li.current-menu-parent a,
#mastHead #mainNav ul li.current_page_parent a,
#mastHead #mainNav ul li.current_page_ancestor a 
{
	color:#333;
}






/* Top level Unordered list */
ul.dropdown {
	list-style:none;
	padding:0 0 15px 0;
	font-size:1em;
}

ul.dropdown  li{
	float:left; /* makes horiz list */
	position:relative; /* hey Submenu ULs, appear below! */
	color:#fff;
	padding:0 36px 15px 36px;
	cursor:default;
	list-style-type:none;
}

/* Style the link hover */
ul.dropdown li li {
	padding:0;
	margin-left:-9px;
}

ul.dropdown li li li {
	padding:0;
	margin:0;
}


#mastHead #mainNav ul.dropdown li li a {
	color:#fff;
	background:#444;
	border-bottom: 1px solid #000;
	padding:10px 30px 10px 10px;
	margin:0;
	font-size:0.8em;
	font-weight: normal;
}

#mastHead #mainNav ul.dropdown li li a:hover {
	background-color:#616161;
}

/* Displays the link as blocks. */
ul.dropdown li ul a {
	display:block;
}

/* sub menus!!  */

ul.dropdown ul {
	list-style: none;
	margin:0; /* Appear just below the hovering list */
	padding:12px 0 0 0;
	width:250px; /* specify the width. */
	position:absolute; /* needed */
	z-index:500; /* specify the order */
	background:url(images/mainNavSelectedDropDown.png) 0 top no-repeat;
	top:24px; /* Positioning:Calc with top level horz list height */
	left:25%;
}

ul.dropdown ul ul {
top:0;
left:100%; /* Position the sub menus to right. */
background:none;
padding:0;
}

ul.dropdown ul li {
float:none; /* umm.. Appear below the previous one. mmkay? */
}

ul.dropdown img {
 position:absolute;
 right:1px;
 top:0;
}

/* Drop Down! */

/* Hide all the dropdowns (submenus) */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }

/* Display the submenus only when li are hovered */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}





/*----- User Panel Styles	-----------------*/

#userPanel {
	margin:67px 49px 0 0;			/* Main Structure Edit Point */
	width:180px;
	float:right;
	display:inline;
}

#userPanel #userLogin {
	margin-bottom:21px;
}


#userPanel #userLogin ul li {
	display:inline;
	padding:0 8px;
	background:url(images/divider_userLogin.gif) no-repeat 100% 0;
	color:#333;
	font-size:1.1em;
}

#userPanel #userLogin ul li.loginName {
	font-weight:bold;
}

#userPanel #userLogin ul {
	text-align:right;
}

#userPanel #userLogin ul li a {
	color:#fff;
	text-decoration:none;
}

#userPanel #userLogin ul li a:hover {
	text-decoration:underline;
}

#userPanel #userLogin ul li.last {
	background:none;
	padding-right:0;
}


/*----- Search Bar Styles	-----------------*/

#searchBar {
	position:relative;
	background:url(images/search_bg.png) no-repeat 100% 0;
	width:177px;
	float:right;
}

#searchBar input.search_input {
	color:#666;
	font-size:1.1em;
	background-color:transparent;
	border:none;
	width:120px;
	padding:5px 0 5px 10px;
}

#searchBar #searchsubmit {
	position:absolute;
	top:0;
	right:0;
	border:none;
}


/*----------------------------------------	Animation Panel	-----------------*/

#rotatorWrapper {
	width:100%;
	background: #E4E4E4 url(images/greyRotatorRepeat.jpg) repeat-x;
	border-bottom: 1px solid #DADADA;	
}

#rotatorContent {
	margin:0 auto;
	height:254px;
	position:relative;
}

#rotatorContent img {
	position:absolute;
}

/*----------------------------------------	Sub Nav	-----------------*/

#subNavWrapper {
	width:100%;
	background: #E13B03 url(images/subNav_bg_red.gif) 0 0;
	overflow:hidden;
}

#subNav ul {
	margin:11px 0 11px 81px;			/* Main Structure Edit Point */
	padding:0;
}

#subNav ul li {
	font-size:1.2em;
	color:#fff;
	display:inline;
	margin:10px 0;
	padding:0 36px 11px;
}

#subNav ul li a {
	color:#fff;
	text-decoration:none;
}

#subNav ul li a:Hover {
	color:#333;
}

#subNav ul li.current_page_item, 
#subNav ul li.current_page_ancestor,
#subNav ul li.current-cat {
	background:url(images/subNavSelected.png) 50% 100% no-repeat;
}

#subNav ul li.current_page_item a, 
#subNav ul li.current_page_ancestor a,
#subNav ul li.current-cat a,
#subNav ul li a.active_category {
	color:#333;
	font-weight:bold;
}


/* ----- Grey Subnav Styles ----- */

#subNavWrapper.greyNav {
	background: #484848 url(images/subNav_bg_grey.png) 0 0;
}

#subNavWrapper.greyNav #subNav ul li a:Hover {
	color:#999;
}

#subNavWrapper.greyNav #subNav ul li.current_page_item a {
color:#fff;
}

/*----------------------------------------	Open Close	Toggle -----------------*/


.openCloseToggle {
	position:absolute;
	top:-56px;
	right:48px;
}

#footerContent .openCloseToggle {
	top:-12px;
}



/*----------------------------------------	Bread Crumb	-----------------*/

#breadCrumb {
	position:relative;
	top:-15px;
	margin-bottom:16px;
}


/*----------------------------------------	Main Content	-----------------*/

 
#contentWrapper #mainContent {
	margin:45px 0 45px 116px;			/* Main Structure Edit Point */
	position:relative;
}

#contentWrapper #mainContent a span {
	margin-left:4px;
	position: relative;
	top:1px;
	text-decoration: none;
}


/*----------------------------------------	Home page styles	-----------------*/

.leftContent {
	width:380px;
	float:left;
	margin-right:75px;
}

.leftContent h2 {
	margin-bottom:7px;
}

#home .primaryPostWrap {
	margin-bottom:32px;
}

.tagBox {
	border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 1px #B0ABA0;
    color: #4B4C4D;
    font-size: 1.4em;
    padding: 6px 10px 14px 0;
}

#home .leftContent ul.leftTags {
	float:left;
	width:143px;
}

#home .leftContent ul.middleTags {
	float:left;
	width:127px;
}


#home .leftContent ul.rightTags {
	float:left;
	width:94px;
}

.tagBox ul li {
	background:url(images/icon_greenTick.jpg) 0 0 no-repeat;
	padding-left:18px;
}



.tagBox a {
	text-transform: uppercase;	
}

.tagBox a {
	color:#4b4c4d;
	text-decoration:none;
}

.tagBox a:Hover {
	text-decoration:underline;
}


#home .rightContent {
	width:400px;
	float:left;
}


/* --------- Thumb Content Wrap --------- */

.thumbContentWrap {
	margin-bottom:25px;
	clear:both;
}

.thumbContentWrap .imageDateWrap {
	float:left;
	margin:3px 15px 0 0;
	position:relative;
}

.thumbContentWrap .imageDateWrap a {
	position:relative;
	display: block;
}

.thumbContentWrap .thumbContentWrap_medium .imageDateWrap {
    margin: 5px 20px 0 0;
}

.imageDateWrap img {
	display: block;
}

.contentWrap {
	float:left;
	width:257px;
}

.thumbContentWrap .thumbContentWrap_small {
	width:400px;
}


.thumbContentWrap .thumbContentWrap_small .imageDateWrap {
	margin:3px 15px 0 0;
	width:110px;
}

.thumbContentWrap .thumbContentWrap_music .imageDateWrap {
	width:204px;
}

.thumbContentWrap .thumbContentWrap_music .contentWrap {
	width:338px;
}

.thumbContentWrap .thumbContentWrap_music h3 {
	font-size:1.4em;
	font-weight: normal;
}

.thumbContentWrap .thumbContentWrap_archive {
	width:580px;
}

.thumbContentWrap .thumbContentWrap_archive .contentWrap {
	width:437px;
}

.thumbContentWrap .thumbContentWrap_medium .contentWrap {
	width:320px;
}

.newCorner {
	position: absolute;
	top:-1px;
	left:-1px;
	z-index:400;
}



.excerptWrap p {
	margin-bottom:14px;
}

.thumbContentWrap_small .excerptWrap p {
	margin-bottom:9px;
}

.thumbContentWrap_archive .excerptWrap p {
	margin-bottom:6px;
}

.imgFrame {
	/* Fix This */
	border: 1px solid #D6D6D6;
    border-radius: 4px 4px 4px 4px;
    padding: 8px;
}

.thumbContentWrap_medium .imgFrame {
	padding:10px;
}





/*----------------------------------------	Mixes Styles	-----------------*/

.singleMix .greyTag {
	margin-bottom:20px;
}

.singleMix .tracklistWrapper {
	clear:both;
}

.singleMix .tracklistWrapper h2 {
	margin-bottom:8px;
}

/*----------------------------------------	Portfolio Styles	-----------------*/

.portfolioWrapper {
	clear:both;
	margin-bottom:30px;
}

#portfolio .single {
	float:left;
	margin-bottom:30px;
}

#portfolio .combineWrapper {
	float:left;
	width:516px;
	margin-right:20px;
}

#portfolio .single h2 span{
font-size:0.7em;
font-weight:bold;
}

#portfolio #disqus_thread {
	clear:both;
}





.largeContent {
	float:right;
	margin-top:-4px;
}

.largeContent {
	width:320px;
}

.thumbContentWrap_small .greyTag,
.greyTag {
	color:#999;
	margin-bottom:2px;
}

.thumbContentWrap_small .greyTag,
.thumbContentWrap_archive .greyTag {
	margin-bottom:0;
}

.greyTag a, .techUsed a {
	font-size:0.9em;
	color:#999;
	text-decoration:none;
}

.greyTag a:Hover, .techUsed a:Hover {
	text-decoration:underline;
}

#portfolio #commentBlock {
	width:526px;
}

#portfolio #commentBlock h2 {
	background:url(images/comments_portfolio_bg.gif) no-repeat 0 0;
}


/* ---- Image slider ---- */

.anythingSlider {
	width:494px;	
	height:466px;
	position:relative;	
	padding:10px;
	margin-right:15px;
	float:left;
	margin-bottom:10px;
}

.anythingSlider .wrapper {
	width:494px;
	overflow:auto;
	height:466px;
	position:absolute;
	top:10px;
	left:10px;
}

.anythingSlider .wrapper ul {
	width:99999px;
	list-style:none;
	position:absolute;
	top:0;
	left:0;
}

.anythingSlider ul li {
	display:block;
	float:left;
	padding:0;
	height:466px;
	width:494px;
	margin:0;
}

.anythingSlider .arrow {
	display:block;
	height:200px;
	width:67px;
	xxbackground:url(images/arrows.png) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	top:65px;
	cursor:pointer;
}

.anythingSlider .forward {
	background-position:0 0;
	right:-20px;
}

.anythingSlider .back {
	background-position:-67px 0;
	left:-20px;
}

.anythingSlider .forward:hover {
	background-position:0 -200px;
}

.anythingSlider .back:hover {
	background-position:-67px -200px;
}


#thumbNav {
	position: absolute;
	right:5px;
	bottom:8px;
	-moz-border-radius:10px 0 0 0;
	-webkit-border-radius:10px 0 0 0;
	border-radius:10px 0 0 0;
	background-color:#fff;
	padding: 0 5px 0 10px;
}

#thumbNav a {
font-size:1.1em;
	text-align: center;
	margin:10px 2px;
	color: #323232;
	text-decoration: none;
	display: inline-block;
	padding:2px 4px;
}

#thumbNav a:hover, #thumbNav a.cur {
	color: #fff;
	background-color:#E2462D;
}

#start-stop {
	background:#fff url("images/sliderControls.png") no-repeat scroll -9px 8px;
    display: block;
    height: 25px;
    width: 30px;
    text-indent:-9999px;
	-moz-border-radius:0 5px 0px 0;
	-webkit-border-radius:0 5px 0px 0;
	border-radius:0 5px 0px 0;
	text-align:centre;
	position:absolute;
	left:10px;
	bottom:10px;
	padding: 11px 7px 0 0;}

#start-stop.playing {
    background: #fff url("images/sliderControls.png") no-repeat scroll -59px 8px;
    height: 25px;
    width: 30px;
}

/* Prevents */
.anythingSlider .wrapper ul ul {
	position:static;
	margin:0;
	background:none;
	overflow:visible;
	width:auto;
	border:0;
}

.anythingSlider .wrapper ul ul li {
	float:none;
	height:auto;
	width:auto;
	background:none;
}



/*----------------------------------------	Blog styles	-----------------*/

#leftWrapper {
	width:575px;
	float:left;
}

.postWrapper {
	margin-bottom:50px;
	clear:both;
}

.contentTitle {
	margin: 0px;
	padding: 0;
	width:450px;
}

.contentTitle h2 {
	font-family:"Century Gothic", Verdana, Arial;
	xxfont-size: 1.8em;
	font-weight: normal;
}

.contentImage {
	position:relative;
	margin-bottom:20px;
}

.contentImage a {
	position: relative;
	display: block;
	text-decoration: none;
}

.contentImage a img {
	display: block;
}

.cornerPostDate {
	position: absolute;
	right:0;
	border-radius: 0 0 0 5px;
    background-color:#fff;
	font-size: 1.3em;
	z-index:401;
	
	top:8px;
	padding:0px 10px 3px;
}

.contentContent {
	padding:0 6px;
}

.contentContent h2 {
	margin-bottom:10px;
}

.contentContent ul {
	color:#4b4c4d;
	font-size:1em;
	margin:0 0 20px 0;
	list-style-position: outside;
	list-style-type: circle;
	padding-left:30px;
}

.contentContent ul li {
	margin-bottom:5px;
	font-size:1.3em;
	line-height:1.6em;
}

.contentContent ul li p, .contentContent ul li h4 {
	font-size:1em;
}

.contentContent ul li p {
	margin:0;
}

.contentContent ul li li {
	font-size:1em;
}

.contentContent ul ul {
	margin-top:5px;
	list-style-type:square;
}

.contentContent ul ul ul {
	list-style-type:disc;
}

.contentContent ul ul li {
	margin-bottom:0;
}

#leftWrapper .contentTitle h1 a {
	background-color:#fff;
	color:#3f3f3f;
	font-size:0.8em;
	margin-bottom:0px;
	text-decoration:none;
	padding:0;
}

#leftWrapper .contentTitle h1 {
	margin-bottom:0px;
}

.single h3 {
	color:#333;
	font-weight:normal;
	font-size:1.5em;
	margin:30px 0 10px 0;
}

ul.tracklist, 
ol.tracklist {
	font-size:1.2em;
	color:#4b4c4d;
	line-height:1.5em;
	margin:0 0 20px 0;
	list-style-position: outside;
}




ol.neatList li{
padding-bottom:10px;
}

ol.neatList li a{
font-size:1.2em;
font-weight:bold;
text-decoration:none;
color:#0000FF;
}

ol.neatList li span{
display:block;
}

ul.list li a{
	text-decoration:none;
	color:#666;
	line-height:2em;
	padding:0 0 10px 19px;
	background:url(images/sideLink_arrow.gif) no-repeat 0 1px;
}

table.accessTable{
margin-bottom:25px;
color:#666;
line-height:2em;
font-size:1.3em;
border-collapse:collapse;
}

table.accessTable tr{
border-bottom:1px solid #f0f0f0;
}

table.accessTable th{
color:#999;
font-weight:bold;
padding-right:15px;
}


.postDescription {
	margin:0 0 10px 0;
	padding:0;
	color:#999;
}

.postLinks {
	margin:0 0 30px 0;
	padding:2px 4px 1px;
	border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 1px #B0ABA0;
}

.postLinks .textLinkWrapper {
	float:left;
	margin-top:2px;
}

.postLinks .iconLinkWrapper {
	float:right;
}


/*------------------ Page Navi -----------------*/

.wp-pagenavi {
	clear: both;
	font-size:1.3em;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 8px 4px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #333;
}

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



/*------------------ Sociable Styles	-----------------*/


#contentWrapper .sociable { margin:0; }




/*----------------------------------------	Comments styles	-----------------*/




body #dsq-content .dsq-toolbar-item,
body #dsq-content .dsq-toolbar-item.dsq-toggled {
    padding: 2px 2px 4px;
}

body #dsq-content .dsq-toolbar-item {
	background:none;
    background-color: #999999;
}

body #dsq-subscribe a {
	xfont-size:0.9em;
	text-decoration:none;
}

body #dsq-subscribe a em {
	text-decoration:none;
}

body #dsq-content #dsq-footer .dsq-font {
	color:#999;
	top:0;
}

body #dsq-content .dsq-like-faces li img {
    height: 25px;
    width: 25px;
}

/*
body .dsq-comment-header {
	border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 1px #B0ABA0;
    background: none;
    border:none;
}
*/

body #dsq-content h3 {
    margin: 0 0 20px;
    font-size:1.7em;
}



/* ----------------- Standard -------------------- */

#commentBlock {
	width:580px;
	clear:both;
}

#commentBlock .commenttext {
	width:416px;
}

#commentBlock textarea#comment {
	width:514px;
}

#commentBlock ul {
    font-size: 1em;
    list-style-type: none;
    margin: 0 0 20px;
    padding-left: 30px;
}

#commentBlock h2,
h2.commentsBlock {
	margin:10px 0 0 -19px;
	padding:8px 0 17px 21px;
	background:url(images/comments_bg.gif) no-repeat 0 0;
}

#commentBlock h2.leaveReply {
	border:none;
	margin-bottom:10px;
}

#commentBlock h5, #commentBlock h5 a {
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}

#commentBlock h5 a {
	font-size:1em;
	color:#333;
}

#commentBlock h5 a:Hover {
	text-decoration:underline;
}

#commentBlock ul li {
	padding:20px 0 0 0;
	border-bottom:1px solid #f0f0f0;
}


#commentBlock span.gravatar {
padding:0;
margin:0 0 0 10px;
float:right; 
display:block; 
width:60px;
height:60px;
border:1px solid #DCDCDC;
}



#commentBlock .commenttext {
	min-height:43px;
	height:auto !important;
	height:43px;
	width:480px;
}


#commentBlock p.inputBox {
margin-bottom:10px;
}

#commentBlock p.inputBox label {
	padding:0;
	font-size:1em;
	color:#666;
	display:block;
	margin:0;
	font-weight:bold;
}

#commentBlock p.inputBox span{
	color:#999;
}

#commentBlock p.commentNumber {
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	padding:15px 25px 40px 20px;
	background: #fff url(images/commentBubble.gif) no-repeat;
	float:left;
	margin-left:-60px;
}

#commentBlock input {
	width:260px;
	border:1px solid #ccc;
	height:20px;
}

#commentBlock textarea#comment {
	border:1px solid #ccc;
}

#commentBlock input#submit {
	padding:2px 10px 2px 10px;
	font-size:0.9em;
	background-color:#656565;
	background-image:none;
	color:#fff;
	border:none;
	cursor:pointer;
	width:auto;
	height:auto;
	-moz-border-radius:5px 5px 5px 5px;
}


/*----------------------------------------	Sidebar styles	-----------------*/

#sideBar {
	color:#666;
	float:right;
	width:222px;
	margin:0 28px 25px 0;			/* Main Structure Edit Point */
	display:inline;
}

#sideBar h2 {
	margin:0 0 12px 0;
}

#sideBar .sideBarSectionWrap {
	position: relative;
	margin-bottom:25px;
}

.imageDateWrap .postDate {
	position: absolute;
	top:0;
	right:0;
	-moz-border-radius:0px 0px 0px 5px;
	-webkit-border-radius:0px 0px 0px 5px;
	border-radius:0px 0px 0px 5px;
    padding:3px 10px;
	background-color:#fff;
	font-size: 1.3em;
}

#sideBar .categories ul {
	color:#999;
	font-size: 1.3em;
    list-style-position: outside;
    list-style-type: disc;
    padding-left: 15px;
}

#sideBar .categories ul li {
	margin-bottom:5px;
}

#sideBar .categories ul a {
	text-decoration: none;
}

#sideBar .categories ul li.current-cat a {
	font-size: 1.1em;
	color:#333;
}

/*--------- 404 Error -------- */

#leftWrapper ul.links404 li a {
	background:url(images/sideLink_arrow.gif) no-repeat 0 30%;
	color:#666;
	display:inline-block;
	line-height:1.5em;
	margin-bottom:15px;
	padding:0 0 0 24px;
	text-decoration:none;
}

#sideBar a:Hover, #sideBar li a:Hover, #leftWrapper ul.links404 li a:Hover {
	text-decoration:underline;
}




/* -------- Sidebar: DJ styles ----- */

#sideBar .otherPosts ul li {
	border:#D6D6D6 1px solid;
	padding:4px;
	float:left;
	margin:0 3px 3px 0;
}

#sideBar .otherPosts ul li.last {
	margin-right:0;
}

#sideBar .otherPosts ul li a img {
	display:block;
}

#sideBar .sideBarSectionWrap.djTemplate h2 {
	margin-bottom:20px;
}

#sideBar .sideBarSectionWrap.djTemplate a {
	display:block;
	margin-bottom:20px;
	line-height:1.3em;
}


/*----------------------------------------	Tag Cloud styles	-----------------*/

#sideBar .st-tag-cloud {
	width:190px;
	margin:0 0 30px 0;
	padding:5px;
	border:#ccc 1px solid;
	text-align:center;
	width:210px;
	border-radius: 5px 5px 5px 5px;
}

#sideBar .st-tag-cloud a {
	text-decoration:none;
	color:#999;
	background-image:none;
	margin:0;
	padding:0;
	line-height:normal;
}

#sideBar .st-tag-cloud a:Hover {
	color:#333;
	text-decoration:underline;
}


/*----------------------------------------	Sitemap styles	-----------------*/

.ddsg-wrapper h2 {
	color:#323232;
	text-decoration:none;
	margin-bottom:20px;
}

.ddsg-wrapper a {
	color:#fff;
	text-decoration:none;
	padding:1px 3px 2px 4px;
	font-size:1.0em;
}

.ddsg-wrapper ul li {
	margin:7px 0 7px;
}

.ddsg-wrapper ul li li {
	margin-left:20px;
}

.ddsg-wrapper ul li a {
	background-color:#656565;
}

.ddsg-wrapper ul ul ul li a {
	background-color:#E2462D;
	margin-left:25px;
}




/*----------------------------------------	Login / Register page styles	-----------------*/

.wpcf7-form li,
#theme-my-login p {
	font-size:1em;
	clear:both;
	margin-bottom:14px;
}

.wpcf7-form .required {
	position: relative;
	top:-2px;
	color:#d64225;
	font-size:2em;
	font-style:italic;
}

.wpcf7-form label {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	font-size:1.3em;
	xfont-weight:bold;
	width:95px;
	margin:7px 8px 0 0;
	vertical-align:top;
}

.wpcf7-form input,
.wpcf7-form textarea, 
.wpcf7-not-valid-tip {
	padding:9px;
	color:#727272;
	width:230px;
	border:1px solid #999;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	vertical-align:top;
}

.wpcf7-form .contact_message textarea {
	vertical-align: top;
}

.wpcf7-form .contact_message {
	margin-bottom:8px;
}

.wpcf7-form .wpcf7-checkbox input,
#theme-my-login .forgetmenot input {
	width:auto;
	margin:0 5px 0 106px;
}

#theme-my-login .forgetmenot label {
	width:auto;
	margin:-1px 0 0 0;
	font-size:1.1em;
}

.wpcf7-form .contact_signUp {
	margin-bottom:50px;
}





.wpcf7-form .contact_validate img.wpcf7-captcha-captcha-159 {
	position:relative;
	top:8px;
}

.wpcf7-form img.ajax-loader {
	background-color: #FFFFFF;
    position: relative;
    right:-8px;
    top:3px;
}

.wpcf7-form span.wpcf7-form-control-wrap {
	position:relative;
	width:250px;
}

.wpcf7-form .wpcf7-list-item-label {
	font-size: 1.2em;
}

.wpcf7-form .contact_validate .wpcf7-submit {
	width:auto;
	margin:0 0 0 10px;
}

.wpcf7-form .wpcf7-not-valid-tip {
    color: #d64225;
    position: absolute;
    left:0;
    padding:9px;
    font-size: 1.1em;
    border-color:#d64225;
    background-color:#fff;
}

.wpcf7-form .contact_validate .wpcf7-not-valid-tip {
	width:143px;
}

.wpcf7-form .wpcf7-submit,
#theme-my-login #wp-submit,
#theme-my-login .submit input {
	width:auto;
	padding:6px 20px;
	margin-left:108px;
	background-color:#656565;
	color:#fff;
	cursor:pointer;
	border:none;
}

#theme-my-login .tml-action-links a {
	font-size:1.2em;
}

#theme-my-login .tml-action-links li {
	margin-bottom:5px;
}

/* ------- wpcf7-response-output -------- */

.wpcf7-validation-errors, 
.wpcf7-mail-sent-ok, 
.wpcf7-mail-sent-ng, 
#theme-my-login .message,
#theme-my-login .error {
	margin:0 0 25px;
	padding:10px 0;
	font-size:1.2em;
	font-weight:bold;
}

.wpcf7-validation-errors,
#theme-my-login .error {
	border:1px solid #d64225;
	color:#d64225;
	border-left:none;
	border-right:none;
}

.wpcf7-mail-sent-ok, 
#theme-my-login .message {
	border:1px solid #00a72f;
	color:#36b751;
	border-left:none;
	border-right:none;
}

#theme-my-login .message {
	color:#999;
	border-color:#999;
}





/* --------------- Register Form ------------- */

#theme-my-login h2 {
	margin-bottom:20px;
}

#theme-my-login #setupform span {
	display:block;
	margin:3px 0 10px 108px;
	color:#999;
}



/*----------------------------------------	Sub Footer styles	-----------------*/

#subFooter {
	clear:both;
	width:100%;
	background: #404040 url(images/subFooterRepeat_bg.gif) left top repeat-x;
}

#subFooter p {
	font-size:1.2em;
}



#subFooterContent {
	padding:40px 0 40px 116px;
	width:884px; /* 1000 - 884 */
	overflow:hidden;
}

#subFooter p, 
#subFooter a {
	color:#fff;
}

#latestBox {
	font-size:1em;
	margin: 0 30px 0 0;
    width: 270px;
	float:left;
	display:inline;
}

#latestBox .newsWrap {
	position: relative;
	width:290px;
	margin:0 0 9px 0;
	clear:both;
}

#latestBox .newsWrap p {
	margin:0;
}

#latestBox .newsThumb{
	 background-color: #333333;
    border: 1px solid #ECECEC;
    left: -50px;
    padding: 1px;
    position: absolute;
    top: 5px;
}

#latestBox .newsWrap .postTitle {
	font-size:1em;
}

#latestBox .newsWrap .postTitle a {
	font-size:1.3em;
}


#subFooter #latestBox h3 a:Hover {
	background-color:transparent;
	text-decoration:underline;	
}

#latestBox p.description {
	font-size:1.2em;
	margin:0;
	color:#ccc;
	position: relative;
    top: -4px;
}

#latestBox .postDate {
	color: #FFFFFF;
    font-size: 1.1em;
    position: relative;
    text-decoration: none;
    top: -6px;
}

#aboutBox {
	margin:0 60px 0 0;
	float:left;
	width:280px;
}


#contactBox {
	margin:0;
	float:left;
	width:220px;
}

#contactBox ul {
	line-height:1.8em;
	color:#fff;
}

#contactBox ul li strong {
	font-weight:bold;
	font-size:1.2em;
}

#contactBox ul li span{
	color:#ccc;
}

#contactBox ul li p {
	margin:0;
}

#contactBox ul li.iconWrap {
	margin:8px 0 0 -5px;
}


#contactBox ul li a {
	font-size:1.2em;
	line-height:2em;
	padding:0 0 10px 19px;
	background:url(images/subFooterLink_arrow.gif) no-repeat 0 3px;
	text-decoration: none;
}

#contactBox ul li a:Hover {
	color:#ccc;
	text-decoration: underline;
}

#contactBox ul li.downloadArrow {
	margin-top:5px;
}

#contactBox ul li.downloadArrow a{
	background-image:url(images/subFooterLink_arrowDown.gif);
}



/* -------------------------------------------- Footer Styles */

#footer {
	clear:both;
	width:100%;
	background: #282828 url(images/footerRepeat_bg.gif) 0 0 repeat-x;
	border-top:1px solid #B2B2B2;
}

#footerContent {
	padding:0;
	min-height:43px;
	height:auto !important;
	height:43px;
	background: #282828 url(images/footerRepeat_bg.gif) 0 0 repeat-x;
	position:relative;
}

#footerContent ul {
	color:#ccc;
	margin:10px 0 0 84px;			/* Main Structure Edit Point */
	float:left;
	display:inline;
}

#footerContent li{
display: inline;
line-height:2em;
}

#footerContent li.copyright{
	color:#999;
	font-size:1.1em;
	position:relative;
	top:1px;
	padding:7px 0 3px 28px;
	background:url(images/quirksmodeLogoSmall.gif) no-repeat 0 1px;
}

#footerContent li a{
color:#ccc;
}

#footerContent li a:Hover{
color:#fff;
}

#footerContent li span{
color:#8E8E8E;
padding:0 8px;
}

#footerContent #iconWrap{
float:right;
margin:14px 49px 0 0;
display:inline;
}



/* --------------------- DJ ------------------------ */

#mainWrapper .mb {
	margin-bottom: 23px;
}

.homeSideImage {
	left: -146px;
    position: absolute;
    top: 59px;
}

.primaryPostWrap .imgFrame {
	border:none;
}

.singleMix {
	margin-bottom:30px;
}