/*

		 WATSTOCK THEME FOR WORDPRESS
		 
		 By: Kennyboy7
		 http://kennyboy7.com
		 http://k7dzign.co.uk
		 
		 --Created for the Watlington free music festival ---
		 
		 Background Box: rgba(15,16,18,0.8)
		 Background Box: rgb(15, 16, 18); 
		 Orange: #ff7800
		 Yellow: #fcf302
		 Footer background: #16202d
		 
		
		 
*/

/*
	------- RESET -------
*/

*				{ margin: 0; padding: 0; }

html			{ overflow-y: scroll;
overflow-x: hidden;  }

html, body		{ height: 100%; }


body	{

	font-size: 62.5%;
	font-family: Arial, sans-serif;
	color: #d2d2d2; 
	background: #a4c1df repeat-x top;
	
}


ul				{ 

list-style: none;

}

li				{

list-style: none;


}

ol				{ 

list-style: none;
 
 }

a				{ 

outline: none; text-decoration: none;

 }

a img			{ 

border: none; background: none;

 }

img				{ 

vertical-align: middle;

 }

table			{ 

border-collapse: collapse; 

}


/*
	------- UTILITY -------
*/


.floatLeft 		{ 

float: left; 

}


.floatRight		{ 

float: right; 

}


.clear			{ 

clear: both;

 }


.button			{ 

border: 1px solid #272727;
background: white; 
padding: 3px 8px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
color: 272727;
 
  }
  
  
.button:hover	{ 

background: #ff7800; 

color: white; 

}


/*
	------- TYPGROGRAPHY -------
*/
p, li			{ 
font-family: Arial;

font-size: 1.5em; 
line-height: 1.2em; 
margin: 0 0 10px 0;
color: #000;


 }

p#intro-paragraph	{ 

	font-family: Verdana; 
	font-size: 2.0em;
	font-style: italic;
	line-height: 1.6em; 
	background: rgba(15,16,18,0.8);
	background: rgb(15, 16, 18); /* The Fallback */
	padding: 20px 15px 20px 15px;
	margin-top: 5px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #ddd;
	
 }
  
p#intro-paragraph span	{ 

	font-size: 2.4em; 

	font-weight: bold;

 }
p#intro-paragraph em	{ 

	color: #ff7800; 

}


a						{ 

	
	color: #000;
	padding: 2px 4px 2px 4px;
	font-family: Tahoma; 
	

 }
 
 
a:hover					{ 

	background: #ff7800; 
	color: black;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 2px 4px 2px 4px;
 

}


h1						{ 

	font-size: 3.6em; 
	font-family: Georgia, serif; font-weight: normal;

 }
 
 
h2						{ 

	font-size: 2.8em; 
	font-family: Georgia, serif; 
	font-weight: normal; 
	font-size-adjust: 2px;

}

h3						{ 

	font-size: 2.6em; 
	font-family: Verdana, serif; 
	font-weight: normal; 

	margin: 0 0 10px 0;

 }
 
h4						{ 

	color: white; 
	font-size: 1.8em; 
	margin-bottom: 15px;

 }
 
 h5					{ 

	font-size: 2.4em; 
	font-family: Verdana, serif;
	font-weight: normal; 
	font-size-adjust: 2px;
	padding: 5px 0 5px 0;
	color: blue;

}
 
.post h4				{ 

	font-size: 1.8em; 
	font-family: Verdana, serif; 
	font-weight: normal; 
	margin: 0 0 10px 0;
	color: blue;
	

 }
 
. {

line-height: 15px;
}
 

 
 
 
 

/*
	------- FORMS -------
*/
input					{ 

	padding: 3px; 

}



/*
	------- STRUCTURE -------
*/

#page-wrap				{ 

	width: 960px; 
	margin: 0px auto -250px;
	min-height: 100%; 
	height: auto !important; 
	height: 100%;

}
 
#welcome				{

	width: 960px; 
	float: left;

}

#main-col				{ 

	width: 730px; 
	float: left; 

}	
				
#linksidebar			{ 

	width: 190px; 
	float: right;

 }
 
 
#push					{ 

	height: 250px; 

}


/*
	------- HEADER -------
*/

h1#logo		{ 

	width: 650px; 
	height: 142px;
	background: url(images/watstock_logo2.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0 10px 8px 220px; 
	float: left;
}
 
#main-pic		{ 

	float: left; 
	margin-right: 10px;

 }
 
#top-bar		{ 
	padding: 20px 0 0 0;

 }
 
#top-bar p		{

	color: #f4dfb8; 
	width: 300px; 
	float: left;
 
  }
  
form#searchform		{ 

	margin: 0 0 10px 0; 
	float: right;

 }
 
 .warning {
 
 
 float: left;
 background: url(images/Warning.png) no-repeat;
 width: 256px;
 height: 256px;
}

/*
	------- MENU -------
*/
#menu-bar			{ 

	padding-top: 11px; 
	padding-bottom: 20px;

}

ul#main-nav			{ 

	width: 860px; 
	float: left; 
	margin: 10px 0 0 0;

}

