/* 
-----------------------------------------------------------------------------------------
Funky Remixes Style Sheet
ads
Supported Browsers:
PC IE 6-7, FF
Mac - FF, Safario
commentlist
HEX Values:
Light Blue: #69D0E1
Blue: #0CADCB - text blue: 129BB5
Grey: #5B5B5B

* { } Global setting
* html #id { } - An IE hack (Not used in this style sheet)

-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}

body {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(http://www.funkyremixes.com/images/remixes-back.gif) no-repeat;
	color: #333;
	margin:0;
	text-align:left;
	}
	
/* Begin From Main Funky Remixes CSS */

/* LINKS */

a:link, a:visited, a:active{
	color:#129BB5;
	text-decoration:underline;}
a:hover{
	color:#de771c;
	text-decoration:none;}
	
a.dot:link, a.dot:visited, a.dot:active{
	color:#555555;
	border-bottom: dotted 1px #666;
	text-decoration:none;}
a.dot:hover{
	color:#129BB5;
	border-bottom: dotted 1px #129BB5;
	text-decoration:none;}
	
a.ftr:link, a.ftr:visited, a.ftr:active{
	color:#555555;
	text-decoration:none;
	border-bottom: dotted 1px #666; 
	margin-left:7px;}
a.ftr:hover{
	color:#990000;
	text-decoration:none;
	border-bottom: dotted 1px #990000;
	margin-left:7px;}
	
a.none:link, a.none:visited, a.none:active{
	color:#666666;
	text-decoration:none;}
a.none:hover{
	color:#666666;
	text-decoration:underline;}
	
a.light:link, a.light:visited, a.light:active{
	color:#999;
	text-decoration:none;}
a.light:hover{
	color:#666;
	text-decoration:none;}
	
a.dot:link, a.dot:visited, a.dot:active{
	color:#555555;
	border-bottom: dotted 1px #666;
	text-decoration:none;}
a.dot:hover{
	color:#de771c;
	border-bottom: dotted 1px #de771c;
	text-decoration:none;}
	

/* LAYOUT */


#logo{
	width:700px;
	height:140px;
	background:url(http://www.funkyremixes.com/images/remixes-logo.gif) no-repeat;}
	
#hp{
	position:absolute;top:45px;left:40px;
	width:335px;
	height:55px;}

#intro{
	position:absolute;left:20px;top:175px;width:350px;}

#intro h1{
	width:310px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:19px;
	font-weight:100;}
	
#footer{
	width:100%;
	height:140px;
	padding:15px 0 0 0;
	text-align:left;
	background:url(http://www.funkyremixes.com/images/remixes-footer-nav-back.gif) repeat-x;}
	
#footer span{
	width:300px;
	height:117px;
	float:left;}
	
#footer p{
	width:280px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-left:10px;
	line-height:19px;}
	
#bar{
	width:100%;
	height:85px;
	text-align:left;
	background:url(http://www.funkyremixes.com/images/remixes-bar-back.gif) repeat-x;}
	
#copy{
	width:900px;
	height:30px;
	text-align:left;
	margin-left:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a0a0a0;
	line-height:19px}
	
#copy p{
	font-size:9px;}
	
	
/* CONTENT */
		
	
#blog-top{
	margin-top:120px;
	height:113px;
	width:531px;
	background:url(http://www.funkyremixes.com/images/remixes-blog-top.gif) no-repeat;}
	
#newspage-btm{
	width:100%;
	height:60px;
	text-align:left;
	background:url(http://www.funkyremixes.com/images/remixes-ftr-news-bottom.gif) no-repeat;}
	
#blogpage{
	padding-left:45px;
	width:550px;
	text-align:left;
	background:url(http://www.funkyremixes.com/images/remixes-pageback-left01.gif) repeat-y;}
	

#blogfunky p{
	font-weight:100;
	color:#333333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
	width:460px;
	margin-bottom:15px;
	}

#blogfunky h1{
	width:460px;
	color:#666;
	font-size:26px;
	font-weight:200;
	line-height:32px;
	font-family:Arial Narrow, Verdana, Arial, Helvetica, sans-serif;}
	
#blogfunky h2{
    font-size:11px;
	font-weight:100;
	width:460px;
	margin:0;padding:0;}
	
#blogfunky h3{
    font-size:11px;
	font-weight:100;
	width:460px;
	margin:0;padding:0;}
	
#quote{
	font-size:11px;
	font-weight:100;
	padding:0 0 0 23px;
	width:460px;
	text-align:left;
	background:url(http://www.funkyremixes.com/images/remixes-blog-quote-back.gif) repeat-y;}
	
#quote p{
	font-size:11px;
	font-weight:100;
	width:410px;}
	
#blogfunky h4{
	color:#999;
    font-size:10px;
	font-weight:100;
	width:460px;}
	
