/*
Theme Name: Depth
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.1.3
Author: Obox Design
Author URI: http://www.obox-design.com/
*/

@import url("style-extra.css");

/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
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, 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: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*--*********************************************************************************--------*/
/*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/
/*-------------------------------------------------------------------------------------------*/
.no_ie {
	clear:both;
	border-bottom: 2px solid #a60000;
	background: #ffcece;
	color: #000;
	font-weight: bold;
	padding: 10px;
	text-align:center;
}
.no_ie h1 {
	font-size: 22px;
	color: #a60000;
}
.no_ie p {
	margin: 0px;
	padding: 0px;
}
.no_ie a {
	color: #a60000;
	text-decoration: underline;
}
.no_ie a:hover {
	color: #000;
}
/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	color: #ccc;
	background: #301830 url(http://dagmusic.com/wp-content/uploads/2014/03/black-bg.jpg) top fixed no-repeat;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
	color: #fff;
	font-weight: lighter;
}
h1 {
	font-size: 35px;
	line-height: 37px;
}
h2 {
	font-size: 28px;/*changed from 30px*/
	line-height: 32px;
}
h3 {
	font-size: 20px;
	line-height: 28px;/*changed from 18px*/
	padding-top:10px;/*added maring to increase the top margin*/
}
h4 {
	text-align:center;
	font-size: 16px;
	line-height: 22px;
}
h5 {
	font-size: 12px;
	line-height: 15px;
}
h6 {
	font-size: 10px;
	line-height: 13px;
}
p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 12px;
}
blockquote, blockquote p {
}
form {
}
label {
}
textarea, input { 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}
input[type=radio] {
}
input[type=checkbox] {
}
input[type=image] {
}
input[type=button] {
}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/

a.std_link, a {
	color: #fc0;
	text-decoration: none;
}
a.std_link:hover, a:hover {
	color: #fff;
}
a:active {
	text-decoration: underline;
}
/*--- Layouts ---*/
.no_bg {
	background-image: none;
}
.clearboth {
	clear: both
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.floatright {
	float:right;
}
.no_display {
	display: none;
}
.alignleft {
	float: left;
	margin: 0px 20px 10px 0px;
}
.alignright {
	float: right;
	margin: 0px 0px 10px 20px;
}
.aligncenter {
	text-align: center;
}
.wp-caption {
	padding: 10px;
	width: auto !important;
	background: url(images/layout/transparent-bg.png) repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.wp-caption img {
	display: block;
	margin-bottom: 5px;
}
.wp-caption p.wp-caption-text {
	clear: both;
	text-align: center;
	margin: 0px !important;
	padding: 0px !important;
	color: #fff !important;
	font-style: italic;
	font-size: 12px !important;
}
strong {
	font-weight:500;
	color:#FFF;
}
em {
	font-style: italic;
}
/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#page-nav-container {
	background: url(images/layout/transparent-bg.png) repeat;
}
#content-container {
	width: 980px;
	margin: auto;
}
#header {
	padding-top: 15px; /* changed from 30 px*/
	margin-bottom: 15px; /* changed from 30 px*/
}
#post-content {
	margin-bottom: 30px;
	background: url(images/layout/transparent-bg.png) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#left-column {
	float: left;
	width: 580px;
}
#right-column {
	float: right;
	width: 360px;
}
#full-width {
}
#footer-container {
	margin-top: 10px; /*changed from 40px*/
	background: url(images/layout/transparent-bg.png) repeat;
}
.footer-widgets {
	padding: 30px 0px;
	width: 980px;
	margin: auto;
}
.footer-copy {
	padding: 10px;
	background: url(images/layout/transparent-bg.png) repeat;
}
/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	
	/*--------------------------*/
	/*- PAGE MENU --------------*/
	.page-nav {
	width: 980px;
	margin: auto;
	clear: none; /*changed from both for custom language switcher*/
	padding: 10px 0 2px 0; /*changed 10px */
}
ul.page-nav li {
	float: left;
	margin-right: 20px;
	font-size: 14px;
}
ul.page-nav li:last-child {
	margin-right: 0px;
}
ul.page-nav li a {
	display: block;
	padding: 4px 6px; /*chnaged from 6px 8px*/
	color: #fff;
	line-height: normal;
	text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.99);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo {
	float: left;
}
.logo h1 {
	margin: 0px;
	padding: 0px;
}
/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#menu {
	clear: both;
	width: 960px;
	margin: 0px auto 0px;
	padding: 10px 10px;
	background: url(images/layout/transparent-bg.png) repeat;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}
