/*
Theme Name: CSB Theme
Theme URI: http://CitySteelBuildings.com/blog
Description: Theme for CitySteelBuilding
Version: 0.1
Author: CueBlocks
Author URI: http://CueBlocks.com/
Tags: blue, fixed width, two columns, widgets
*/
a:link,
a:visited
{
	color:#5a5a5a;
}
a:hover
{
	color:#4795e5;	
}
a:active
{
	color:#4795e5;	
}
.clear
{
	clear:both;	
}
span.more
{
	display:block;
	padding:0px 20px;
	text-align:right;	
}
.float_left
{
	float:left;	
}
.float_right
{
	float:right;	
}
html
{
	height:100%;	
}
body {
	background:url(images/bg_all.png);	
	font:Arial, Helvetica, sans-serif;
	margin: 0px;
	height:100%;
	padding: 0px;
}
#all_bg
{
	background:url(images/bg.png) repeat-x;
	height:100%;
}
#container
{
	width:990px;
	margin:auto;
}
#header
{
	padding:0px 35px;
	position:relative;
	height:50px;
}
#header #top_nav
{
	background:url(images/topnav_bg.png) 0px 15px no-repeat;
	width:240px;
	padding-top:15px;
	position:absolute;
	height:26px;
}
#top_nav ul
{
	padding:0px 0px 0px 62px;
	margin:0px;
	list-style:none;
}
#top_nav li
{
	margin:0px;
	padding:0px;
	float:left;
}
#top_nav li a
{
	font:10px Arial, Helvetica, sans-serif;
	color:#b2b1b1;
	padding:0px 5px;
	text-decoration:none;
	text-transform:uppercase;
}
#top_nav li a:hover
{
	color:#f5f5f5;
}

#search
{
	position:absolute;
	background:url(images/srch_bg.png) 0px 15px no-repeat;
	width:155px;
	padding-top:15px;
	right:35px;
}
#search form
{
	margin:0px;
	position:relative;
	padding:0px;
}
#search input.srchbox
{
	background:none;
	border:none;
	padding:5px 5px 5px 10px;
	width:110px;
	line-height:14px;
	color:#c7c7c7;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:14px;
}
#search input.submitbtn
{
	position:absolute;
	right:1px;
	top:3px;
	border:none;
	background:none;
	width:20px;
	height:20px;
}


/* DO NOT REMOVE THIS FROM THE CSS */

#left
{
	background:url(images/left_bg.png) 0px 0px repeat-y;
}
#right
{
	background:url(images/right_bg.png) right 0px repeat-y;	
}
#top
{
	background:url(images/top_bg.png) 0px 0px repeat-x;
}
#base
{
	background:url(images/base_bg.png) 0px bottom repeat-x;	
	position:relative;
}

#top_left
{
	position:absolute;
	top:0px;
	left:0px;
	background:url(images/topleft.png) 0px 0px no-repeat;
	width:14px;
	height:14px;
}
#top_right
{
	position:absolute;
	top:0px;
	right:0px;
	background:url(images/topright.png) right 0px no-repeat;
	width:14px;
	height:14px;
}
#base_left
{
	position:absolute;
	bottom:0px;
	left:0px;
	background:url(images/baseleft.png) 0px bottom no-repeat;
	width:14px;
	height:14px;
}
#base_right
{
	position:absolute;
	bottom:0px;
	right:0px;
	background:url(images/baseright.png) right bottom no-repeat;
	width:14px;
	height:14px;
}

/* DO NOT REMOVE THIS FROM THE CSS */


#content
{
	padding:14px;
}

#top-content
{
	padding:20px 20px 10px 20px;
	background:#fff;	
}

#logo
{
	padding:11px 0px 0px 0px;	
}
#navigation ul
{
	padding:12px 0px 0px 0px;
	margin:0px;
	list-style:none;
}
#navigation li
{
	float:left;	
}
#navigation li a
{
	padding:9px;
	font:14px "Swis721 BlkCn BT", arial;
	letter-spacing:0.5px;
	color:#9f9f9f;
	margin:1px;
	background:#f5f5f5;
	text-decoration:none;
}
#navigation li a:hover
{
	color:#f5f5f5;
	background:#9f9f9f;
}

#getaquote
{
	background:#fff;
	padding:0px 20px;
}
#getaquote a
{
	background:#4795e5 url(images/getaquote.png) left center no-repeat;
	display:block;
	height:20px;
	text-indent:-99999px;
	overflow:hidden;
}

#middle-content
{
	padding:20px;
	background:#fff;
}

#left-panel
{
	width:605px;
}
#right-panel
{
	width:297px;
	padding-left:20px;
}

#work-area
{
	font:12px/22px Verdana, Geneva, sans-serif;
	color:#5b5b5b;
}

#work-area h1
{
	margin:20px 20px;
	font:22px/26px Arial, Helvetica, sans-serif;
	color:#4795e5;
	font-weight:bold;
	display:block;
	border-bottom:dashed 1px #4795e5;
	padding:10px 0px;
}

