/*  

Theme Name: DexDogPro
Theme URI: DexterDogStudio.com
Description: Bitchin' two-column template, custom made for Pete Charrel of Dexter Dog Studio
Version: 1.0
Author: DubTempo
Author URI: http://www.dubtempo.com
CSS Reworking: Brent Simmons / Filial Generation

*/

/* @RESET */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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 { margin:0; padding:0; border:0; outline:none; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1;}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; }
img, a img { border:0; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
html { height:100%; border:0; overflow-y:scroll; font-size:100.01%; display:block; margin-top:0 !important; }
body { text-align:center; line-height:1.5; min-height:101%; *font-size:small; *font:x-small; overflow-x:hidden; display:block; z-index:0; } /* min-height:101%; if vertical scrollbars should be forced */
fieldset { border:0 solid; } /* opera fix */
object, embed { outline:0 !important; }
input:focus, textarea:focus { background:#f4f4f4; }
abbr { border:none; }
.aligncenter { display:block; margin-left:auto; float:none; margin-right:auto; }
.alignleft { float:left; }
.alignright { float:right; }
.floatnone { float:none; }
.hidden { display:none !important; visibility:hidden !important; }
.line { float:left; display:block; clear:both; }
.flal { float:left !important; text-align:left !important; }
.flar { float:left !important; text-align:right !important; }

/* @CLEAR */
.clear-block:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear-block { display:inline-block; }
* html .clear-block { height:1%; } /* Hides from IE-mac \*/ 
.clear-block { display:block; }
/* @Clear All */
.clear { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }
.clearnone { clear:none; }
/* self-clear floats */
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* @GLOBAL */
body { background:#000 url('images/bg1920.jpg') no-repeat fixed top center; margin:0 auto; text-align:center; }
a { color:#009ABD; text-decoration:none; outline:0 !important; cursor:pointer; }
a:hover, a:focus, a:active { color:#BBB; }
::-moz-selection{ background:#009ABD; text-shadow:none; }
::selection { background:#009ABD; text-shadow:none; }
:-moz-any-link:focus { outline:none !important; }

/* @CONTAINER */
#Container { background:url('images/bg_Container.jpg') no-repeat top left; width:965px; min-height:100%; margin:0 auto; }
.home #Container { background:url('images/studio-bg.jpg') no-repeat top left; }

/* @HEADER */
#header { width:100%; height:150px; margin:10px 0; background:url('images/logo.png') no-repeat center center; display:block; clear:both; }
#header h1 { width:100%; height:150px; display:block; float:left; }
#header h1 a { width:100%; height:150px; background:url('images/logo.png') no-repeat center center; text-indent:-9999px; float:left; display:block; }

/* @NAVIGATION */
#navigation { width:auto; height:auto; margin:0 auto; display:block; clear:both; position:relative; padding:10px 0; border-bottom: 1px solid #999; }
#navigation li { display:inline; margin-left:10px; padding-bottom:2px; }
#navigation li:first-child { margin-left:0; }
#navigation li a { color:#fff; font-size:18px; text-transform:uppercase; display:inline-block; padding-bottom:2px; text-shadow:0 1px 0 rgb(0,0,0); }
#navigation li a:hover, #navigation li.current_page_item a { border-bottom:2px #009ABD solid !important; padding-bottom:0 !important; }
#navigation li.current_page_item a { cursor:default !important; }

/* @SOCIAL */
#bot-Bumper { width:775px; height:auto; background:url('images/bg_Box.png') repeat; margin:10px auto; padding-bottom:20px; border:1px solid #999; }
#social { width:225px; height:50px; margin:0 auto 5px; display:block; position:relative; }
#social li { width:45px; height:43px; display:block; float:left; }
#social li a { width:45px; height:43px; float:left; text-indent:-9999px; background:url('images/social.png') no-repeat 0 0; text-align:left; }
#social li.follow { width:225px; height:auto; text-align:center; font-size:110%; color:#009ABD; text-transform:uppercase; clear:both; display:block; margin-left:-4px }
#social li.linkedin a { background-position:0 0; }
#social li.linkedin a:hover { background-position:0 -43px; }
#social li.facebook a { background-position:-90px 0; }
#social li.facebook a:hover { background-position:-90px -43px; }
#social li.twitter a { background-position:-135px 0; }
#social li.twitter a:hover { background-position:-135px -43px; }
#social li.soundcloud a { background-position:-180px 0; }
#social li.soundcloud a:hover { background-position:-180px -43px; }
#social li.trapt a { background-position:-45px 0; }
#social li.trapt a:hover { background-position:-45px -43px; }

/* @SIDEBAR */
.buffer { float:left; clear:both; }
#studioshots { width:200px; height:auto; float:left; display:block; overflow:hidden; margin:10px 0; }
#studioshots img { width:200px; display:block; float:left; }
#companies { width:200px; height:80px; float:left; display:block; overflow:hidden; }
#companies img { width:200px; height:80px; display:block; float:left; }
#rss { width:240px; height:230px; margin-left:-10px; float:left; }
#rss .feeds li { width:240px; height:50px; float:left; display:block; clear:both; margin-bottom:1px !important; }
#rss .feeds li a { width:240px; height:50px; padding:2px; float:left; display:block; background-color:rgba(17,17,17,.1); border-bottom:3px #009ABD solid; }
#rss .feeds li a:hover { background-color:rgba(0,0,0,.2); color:#fff; }

/* @CREDITS */
#credits { width:775px; height:auto; position:relative; margin:10px auto; }
#credits .line { clear:both; display:block; float:none !important; }


#v-Tiler {
	background: url('images/bg_v-Tiler.jpg') repeat-y;

	top: 0;

	width: 965px;

	min-height: 100%;

	overflow:visible;

	display:inline-block;

	margin: 0 5px;

}






#top-Bumper {

	background: url(images/bg_Box.png) repeat;

	margin-top:-1px;
	min-height: 21px;

	height: 21px;

	overflow: visible;

	width: 775px;

	display:inline-block;

	border: 1px solid #999;

}




#mainBox {

	background: url(images/bg_Box.png) repeat;

	width: 775px;

	min-height: 600px;

	height: 100%;

	display:inline-block;

	border: 1px solid #999;

}









div.post {

	width: 526px;

	float: left;

	clear: none;

	text-align:left;

	color: #CCC;

	min-height: 772px;

	overflow:visible;

	background: url(images/bg_Post.png) repeat-y;

}



div.post h3 { margin:20px 0 0 20px; font-size:24px; }
#text p { font-size:90%; clear:both; }
div.entry { margin:10px 20px; font-size: 1.1em; font-family:Georgia, "Times New Roman", Times, serif; }



div.sidebar {

	width: 248px;

	float:right;

	clear: none;

	text-align: left;

	list-style: none;

	padding: 10px 0 0 0;

}



div.buffer{

	margin:  0 20px 25px 20px;

}



div.sidebar li{margin: 0 0 10px 0;}


.bottom-credits {	

	font-size: 9px;

	color: #313131;

	font-family: 'Lucida Console', Monaco, monospace;

}

#crs_Holder .crs_div { float:left !important; display:block !important; clear:both !important; overflow-y:hidden !important; padding-bottom:3px !important; }





/* Fixies  */