ul#menu li.parent-item {
	float: left;
	position: relative;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 14px;
	line-height: normal;
}
ul#menu li.parent-item:last-child {
}
ul#menu li.parent-item a.parent-link {
	display: block;
	padding: 6px 10px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
ul#menu li.parent-item a.parent-link:hover {
}
ul#menu li.parent-item a.parent-link-sub-menu {
}
ul#menu li.parent-item a.parent-link-sub-menu:hover {
}
/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu {
	width: 180px;
	position: absolute;
	top: 45px;
	background: url(images/layout/transparent-bg-dark.png) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
ul.sub-menu li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.50);
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
ul.sub-menu li a {
	display: block;
	padding: 10px;
	color: #fff;
	text-transform: none;
}
ul.sub-menu li a:hover {
	color: #fc0;
}
ul.sub-menu li:first-child {
	border-top: none;
}
ul.sub-menu li:last-child {
	border-bottom: none;
}
ul#menu li.parent-item:last-child ul.sub-menu {
}
/*---------------------------*/
	/*- WORDPRESS MENU ----------*/
	#nav {
	clear: both;
	width: 960px;
	margin: 0px auto 0px;
	padding: 10px 10px;
	background: url(images/layout/transparent-bg.png) repeat;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}
#nav li {
	float: left;
	position: relative;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 16px; /*changed from 14px*/
	line-height: normal;
	z-index:2; /*added to get the menu over the hmpage*/

}
#nav li:last-child {
}
#nav li a {
	display: block;
	padding: 5px 9px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


/*  added to make the register button stand out */

#nav li a span {
	color: #ffcc00;
	font-weight:600;	
}
#page-nav span {
	color: #ffcc00;
	font-weight:600;	
}

#ul.page-nav li a span {
	color:ffcc00;
}