#work-area h2 a
{
	font:22px/26px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#1f1f1f;
	text-decoration:none;
}
#work-area h2 a:hover
{
	color:#4795e5;
}

#work-area h2
{
	margin:0px;
	padding:21px 22px;
	font:22px/26px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#1f1f1f;
}
#work-area h3
{
	margin:0px;
	padding:14px 22px;
	font:14px/18px Arial, Helvetica, sans-serif;
	color:#4795e5;
	font-weight:normal;
	background:#f7fbff;
}
#work-area p
{
	padding:18px 22px 10px 22px;
	margin:0px;
	font:12px/22px Verdana, Geneva, sans-serif;
	color:#5b5b5b;
	text-align:justify;
}

#work-area small
{
	font:11px Arial, Helvetica, sans-serif;
	color:#5a5a5a;
	padding:0px 22px 10px 22px;
	margin:-20px 0px 0px 0px;
	display:block;
}
#work-area small.about-post
{
	background:#fcfcfc;
	font:11px/18px Arial, Helvetica, sans-serif;
	border:dotted 1px #f0f0f0;
	padding:20px;
	margin:0px;
}

a.btn,
.btn a
{
	font:14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#9f9f9f;
	font-weight:bold;
	text-decoration:none;
	background:#f5f5f5;
	padding:8px 11px;
}
a.btn:hover,
.btn a
{
	color:#f5f5f5;
	background:#9f9f9f;
}


/*  BOX2  */

#box2
{
	position:relative;	
}
#box2 .caption
{
	position:absolute;
	bottom:0px;
	font:18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	left:0px;
	font-style:italic;
	background:#505050;
	width:298px;
	opacity:0.9;
}
.caption p
{
	padding:14px 15px;
	margin:0px;
}

/* BOX2 */

/* BOX3 */

#box3
{
	margin:20px 0px;
	background:#316ca8;
}
#box3 img
{
	padding:0px;
	margin:0px;
	width:99px;
	height:78px;
}

/* BOX3 */

/* BOX4 */

#box4
{
	margin:0px;
	padding:0px;
}
#box4 h2
{
	padding:0px;
	margin:0px;
}
#box4 h2 a
{
	font:18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:#4795e5;
	padding:10px 14px;
	display:block;
	color:#fff;
}

#box4 ul,
#box4 li
{
	padding:0px 0px 10px 0px;
	margin:0px;
	list-style:none;
}
#box4 li a
{
	display:block;
	margin:1px 0px;
	padding:6px 14px;
	font:11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#616161;
	text-decoration:none;
	background:url(images/bullet.png) 6px 10px no-repeat;
	border-bottom:dashed 1px #a9d3ff;
}
#box4 li a:hover
{
	color:#000;
	background:#f9f9f9 url(images/bullet.png) 6px 10px no-repeat;	
}

/* BOX4 */

#sidebar
{
	margin:0px;
	padding:0px;
}
#sidebar h2
{
	padding:0px;
	margin:0px;
	font:18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:#4795e5;
	padding:10px 14px;
	display:block;
	color:#fff;
}
#sidebar h2 a
{
	text-decoration:none;
	color:#fff;
}

#sidebar ul
{
	padding:0px 0px 10px 0px;
	margin:0px;
	list-style:none;
}
#sidebar li
{
	font:11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#616161;
	text-decoration:none;
}
#sidebar li.specialmsg
{
	margin:5px 0px;
	padding:0px 14px;
	font:11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#616161;
	text-align:justify;
	text-decoration:none;
	background:url(images/bullet.png) 6px 5px no-repeat;
	border-bottom:dashed 1px #a9d3ff;
}
#sidebar li li
{
	display:block;
	margin:1px 0px;
	padding:6px 14px;
	font:11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#616161;
	text-decoration:none;
	background:url(images/bullet.png) 6px 10px no-repeat;
	border-bottom:dashed 1px #a9d3ff;
}
#sidebar li li a
{
	color:#616161;
	text-decoration:none;
}

#sidebar li li a:hover
{
	color:#000;
}

#footer-content
{
	padding:20px;
	border-top:solid 1px #353535;
	background:#4e4e4e url(images/footer_bg.png) bottom repeat-x;	
}

#footer-content div
{
	color:#8a8a8a;
	font:11px Arial, Helvetica, sans-serif;
}
#footer-content div a
{
	color:#8a8a8a;
	padding:2px;
	text-decoration:none;
}
#footer-content div a:hover
{
	background:#3e3e3e;
}
#footer-content ul
{
	width:450px;
	padding:29px 0px 0px 0px;
	margin:0px;
	list-style:none;
}
#footer-content li
{
	margin:0px;
	padding:0px;
	float:left;
}
#footer-content li a
{
	width:78px;
	margin:0px 5px 1px 5px;
	display:block;
	background:#464545;
	font:11px Arial, Helvetica, sans-serif;
	color:#8a8a8a;
	text-decoration:none;
	padding:4px 14px;
}
#footer-content li a:hover
{
	background:#3e3e3e;	
}

