/*  
Theme Name: DJ Alan Clarke
Theme URI: http:www.djalanclarke.ie
Description: Custom blog design just for DJ Alan Clarke by Eddie.<br/> Contact on 353 (0)86 82 60 956 or <a href="mailto:deksnisedgars@gmail.com">deksnisedgars@gmail.com</a>.<br/>
		Alan if you are stuck with anything just let me now, ok?  :)
Version: 1.0
Author: Eddie (Edgars Deksnis)
Author URI: http://www.eddwebs.co.cc/


License Information :

All right's to DJ Alan Clarke.

*/

#copyfooter {border-top: 1px solid #333333; padding: 5px 0; width: 100%;}
p.copyfooter {font-size: 10px;margin: 0 auto;text-align: right; width: 914px;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
a{
	color:#8f8f8f;
	text-decoration:none;
}

a {
  outline: medium none !important;
}
a:hover{
	color:#666666;
	text-decoration:underline;
	outline: none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

body{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#000 url(images/bg.png) repeat-x top center;
	color:#8e8e8e;
}

/*
#body_page{
	background:url(images/bg_body.gif) no-repeat top center;
}
*/

#page{
	width:1000px;
	margin:0px auto;
}

/* HEADER */

#header{width:100%;height:138px;background:url(images/header_bg.png) no-repeat left top;}
	#header_title{float:left;margin:10px 0 0 26px;width:300px;}
		#header_title h1{}
			#header_title h1 a{ margin: 0; padding: 0;text-indent:-9999px; display:block; width:196px; height:108px; background: transparent url(images/logo.png) no-repeat scroll 0px -15px;}
			#header_title h1 a:hover {background-position: 1px -207px;}
	.description{display:block;font-size:12px;height:100%;margin:-11px 0 0;text-align:center;width:190px;}
	#header_rss{float:right;margin:84px 33px 0 0;padding-right:40px;text-align:right;}

/* MENU */

#menu{
	width:100%;
	height:47px;
	background:url(images/menu_bg.gif) no-repeat left top;
}

#menu_items{padding-top:5px;padding-left:25px;float:left;width:67%;text-transform:capitalize;font-size:15px;color:#FFFFFF;}
	#menu_items ul{margin-top:6px;display:block;height:100%;width:600px;}
		#menu_items ul li {display:inline;height:100%;width:100%;}
			

#menu_items div{float:left;background:url(images/menu_sep.gif) no-repeat center right;padding-left:0px;padding-right:5px;}

#menu_items div.menu_sep{position:relative;top:5px;}

#menu_items a{color:#FFFFFF;display: inline;height:36px;padding-top:5px;padding-left:8px;padding-right:8px;}

#menu_items a:hover{text-decoration:none;color:#FE8225;}

#menu_search{
	float:right;
	width:29%;
}
/*slider*/
#slidermargin {padding:14px 0 0;}
#s3slider {border:1px solid #32322A;height:131px;margin:0 auto;overflow:hidden;padding:2px;position:relative;width:575px;}

#s3sliderContent {
   width: 575px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 575px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {clear: both;} 
/*slider*/

/*gravatar*/
span.get_avatar{border:1px solid #2F2E26;float:left;margin:10px 10px 0 0;padding:2px;}
/*gravatar*/

#searchform_top{
	margin-left:35px;
	padding-top:5px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#55544e;
}

#searchform_top_text{
	width:142px;
	border:0px;
	background:none;
	color:#55544e;
	font-size:11px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#gosearch{
	position:relative;
	top:7px;
}

/* BODY */

#body{
	width:100%;
	background:url(images/body_bg.gif) repeat-y top left;
	float:left;
}

#body_top{
	width:100%;
	background:url(images/main_bg.png) no-repeat top left;
	float:left;
}

#body_left{
	width:736px;
	float:left;
	padding-bottom:40px;
}

#body_right{
	width:264px;
	float:right;
}

/* left contact */

#body_left_content{
	width:616px;
	padding-top:35px;
	margin-left:55px;
}

.post{
	background:url(images/post-top_bg.gif) no-repeat top left;
	width:100%;
}

.post-top{
	background:url(images/post-top_bg.gif) repeat-y left top;
}

.post-title{
	color:#4b4b4b;
}

.post-title h2{
	font-size:21px;
	color:#9a9a9a;
	margin-left:13px;
	font-style:italic;
	font-weight:normal;
	padding-bottom:2px;
}

.post-title h3{
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:2px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
	margin-left:12px;
}

.post-title h2 a{
	color:#9a9a9a;
}

.post-title h3 a{
	color:#818181;
	font-weight:bold
}

.tags_block{
	background:url(images/tags_bg.gif) repeat-y top left;
	padding-top:4px;
	margin-left:12px;
	width:100%;
}

.post-title h3.tags{
	color:#FE8225;
	font-weight:bold;
	padding-right:8px;
	background:none;
	margin-left:8px;
	margin-bottom:0px;
}