#nav ul.sub-menu {
	clear: both;
	width: 180px;
	position: absolute;
	top: 30px;
	left: 0px;
	background: url(images/layout/transparent-bg-dark.png) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#nav ul.sub-menu ul, #nav ul.sub-menu ul ul, #nav ul.sub-menu ul ul ul {
	clear: both;
	width: 180px;
	position: absolute;
	top: 25px;
	left: 45px;
	background: url(images/layout/transparent-bg-dark.png) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	z-index:1000;
}
#nav ul.sub-menu li {
	clear: both;
	border-bottom: 1px solid rgba(0, 0, 0, 0.50);
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	width: 100%;
}
#nav ul.sub-menu li a {
	display: block;
}
#nav ul.sub-menu li a:hover {
	color: #fff;
}
#nav ul.sub-menu li:first-child {
	border-top: none;
}
#nav ul.sub-menu li:last-child {
	border-bottom: none;
}
/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- FEATURE AREA -----------*/
	.feature {
	clear: both;
}
.feature .left-column {
	float: left;
	width: 580px;
	padding: 20px;
}
.feature .left-column .post {
	margin-bottom: 25px;
}
.feature .left-column a img {
	padding: 10px;
	margin-bottom: 15px;
	background: url(images/layout/transparent-bg.png) repeat;
	border: 1px solid rgba(255, 255, 255, 0.10);
}
.feature .left-column h2 {
	padding: 0px 0px 10px !important;
}
.feature .left-column h2 a {
	color: #fff;
}
.feature .left-column h2 a:hover {
	color: #fff;
	text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);
}
.feature .meta {
	float: right;
	display: inline-block;
	padding: 8px;
	background: url(images/layout/transparent-bg.png) repeat;
	font-style: italic;
	color: #ccc;
	font-size: 11px;
	letter-spacing: 1px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.feature .meta li {
	float: left;
	margin: 0px 10px;
}
.feature .meta li a {
	color: #fff;
}
.feature .meta li a:hover {
	color: #fff;
	text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);
}
.feature .right-column {
	float: right;
	width: 400px;
}
.feature .right-column li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.50);
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	border-left: 1px solid rgba(255, 255, 255, 0.10);
}
.feature .right-column li a {
	display: block;
	padding: 20px;
	background: url(images/layout/transparent-bg.png) repeat;
}
.feature .right-column li img {
	float: left;
	padding: 10px;
	margin-right: 10px;
	background: url(images/layout/transparent-bg.png) repeat;
	border: 1px solid rgba(255, 255, 255, 0.10);
}
.feature .right-column li span.title {
	display: block;
	float: left;
	width: 210px;
	margin-bottom: 6px;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
}
.feature .right-column li a:hover span.title {
	text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);
}
.feature .right-column li span.splurb {
	display: block;
	float: left;
	width: 210px;
	font-size: 12px;
	line-height: 18px;
	color: #e4e4e4;
}
.feature .right-column li.active {
	border-left: none;
	border-bottom: none;
}
.feature .right-column li.active a {
	background: none;
}
.feature .right-column li:first-child {
	border-top: none;
}
.feature .right-column li:last-child {
	border-bottom: none;
}
.feature .right-column li:last-child a {
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
.hp-block.top-news {
	width: 590px;
	background: #333333;
	border: none;
	padding: 10px;
	border-radius: 0px;
	text-align: center;
	margin-right: 10px;
	margin-left: 0px;
	float: left;
}
.content-block, .content-block-talent  {
	line-height:normal;
	width: 280px;
	clear:left;
	float: left;
	height:auto;
	background: url(images/layout/transparent-bg.png) repeat;
	-ms-interpolation-mode:bicubic;
	border:1px solid rgba(255, 255, 255, 0.10);
	padding: 10px;
	border: none;
	margin-top: 10px;
	margin-left: 0px;
	text-align: justify !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
/*--------------------------*/
	/*- PAGINATION -------------*/
	.pagination-container {
	padding: 10px;
	background: url(images/layout/transparent-bg.png) repeat;
	text-transform: uppercase;
	color: #ccc;
	font-size: 11px;
	letter-spacing: 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
ul.page_button_content {
}
ul.page_button_content li {
	float: left;
	margin-right: 10px;
}
ul.page_button_content li a {
	display: block;
	padding: 8px;
	background: url(images/layout/transparent-bg.png) repeat;
	text-transform: uppercase;
	color: #ccc;
	font-size: 11px;
	letter-spacing: 1px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
ul.page_button_content li a:hover {
	color: #fff;
	text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);
}
ul.page_button_content li a.selected-page {
	margin-top: -1px;
	font-weight: bold;
	color: #fff;
}
ul.page_button_content li a.selected-page:hover {
	background: url(images/layout/transparent-bg.png) repeat;
}
/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
	.post .copy p {
	clear: none;
	font-size: 14px;
	text-align: justify;
	margin: 0px !important;
}
.post .copy ol, .post .copy ul, #cboxLoadedContent ul {
	list-style: disc;
	margin: 0px 0px 10px 30px;
	font-size: 13px;
	color: #ccc;
}
.post .copy ol li, .post .copy ul li {
	line-height:18px;/*changed from 22px to save space*/
	padding-bottom: 5px;/*changed from 10px to save space*/
	font-size: 13px;
	color: #ccc;
}
.post .copy ol {
	list-style: decimal;
}
.post .copy code, .post .copy pre {
}
.post .copy img {
}
.post .copy h2 {
	line-height: 35px;
	margin-top: 13px !important;
	background: none;
	border: none;
}

/*.post .copy h3 {
	margin-top: 20px;
} added to decrease margin on home page*/

.post .copy blockquote {
	padding: 10px;
	margin-bottom: 15px;
	background: url(images/layout/transparent-bg.png) repeat;
	font-style: italic;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
/*--------------------------*/
	/*- POST TITLE -------------*/
	#post-content h2 {
	padding: 20px;
	margin: 0px;
	line-height:15px;
}
#post-content h2 a {
	color: #fff;
}
#post-content h2 a:hover {
	color: #fff;
	text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);
}
/*--------------------------*/
	/*- POST CONTAINER ---------*/
	.post-container {
	margin-bottom: 30px;
	background: url(images/layout/transparent-bg.png) repeat;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 930px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 20px;
	text-align: justify;
}
.post-container .post-image img {
	padding: 10px;
	margin-bottom: 10px;
	background: url(images/layout/transparent-bg.png) repeat;
	border: 1px solid rgba(255, 255, 255, 0.10);
}
.post h3, .post h3 a {
	color: #fff;
}