#gototop
{
	position:absolute;
	bottom:-5px;
	right:30px;
}
#gototop a
{
	display:block;
	width:34px;
	height:35px;
	background:url(images/gototop.png) 0px 0px no-repeat;
	text-indent:-999999px;
	overflow:hidden;
}
#gototop a:hover
{
	
	background-position:0px bottom;
}




/* ||||| WORDPRESS DEFAUL STYLES ||||| */

/* Captions */
.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;
	-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;
}
/* End captions */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

.navigation-post
{
	font:12px/20px Arial, Helvetica, sans-serif;
	background:#f5f5f5;
	margin:20px 0px;
	padding:0px 0px;
	height:30px;
	color:#9f9f9f;
}
.navigation-image
{
	background:#f5f5f5;
	margin:20px 0px;
	padding:0px 0px;
	height:65px;	
}
.navigation-image img
{
	width:70px;
	height:55px;
}
.navigation-post .alignleft a,
.navigation-image .alignleft a
{
	padding:5px 10px;
	color:#9f9f9f;
	width:100px;
	font:10px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
}
.navigation-post .alignright a,
.navigation-image .alignright a
{
	padding:5px 10px;
	color:#9f9f9f;
	width:100px;
	text-align:right;
	font:10px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	float:right;
}
.navigation-post .alignleft a:hover,
.navigation-post .alignright a:hover,
.navigation-image .alignleft a:hover,
.navigation-image .alignright a:hover
{
	color:#fff;
	background:#9f9f9f;
}


.commentlist li
{
	padding:0px;
	margin:0px;
}

#commentform input, #commentform textarea 
{
	
}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font:12px/20px Arial, Helvetica, sans-serif;
	background:#fcfcfc;
	margin-bottom:5px;
	position:relative;
	padding:10px;
}

.commentlist li .avatar {
	position:absolute;
	right:10px;
	top:10px;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

/* ||| NAME AND DATE FOR COMMENT POSTER ||| */
.comentlist li em
{
	font:8px/18px Arial, Helvetica, sans-serif;
}
.commentlist cite, .commentlist cite a {

	font:12px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
/* ||| NAME AND DATE FOR COMMENT POSTER ||| */

.commentlist p {
	font-weight: normal;
	background:#fff;
	text-transform: none;
	}

#commentform p 
{
	padding:20px 20px 0px 20px;
}

.commentmetadata {
	padding-bottom:10px;
	font-weight: normal;
}
.commentmetadata a
{
	text-decoration:none;
	font:11px/20px Arial, Helvetica, sans-serif;
}


#commentform p input {
	width: 170px;
	padding: 5px;
	display:inline-block;
	margin: 5px 5px 1px 0px;
}

#commentform p small{
	margin: -23px 0px 0px 200px;
	padding:0px;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 0px auto;
	float: right;
}

p.attachment
{
	border-bottom:#4795e5 dashed 1px;
}
p.attachment img
{
	border:none;
}
#work-area .entry h1,
#work-area .entry h2,
#work-area .entry h3,
#work-area .entry h4,
#work-area .entry h5
{
	background:none;
}

#work-area .entry h2
{
	font:18px/26px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#work-area .entry h3
{
	font:16px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#work-area .entry h4
{
	font:14px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
}


/* ||||||||||||||||||||||| ADDED ON 28-04-09 |||||||||||||||||||||||||| */

#footer-content
{
	padding:20px;
	border-top:solid 1px #353535;
	background:#4e4e4e url(images/footer_bg.png) bottom repeat-x;	
}

#footer-content span
{
	color:#8a8a8a;
	font:11px Arial, Helvetica, sans-serif;
}
#footer-content span a
{
	color:#8a8a8a;
	padding:2px;
	text-decoration:none;
}
#footer-content span a:hover
{
	background:#3e3e3e;
}
#footer-content ul
{
	width:450px;
	padding:29px 0px 0px 0px;
	margin:0px;
	list-style:none;
}
#footer-content #bottomMenu ul
{
	width:940px;
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style:none;
}
#footer-content li,
#bottomMenu li
{
	margin:0px;
	padding:0px;
	float:left;
}
#footer-content li a
{
	width:78px;
	margin:0px 5px 1px 5px;
	display:block;
	background:#464545;
	font:11px Arial, Helvetica, sans-serif;
	color:#8a8a8a;
	text-decoration:none;
	padding:4px 14px;
}

#footer-content h3
{
	padding:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#292929;
	margin:0px;
}

#bottomMenu li a
{
	margin:0px 3px 1px 3px;
	display:block;
	width:auto;
	background:transparent;
	font:11px Arial, Helvetica, sans-serif;
	color:#8a8a8a;
	text-decoration:none;
	padding:2px;
}