.post-title h3.tags span{
	color:#616161;
	font-weight:normal;
	text-transform:capitalize;
	padding-left:8px;
}

.post-title h3.tags a{
	color:#616161;
	font-weight:normal;
}

.entry{
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-left:15px;
	padding-right:5px;
	padding-bottom:20px;
}
.entry p{
padding-bottom:20px;
clear:both;
}

.postmetadata{
	margin-bottom:40px;
	margin-left:15px;
	height:29px;
	background:url(images/postmetadata_bg.gif) no-repeat top left;
}

.postmetadata a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#7f7c58;
	background:url(images/post_readmore_comm.gif) no-repeat left top;
	padding-left:18px;
}

.postmetadata a span{
	color:#7f7c58;
}

a.readmore{
	background:url(images/post_readmore_a.gif) no-repeat left 3px;
	color:#FE8225;
	padding-left:18px;
}

.postmetadata .alignleft{
	padding-top:6px;
	padding-left:10px;
}

.postmetadata .alignright{
	text-align:center;
	padding-top:8px;
	padding-right:13px;
}

a.readmore:hover{
	color:#cc6633;
}

.post-page{
	background:url(images/post_headeing.png) no-repeat top left;
	padding-right:10px;
}

.post-page h2{
	font-size:21px;
	font-weight:normal;
	color:#fff;
	margin-left:12px;
	padding-top:2px;
	padding-bottom:5px;
	background:url(images/post-page_h2_line.gif) repeat-x bottom left;
}

.post-page .entry{
	padding-left:20px;
	padding-top:10px;
}

strong{
	color:#b4b4b4;
}

/* right content */

#body_right_content{
	margin-left:15px;
}

#sidebar{
	width:193px;
	float:left;
	padding-left:8px;
	margin-top:25px;
}

#sidebars h2{
	background:url(images/sidebar_top_bg.gif) no-repeat left bottom;
	font-size:20px;
	color:#fe8225;
	padding-left:25px;
	padding-bottom:7px;
	text-transform:capitalize;
	font-weight:normal;
}

#sidebars ul{
	color:#b5b5b5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#sidebars li ul{
	padding-bottom:18px;
}

#sidebars li ul li ul{
	padding-left:10px;
	background:none;
	padding-bottom:0px;
}

#sidebars li ul li ul li ul{
	padding-left:0px;
}

#sidebars li{
	margin-bottom:0px;
}

#sidebars li li{
	margin-bottom:0px;
	margin-left:5px;
	padding-bottom:0px;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
	padding-top:4px;
	padding-bottom:8px;
	padding-right:3px;
	padding-left:5px;
}

#sidebars li.widget_archives li{
	border-bottom:1px solid #1a1a1a;
	background:none;
}

#sidebars li li li{
	background:none;
	border:0px;
	padding-bottom:3px;
}

#sidebars li a{
	color:#b5b5b5;
}

#sidebars li.widget_categories ul li{
	font-weight:bold;
}

#sidebars li.widget_categories ul li a{
	background:url(images/sidebar_li_cat.gif) no-repeat 2px 4px;
	font-weight:normal;
	padding-left:17px;
}

#sidebars li.widget_categories ul li ul li a{
	background:url(images/sidebar_li_subcat.gif) no-repeat 2px 6px;
	font-weight:normal;
	padding-left:10px;
}

#sidebars li.widget_archives ul li a{
	background:none;
	font-weight:normal;
	padding-left:15px;
}

#sidebars li.linkcat ul li a{
	background:url(images/sidebar_li_br.gif) no-repeat 2px 4px;
	font-weight:normal;
	padding-left:15px;
}

#sidebars li.widget_meta ul li a{
	background:url(images/sidebar_li_br.gif) no-repeat 2px 4px;
	font-weight:normal;
	padding-left:15px;
}

#sidebars .textwidget{
	padding:10px;
}