.post h3 a {
	color:#ffcc00;
}
/*added to make th elink tag appear*/

.post h3 a:hover {
	color: #fff;
	text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);
}
.post .post-image {
	margin-bottom: 10px;
}
.post .copy {
	margin-bottom: 10px;
}
.image-right {
	float: right;
	width: 200px;
	margin-right: 20px;
}
.content-left {
	float: left;
	width: 290px;
}
.image-left {
	float: left;
	width: 200px;
}
.content-right {
	float: right;
	width: 290px;
}
/*--------------------------------------------------------*/
	/*- ACTION LINK ------------------------------------------*/
	a.action-link {
	display: inline-block;
	padding: 8px;
	text-transform: uppercase;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
a.action-link:hover {
}
/*--------------------------------------------------------*/
	/*- META STYLES ----------------------------------------*/
	.post-container .meta {
	float: right;
	display: inline-block;
	padding: 8px;
	background: url(images/layout/transparent-bg.png) repeat;
	font-style: italic;
	color: #ccc;
	font-size: 11px;
	letter-spacing: 1px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.post-container .meta li {
	float: left;
	margin: 0px 10px;
}
.post-container .meta li a {
	color: #fff;
}
.post-container .meta li a:hover {
	color: #fff;
	text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);
}
.post-page-meta {
	clear: both;
	float: none !important;
}
h3.section-title {
	padding: 10px 20px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.99);
}
/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-container {
	margin-bottom: 30px;
	background: url(images/layout/transparent-bg.png) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.comment {
	padding: 20px;
}
.comment-avatar {
	float: left;
	width: 50px;
	padding: 8px;
	margin-left: -40px;
	background: url(images/layout/transparent-bg.png) repeat;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.comment-post {
	float: right;
	width: 500px;
}
.comment h4 a {
	color: #fff;
	font-weight: bold;
}
.comment h4 a:hover {
	color: #fff;
	text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);
}
.comment h4 a.twitter-link {
	margin-left: 20px;
	font-weight: lighter;
	font-size: 11px;
	font-style: italic;
}
.comment h4 a.twitter-link:hover {
}
.comment-date {
	float: right;
	padding-top: 10px;
	font-style: italic;
	color: #fff;
	font-size: 11px;
}
/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments {
	width: 500px;
	margin-left: 80px;
}
.threaded-comments .comment {
	border-bottom: 1px solid rgba(0, 0, 0, 0.50);
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.threaded-comments .comment-post {
	width: 420px;
}
.threaded-comments .first {
	border-top: none;
}
.threaded-comments .last {
	border-bottom: none;
}
/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content {
	padding: 20px;
	margin-bottom: 30px;
	background: url(images/layout/transparent-bg.png) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.comment-form-content .comment_form label {
}
.comment-form-content .comment_form label {
	clear: left;
	float: left;
	width: 70px;
	padding: 5px 0px;
	color: #fff;
	font-size: 15px;
	font-style: italic;
}
.comment-input {
	float: left;
	width: 220px;
	margin-bottom: 10px;
}
.comment-input input {
	width: 210px;
	padding: 5px;
	background: #fff;
	border: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.logged-in {
	clear: left;
	color: #fff;
	font-style: italic;
	font-size: 11px;
	margin-left: 70px;
	width: 210px;
	display: block;
	height: 26px;
}
.checkbox {
	clear: left;
	color: #fff;
	font-style: italic;
	font-size: 11px;
	margin-left: 0px;
}
.textarea {
	float: right;
	width: 290px;
}
.textarea label {
	clear: both;
}
.comment-texarea {
	clear: both;
	margin-bottom: 10px;
}
.comment-texarea textarea {
	width: 280px;
	height: 200px;
	padding: 5px;
	background: #fff;
	border: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
input.submit_button {
	clear: both;
	display: inline-block;
	padding: 8px;
	margin-top: 10px;
	text-transform: uppercase;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
input.submit_button:hover {
}

/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#archives a {
}
#archives a:hover {
}
h4.archive_year {
	padding: 0px 0px 5px;
	margin: 0px 0px 5px;
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	text-align: left;
}
ul.archives_list {
	font-size: 14px;
}
ul.archives_list li {
	line-height: 24px;
	padding: 15px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.50);
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.archives_list li .archive-post-image {
	float: left;
	width: 45px;
	height: 45px;
	margin-right: 20px;
	overflow: hidden;
	border: 5px solid #000;
}
.archives_list li .archive-post-image img {
	display: block;
	margin: auto;
}
.archives_list li a {
	color: #fff;
}
.archives_list li a:hover {
	color: #fc0;
}
.archives_list .date {
	display: block;
	margin-right: 20px;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
}
ul.archives_list .date sup {
	position: relative;
	top: -3px;
	font-size: 11px;
	text-transform: lowercase;
	font-size: 8px;
}
ul.archives_list .label {
	display: inline-block;
	min-width: 80px;
	font-style: italic;
}
ul.archives_list .label a {
	color: #ccc;
	font-weight: bold;
}
ul.archives_list .label a:hover {
	color: #fff;
}
.archives_list li:first-child {
	border-top: none;
}
.archives_list li:last-child {
	border-bottom: none;
	margin-bottom: 30px;
}
/*-------------------------------------------------------------------------------------------*/
/*- ADVERTS ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.adverts {
	clear: both;
}
.advert {
	width: 180px;
	float: left;
}
.advert a {
	display: block;
	width: 125px;
	padding: 20px 0px 0px;
	margin: auto;
}
.advert li a:hover {
}
.widget_ocmx_small_ad_widget {
	padding-bottom: 20px;
}
.advert-468 {
	float: right;
	width: 468px;
	padding: 5px;
	background: url(images/layout/transparent-bg.png) repeat;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
li.large-advert {
	text-align: center;
}
li.large-advert img {
	margin: 20px 0px;
}
/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-column h4.widgettitle, #right-column h4.widgettitle a, div.srp-widget-container h3.widget-title  {
	font-size: 17px;
	padding: 10px;
	margin: 0px;
	background: url(images/layout/transparent-bg.png) repeat;
	text-align: left;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}


#right-column h4.widgettitle a {
	display: block;
	background: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#right-column h4 a {
	color: #fff;
}
#right-column h4 a:hover {
	color: #fff;
	text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);
}
#right-column ul {
}
#right-column ul li.widget {
	margin-bottom: 30px;
	background: url(images/layout/transparent-bg.png) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#right-column ul li.widget ul {
}
#right-column ul li.widget ul li, #right-column .textwidget, #right-column .search,  .srp-widget-container {
	padding: 10px;
	line-height: 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.50);
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
#right-column ul li.widget ul li:first-child {
	border-top: none;
}
#right-column ul li.widget ul li:last-child, #right-column .textwidget, #right-column .search {
	border-bottom: none;
}
#right-column ul li.widget ul li a {
}
#right-column ul li.widget ul li a:hover {
}
/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-bar {
	background: #fff;
	padding: 4px 6px;
	height: 22px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.search-form input.search {
	float: left;
	width: 270px;
	margin: 0px !important;
	padding: 2px 0px !important;
	background: none;
	border: none !important;
	line-height: normal;
}
.search-form input.search_button {
	float: right;
	display: block;
	margin: 0px;
	padding: 4px 3px;
	background: none;
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	line-height: normal;
	background: #000;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/*--------------------------------------------*/
	/*- POPULAR/RECENT POSTS ---------------------*/
	.widget_popular_entries {
}
.widget_popular_entries ul {
}
.widget_popular_entries li {
	background: url(images/layout/popular-icon.png) 10px 13px no-repeat;
	padding-left: 35px !important;
	position: relative;
}
.widget_popular_entries li a {
	color: #fff;
}
.widget_popular_entries li a:hover {
	color: #fff;
	text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);
}
.widget_popular_entries li p {
	margin-bottom: 0px;
}
/*--------------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ------------------*/
	.widget_recent_comments {
}
.widget_recent_comments li {
	background: url(images/layout/comment-icon.png) 10px 13px no-repeat;
	padding-left: 35px !important;
}
.widget_recent_comments li:last-child {
}
.widget_recent_comments li p {
	margin-bottom: 0px;
}
.widget_recent_comments li a {
	color: #fff;
	font-size: 11px;
	font-style: italic;
}
.widget_recent_comments li a:hover {
	color: #fff;
	text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);
}

/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
	ul#twitter_update_list li {
	background: url(images/layout/twitter-icon.png) 10px 13px no-repeat;
	padding-left: 35px !important;
	position: relative;
}
ul#twitter_update_list li a {
	display: block;
	clear: both;
	width: 90px;
	padding: 4px 6px;
	margin-top: 10px;
	background: url(images/layout/transparent-bg.png) repeat;
	font-size: 11px;
	font-style: italic;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
ul#twitter_update_list li span a {
	display: inline-block;
	width: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 0px;
	font-size: inherit;
	background: none;
}
ul#twitter_update_list li a:hover {
	color: #fff;
	text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);
}
/*--------------------------------------------*/
	/*- ARCHIVES ---------------------------------*/
	.widget_archives {
	font-size: 14px;
	line-height: 22px;
}
.widget_archives ul, .widget_archives ul li {
}
.widget_archives a {
	display: block;
	font-style: italic;
	color: #fff;
}
.widget_archives ul.month span {
	color: #fff;
	float: right;
}
.widget_archives a.selected {
	font-weight: bold;
}
.widget_archives a:hover {
	color: #fff;
	text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);
}
.widget_archives ul.year {
	float: left;
	width: 100px;
	margin-bottom: 20px;
}
.widget_archives ul.month {
	float: left;
	width: 260px;
	margin-bottom: 20px;
}
.widget_archives ul li {
	padding: 3px 0px;
}
/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.footer-content h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}
.footer-one {
	float: left;
	width: 580px;
	line-height: 22px;
}
.footer-two {
	float: right;
	width: 360px;
	line-height: 22px;
}
.tags a {
	display: block;
	float: left;
	display: block;
	padding: 3px 8px;
	margin: 0px 10px 10px 0px;
	background: url(images/layout/transparent-bg.png) repeat;
	text-transform: uppercase;
	color: #ccc;
	font-size: 11px;
	letter-spacing: 1px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.tags a:hover {
	color: #fff;
	text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);
}
.footer-content {
	width: 980px;
	margin: auto;
}
.footer-copy {
	padding: 10px 0px;
}
.footer-copy p {
	float: left;
	margin: 0px;
	padding: 0px;
	color: #ccc;
	font-size: 11px;
	letter-spacing: 1px;
}
.footer-copy a, .footer-copy p a {
	color: #fff;
}
.footer-copy a:hover, .footer-copy p a:hover {
	color: #fff;
	text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}