h4.leftdivide{
    width:460px;
	height:15px;
	background:url(http://www.funkyremixes.com/images/remixes-divide.gif) repeat-x;}
	
#blogfunky h5{
    font-size:11px;
	font-weight:100;
	width:460px;
	color:#de771c;
	margin:0;padding:0;}
	
#blogfunky h5.notfound{font-size:16px;margin-bottom:5px;}

#blogfunky h5.reply {font-size:24px; font-family:Arial Narrow, Verdana, Arial, Helvetica, sans-serif; margin-top:20px;line-height:21px;}

#blogfunky h5.postinfo {margin-top:3px;color:#777;}

#blogfunky h5.response {font-size:19px;;color:#333;font-family:Arial Narrow, Verdana, Arial, Helvetica, sans-serif; margin-top:20px;}

#blogfunky h5.postbtm{font-size:11px;color:#777;line-height:19px;}

#blogfunky h5.tall{height:350px;}
	
#blogfunky h6{
	width:460px;
	text-transform:uppercase;
	font-size:16px;
	color:#555;
	font-weight:bold;
	padding-left:30px;
	font-family:Arial Narrow, Verdana, Arial, Helvetica, sans-serif;}
	
.post-bottom{
	padding:16px 0 0 38px;
    width:460px;
	height:70px;
	background:url(http://www.funkyremixes.com/images/remixes-post-btm.gif) no-repeat;}

.post {
	margin: 0 0 50px;
	}
	
small {
	color:#333333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
	}
	
	
/* 
-----------------------------------------------------------------------------------------
Common Styles
-------------------------------------------------------------------------------------- */

a.cursor:hover{cursor:pointer;}
	
#btwn{margin: 0 8px 0 4px;}

#space{height:10px;overflow:hidden;}

.center {text-align: center;}

a img {border: none;} 

.form {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666;}

.prev {font-family:Arial Narrow, Verdana, Helvetica, sans-serif; font-size:18px; color:#666;}

/* 
-----------------------------------------------------------------------------------------
Main Navigation Styles
-------------------------------------------------------------------------------------- */

#navigation{
	width:450px;
	height:35px;
	position:relative;
	background:url(../images/remixes-nav-fill.gif) no-repeat;
	position: absolute;top:103px;left:165px;}

#buttons{
    width:450px;height:35px;
    margin:0;padding:0;
    position:relative;
    float:right;}
		
#buttons li{
    margin:0;padding:0;list-style:none;
    position:absolute;top:0;}
		
#buttons li, #buttons a{
    height:35px;display:block;}
	
	
#funkyblog {left: 0; width: 90px;
	 background: transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
 	 0 0 no-repeat;} 
#funkyblog a:hover {
     background: transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
     0 -35px no-repeat;}
#funkyblog-off {left: 0; width: 90px;
	 background: transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
 	 0 -35px no-repeat;}	
#funkyblog-off a:hover {left: 0; width: 90px;
	 background: transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
 	 0 -70px no-repeat;}	
	
	
#music{left:125px;width:135px;
	 background:transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
 	 -125px 0 no-repeat;}	 
#music a:hover{
     background:transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
     -125px -35px no-repeat;}
#music-off{left:125px;width:135px;
     background:transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
     -125px -35px no-repeat;}
#music-off a:hover{left:125px;width:135px;
     background:transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
     -125px -70px no-repeat;}
	 
	 
#revolution {left: 297px; width: 135px;
	 background: transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
 	 -297px 0 no-repeat;} 
#revolution a:hover {
     background: transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
     -297px -35px no-repeat;}
#revolution-off {left: 297px; width: 135px;
	 background: transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
 	 -297px -35px no-repeat;}	
#revolution-off a:hover {left: 297px; width: 135px;
	 background: transparent url(http://www.funkyremixes.com//images/remixes-nav.gif)
 	 -297px -70px no-repeat;}	



/* End From Main Funky Remixes CSS */



/* Begin Sidebar */



#blogside{
    position:absolute;top:320px;left:590px;
	width:390px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:19px;
	background:url(http://www.funkyremixes.com/images/remixes-collection-back-right.gif) repeat-y;
	}
	
#blogside h2 {
	text-transform:uppercase;
	font-weight:100;
	font-size:13px;
	width:350px;
	margin-left:20px;
	}
	
#blogside h3 {
	font-weight:100;
	font-size:11px;
	width:350px;
	margin-left:20px;
	}
	
#blogside h3.where {color:#666;}
	
#blogside p.rightdivide{
    width:350px;
	height:15px;
	margin-left:20px;
	background:url(http://www.funkyremixes.com/images/remixes-divide.gif) repeat-x;}

#blogside form {
	margin: 0;
	}
	
#blogside ul li, #blogside ul li {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	}

	
	
/* End Sidebar */






/* Begin Comments*/

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.commentlist {
	width: 450px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

.commentlist li {
	width: 450px;
	list-style: none;
	}

.commentlist p {
	width: 450px;
	list-style: none;;
	}

.commentlist li, .commentlist cite, .commentlist p, .commentlist cite a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:19px;
	}


#commentform p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}

.commentmetadata {
	font-weight: normal;
	}
	
/* End Comments */




#sidebar ul ul li, #sidebar ul ol li, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}


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

/*	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;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */





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

#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 input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin-top:10px;
	float: left;
	}
/* End Form Elements */












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

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

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

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



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



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */