/*  

Theme Name: BloggingTips.com Hurricane Theme

Theme URI: www.bloggingtips.com

Description: Grungy black and light blue theme which has a widget area in the sidebar and the footer

Version: 1

Author: BloggingTips

Author URI: http://www.bloggingtips.com

*/



* { padding: 0; margin: 0; }

a img { border: 0; }



body {


	background-image: url('images/bg.jpg');
	background-repeat: repeat;


	font-family: Arial, Helvetica, san-serif;

	}

#wrapper {

	margin: 0 auto;

	width: 950px;

	background: #090909;

	position: relative;

	}

#header {

	background: url('images/header.gif') no-repeat;

	width: 950px;

	min-height: 190px;

	}

#branding {

	float: left;

	width: 550px;

	margin: 35px 0 0 37px;

	text-transform: lowercase;

	}

#branding h1 {

	font-size: 54px;

	color: #fff;

	font-weight: bold;

	}

#branding h1 a {

	color: #fff;

	text-decoration: none;

	}

#branding h1 a:hover {

	color: #666;

	}

#branding h2 {

	margin-top: 5px;

	font-size: 12px;

	font-weight: normal;

	color: #666;

	}

#search {

	float: right;

	margin: 37px 40px 0 0;

	}

#search p {

	color: #8d8d8d;

	font-size: 14px;

	padding-bottom: 5px;

	}

#searchform {

	background: url('images/search.gif') no-repeat;

	width: 311px;

	height: 30px;

	}

#searchform input {

	background: none;

	border: none;

	}

#searchform #s {

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	text-transform: lowercase;

	height: 24px;

	width: 272px;

	padding: 6px 0 0 8px;

	float: left;

	}

#searchform #searchsubmit {

	float: left;

	height: 30px;

	width: 26px;

	cursor: pointer;

	}

#nav {

	float: left;

	list-style: none;

	clear: both;

	background: url('images/nav.gif') no-repeat;

	width: 907px;

	height: 33px;

	font-size: 15px;

	font-weight: bold;

	color: #fff;

	text-shadow: #105973 0px -1px 0px;

	padding: 21px 0 0 7px;

	margin: 18px 0 0 22px;

	}

#nav li {

	float: left;

	border-right: 1px solid #0b6f94;

	padding: 0 10px;

	}

#nav a {

	color: #fff;

	text-decoration: none;

	}

#nav a:hover {

	color: #ccc;

	}

#main {

	padding: 14px 0 49px 0;

	background: url('images/footer-horizontal-divider.gif') #090909 bottom right repeat-x;

	}

#content {

	float: left;

	width: 603px;

	padding-left: 33px;

	font-size: 13px;

	line-height: 19px;

	color: #c0c0c0;

	}

#content .post {

	background: url('images/post.gif') bottom right no-repeat;

	margin-bottom: 33px;

	}

#content .page {



	}

#content h2, #content .h2like {

	font-size: 21px;

	line-height: 24px;

	font-weight: normal;

	color: #fff;

	margin-bottom: 5px;

	}

#content h2 a, #content .h2like a {

	color: #fff;

	text-decoration: none;

	border-bottom: 1px solid #262626;

	}

#content h2 a:hover, #content .h2like a {

	color: #fff;

	border-bottom: 0;

	}

#content .post-info {

	color: #686868;

	font-size: 12px;

	padding-bottom: 7px;

	}

#content a {

	color: #198eb9;

	text-decoration: none;

	}

#content a:hover {

	color: #686868;	

	}

#content p {

	padding-bottom: 19px;

	}

#content ul, #content ol {

	padding: 0 0 19px 19px;

	}

#content .navigation {

	font-size: 13px;

	font-weight: bold;

	line-height: 1em;

	padding: 0 3px;

	}

#content .navigation a {

	color: #fff;

	text-decoration: none;

	}

#content .navigation a:hover {

	color: #ccc;

	}

#content .navigation .alignleft {

	background: url('images/previous.gif') center left no-repeat;

	padding-left: 20px;

	}

#content .navigation .alignright {

	background: url('images/next.gif') center right no-repeat;

	padding-right: 20px;

	}

#sidebar {

	float: left;

	width: 266px;

	padding-left: 29px;

	font-size: 13px;

	line-height: 19px;

	color: #535353;

	}

#sidebar a, #footer a {

	color: #fff;

	text-decoration: none;

	}

#sidebar p, #footer p {

	padding-bottom: 10px;

	}

#sidebar .follow {

	

	}

#sidebar .follow div {

	padding-left: 63px;

	line-height: 1em;

	}

#sidebar .follow a {

	color: #fff;

	border-bottom: 1px solid #242424;

	font-weight: bold;

	}

#sidebar .follow a:hover {

	color: #fff;

	border-bottom: 0;

	}

#sidebar .follow span {

	display: block;

	font-size: 12px;

	margin-top: 5px;

	}

#sidebar .follow .twitter {

	background: url('images/twitter.gif') center left no-repeat;

	padding-top: 10px;

	height: 22px;

		}

