/*

Theme Name: Hip Bursitis Custom Theme

Author URI: http://www.mrsunstudios.com

Description: The Custom Theme for Hip Bursitis Site

Version: 1.0

Author: Kenny Sun

*/

*{margin:0;padding:0;}

body{background:#030;font-family:Verdana, Arial, sans-serif;color:#333;font-size:13px;}

ul, ol{margin-left:30px;}

p{margin-top:10px;}

a{color:#030;text-decoration:underline;}

a:hover{color:#050;}

ul li{list-style:square;margin-top:10px;}



/*MAIN DIVS*/

#wrapper{margin:auto;width:1000px;padding:0 10px;background:#FFF url(img/wrapper-bg.png) repeat-y;overflow:hidden;}

#header{background:url(img/header-bg.jpg) no-repeat center;width:100%;height:120px;float:left;position:relative;}

#header .banner{position:absolute;bottom:10px;right:5px;width:468px;height:60px;border:1px solid #030;}

#content{float:left;width:980px;padding:10px;}

#left-col{float:left;width:190px;border-right:10px solid #9F9;margin-top:-12px;padding-top:12px;}

#mid-col{float:left;width:580px;padding:0 10px;}

#right-col{float:left;width:180px;}

#footer{margin:auto;width:1000px;padding:5px 10px 15px 10px;background:url(img/footer-bg.png) no-repeat bottom;font-size:85%;text-align:center;color:#333;}

#footer a{color:#666;}

#footer a:hover{color:#999;}



/*HEADERS*/

h1, h2, h3, h4, h5{display:block;font-weight:normal;}

h1{color:#000;font-size:180%;}

h2{color:#000;font-size:150%;}

h3{color:#333;font-size:130%;margin-top:10px;border-bottom:1px solid #333;}

h4{color:#333;font-size:115%;}

h5{color:#555;font-size:100%;}

#header h1{margin-left:-9999em;}





/*NAVIGATION*/

#nav{width:100%;height:30px;float:left;}

#nav ul{width:100%;background:#FFC;height:30px;list-style:none;margin:0;display:inline;}

#nav ul li{display:block;float:left;margin:0;}

#nav ul li a{color:#000;display:block;height:22px;padding:5px 15px 5px 15px;text-decoration:none;}

#nav ul li a:hover{background:#030;color:#FFF;}



/*WIDGET*/

.widget{list-style:none;}

#left-col .widget ul{margin:0;}

#left-col .widget h2{font-size:150%;color:#030;margin:0;padding-left:5px;font-weight:normal;}

#left-col .widget ul li{list-style:none;margin:0;}

#left-col .widget ul li a{display:block;text-decoration:none;border-top:1px solid #9F9;padding:5px;}

#left-col .widget ul li a:hover{background:#9F9;color:#030;}

#right-col .widget{margin-bottom:10px;}



/*POSTS*/

.post h2{margin:0;}

.post h2 a{display:block;border-bottom:1px solid #030;text-decoration:none;margin-bottom:5px;padding-bottom:5px;font-size:140%;font-weight:normal;clear:both;}

.post .readmore{margin-bottom:10px;text-align:right;}

.post .afterpost{padding:10px;background:#9F9;margin:10px 0;overflow:hidden;}

.post .afterpost h3{font-weight:normal;}



/*SPECIFIC CLASSES*/

.alignleft{text-align:left;}

.alignright{text-align:right;}

.aligncenter{text-align:center;}

.floatleft{float:left;margin-right:10px;}

.floatright{float:right;margin-left:10px;}

.bluebg{background:#9F9;padding:10px;overflow:show;display:block;}

.related_post li{margin-bottom:10px;}



/*FORMS*/

.searchform{text-align:center;margin-top:5px;}

#searchsubmit{margin-top:5px;width:60px;}

#s{width:90%;}

.widget_search{text-align:center;background:#CDF;padding:10px;}



/*TABLES*/

table.plan{border:1px solid #030;width:100%;}

table.plan td{padding:3px;border:1px solid #BCF;}

table.plan th{padding:3px;background:#030;color:#FFF;border:1px solid #FFF;}

table.plan tr.alt{background:#BCF;}

table.plan tr.alt td{border:1px solid #FFF;}