/*
Theme Name: BumperTunes (based on Earthly Touch)
Theme URI: http://www.bumpertunes.com
Version: 1.0
Description: Customized BumperTunes theme
Author: Elegant Wordpress Theme/SDAC Inc
Author URI: http://www.elegantwordpressthemes.com
*/

/*
CSS file organization
-----------------
[1] General - All general items, browser specific hacks
[2] Header - All things specific to the header
[3] Tabs - All things specific to the tabs
[4] Main Content - All things specific to the main content
[5] Sidebar - Things which are specific to the sidebar.
[6] Footer - Things which are page and section specific.

*/

/*--------------[1]General--------------*/
body {background: #F3ECC4 url(images/bg.gif) repeat-x top left; font: .75em/1.2em Arial, Verdana, Georgia, Sans-Serif;color: #555;margin-top: 0;padding: 0; }/*frm_bg_sgrad*/
:focus 						{outline: 0;}
a:link { text-decoration: none; color: #3f88ec;outline: none;}
a:visited { text-decoration: none; color: #3f88ec;outline: none;}
a:hover, a:active { color: #3f88ec; text-decoration: underline;outline: none;}

h1 {font-size: 24px;line-height: 30px;margin: 10px 0 0px 0;font-weight: normal;}
h2 { font-size: 28px; font-weight: normal; }
h3 { font-weight: normal; font-size: 24px;}
h4, h5, h6 {font-size: 20px;}

p {line-height: 18px;}
ol li {line-height: 18px; margin-bottom: 8px; }
div {line-height: 18px;}

pre, blockquote  {overflow: auto;background-color: #f5f5f5;border: 1px solid #e0e0e0;line-height: 1.8em;margin: 20px 30px;padding: 0 10px;}
pre {padding:10px 0 10px 0;}

fieldset {border: none 0 !important; margin-left: 0 !important; padding-left: 0 !important; }
fieldset legend {margin: 8px 0 -10px 0; font-weight: bold; padding-bottom: 0px;}
fieldset .form-input {margin-bottom: 6px;}
fieldset .form-submit {margin-top: 10px; }

.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}


.floatLeft		{float: left;}
.floatRight		{float: right;}
.aligncenter,div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.clear 			{clear: both;}
.button			{border: 1px solid #555; background: white; padding: 3px 8px; -moz-border-radius: 5px; 
				 -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px color: #272727;}
.button:hover	{background: #ccc; color: blue;}

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;/* optional rounded corners for browsers that support it */-webkit-border-radius: 10px 10px 10px 10px;-khtml-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/*.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: .75em;line-height: 17px;margin: 0;padding: 0 4px 5px;}*/

p img {padding: 0;max-width: 100%;}

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {display: inline;margin: 0 0 2px 7px;padding: 4px;}
img.alignleft {display: inline;margin: 0 7px 2px 0;padding: 4px;}

.alignright {float: right;}
.alignleft {float: left;}

/*--------------[2]Header--------------*/
#header {float: left; width: 950px;margin:25px auto 0 auto; border: 0px solid green;}

.logo {float: left; margin-bottom: 10px; padding-left: 5px; border: 0;}
.logoMan {margin-right:15px;}

.search_bg {float: right;background:url('images/search-bg.gif') no-repeat left;height:35px;width:320px;margin-top: 15px !important;}

#search {color:#4E4C42;padding:0;}
#search input {background: transparent;font-size:.75em;color:#4E4C42;font-family:Tahoma, arial, verdana, courier;width:180px;height:22px;vertical-align:middle;border: none;margin: 10px 0 0 10px;padding:0;}
#search .input {background:none;width:74px;height:35px;border:none;vertical-align:middle;margin:0 0 0 33px;padding:0;}


#topmenu{float: right; background: url(images/frm_mnu_bgOrg.gif) no-repeat; margin: 15px 0 0 0; height: 34px; position: relative; width: 600px ;z-index: 30;}

#menu 				{border:0px solid red;float:left;height:30px;margin:0;overflow:auto;padding:3px 0 0 5px;}
#menu ul 			{list-style-type:none;margin:0;padding:0;}
#menu ul li 		{display:inline;margin:0;padding:0;}
#menu ul li a 		{border:0 solid blue;color:#fff;display:block;float:left;font-family:Verdana;font-size:11px;
					 line-height:26px;padding:0px 21px;text-align:center;text-decoration: none;text-transform:uppercase;}
#menu ul li a:hover {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#bd5504 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}

					 
/*
#menu{left: 10px; list-style: none; display: inline; margin: 0; color: #FFF; padding: 0; position: relative; }
#menu li {margin: 10px 14px;padding: 0;float: left;position: relative;line-height: 100%;background: none;background-image: none;}
#menu a {color: #FFF;display: block;height: 22px;padding: 0 12px;float: left;}
#menu a:hover, #menu .current {color:  #bd5504;background: url(images/nav-hover.png) no-repeat center bottom;text-decoration: none;}
#menu .current {color: #a8a8a8;}
*/

#search {
	float: right;
	padding: 0 0px 0 0;
	margin: -3px 0 0 0;
	/*top: 7px;
	left: 350px;*/
	color: #fff;
}
#search label {
	position: relative;
	color: #ccc;
}
#search a{padding: 0; margin: -23px 0 0 0px;}
#search input {
	width: 155px;
	padding: 0px 10px 0 10px;
	height: 25px;
	font-size: 11px;
	background: #fff;
	border-top: solid 0px #555;
	border-left: solid 0px #555;
	border-right: solid 0px #555;
	border-bottom: solid 0px #555;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*position: absolute;
	right: -185px;*/
	color: #777;
}

/*--------------[3]Tabs--------------*/
.nav, .nav * {margin:0;padding:0;list-style:none;}
.nav {background: url('images/navigation-bg.gif') repeat-x;width:908px; border: 0px solid blue;}
.nav ul {position:absolute;top:-999em; background-position: bottom; background-repeat: no-repeat; background-image: url('images/dropdown-bottom.png'); padding-bottom: 9px;}
.nav li {float:left;position:relative;z-index:99;font-size:12px; height: 44px;}
.nav a {display:block;}
.nav ul li{width: 100%;}
.nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:43px;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:239px;top:0px;}
#nav2 li li:hover ul,ul#nav2 li li.sfHover ul {left:230px;top:0px;}
.nav li:hover ul,.nav li li:hover ul {top: -999em;}
.nav li li {display: block;float: left;background-color: #4b4a49;height: auto !important;padding: 0;}


.nav li li a:link, .nav li li a:visited {background-image: none !important;width: 180px;display: block;float: left;height: auto !important;margin: 0 0px 0px 0px !important;padding: 10px 30px 10px 30px !important;}
.nav li li a:hover {background-color: #fb9e3a;}
.nav ul li a:hover color:#fb9e3a !important;}

#nav2 li {z-index: 98;height: 37px;margin: 0 10px 0px 0px;}
#nav2 li ul {background-image: none;	}
#nav2 li li {background-color: #fb9e3a;	background-image: none;margin-right: 0;}
#nav2 li li a:hover {background-color: #fb9e3a;	}
#nav2 li:hover ul,ul#nav2 li.sfHover ul {left:-22px;top:37px;}

#pages {width: 952px;margin-left: auto;margin-right: auto;height: 48px;margin-top: 18px; border: 0px solid red;}

#pages ul { list-style-type: none; list-style-image: none; float: left;  margin-left: 0; margin-top: 0;padding: 0; }
#pages li { float: left; display: block; height: 43px;}
#pages li a:link,
#pages li a:visited {float: left;display: block;color: #fff;height: 32px;font-size: 1.1em;background: url('images/navigation-line.gif') no-repeat right;padding-top: 11px;padding-left: 20px;padding-right: 20px;}
#pages li a:hover,#pages li a:active {color: #fb9e3a;font-size: 1.1em; background url('images/navigation-hover.gif') repeat-x;}
#pages ul li ul {width: 240px;}


/*--------------[4]Main Content--------------*/


#wrapper2 {width: 950px;margin-left: auto;margin-right: auto;padding: 0; border: 0px solid blue;}

#container {float: right;width: 950px;color: #555;background: #fff; border: 0px solid red;}

#topheader {background: url(images/frm_topround.png) no-repeat; height: 10px;}
#btmheader {background: url(images/frm_btmround.png) no-repeat; height: 10px;}

.post-wrapper {background-color: #FFF;width: 583px;border: 0px solid #EBEBEB;margin-bottom: 10px;padding: 0 15px 15px 0;}

.post-title {font-weight: normal; margin-top: 0;}

.home-post-wrap {width: 593px;float: left;border: 0px solid #EBEBEB;margin-right: 13px;margin-bottom: 10px;padding: 10px;}

.readmore {background: url('images/read-more-BumperTunes.gif') no-repeat left;float: right;padding-left: 20px;}
.readmore a:link, .readmore a:hover {color: #393939;}

.thumbnail-home {border: 0;margin: 0 0px 0px 0px;}

.titles { font-weight: normal;font-size: 24px; text-decoration: none;margin-top: 0;}
.titles a:link, .titles a:visited, .titles a:active {display: block;text-decoration: none;font-size: 20px;font-weight: normal;font-family: Trebuchet MS;margin-bottom: 10px;}
.titles-featured a, .titles-featured a:hover, .titles-featured {font-size: 25px;line-height: 30px;color: #545249;}


#left-div {width: 650px;float: left;margin-top: 10px;}
#left-inside {float: left;padding: 0 0px 0px 19px; border: 0px solid red;}


#extras {float: left;width: 780px;color: #C7AA92;text-align: left;background-color: #f5f5f5;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;margin: 10px 12px 20px;padding: 0 10px 10px;}

.current_page_item {background-image: url('images/pages-hover.gif') !important;}

.articleinfo {border-bottom: 4px solid #F0EACA; padding-bottom: 7px; color: #57554B;}

.icons {margin-top: 0; margin-bottom: -5px;margin-right: 10px;}

.recent-comments li {list-style-image: url('images/comment-icon.gif');}

.list2 {color: #555;list-style-image: url('images/bullet.gif');font-size: .75em;margin-top: 0;}
.list2 a:hover{color: #393939;list-style-image: url('images/bullet.gif');font-size: .75em;margin-top: 0;}
.list2 a {color: #555;font-size: .75em;margin-top: 0;}

.toptitle {font-size: 20px;color: #555;display: block;margin-top: 15px;margin-bottom: 10px;margin-left: 15px;}

.toptitle2 {font-size: 24px;color: #FFF;display: block;margin-top: 15px;margin-bottom: 10px;}

.post-content {width: 475px;float: right;margin-top: 5px;}

.thumbnail-div {border: 5px solid #F8F4E0;width: 90px;height: 150px;float: left;}
.hawkins-thumbnail-div-featured {border: 10px solid #F8F4E0;width: 200px; height: 200px;float: left;}
.thumbnail-div-featured {border: 0px solid #F8F4E0;width: 150px; margin-left: 15px; height: 150px;float: left;}


#featured {background-color: #FFF;width: 593px;border: 1px solid #EBEBEB;float: left;padding: 10px;border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.home-squares {width: 280px;display: block;border: 1px solid #EBEBEB; height: 250px;float: left;margin-right: 12px;margin-top: 10px;margin-bottom: 10px;padding: 10px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.random-image {width: 70px;height: 80px;border: 5px solid #F8F4E0;float: left;display: inline;margin-right: 10px;}
.random-content {float: right;width: 190px;}
.random {width: 280px;float: left;margin-top: 10px;}


.home-headings {background: #7d2c8c url('images/heading-bgPrp.gif');width: 268px;height: 27px;line-height: 21px !important;border: 1px solid #b6b3b3;color: #FFF;font-size: 1.1em;font-weight: bold;padding: 8px 0 0 10px;border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.featured-content {float: right;width: 323px;padding-top: 13px;margin-right: 30px; border: 0px solid red;}
.featured-content h2{font-size: 1.3em; line-height: 20px;padding: 0; margin: 0;}

.entry img {border: 10px solid #F8F4E0;}

#categories {width: 950px;font-size: 12px;background: #8350a7 url('images/categories-bg.gif') repeat-x;height: 37px;float: right;}
#categories ul {float: left;height: 37px;padding-left: 10px;background: url('images/categories-left.gif') no-repeat left top;margin: 0 !important;}
#categories li {float: left;list-style-image: none;list-style: none;list-style-type: none;list-style-position: inside;background url('images/categories-line.gif') no-repeat right;height: 37px;margin: 0 10px 0px 0px;}
#categories li a:link, #categories li a:visited {float: left;color: #FFF;display: block;height: 30px;padding-left: 11px;padding-right: 11px;padding-top: 7px;}
#categories li a:hover {color: #FFF;display: block;background: url('images/categories-arrow-BumperTunes.gif') no-repeat top;height: 30px;padding-top: 7px;}

.current-cat a:link, .current-cat a:visited, .current-cat a:active, .current-cat a {background: url('images/categories-arrow-BumperTunes.gif')  no-repeat top !important;}


.says {display: none;}


#comments {line-height: 30px;}

#commentform p {clear: both;}

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

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

.commentlist {float: left;width: 560px;background-image: url('images/comment-bg.gif');list-style-image: none;list-style-type: none;margin: 0 0px 0px 17px;padding: 0;}
.commentlist li {float: left;font-weight: bold;width: 560px;display: block;background-image: url('images/comment-bottom.gif');background-repeat: no-repeat;background-position: bottom left;padding: 0 0px 45px 0px;margin: 0;list-style-image: none;list-style-type: none;}
.commentlist li div {width: 540px;display: block;background-image: url('images/comment-top.gif');background-repeat: no-repeat;margin: 0;padding: 10px;float: left;}
.commentlist li .avatar { float: left;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite {font-size: 18px;float: left;font-style: normal;font-weight: normal;margin-left: 10px;margin-right: 6px;margin-top: 5px;}
	
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;display: block;float: left;width: 90%;margin-left: 3%;}
.commentlist .children li {width: 90%;display: block;margin: 0;background-color: #FDFDFD;background-image: url('images/comment-children-bg.gif');background-position: left;background-repeat: repeat-y;border: 1px solid #E2E2E4;overflow: hidden;}
.commentlist .children li div {width: 97%;padding: 3%;background-image: url('images/comment-children-top.gif');background-repeat: no-repeat;background-position: top left;}
.commentlist .commentmetadata {font-weight: normal;float: left;display: block;clear: both;background-image: none;width: 90%;margin: 5px 0px 0px 0px;margin-left: 3%;}	
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta   {background-image: none;width: 100%;padding: 0 !important;}
.commentlist .reply, .commentlist .children .reply {float: right;background-image: none;width: 54px;height: 22px;font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;margin-bottom: 0;margin-right: 10px;padding: 0;}
.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover {background-image: url('images/reply.gif');letter-spacing: 1px;width: 39px;height: 17px;display: block;color: #FFF;font-size: 8px;text-transform: lowercase;font-weight: normal;padding: 5px 0px 0px 15px;}
.commentlist .children li {padding-bottom: 10px;}
.commentlist .children li ul li {padding-bottom: 10px;background-color: #FFF;}
.commentlist #respond h3, .commentlist #respond a {margin-left: 28px;}

#commentform {background: #fff;margin: 1em 0;margin-left: 20px;}
#commentform textarea {background: #f8f7f6;border: 1px solid #d6d3d3;width: 370px;}
#commentform textarea:hover {background: #fff;border: 1px solid #d6d3d3;}
#commentform textarea:focus {background: #fff;border: 1px solid #939793;}
#commentform #email {font-size: 1.1em;border: 1px solid #d6d3d3;width: 280px;background: #f8f7f6; url('images/comment-email.gif') no-repeat 7px 7px;height: 20px;padding-left: 30px;padding-top: 6px;}
#commentform #author {font-size: 1.1em;border: 1px solid #d6d3d3;width: 280px;background: #f8f7f6 url('images/comment-author.gif') no-repeat 7px 7px;height: 20px;padding-left: 30px;padding-top: 6px;}
#commentform #url {font-size: 1.1em;border: 1px solid #d6d3d3;width: 280px;background: #f8f7f6 url('images/comment-website.gif') no-repeat 7px 7px;height: 20px;padding-left: 30px;padding-top: 6px;}
#commentform #email:focus {font-size: 1.1em;border: 1px solid #939793;width: 280px;background: #fff url('images/comment-email.gif') no-repeat 7px 7px;height: 20px;padding-left: 30px;padding-top: 6px;}
#commentform #author:focus {font-size: 1.1em;border: 1px solid #939793;width: 280px;background:  #fff url('images/comment-author.gif') no-repeat 7px 7px;height: 20px;padding-left: 30px;padding-top: 6px;}
#commentform #url:focus {font-size: 1.1em;border: 1px solid #939793;width: 280px;background: #fff url('images/comment-website.gif') no-repeat 7px 7px;height: 20px;padding-left: 30px;padding-top: 6px;}
#commentform input {margin-bottom: 3px;}


.comment-author {width: 100%; display: block;background url('images/comment-icon.gif') no-repeat left;margin-bottom: 5px;padding-left: 15px;}

#respond {background-image: none;float: left;margin-top: 20px;}
#respond div {background-image: none;}

.children {clear: both;}
.children .commentmetadata, .children .vcard  {background-image: none;}
.children textarea {width: 90% !important;}
.children input {width: 80% !important;}

#cancel-comment-reply-link {display: block;background-image: url('images/comment-close.gif');width: 144px;height: 21px;font-weight: normal;color: #84878E;font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;padding: 5px 0px 0px 23px;}

#submit {width: 120px !important;}

.6pxspacer {
	margin-top: 6px;
	line-height: 6px;
}

/*--------------[5]Sidebar--------------*/

#sidebar-wrapper {width: 283px;float: left;margin-top: 10px;margin-bottom: 20px;}

#sidebar {float: left;width: 257px;background-color: #F6F6F6;border: 1px solid #E7E7E7;padding-left: 13px;padding-right: 13px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.sidebar-box {margin-bottom: 0;padding-top: 12px;}
.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {display: block; background-image: none !important;color: #4B4A41; width: 100%; padding: 3px 3px 3px 3px; } 
.sidebar-box ul {margin-bottom: 0; margin-top: 0;}
.sidebar-box select {margin-bottom: 15px;}
.sidebar-box ul li {background-image: none !important;background-color: #F6F6F6 !important;color: #4B4A41 !important; border: 0px solid red;}
.sidebar-box ul li:hover, .sidebar-box ul li a:hover {background-image: none !important;background-color: #F6F6F6 !important;}
.sidebar-box ul li a:hover {width: 100%;display: block; color: #393939; padding: 3px 3px 3px 3px;} 
.sidebar-box h2 { font-size: 1.2em; color: #4A493F; font-weight: bold; padding-top: 0px; padding-bottom: 0px; margin-bottom: 8px; margin-top: 0px; margin-left: 0px; }

.widgets {
	/*-webkit-border-radius: 10px 0px 10px 10px;
	-khtml-border-radius: 10px 0px 10px 10px;
	-moz-border-radius: 10px 0px 10px 10px;
	border-radius: 10px 0px 10px 10px;*/
	background:#e1ecf3 none repeat scroll 0 0;
	overflow:hidden;
	width:216px;
	border: 0px solid red;
}
.twitterheader{letter-spacing: 1px;word-spacing: 0px;font: 12px Arial;font-weight: bold;color: #555;text-transform: uppercase}
.inside {padding:10px 0px 0 0px;margin: 0;font: 10px/12px Arial;color: #444;}
.inside a {font: 10px/12px Arial;color: #3f88ec;}


/* Twitter */
ul.twitter{} /*: the main ul (if list is activated)*/
li.twitter-item:{} /*the ul items (if list is activated)*/
p.twitter-message:{} /*each one of the paragraphs (if msgs > 1)*/
.twitter-timestamp:{} /*the timestamp span class*/
a.twitter-link:{} /*the tweet link class*/
a.twitter-user:{} /*the @username reply link class*/



/*--------------[6]Footer--------------*/
#footer {clear: both;float: left;width: 935px;text-align: left;color: #777; font-size: .88em; margin-bottom: 15px;padding: 0 15px 10px 10px;}
#footer a {color: #3f88ec;}
#footer a:visited {color: #3f88ec;}
#footer a:hover {color: #3f88ec;text-decoration: underline;}