/*
Theme Name: Rib Cage
Theme URI: http://sisindia.info/
Description: The 2010 default theme for WordPress.
Author: Nitin Maurya
Version: 1.0
Tags: Orange,Black,White

*/

/* Reset default browser CSS. Based on work by Nitin Maurya: http://sisindia.info
---------*/

/* Global CSS */
body {background:#000000; font:normal 11px arial; color:#FFFFFF}
form,h1,h2,h3,h4,h5,h6,p,li,ul,ol,fieldset,legend {padding:0px; margin:0px;}
h1 {font:bold 20pt arial;}
h2 {font:bold 12pt arial;}
h3 {font:bold 10pt arial;}
a {color:#000000;}
/* End */

/* Common CSS */
.leftFloat {float:left;}
.rightFloat {float:right;}
.floatNone {float:none;}
.clear {clear:both;}
.whitFnt {color:#FFFFFF; font-weight:bold}
.head-1 {font:bold 13pt arial;}
.bottomBrder {border-bottom:1px solid #CCCCCC}
/* End */


/* Specified Classes & IDs */
#MainContainer {background:url(images/page-bg.png) no-repeat; width:850px; margin:auto; padding:10px 40px 0}
#MainContainer .topTextHolder {float:left; margin:0px 0px 0px 150px}
#MainContainer .menubar {position:relative; right:50px;}
#MainContainer .cardTxt {padding:80px 0px 0px 10px; width:150px;}
#MainContainer .myfloat{float:left;}
#MainContainer .flash {margin:-130px 30px 0px 0px;width:553px ; height:189px;}

#signup {padding:15px 0px 10px 20px;}
#signup .label {font:bold 9pt arial;}
#signup .mybox {border:0px ; width:200px; height:17px; color:#666666; font-size:11px}


#roundedBox {width:550px; margin:10px 30px 0px 0px}
#roundedBox .top {background:url(images/blackroundedBox-Top.png) no-repeat; width:550px; height:14px;}
#roundedBox .mid {background:#000000; padding:0px 10px}
#roundedBox .btm {background:url(images/blackroundedBox-Btm.png) no-repeat; width:550px; height:14px;}
#roundedBox p {padding:10px 0 0; text-align:justify; font-size:12px}
#roundedBox h1 {font:bold 15pt arial;}
#roundedBox .b {color:#FF0000; font:bold 10pt arial;}
#roundedBox h4 {font:bold 8pt arial;}

#smlBox {width:249px; margin-top:70px; font-family:arial}
#smlBox .top{background:url(images/smlBox-Top.png) no-repeat; width:249px; height:10px;}
#smlBox .mid{background:url(images/transparent-bg.png);width:249px;}
#smlBox .btm{background:url(images/smlBox-Btm.png) no-repeat; width:249px; height:10px;}
#smlBox b {color:#FF0000; font:bold 14pt "monotype Corsiva"; line-height:30px}
#smlBox i {color:#FFFFFF; font:bold 12pt "monotype Corsiva"; line-height:30px}

#menu {width:490px; margin:70px auto;}
#menu .top {background:url(images/menubox-top.png) no-repeat; height:17px;}
#menu .mid {background:url(images/menubox-mid.png) repeat-y; padding:0px 10px; color:#000000}
#menu .mid p {font-weight:bold;}
#menu .mid li {float:left; margin:3px 10px 0px 10px; background:url(images/bullet.png) no-repeat left; padding-left:15px; list-style:none}
#menu .mid .head {width:80%;margin:auto}
#menu .mid .b {font:bold 10pt arial black;}
#menu .mid h4{font:bold 11pt arial black; text-transform:uppercase; text-decoration:underline}
#menu .lftCol{width:225px; float:left;}
#menu .lftCol b,#menu .rghtCol b{text-transform:capitalize;}
#menu .rghtCol{width:225px; float:left; margin-left:15px}
#menu .btm {background:url(images/menubox-btm.png) no-repeat; height:17px;}

#footer {background:url(images/footer.jpg) repeat-x; height:35px; margin-top:10px; padding:5px}
#footer a {color:#FFFFFF; text-decoration:none; font-weight:bold}
#footer a:hover {color:#FFFF00; text-decoration:none; font-weight:bold}

/* End */

/* New */
#navbar {height:25px; float:left; width:554px; margin-left:18px; text-align:right; padding-top:5px}
#navbar li { float:right; list-style:none none; padding-left:15px}
#navbar li a {text-decoration:underline; font:bold 9pt arial; color:#FFFFFF}
#navbar li a:hover{text-decoration:none; font:bold 9pt arial; color:#FFFF00}
#thumContainer DIV {float:left; margin-left:28px}
.lctn b {color:#FF0000; text-transform:uppercase}
.lctn h1 {font:bold 13pt arial; color:#FFFF00;}
.mapholder {padding-right:30px;}
#CouponHolders {clear:both; width:480px; margin:auto; background:#FFFFFF; padding:10px}
#CouponHolders .myMargn {margin-left:30px;}
#CouponHolders .CouponBox {border:2px dotted #666666; width:220px; padding:5px 0px 5px 0px; text-align:center; float:left; min-height:135px; margin-bottom:10px }
#CouponHolders .CouponBox p {font:bold 9pt arial; color:#333333}
#CouponHolders .CouponBox b {font:bold 8pt arial; color:#FF9900}
#CouponHolders .CouponBox h1{font:bold 11pt arial; color:#000000; text-transform:uppercase}
#CouponHolders h2{font:bold 10pt arial; color:#990000;; border-bottom:2px dotted #666666}
.quote {padding:10px;clear:both; width:85%; margin:auto; background:url(images/transparent-bg.png); text-transform:capitalize}
.quote .label{ float:left; padding:4px 0px 0px 0px; font:bold 9pt arial;margin:0px 0px 15px 0px; min-width:110px}
.quote .mymrgn{margin:0px 0px 15px 15px}
.quote .InputboxContainer{margin:0px 0px 0px 15px; float:left}
.quote .mybox {border:0px; height:20px; width:200px}
.quote fieldset{}
.quote h1 {font:bold 12pt arial; text-transform:capitalize; color:#FFFF00}
.quote b {font:bold 10pt arial; color:#FF0000; text-transform:uppercase}
.quote .myarea {width:310px; height:170px; color:#333333 !important; margin-left:30px}
.quote .myMargn{margin:0px 40px 0px 40px;}

/* Blog Style*/
#blog {color:#000000; text-align:justify;}
#blog p {font:normal 11px verdana; line-height:18px}
#blog .blkFnt {color:#000000 !important;}
#blog .orngFnt {color:#c9570f !important; text-decoration:none;}
#blog .orngFnt a{color:#c9570f !important; text-decoration:none;}
#blog h3 {font:bold 12pt arial;}
#blog h4 {font:normal 9pt arial;}
#blog .leftCol {float:left;}
#blog .leftCol .box {width:550px;}
#blog .leftCol .box .top{background:url(images/blogbox-top.png) no-repeat; width:535px; height:58px; padding:5px 0px 0px 15px;}
#blog .leftCol .box .mid{background:url(images/whiteTransprnt-bg.png) repeat; padding:10px}
#blog .leftCol .box .btm {background:url(images/blogbox-btm.png) no-repeat; width:550px; height:16px;}
#blog .leftCol .box h1 {font:bold 15pt arial; color:#FFFFFF}
#blog .leftCol .box h2 {font:bold 8pt arial; text-transform:uppercase; color:#000000 }
#blog .leftCol .box .mid .topicBox {margin-bottom:10px}
#blog .leftCol .box .mid .topicBox h1 {font:bold 12pt "trebuchet MS"; color:#e04d11;}
#blog .leftCol .box .mid .topicBox img {padding:2px; border:1px solid #c9c9c9}
#blog .leftCol .box .mid .box-a {width:430px; float:right}
#blog .leftCol .box .mid .box-a h1 {font:bold 12pt "trebuchet MS"; color:#e04d11;}
#blog .leftCol .box .mid .box-a p {font:normal 11px verdana; color:#000000; padding-top:5px; text-align:justify}
#blog .userComntBox {background:#F4F4F4; padding:5px; border:1px solid #a6a6a6;}
#blog .userComntBox .userIcon{float:right; margin:5px 10px 0px 0px; border:1px solid #CCCCCC; padding:3px;} 
#rplyForm{margin-top:10px;}
#rplyForm .input{width:200px; height:18px;border:1px solid #999999; margin-bottom:10px; float:left}
#rplyForm .mylabel{font:normal 10pt verdana; margin-left:25px; margin-bottom:10px; float:left}
#rplyForm .mycommnt {width:420px; height:100px;}
#rplyForm .submit {background:url(images/blog-submit.png) no-repeat; width:81px; height:23px; border:0px; color:#FFFFFF; font-weight:bold; margin-top:5px}

#blog .rghtCol {float:right; width:230px;background:url(images/whiteTransprnt-bg.png) repeat; margin:0px 0px 15px 15px; padding:10px;}
#blog .rghtCol h1 {font:bold 14pt arial; color:#c9570f}
#blog .rghtCol ul {margin-top:10px;list-style: none;}
#blog .rghtCol li {margin-top:10px;list-style: none;}
#blog .rghtCol ul li{line-height:22px; list-style: none; background:url(images/blogarrow.png) no-repeat 0px 7px; padding-left:15px}
/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s { /* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display:none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	font-weight: bold;
	color: #222;
	text-align: left;
	font-size:14px;
	padding-bottom: 4px;
}
#wp-calendar thead {
	font-size:11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border:1px solid #fff;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #FF4B33;
}
.widget_rss .widget-title img {
	height: 11px;
	width: 11px;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	font-size:  12px;
	line-height: 18px;
	overflow: hidden;
	color: #000000;
	padding-top:10px;
}
.navigation a:link,
.navigation a:visited {
	color: #000000;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #FF4B33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align:right;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}