#sidebar .follow .rss {

	background: url('images/rss.gif') 4% 50% no-repeat;

	height: 31px;

	margin-bottom: 20px;

        padding-top: 5px;

	}

#sidebar h3 {

	background: url('images/sidebar-heading.gif') no-repeat;

	width: 253px;

	height: 34px;

	font-size: 14px;

	font-weight: bold;

	color: #fff;

	text-shadow: #000 0px 1px 0px;

	padding: 15px 0 0 13px;

	margin: 23px 0 6px;

	line-height: 1em;

	}

#subscribe {

	padding-left: 14px;

	line-height: 1em;

	}

#subscribe form {

	background: url('images/subscribe.gif') no-repeat;

	width: 236px;

	height: 30px;

	color: #fff;

	}

#subscribe span {

	color: #727272;

	font-size: 12px;

	display: block;

	padding-bottom: 8px;

	}

#subscribe form input {

	background: none;

	border: none;

	color: #fff;

	}

#subscribe-email {

	float: left;

	height: 23px;

	width: 200px;

	padding: 7px 0 0 10px;

	}

#subscribe-submit {

	float: left;

	height: 30px;

	width: 26px;

	cursor: pointer;

	}

#sidebar li, #footer li {

	list-style-type: none;

	width: 242px;

	background: url('images/sidebar-divider.gif') bottom left no-repeat;

	padding: 0 0 8px 0;

	margin: 0 0 8px 14px;

	}

#sidebar a:hover, #footer a:hover {

	color: #198eb9;

	}

	

#footer {

	min-height: 184px;

	background: url('images/footer.gif') #090909 bottom right no-repeat;

	font-size: 12px;

	line-height: 17px;

	color: #989898;

	padding-bottom: 38px;

	margin-bottom: 0; / * was 36 */

	}

#footer h3 {

	font-size: 15px;

	font-weight: bold;

	color: #fff;

	padding: 15px 0 10px;

	}

#footer li {

	margin: 0 0 8px 0;

	}

#footer-one, #footer-two, #footer-three {

	width: 255px;

	float: left;

	}

#footer-one {

	padding: 15px 33px 0;

	background: url('images/footer-vertical-divider.gif') top right repeat-y;

	}

#footer-two {

	padding: 15px 33px 0;

	background: url('images/footer-vertical-divider.gif') top right repeat-y;

	}

#footer-three {

	padding: 15px 0 0 33px;

	}

#credit {

	clear: both;

	font-size: 12px;

	line-height: 20px;

	color: #6e6e6e;

	width: 900px;

	margin: 36px auto 0;

	padding-bottom: 30px;
        
        align: center;

	}

#credit a {

	color: #6e6e6e;

	text-decoration: none;

	}

#credit a:hover {

	color: #fff;

	}



/* Comments */

h3#comments, #respond h3 {

	font-size: 18px;

	font-weight: bold;

	color: #fff;

	padding-bottom: 15px;

	}

#content ol.commentlist {

	padding: 0;

	}

.commentlist li {

	list-style-type: none;

	}

.commentlist .clear {

	height: 28px;

	}

.comment-content {

	background: #151515;

	color: #dcdcdc;

	padding: 15px 16px 0;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	border-top: 1px solid #212121;

	position: relative;

	}

.comment-content .arrow {

	position: absolute;

	bottom: -22px;

	left: 0;

	background: url('images/arrow.gif') no-repeat;

	width: 29px;

	height: 22px;

	}

.commentlist .avatar {

	margin: 16px 10px 0 40px;

	border: 2px solid #fff;

	float: left;

	}

.commentlist .comment-meta {

	float: left;

	margin-top: 16px;

	font-size: 12px;

	line-height: 15px;

	}

.commentlist .children {

	padding-left: 39px;

	}



/* Comment Form */



#respond label {

	color: #dcdcdc;

	font-size: 14px;

	display: block;

	padding-bottom: 7px;

	}

#author, #email, #url {

	background: url('images/comment-input.gif') no-repeat;

	width: 277px;

	height: 30px;

	border: none;

	color: #fff;

	}

#comment {

	background: url('images/comment-message.gif') no-repeat;

	width: 607px;

	height: 143px;

	border: none;

	color: #fff;

	}

#submit {

	background: url('images/comment-submit.gif') no-repeat;

	width: 118px;

	height: 30px;

	border: none;

	cursor: pointer;

	}



/* Grunge Edges */

#bg-left { background: url('images/bg-left.png') repeat-y; position: absolute; top: 0; left: -12px; width: 12px; height: 100%; }

#bg-right { background: url('images/bg-right.png') repeat-y; position: absolute; top: 0; right: -12px; width: 12px; height: 100%; }



.alignleft { float: left; }

.alignright { float: right; }

img.alignleft { margin-right: 10px; }

img.alignright { margin-left: 10px; }

.clear { clear: both; }



.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;

   /* optional rounded corners for browsers that support it */

   -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: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}