ul#extra-nav		{ 
	width: 860px; 
	float: right; 
	text-align: right; 
	margin: 10px 0 0 0;

}

ul#main-nav	li, ul#extra-nav li		{ 
	display: inline;
	margin-right: 25px;

}

ul#main-nav li a, ul#extra-nav li a	{ 

	text-transform: uppercase; 
	color: #fff; 
	background: #0f1012;
	font-size: 1.2em; 
	padding: 3px 8px;
	letter-spacing:1.5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#portfolio ul#extra-nav li.portfolio a,
body#default ul#main-nav li.home a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a,
body#resume ul#extra-nav li.resume a {
 
	background: #fcf302;
	color: #000;
}



/*
	------- WIDGETS -------
*/

.widget					{

	background: #16202d;
	width: 190px; 	
	height: auto;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	margin: 0 0 5px 8px;
	font-size: 1.2em;

 }
 
 .widget .wp125_write_ads_widget {
 
 	width: 160px;
 	list-style: none;
 
 }
 
 
.widget .wp125_write_ads_widget a:hover{


background: none;

 }
 
 
 
 
 
.widget .widget_links{

	width: 180px;

}

.widget .widget_links a:hover{

background: none;


}

p.sidebar_text {

padding: 10px 10px 10px 10px;


}


.friends_links {


padding: 15px 10px 10px 20px;




}

.friends_links a:hover {


background-color: transparent;






}





 
.widget .inside			{ 

	padding: 10px;

 }
 
.widget ul				{ 

	list-style: none; 
	margin-left: 15px; 

}

.widget ul li 			{ 

	margin: 0 0 5px 0;

 }
 
.widget ul li a 		{ 

	display: block; 
	padding: 2px;
	

 }
 
.widget ul li a:hover	{ 

	background: #900; 
	
	

}


.widget_links{

list-style: none;


}


h2.widgettitle{

font-size: 1.2em;
font-family: Verdana;
text-indent: -99999px;


}



.thumb					{ 

	width: 62px;

}

.flickr-thumb			{ 

	height: 41px; 
	width: 62px; 
	overflow: hidden; 
	float: left; 
	margin: 0 0 10px 15px;

 }
 
.friends{

	width: 83px;
	height: 28px;
	background-image: url(images/friends.png);
	margin: 5px 5px 5px 40px;
	

}

.sponsors {

	width:117px;
	height: 37px;
	background-image: url(images/sponsors.png);
	margin: 0px 5px 0 20px;


}


p.sidebar_text, li sidebar_text		{ 
	font-family: Arial;
	font-size: 1em; 
	line-height: 1.2em; 
	letter-spacing:1.2px;
	margin: 0 0 10px 0;
	color: #fff;


 }


/*
	------- BLOG ENTRIES Front Page-------
*/

h1.post_title		{ 

	margin: 0 0 30px 0;
	font-size: 2.2em;
	
	

}


.post 			{

	margin: 0 0 45px 0;

}

.datebox	{

	width: 40px;
	float: left;
	padding: 0 5px 5px 5px;
    background: rgba(15,16,18,0.8);
    background: rgb(15, 16, 18); /* The Fallback */
    color: #ddd;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 10px 0 0;
	
}
	
.day		{
 
	font-size: 3.4em; 
	font-weight: bold; 
	margin: 0; 
	font-family: Arial, serif;
	color: #ddd;
 
}



.month		{ 

	font-size: 1.8em; 
	font-weight: bold; 
	text-transform: uppercase; margin: 0;
	color: #ddd;

 }
 
 
.year		{ 

	font-size: 1.6em; 
	font-weight: bold; 
	margin: 0;
	color: #ddd;

 }





/*
	-------  FOOTER  -------
*/


#footer			{ 

	height: 500px; 
	background: #16202d; 
	border-top: 4px solid #990000; 
	padding-top: 20px;

 }
 
 
#footer-inside	{
 
	width: 960px; 
	margin: 0 auto;

 }
 
#footer p		{ 

	color: #ccc;
 
}
#footer-1		{ 

	width: 280px; 
	float: left; 
	margin-right: 40px;

 }
 
#footer-2		{
 
	width: 280px; 
	float: left; 
	margin-right: 60px;

 }
 
#footer-3		{ 

	width: 280px; 
	float: left; 
	background-image: url(images/contact_us.gif) no-repeat;

}

#footer-4		{ 

	width: 200px; 
	float: left; 
	
}

#footer a		{ 

	color: white;

 }
 
#footer ul		{ 

	color: white; 
	list-style-type: none;

 }
 
#totop 			{

	width: 75px;
	float: left;

}

.labelcheckitout {

	width: 175px;
	height:50px;
	background-image: url(images/check_it_out.gif);
	margin: 0 0 15px 55px;

}



.labeltweets {

	width: 180px;
	height:45px;
	background-image: url(images/tweets.gif);
	margin: 0 0 15px 35px;

}

.labelcontact {

	width: 145px;
	height:40px;
	background-image: url(images/contact_us.gif);
	margin: 0 0 15px 35px;


}


p.contact_title{

font-size: 0.9em;
font-family: Verdana;

}