/*sidebaradd*/
.sidebaradd {}
	.sidebaradd a {}
	.sidebaradd a img{border:1px solid #333333;height:75px;margin:2px;padding:1px;width:75px;}
		.sidebaradd a:hover {}
		.sidebaradd a:hover img {border:1px solid #666;}
/*sidebaradd*/





/* FOOTER */
#footer {background:transparent url(images/footer_bg_new.png) no-repeat scroll left bottom;border-top: dotted 1px #1d1d1d; clear:both;height:357px;margin:0 auto;padding-top:37px;width:100%;}
	#footer .footercol { display:block;float:left;height:350px;margin:8px 10px 0;width:230px;}
		#footer .footercol b {margin-bottom:7px;display:block; background:transparent url(images/sidebar_top_bg.gif) no-repeat scroll left bottom;color:#FE8225;font-size:20px;font-weight:normal;padding-bottom:7px;padding-left:25px;text-transform:capitalize;}
		#footer .footercol a {}
			#footer .footercol a:hover img {border:1px solid #333;}
			#footer .footercol a img {border:1px solid #666666;margin:3px;padding:2px;}
		#footer .footercol ul.footercolFalow {}
			#footer .footercol ul.footercolFalow li {background:transparent url(images/dotted_grey.gif) repeat-x scroll left bottom;margin-bottom:8px;margin-left:5px;padding:5px 3px 9px 5px;width:177px;}
				#footer .footercol ul.footercolFalow li a {display:block;font-size:12px;height:21px;padding:0 0 0;text-align:left;text-indent:5px;width:100%;}
				#footer .footercol ul.footercolFalow li a img {border:medium none;float:left;margin:-7px 0 0;padding:0;}
					#footer .footercol ul.footercolFalow li a:hover {}
/*FOOETR */




/* Begin Typography & Colors */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */




/* Begin Images */
p img {padding: 0;max-width: 100%;border:1px solid #333;padding: 2px;}
/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {display: block;margin-left: auto;margin-right: auto;border:1px solid #333;padding: 2px;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;border:1px solid #333;padding: 2px;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;border:1px solid #333;padding: 2px;}
	a img.centered {border:1px solid #333;padding: 2px;}
	a img.alignright {border:1px solid #333;padding: 2px;}
	a img.alignleft {border:1px solid #333;padding: 2px;}
		a:hover img.centered {border-color: #666;}
		a:hover img.alignright {border-color: #666;}
		a:hover img.alignleft {border-color: #666;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 95%;
	}

#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;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 10px 10px;
	padding-left: 10px;
	padding-bottom:5px;
	background:url(images/blockquote_bg.gif) repeat-y left top;
	}

blockquote blockquote{
	background:url(images/blockquote_bg2.gif) repeat-y left top;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-weight:bold;
	clear:both;
	}
/* End Various Tags & Classes*/

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before{
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
ol li{
	list-style: decimal outside;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform{
	width:500px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 350px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	width:65px;
	height:25px;
	}
/* End Form Elements */



/* Begin Comments*/

h2#comments_title{
	font-size:21px;
	color:#FE8225;
	margin-left:35px;
	font-weight:normal;
	padding-bottom:10px;
}

h3#comments{
	font-size:13px;
	color:#b7b7b7;
	margin-left:35px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	margin-left:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#b5b5b5;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 0px 3px;
	list-style: none;
	background:url(images/commentlist_bg.gif) repeat-x top left;
	}

.commentmetadata_line{
	background:url(images/commentlist_bg_line.gif) repeat-x left bottom;
	padding-top:10px;
	padding-bottom:10px;
}

.commentmetadata_comm{
	padding:0px 10px 0px 10px;
}

.commentlist li li {
	margin: 0px;
	padding: 5px 10px 5px;
	background:none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	color:#8b875d;
	padding:6px 0px 6px 10px;
	}

.commentmetadata a{
	color:#8b875d;
	font-weight:bold;
	}

#respond_box{
	width:600px;
	background:url(images/respond_box.gif) no-repeat top left;
	margin-top:40px;
	margin-left:15px;
	padding-bottom:60px;
}

h3#respond{
	font-size:20px;
	color:#FE8225;
	margin-left:40px;
	padding-top:30px;
	padding-bottom:25px;
}

#commentform{
	margin-left:55px;
	color:#838282;
}

#commentform a{
	color:#838282;
}

/* End Comments */

/* Archives page */
.page_archives_div{
	padding-bottom:60px;
}

.ar_panel{
	width:653px;
	background:url(images/post_headeing.png) no-repeat top left;
	padding-right:10px;
}

.ar_panel3{
	width:653px;
	background:url(images/post_headeing.png) no-repeat top left;
}

.page_archives_div h2{
	font-size:21px;
	font-weight:normal;
	color:#fff;
	margin-left:12px;
	padding-top:2px;
	padding-bottom:5px;
	background:url(images/post-page_h2_line.gif) repeat-x bottom left;
}

.ar_panel3 h2{
	padding-top:0px !important;
	margin-left:10px !important;
	position:relative;
	top:-8px;
}

.ar_panel3 ul{
	margin-left:0px !important;
}

.page_archives_div ul h2{
	border:0px;
}

.page_archives_div ul{
	margin:0px;
	padding:0px;
	padding-top:5px;
	margin-bottom:40px;
	margin-left:20px;
	margin-right:20px;
}

.page_archives_div ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	background:none;
}

.page_archives_div ul li ul{
	margin:0px;
	padding:0px;
	padding-left:10px;
}

.page_archives_div ul li a{
	font-weight:normal;
	color:#8e8e8e;
	font-size:13px;
	padding-left:10px;
}

.page_archives_div ul li a:hover{
	color:#8e8e8e;
}

.page_archives_div ul li{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #2a2a2a;
}

.ar_panel3 ul li{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:0px;
}

.page_archives_div ul li ul li{
	border:0px;
}