/* changes by Derek are commented */

/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
body {
margin-top: 0px;
padding: 0;
color: #444; /* changed from 84878E */
/*background-color: #565656; -------- change background color --------------------------------- */
background-color: #003462;
/*background-image: url(images/bg.gif); ------------- get rid of background image ------------- */
/*background-repeat: repeat-x; */
font-family: Trebuchet MS;
font-size: 11px;
line-height: 18px;
}

a:link, a:visited {
text-decoration: none;
/*color: #0084FF; ------------------- change link color -------------------------------------- */
color: #990000;
}
a:hover {
/*color: #3B3B3B; ---------------------------- change link hover color ----------------------- */ 
color: #D03535;
}
a { outline: none; }
h1 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 22px; }
h2 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 20px; }
h3 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 17px; }
ul { line-height: 22px; list-style: disc; }


/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/

/* -- adding style for spacing of the pagination links -- */
p.pagination a {margin-right: 20px;}
/* -- special styles for in the news pages -- */
div.inthenews_hook div.home-post-wrap2 {border: 0; margin: 0 0 5px 0; padding: 0;}
div.inthenews_hook div div div p {display: inline;}
div.inthenews_hook div  div  div p span, ul.month_archive span.st_sharethis {display: none;}
h2.inthenews_archive {font-weight: normal; color: #444; font-size: 17px; border-bottom: 1px solid #ccc;}
div.inthenews_backtotop {font-size: 14px; font-weight: bold; text-align: center; margin: 10px 0 0 0;}

/* new In The News experiment */
ul.month_archive {margin: 10px 0 20px 20px; padding: 0; list-style: none;}
ul.month_archive li span p {display: inline;}
ul.month_archive li span p a:hover {text-decoration: underline;}
ul.month_archive li span.the_day {font-weight: bold; color: #000; font-size: 12px; padding: 0 5px 0 0;}
h3.archive_FY {border-bottom: 1px solid #ccc; margin: 0 20px 0 0; padding: 0 0 2px 0;}


/*------------------ new div for site name and breadcrumb ---------------*/
div#site_name_new {margin: 0; padding: 0; line-height: 30px; border-bottom: 1px solid #ccc;}
div#site_name_new h1 {float: left; margin: 0 0 0 17px; padding: 0; color: #333399; font-size: 20px;}
div#breadcrumb_new {float: right; margin: 0 17px 0 0; padding: 0;}

.thumbnail-div img { border: none; }
#wrapper2 { width: 950px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; background-color: #FFF; }
.post-wrapper { background-color: #FFF; padding: 15px; width: 583px; border: 1px solid #EBEBEB; }
.home-post-wrap { width: 613px; margin-right: 13px; float: left; background-color: #FFF; border: 1px solid #EBEBEB; }
.home-post-wrap2 { width: 593px; padding: 10px; margin-right: 13px; float: left; background-color: #FFF; border: 1px solid #EBEBEB; margin-bottom: 10px; }
.index-post-wrap { width: 593px; margin-right: 13px; margin-bottom: 10px; float: left; background-color: #FFF; border: 1px solid #EBEBEB; padding: 10px; }
.readmore { background-image: url(images/readmore.gif); background-repeat: no-repeat; background-position: left; float: right; padding-left: 20px; margin-top: 10px; }
.readmore a:link, .readmore a:hover { color: #393939; }
.thumbnail-home { border: 0px; margin: 0px 0px 0px 0px; }
/*
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background-color: #f5f5f5; border: 1px solid #e0e0e0; }
*/
blockquote {background-color: #F8F8F8; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color: #777; float: right; width: 200px; font-size: 20px; line-height: 24px; margin: 20px 30px; overflow: auto; padding: 2px 10px; text-align: center;}

#container { float: right; width: 950px; color: #444; padding-top: 15px; background-color: #fff;} /* color changed from 84878E and added background color to prevent flash of blue background */
#left-div { width: 646px; float: left; }
#left-inside { float: left; padding: 0px 0px 0px 19px;}
.adwrap { margin-left: 26px; }
.textwidget { padding-left: 20px !important; }
.icons { margin-top: 0px; margin-bottom: -5px; margin-right: 10px; }
.thumbnail-div { border: 1px solid #DFDFDF; padding: 4px; margin-bottom: 10px; float: left; margin-right: 10px; display: inline; }
.post-info { margin-bottom: 6px; color: #000; font-size: 11px; font-style: italic; color: #999; display: block;} /* changed this to block to get space below and added styles */
.post-inside { float: left; width: 245px; }
.post-inside-2 { float: left; width: 450px; }
.logo { float: left; border: 0px; }
.share-div { width: 590px; height: 30px; background-color: #FFF; display: none; }

.headings {
color: #FFF;
border: 1px solid #323232;
font-size: 12px;
font-weight: bold;
/*text-transform: lowercase; ----- keep uppercase ------------------------------------ */
display: block;
padding-top: 6px;
padding-left: 10px;
margin-bottom: 10px;
width: 96%;
height: 23px;
background-color: #545454;
background-image: url(images/heading-bg.gif);
}
.headings-sidebar {
/*color: #000; -------------------------- change color ------------- */
color: #fff;
border: 1px solid #CDCDCD;
font-size: 12px;
font-weight: bold;
/* text-transform: lowercase; ----------------------- keep uppercase ------------- */
display: block;
padding-top: 6px;
padding-left: 10px;
margin-bottom: 10px;
/* width: 96%; ----------- change to 100% --------------- */
width: 100%;
height: 23px;
/* background-color: #E9E9E9; ---------------------------- change color and get rid of bg image ------------ */
background-color: #003462;
/*background-image: url(images/heading-bg-2.gif); ----------------- */
}
.articleinfo { border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454; }


/*------------------------------------------------*/
/*---------------------[TITLES]-------------------*/
/*------------------------------------------------*/
.titles { line-height: 30px; font-size: 24px; margin-top: 0px; }
.titles { font-weight: normal; font-size: 24px; text-decoration: none; }
.titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 17px; font-weight: normal; font-family: Trebuchet MS; text-transform: none; margin-bottom: 10px; margin-top: 10px; display: block; }


/*------------------------------------------------*/
/*--------------------[COMMENTS]------------------*/
/*------------------------------------------------*/
.commentlist { padding: 0px; margin: 0px 0px 0px 17px; width: 560px; background-image: url(images/comment-bg.gif); list-style-image: none; list-style-type: none; float: left; }
.commentlist li { font-weight: bold; width: 560px; display: block; background-image: url(images/comment-bottom.gif); background-repeat: no-repeat; background-position: bottom left; padding: 0px 0px 45px 0px; margin: 0px; list-style-image: none; list-style-type: none; float: left; }
.commentlist li div { width: 540px; display: block; background-image: url(images/comment-top.gif); background-repeat: no-repeat; margin: 0px; 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; margin-left: 10px; margin-right: 6px; margin-top: 5px; font-weight: normal; }
.says { display: none; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; display: block; float: left; width: 90%; margin-left: 3%; margin: 0 0 12px 0;}
#commentform p { clear: both; }
.alt { margin: 0; padding: 10px; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentlist .children li { width: 90%; display: block; margin: 0px; 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; margin: 5px 0px 0px 0px; display: block; clear: both; background-image: none; width: 90%; 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: 0px !important; }
.commentlist .reply, .commentlist .children .reply { float: right; background-image: none; width: 54px; height: 22px; margin-bottom: 0px; padding: 0px; margin-right: 10px; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover { background-image: url(images/reply.gif); width: 39px; height: 17px; display: block; color: #FFF; font-size: 8px; text-transform: lowercase; font-weight: normal; padding: 5px 0px 0px 15px; letter-spacing: 1px; }
.commentlist .children li { padding-bottom: 10px; }
.commentlist .children li ul li { padding-bottom: 10px; background-color: #FFF; }
#respond { margin-top: 20px; float: left; background-image: none; }
.commentlist #respond h3, .commentlist #respond a { margin-left: 28px; }
#comments { line-height: 30px; }
.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; padding: 5px 0px 0px 23px; font-weight: normal; color: #84878E; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#respond div { background-image: none; }
#submit { width: 120px !important; }


/*------------------------------------------------*/
/*-----------------[COMMENT FORM]-----------------*/
/*------------------------------------------------*/
#commentform { margin: 10px 0px 0px 20px; }
#commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 350px; padding: 10px; }
#commentform #email { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(images/comment-email.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
#commentform #author { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(images/comment-author.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
#commentform #url { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(images/comment-website.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }


/*------------------------------------------------*/
/*---------------[PAGES NAVIGATION]---------------*/
/*------------------------------------------------*/
#pages {
width: 950px;
float: left;
min-height: 59px;
/*background-color: #000; --------- change background color and add rotator ----------------------- */
background-color: #003462;
background-image: url(http://www.austincc.edu/images/headers/rotator.php);
background-position: top right;
background-repeat: no-repeat;
}

#pages ul { list-style-type: none; list-style-image: none; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 15px; }
#pages li { float: left; display: block; margin-top: 0px; margin-bottom: 0px; padding: 0px; }
#pages li a:link, #pages li a:visited { float: left; color: #00C0FF; display: block; height: 40px; padding-top: 19px; font-size: 13px; padding-left: 15px; padding-right: 15px; margin-bottom: 0px; text-transform: lowercase; font-weight: bold; }
#pages li a:hover, #pages li a:active { color: #FFF; font-size: 13px; margin-bottom: 0px; text-transform: lowercase; font-weight: bold; }

		/*---------------[DROPDOWN MENU]---------------*/
		.nav, .nav * { margin:0; padding:0; list-style:none; }
		.nav ul, #nav2 ul { position:absolute; top:-999em; background-image: url(images/dropdown-bg.png); padding-bottom: 10px; background-position: bottom; background-repeat: no-repeat; }
		.nav li { float:left; position:relative; z-index:99; font-size:12px; }
		.nav a { display:block; }
		.nav ul li { width: 100%; }
		.nav li:hover ul, ul.nav li.sfHover ul { left:-10px; top:39px; }
		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:210px; top:0px; }
		.nav li:hover ul, .nav li li:hover ul { top: -999em; }
		.nav li li { display: block; padding: 0px; float: left; }
		.nav li:hover { background-image: url(images/categories-bg-2.gif) !important; background-repeat: repeat-x !important; background-color: #474747 !important; font-weight: normal !important; height: auto !important; }
		.nav li li a:link, .nav li li a:visited { width: 160px; display: block; background-color: #474747; padding: 10px 30px 0px 30px !important; margin: 0px 0px 0px 0px; border: none !important; font-weight: normal !important; float: left; }
		.nav li li a:hover { background-image: none !important; background-color: #1C1B1B !important; border: none !important; color: #FFF !important; }


/*------------------------------------------------*/
/*-------------[CATEGORIES NAVIGATION]------------*/
/*------------------------------------------------*/

#categories {
width: 950px;
min-height: 36px;
/*background-image: url(images/categories-bg.gif); ------------ change background image ------------ */
/*background-image: url(images/categories-bg-2.gif); ---------- get rid of background image ------ */
/*background-repeat: repeat-x; */
float: left;
/*background-color: #2185D1; ---------------------------- change background color -------------------*/
background-color: #000;
border-bottom: 1px solid #176FB3;
}

#categories ul { margin: 0px 0px 0px 10px; padding-left: 0px; list-style-type: none; list-style-image: none; float: left; }
#categories ul li { float: left; display: block; padding-left: 0px; }
#categories ul li a:link, #categories ul li a:visited, #categories ul li a:active { height: 31px; display: block; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 8px 9px 0px 9px; float: left; border-left: 1px solid transparent; border-right: 1px solid transparent; }
#categories ul li a:hover {
/*background-image: url(images/categories-bg-2.gif);*/
background-image: url(images/categories-bg.gif);
background-repeat: repeat-x !important;
border-left: 1px solid #176FB3;
border-right: 1px solid #24D4FA;
background-position: top;
background-color: #474747;
}

		/*---------------[DROPDOWN MENU]---------------*/
		#nav2 li:hover ul, ul#nav2 li.sfHover ul { top:58px; left: -15px; }
		#nav2 li li:hover ul, ul#nav2 li li.sfHover ul { left:205px; top:0px; }
		#nav2 li { z-index:100; }
		#nav2 li li a:hover, #nav2 li li a:link, #nav2 li li a:visited { color: #FFF; }
		#nav2 li:hover a:link, #nav2 li:hover a:visited, #nav2 li:hover a:hover { color: #FFF; }


/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 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; }
p img { padding: 0; max-width: 100%; }
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 }


/*------------------------------------------------*/
/*--------------[HOMEPAGE RIGHT BAR]--------------*/
/*------------------------------------------------*/
#home-right { width: 187px; float: right; padding: 10px; border-left: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; }
#home-right ul { list-style-image: url(images/bullet-home.gif); float: left; padding-left: 34px; margin: 0;} 


/*------------------------------------------------*/
/*---------------[HOMEPAGE LEFT BAR]--------------*/
/*------------------------------------------------*/
#home-left { float: left; width: 605px; padding: 10px; } /* increased this from 385px when we removed the recent comments and popular posts, didn't do 100% because it jacks up ie6 */


/*------------------------------------------------*/
/*---------------[HOME CATEGORY BOX]--------------*/
/*------------------------------------------------*/
.home-categories img { border: 4px solid #EEEEEE; float: left; margin-right: 10px; }
.home-categories, .home-categories-comments { width: 280px; min-height: 180px; border: 1px solid #EBEBEB; padding: 10px; margin-top: 10px; margin-right: 10px; float: left; }
.home-categories-comments ul { list-style-image: url(images/comment-icon.gif); }

.home-categories a:link, .home-categories a:hover, .home-categories a:visited {
/* color: #0084FF; ---------------------------- change link color ------------------------- */
color: #990000;
text-transform: none; /* --- removed uppercase text transform --- */
font-size: 15px;
font-weight: bold;
}

.home-categories p span {display: none;} /* hide share button in the front page in the news section at the bottom */
.home-categories p a {font-size: 12px !important;}
.home-categories p {margin-top: 0; padding-top: 0;}
a.more_news {font-size: 12px !important; text-transform: none;}

/*------------------------------------------------*/
/*------------[RANDOM ARTICLES SCROLLER]----------*/
/*------------------------------------------------*/
#scrollable { background-color:#FFFFFF; background-image: url(images/rounded-top.gif); background-repeat: no-repeat; background-position: top; padding:5px 8px 0px 8px; width:347px; min-height:65px; }
#scrollable2 { background-color:#FFFFFF; background-image: url(images/rounded-top.gif); background-repeat: no-repeat; background-position: top; padding:5px 8px 0px 8px; width:347px; min-height:65px; }
div.items { min-height:66px; margin-left:8px; float:left; width:295px !important; background-color:#FFFFFF; }
div.items a { display:block; float:left; margin-right:8px; width:60px; height:60px; background-color: #E6E6E6; color:#ccc; cursor:pointer; border: 3px solid #E6E6E6; }

div.items a:hover {
color:#999;
/* border: 3px solid #40BFF4; -------------------- change hover border color --------- */
border: 3px solid #D03535;
}

a.prev, a.next { display:block; width:22px; height:22px; float:left; background-repeat:no-repeat; margin:15px 0 0 0; }
a.prev { background:url(images/next-arrow-left.gif); }
a.prev:hover { background:url(images/next-arrow-left-hover.gif); }
a.next { background:url(images/next-arrow-right.gif); }
a.next:hover { background:url(images/next-arrow-right-hover.gif); }
div.navi { position:relative; top:-30px; left:310px; margin-left:-50px; width:50px; height:0px; }
div.navi span { width:8px; height:8px; float:left; margin:3px; cursor:pointer; }
div.navi span:hover { background-position:0 -8px; }
div.navi span.active { background-position:0 -16px; }
.scrollable input { border: 1px solid #DBDBDB; height: 25px; }
		.random-image { width: 44px; height: 44px; border: 4px solid #F2F2E4; float: left; margin-left: 10px; }
		.random-content { float: right; width: 210px; }
		.random-content a:link { font-size: 13px; }
		.random { width: 280px; float: left; margin-top: 10px; }


/*------------------------------------------------*/
/*------------------[RSS FEED AREA]---------------*/
/*------------------------------------------------*/
.feedsubmit {
/*border: 1px solid #DBDBDB; --------------------- change color and border color ---------------- */
border: 1px solid #aaa;
background-color: #fff;
/*color: #0084FF; ------------------------------------ */
color: #990000;
height: 27px;
float: left;
margin-left: 5px;
font-size: 10px;
padding-bottom: 5px;
}

/* =================== new subscribe button ================= */
a.subscribe_new {
border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #777; border-right: 1px solid #777;
padding: 2px 4px; margin: 0; background-color: #eee;
}
a.subscribe_new:hover {
border-top: 1px solid #777; border-left: 1px solid #777; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;
background-color: #eee;
}



.feedsubmit:hover {background-color: #eee;} /* ------------------------- add hover color -------- */

#emailer {
/*border: 1px solid #0084FF; ----------------- change color and border color -------------------- */
border: 1px solid #aaa;
/*color: #0084FF; ----------------------------- */
color: #444;
height: 15px;
float: left;
padding: 5px;
margin-left: 4px;
width: 152px;
font-size: 10px;
}

.blue-titles {
/*color: #0084FF; ------------------ change title color ------------------------------ */
color: #000;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
display: block;
}


/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#sidebar-wrapper { width: 300px; float: left; margin-bottom: 20px; }

#sidebar {
float: left;
padding-left: 0px;
padding-right: 13px; 
padding-top: 5px; /* --------- add padding to top to get headings to line up with headings on the left --- */
/* width: 287px; ----------------------------- changing the width -------------------- */
width: 275px;
background-color: #b6c8d8; /* ------------------------ background color added ------------ */
}

.sidebar-box { padding-top: 5px; margin-bottom: 0px; color: #000;}
.sidebar-box select {margin: 0 0 10px 10px;}
.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { display: block; color: #373434; width: 100%; padding: 3px 3px 3px 3px; background-image: none !important; border-bottom: 1px solid #D5D5D5; }
.sidebar-box ul li { color: #373434 !important; }
.sidebar-box ul li a:hover {
width: 100%;
display: block;
color: #393939;
padding: 3px 3px 3px 3px; 
/* background-color: #F2F2F2; -------- change bg hover color since there is now a bg color for the container --- */
background-color: #fff;
}

/*------------------------------------------------*/
/*---------------[FEATURED ARTICLES]--------------*/
/*------------------------------------------------*/
.thumbnail-div-featured {
width: 175px;
height: 175px;
float: left;
border: 5px solid #FFF;
margin-right: 10px; /* -------------- add margin because of the new way I'm floating stuff ------- */
}

#featured-div {background-color: #E6E6E6; width: 920px; padding: 0px 15px 15px 15px; min-height: 310px;} 
#feautred-article {
float: left;
margin-top: 15px;
background-image: url(images/featured-bg.gif);
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 5px;
/* ------------------------- adding width ------------------- */
width: 545px;  
}

p#welcome {width: 520px; padding-bottom: 10px;}
p#welcome a {font-weight: bold;}

.featured-content {
/* float: left; ------------ remove float ------------------------ */
/* width: 340px; ----------- taking out the width so it flows all the way across with no thumbnail ---- */
margin-left: 5px;
margin-right: 5px;
width: 330px;
float: left;
}
.titles-featured { font-size: 25px; line-height: 30px; margin-bottom: 10px; display: block;}



/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/
#footer { clear: both; width: 930px; height: 31px; padding-left: 20px; text-align: left; color: #84878E; padding-top: 50px; margin-left: auto; margin-right: auto; font-size: 11px; background-color: #FFF;} /* added more padding to top */
		#footer a { color: #84878E; font-size: 11px; }
		#footer a:visited { color: #84878E; }
		#footer a:hover { color: #84878E; text-decoration: underline; }


/*------------------------------------------------*/
/*--------------------[SEARCH]--------------------*/
/*------------------------------------------------*/

form#searchform {
margin: 5px 5px 20px 10px; /* ------------------------ add padding to bottom of search --------- */
} 

.search_bg { height:35px; width:260px; float: left; margin-top: 10px; margin-left: 10px; }
#search { color:#FFFFFF; padding:0; }
#search input { background: #FFF; font-size:11px; color:#B8B8B8; font-family:Tahoma, arial, verdana, courier; width:150px; height:11px; vertical-align:middle; padding:10px; border: 1px solid #E7E7DC; }
#search .input { width:66px; height:31px; background:none; border:none; vertical-align:middle; margin:0; padding:0; margin-left: 10px; }

form#search-form div {margin-left: 10px;} /* --- restyling search box for widgets reloaded plugin --- */