#frontpage_post{

margin-left: 60px;

}






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


/*-- Reply to this text comment --*/


#comments {

	color:#fff; 
	font-size: 2.2em; 
	font-weight:normal; 
	letter-spacing:1px; 
	line-height:30px; 
	padding:20px 0 0 0;


}



ul.commentlist {padding:15px 15px 0 0;} 



ul.commentlist li { 

	list-style:none;
	background: rgba(15,16,18,0.8); 
	background: rgb(15, 16, 18); /* The Fallback */
	padding:15px 10px 5px 20px; 
	color:#ccc;
	font-size: 1.1em;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	
}



.commentlist p {

color: #ffffff;
font-size: 1.2em;	
	

}



ul.commentlist li p a {color: green; text-decoration:none; font-size: 0.7em;}


ul.commentlist li p a:hover {color:#666666;}


ul.children {padding-left:15px;} 
 
 
ul.children li {padding-bottom:5px; }

ul.children li {

	background: rgba(15,16,18,0.5); 
	background: rgb(15, 16, 18); /* The Fallback */
	margin-left: 10px;
	padding: 15px 10px 5px 20px; 
	color: #fff;	
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;


}


/*-- Comment Author Name--*/

.comment-author {

	padding: 10px 0 5px 0;
	font-size: 1.1em;
	color: #ff7800;
	
}


/*-- Avatar --*/


img.avatar {

	float: left; 
	padding: 2px; 
	border: 1px solid #CCCCCC; 
	margin: 0px 10px 10px 10px;
	width: 80px;
	height: 80px;

}





cite.fn {

font-size: 1.5em; 
font-style:normal; 
font-weight:normal; 
letter-spacing: 1px;

}


cite.fn a {color:#666666; text-decoration:none;}
cite.fn a:hover {color:#000000; }



/*-- Date under comment colour --*/

.comment-meta {font-family:georgia; font-size:12px; font-style:italic; padding-bottom:8px;}


.comment-meta a {text-decoration:none; color:#25809f;} /*-- Date under comment colour --*/


.comment-meta a:hover {color:#000000; text-decoration:underline;}



/*-- Reply to this text comment --*/

.reply {

	 
	padding:10px 0 10px 15px;

}


.reply a {

	color:#ff7800; 
	font-weight:normal; 
	padding: 5px 4px 5px 5px; 
	text-decoration: none; 
	font-size: 1.0em; 

}



.reply a:hover {color:#666666;}



/*-- Respond to this comment --*/

#respond {

	background: rgba(15,16,18,0.8); 
	background: rgb(15, 16, 18); /* The Fallback */
	clear:both; 
	margin:30px 15px 30px 0; 
	
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	width:700px;
	height:auto;

}



#respond h3 {

	font-size:2.4em; 
	color:#ff7800; 
	background:url(images/horiz-line-sidebar.png) repeat-x bottom left; 
	padding:10px 0 10px 40px;

}



#commentform {padding:10px 0 10px 40px; }
#commentform p {}
#commentform p a {color:#ddd; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#commentform p a:hover {text-decoration:underline; color:#ccc;}
.comment-form-labels {font-size:1.4em; font-style:normal; font-weight:normal; letter-spacing:-1px; padding:20px 0 2px 0;
color:#ff7800; }
.comment-form-labels small {font-size:10px; font-weight:normal; letter-spacing:0;}
.comment-form-input-fields {border:1px solid #CCCCCC; background:#FFFFFF; padding:10px;}
p.comment_log{color: white;}

input#submit {background:url(images/navigation-btn1.png); width:114px; height:30px; border:none;font-weight:bold; color:#FFFFFF; text-transform:uppercase; font-size:11px; outline-style:none; margin:20px 0 20px 0;}
input:hover#submit  {color:#000000;}


#podcast{

padding-right: 15px;}


/*-- moves the smiley face from Wp-stats off the screen */

img#wpstats {
position: absolute;
left: -999em;
}






.time{
	font: italic small-caps 1.6em/2em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	color: #000;
	float: left;
	padding: 2px 5px 2px 5px;
	
}


.name{

float: left;

font: italic small-caps 3.0em/2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: black;
	float: left;
	padding: 0 0 2px 10px;

}
.clear {

clear: both;}



p.lead { color:#023b97; font-weight:bold; font-size:18px; text-shadow: 1px 1px 1px #ffffff; line-height:26px; margin-bottom:30px; padding-bottom:15px; border-bottom:dotted 1px #fff; width: 700px !important; }

#brand-wrapper { background:url(http://designinformer.com/wp-content/uploads/brand/bg.png) bottom center repeat-x #c4d5f0; margin:0; padding:20px 0 100px 0; }







/*--

 Entry background: rgba(15,16,18,0.8)
 background: rgb(15, 16, 18);  The Fallback 
		 Orange: #ff7800
		 Yellow: #fcf302
		 Footer background: #16202d
		 
		 
		 */


.weather_info_1 {

clear: both;

width: 200px;
float: left;
margin:0 15px 0 15px;

}


.weather_info_2 {

width: 200px;
float: left;
margin:0 15px 0 15px;

}