@charset "UTF-8";
/* POST CSS - DTS International */

/* TOP - POST / RED BACKGROUND */
#top					{ width: 100%; height: 289px; background: url('/images/blog/blog_bg.png') top left repeat-x; }

/* CONTENT */
#content				{ margin-top: -258px; background: url('/images/global/content_bg.png') top left repeat-y;   }

/* LEFT CONTENT */
#leftContent			{ width: 620px; position: relative; float: left; padding: 0px 30px 0px 30px; }

/* POSTS */
article.post			{ padding-bottom: 50px; position: relative; background: url('/images/global/divider.png') bottom left no-repeat; }
article.post h2			{ font-size: 2.7em; font-weight: 600; font-style: oblique; color: #4f4f4f; padding-bottom: 15px; }
article.post h2 a 		{ color: #4f4f4f; }
article.post h2 a:hover { color: #dc0618; }
article.post p			{ padding-bottom: 0px; margin-bottom: 12px; }
article.post #mainImage	{ float: left; margin: 0px 0px 20px -30px; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px }
article.post img 		{ margin: 0; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px }
article.post time 		{ position: absolute; top: 320px; left: -65px; height: 20px; width: 50px; display: block; text-align: center; font-size: 1.5em; color: #FFF; 
						font-weight: normal; text-align: center; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; 
						padding: 8px 0px 20px 0px; margin-left: 5px; box-shadow: 0 0 5px #a0a0a0; -moz-box-shadow: 0 0 5px #a0a0a0; 
						-webkit-box-shadow: 0 0 5px #a0a0a0; }
article.post time em 	{ font-size: 0.8em; font-style: normal; text-align: center; text-transform: uppercase; display: block; position: absolute; top: 25px; left: 12px;  }
article.post time.black { background: #000; }
article.post time.red	{ background: #dc0618; }

article.post .more 		{ color: #dc0618; font-size: 1.4em; }
article.post .more:hover{ color: #a0a0a0; }

article.post p a		{ color: #dc0618; font-weight: bold; }
article.post p strong	{ color: #444; }

.quote					{ color: #dc0618; font-size: 2.6em; font-weight: 400; font-style: oblique; line-height: 1.2em; }
.h3						{ font-size: 1.5em; font-weight: 600; color: #dc0618; padding-bottom: 5px; display: block; }
.h4						{ font-size: 1.3em; font-weight: 600; color: #777; padding-bottom: 5px; display: block; }
.li						{ padding-left: 50px; background: url('/images/blog/point.png') no-repeat 30px 7px; display: block; }




/* COMMENTS */
#comments				{ padding-bottom: 10px; }
#comments h2			{ height: 60px; font-size: 2.7em; font-weight: 600; font-style: oblique; color: #4f4f4f; 
						background: url('/images/post/comments.png') top left no-repeat; padding: 15px 0px 0px 70px; }

#comments h4			{ height: 60px; font-size: 2.7em; font-weight: 600; font-style: oblique; color: #4f4f4f; 
						background: url('/images/post/postcomment.png') top left no-repeat; padding: 15px 0px 0px 70px;}

/* COMMENTS LITSTING */
#commentsList			{ padding: 10px 0px; }

.comment				{ padding: 0px 0px 10px 45px; background: url('/images/post/comment_icon.png') top left no-repeat; }
.comment h3				{ font-size: 1.5em; font-weight: 600; font-style: oblique; color: #929292; }
.comment h3 em			{ color: #000; font-weight: 400; font-style: normal; }
.comment p				{ font-family: Georgia, sans-serif; font-style: oblique; font-size: 1.6em; color: #4f4f4f; padding: 5px 0px 10px 0px; }

#confirm				{ padding: 0px 0px 10px 45px; background: url('/images/post/comment_warning.png') top left no-repeat; }

/* COMMENT FORM */
#commentForm			{ padding-bottom: 35px; }

#formLeft             	{ width: 295px; float: left; margin-right: 30px; padding-bottom: 20px; }
#formRight              { width: 295px; float: left; }

#commentForm label      { clear: both; color: #7e7e7e; font-size: 1.4em; display: block; margin: 20px 0px 5px 0px; }
#commentForm .textbox   { width: 260px; clear: both; height: 28px; background: #e5e5e5; color: #000; font-size: 1.2em; padding: 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
						border-radius: 8px; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; margin: 0 10px 10px 0;	}				
#commentForm .textarea  { width: 590px; height: 100px; background: #e5e5e5; color: #000; font-size: 1.2em; padding: 3px; -moz-border-radius: 8px; -webkit-border-radius: 8px; 
						border-radius: 8px; border: none; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; }
#commentForm .textbox:hover, #commentForm .textarea:hover       { color: #d6d4d4; background: #999; }
#commentForm .textbox:focus, #commentForm .textarea:focus       { color: #fff; background: #666; }

#commentForm select    	{ border: none; width: 250px; color: #000; font-size: 14px; font-weight: bold; height: 25px; padding: 3px; margin-bottom: 14px; }
#commentForm .wide      { width: 590px; }
#commentForm .button    { width: 133px; height: 35px; margin-top: 25px; float: left; display: block; border: none; color: #FFF; text-align: center; 
						font-size: 1.3em; font-weight: 400; text-transform: uppercase; background: url('/images/contact/button_bg.png') repeat-x; 
						border: #000 1px solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-shadow: -1px -1px 0px #217000; cursor: pointer; 
						-webkit-transition: color 250ms; -moz-transition: color 250ms; -o-transition: color 250ms; }
#commentForm .button:hover	{ color: #333; }
#commentForm .button:active	{ background: url('/images/contact/button_bg.png') left -35px; }
#commentForm .disabled		{ color: #666; }
#commentForm label.error	{ color: #cc0000; margin-top: 1px; }

#commentForm #surname	{ display: none; }
#comments #comment_question		{ width: 250px; }
#comments #comment_question:focus		{ width: 100px; }


/* SIDEBAR */

/* CATAGORY LIST */ 
#catagories				{ width: 279px; padding-bottom: 30px;  }
#catagories h2			{ height: 60px; font-weight: 600; font-style: oblique; font-size: 2.6em; color: #FFF; text-shadow: -1px -1px 0px #000; 
						letter-spacing: 1px; background: url('/images/blog/catagory.png') top left no-repeat; padding: 15px 0px 0px 70px; margin-left: 30px; }
#catagories ul 			{ padding-bottom: 30px; background: url('/images/global/divider.png') bottom left no-repeat; }
#catagories li 			{ font-size: 1.3em; padding: 10px 0px 5px 0px; background: url('/images/global/sidebar_divider.png') top left no-repeat; }
#catagories li a 		{ color: #FFF; font-size: 1.4em; font-weight: 400; font-style: normal; padding-left: 30px; }
#catagories li a:hover 	{ color: #dc0618; }

#catagories li a#rss	{ padding-left: 50px; background: url('/images/blog/rss.png') no-repeat 30px center; }

/* RECENT POSTS */
#recentPosts			{ width: 279px; padding-bottom: 30px; margin-top: -54px; }
#recentPosts h2			{ height: 60px; font-weight: 600; font-style: oblique; font-size: 2.6em; color: #FFF; text-shadow: -1px -1px 0px #000; 
						letter-spacing: 1px; background: url('/images/post/recentpost.png') top left no-repeat; padding: 15px 0px 20px 80px; margin-left: 30px; }
.recentPost				{ margin-bottom: 40px; }
.recentPost	h3 a		{ color: #FFF; font-size: 1.3em; font-weight: 400; font-style: normal; padding-left: 30px; display: block; }
.recentPost	h3 a:hover	{ color: #dc0618; }
.recentPost	img			{ margin: 5px 0px 15px 30px;  }
.recentPost img:hover	{ box-shadow: 0 0 5px #dc0618; -moz-box-shadow: 0 0 5px #dc0618; -webkit-box-shadow: 0 0 5px #dc0618; }
.recentPost	time		{ font-size: 1.3em; color: #8a8a8a; padding: 5px 0px 0px 30px; }
.recentPost	p			{ font-size: 1.3em; color: #bdbdbd; letter-spacing: 1px; margin-left: 30px; padding: 5px 0px; }

/* MOBILE PHONES  /////////////////////////////////////// */

@media screen and (max-width: 480px) {
	#leftContent { background: none; }
	#slogan { margin-top: 0px; background: #000; width: 90%; padding: 15px 5% 20px 5%!important; }
 	article.post { height: auto!important; padding: 0 0 50px 0!important; }
 	article.post img { float: none; width: 100%; }
 	#commentForm .textbox { width: 96%; float: none; margin: 0 0 10px 0; padding: 5px 2%; }
	#sideBar { background: #313131; width: 100%; padding: 0!important; }
	#catagories	{ width: 100%; -webkit-background-size: 100% auto; }
	#catagories ul { -webkit-background-size: 100% auto; padding-bottom: 10px; }
	#catagories li { -webkit-background-size: 100% auto; padding: 10px 5% 5px 5%; }
	#catagories li a { padding-left: 0; }
	#catagories li a#rss { padding-left: 20px; background: url('/images/blog/rss.png') no-repeat left center; }
	#pagination { width: 90%; margin: 0 auto;  }

}

/* MOBILE PHONES LANDSCAPE /////////////////////////////////////// */

@media screen and (orientation:landscape) and (max-width: 480px) {

}


/* MOBILE PHONES LANDSCAPE /////////////////////////////////////// */

@media screen and (min-width: 441px) and (max-width: 480px) {


}

/* MOBILE PHONES & TABLETS /////////////////////////////////////// */

@media screen and (max-width: 959px) {
	article.post p embed { display: none!important; }
	#commentForm .textarea { width: 96%; padding: 3px 2%; }
	#recentPosts { display: none; }
	#leftContent { padding: 0!important; width: 100%!important; }
	article.post #mainImage { margin: 0 0 20px; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; }
	article.post p, article.post h2 { padding: 0 5%; }
	#comments { width: 90%; padding: 0 5%; }
	article.post time { position: static; height: auto; width: auto; text-align: left; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0px 5%; margin-left: 0; box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; color: #4F4F4F; display: inline; }
	article.post time em 	{ text-align: left; position: static; display: inline; font-size: 1em; text-transform: capitalize; padding-left: 3px; }
	article.post time.black, article.post time.red { background: none; }
	
}

/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
 
 @media screen and (min-width: 481px) and (max-width: 959px) { 
 	.notMob { display: block; }
 	#mainImage { float: none!important; width: 100%; }
 	#help { width: 92%!important; padding: 10px 4%; margin: 40px 0; }
 	#commentForm .button { float: none!important; }
  	#commentForm .textbox { width: 45%; margin: 0 0 10px; padding: 5px 2%; }
  	#commentForm #comment_author { width: 44%; margin-right: 2%; }
 	#reportForm select { width: 100%; }
 	#location { width: 80%; overflow: hidden; }
 	#catagories { width: 100%; }
 	#catagories ul	{ width: 100%; padding-bottom: 0!important; }
 	#catagories li { width: 50%; float: left; -webkit-background-size:  100% auto; }
 }
 
/* TABLETS SMALL ///////////////////////////////////////// */
@media screen and (min-width: 481px) and (max-width: 695px) {
	article.post img { width: 100%; }
	#location { width: 70%; padding: 0px 0px 3px 33px!important; }
	#breadcrumbs p { font-size: 1.3em; }
}
 

/* TABLETS AND UP /////////////////////////////////////// */

@media screen and (min-width: 481px) { 

}

/* 960 DESKTOPS /////////////////////////////////////// */

@media screen and (min-width: 960px) and (max-width: 1279px) { 
		
	
}

/* 960 DESKTOPS AND UP /////////////////////////////////////// */

@media screen and (min-width: 960px) { 

}


/* 1280 AND GREATER DESKTOPS /////////////////////////////////////// */

@media screen and (min-width: 1280px) { 

}