/*

Theme Name: Width Smasher

Theme URI: http://www.amjadiqbal.com/wordpress-themes/WidthSmasher/

Description: This WordPress theme was designed and built by <a href="http://www.amjadiqbal.com/">Amjad Iqbal</a>, you can find his blog at <a href="http://www.amjadiqbal.com/">http://www.amjadiqbal.com/</a>.

Version: 1.1

Author: Amjad Iqbal

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

Tags: fixed-width, three-columns, left-sidebar, right-sidebar, light, silver

*/



* {
	margin:0;
	padding:0;
}
/*

	- BASIC LAYOUT

	- HEADINGS

	- TOP STRIP

	- CONTAINER 

	- HEADER

	- CONTENT

		+ CONTENT LEFT

		+ CONTENT RIGHT

		+ SEARCH FORM

	- COMMENTS

	- FOOTER

	- USEFUL 

	*/

	

/* - BASIC LAYOUT ------------------------------------------*/

body {
	color:#535353;
	text-align:center;
	background:#dedede;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
}
html, #topStrip {
	min-width:1000px;
}
a:link {
	outline:none;
	text-decoration:none;
	color:#65759e;
	font:15px;
}
a:visited {
	outline:none;
	text-decoration:none;
	color:#65759e;
	font:15px;
}
a:hover {
	text-decoration:none;
}
hr.hidden {
	clear:both;
	visibility:hidden;
}
abbr {
	border-bottom:1px dotted #535353;
}
ol {
	margin:5px 0px 0px 20px;
}
form iput, form textarea {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* - HEADINGS ------------------------------------------*/



#container #header h1 a {
	top:35px;
	left:5px;
	color:#fff;
	font-size:45px;
	position:absolute;
	text-decoration:none;
	font-weight:normal;
}
h1, #contentWrap #leftColumn .post h1 a {
	color:#000;
	margin-bottom:5px;
	font:normal 25px/30px Georgia, "Times New Roman", Times, serif;
}
h2 {
	padding-bottom:3px;
	border-bottom:1px solid #e1e1e1;
	font:normal 16px Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	display:block;
	text-align:center;
	margin-bottom:20px;
	background-color:#eef5f9;
	border-bottom:1px solid #fedcdc;
	font:normal 25px/40px Georgia, "Times New Roman", Times, serif;
}
h4 {
	color:#666;
	margin-bottom:5px;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;
}
h5 {
	color:#666;
	margin-bottom:5px;
	font:normal 17px/40px Georgia, "Times New Roman", Times, serif;
}
h6 {
	color:#666;
	margin-bottom:5px;
	font:normal 12px/40px Georgia, "Times New Roman", Times, serif;
}
/* - TOP STRIP  ------------------------------------------*/



#topStrip {
	top:0px;
	left:0px;
	width:100%;
	z-index:-1;
	height:240px;
	position:absolute;
}
/* - CONTAINER ------------------------------------------*/



#container {

	width:1000px;
	margin:0 auto;
	text-align:left;
}
/* - MENU NAVIGATION ------------------------------------------*/



#nav {
	position: absolute;
	bottom: 12px;
	height:18px;
}
#nav li {
	float: left;

	padding: 0px;
}
#nav li, #subnav li {
	float:left;
	list-style:none
}
#nav a {
	display: block;
	width: 120px;
	height: 24px;
	margin: 0px;
	padding: 8px 0 0 0;
	font:normal 16px/16px Georgia;
	color:#fff;
	text-align:center;
}
#nav a:hover {
	color: #fff;
	text-align:center;
font:bold 16px/16px Georgia;
}
li.current_page_parent a, li.current_page_parent a:visited, #nav li.current_page_item a, #nav li.current_page_item a:hover {
	background: #fff;
	font:bold 16px/16px Georgia;
	color:#333;
	text-align:center;
	
}
#subnav {
	position: absolute;
	bottom: 6px;
	height:25px;
}
#subnav li {
	margin: 5px 2px 0 0;
}
#subnav a, #subnav a:visited {
	display: block;
	width: 100px;
	height: 22px;
	margin: 0px;
	padding: 8px 0 0 0;
	font:normal 12px/12px Verdana, Tahoma;
	color:#fff;
	text-align:center;
}
#subnav a:hover {
	font-weight: bold;
}
#subnav li.current_page_item a, #subnav li.current_page_item a:hover {
	background:#fff;
	color:#000;
	font-weight: bold;
}
/* - HEADER ------------------------------------------*/



#container #header {
	width: 1000px;
	height: 188px;
	background: url(-images/bg.png) no-repeat left top;
	position:relative;
}
#container #header p#rFeeds a, #container #header p#rFeeds a:hover {
	color:#65759e;
}
#container #header p#rFeeds a.rss {
	top:-3px;
	width:38px;
	right:-50px;
	height:38px;
	position:absolute;
}
/* CONTENT

------------------------------------------------------------------------*/

#contentWrap {
	width:1000px;
	overflow:hidden;
	background:url(-images/content-bg-middle.png) repeat-y;
	min-height:250px; /* don't need to play with this */
}
/* LEFT COLUMN

------------------------------------------------------------------------*/

#contentWrap #leftColumn {
	float:left;
	width:860px;
	margin-top:20px;
margin-top: 20px;
margin-bottom: 30px; 
margin-right:5px;
	margin-left:15px;
}
#contentWrap #leftColumn h2 {
	border-bottom:none;
	margin-top:20px;
}
#contentWrap #leftColumn a {
	color:#cc0000;
}
#contentWrap #leftColumn .post {
	margin-bottom:30px;
	padding-bottom:20px;
	overflow:hidden;
	text-align:justify;
	border-bottom:1px solid #e1e1e1;
}
#contentWrap #leftColumn .post ul {
	margin-left:25px;
}
#contentWrap #leftColumn .post ol {
	margin-left:30px;
}
#contentWrap #leftColumn .post p.comments {
	padding:0;
	width:35px;
	height:47px;
	float:right;
	margin-left:10px;
	text-align:center;
	background:url(-images/comment-icon.png) no-repeat;
	font:italic bold 12px/28px Georgia, "Times New Roman", Times, serif;
}
#contentWrap #leftColumn .post img.alignnone {
	float:left;
	width:200px;
	height:133px;
	padding:3px;
	margin:0px 10px 0px 0px;
	border:1px solid #e1e1e0;
}
#contentWrap #leftColumn .post p.comments a {
	color:#5b6165;
}
#contentWrap #leftColumn .post p {
	float:left;
	width:auto;
	padding-top:15px;
	padding-bottom:5px;
}
#contentWrap #leftColumn .post em.postInfo {
	color:#fff;
	padding:4px;
	font-style:normal;
	background-color:#65759e;
}
#contentWrap #leftColumn .post em.postInfo a {
	color:#fff;
}
#contentWrap #leftColumn .post p a.more-link {
	float:left;
	width:auto;
	margin:20px 0px;
	font-weight:bold;
	font-size:12px;
}
p.txt {
	color:#797979;
	margin-bottom:20px;
	text-transform:uppercase;
	font:bold 14px Arial, Helvetica, sans-serif;
}
/* post navigation

------------------------------------------------------------------------*/

#contentWrap #leftColumn .postnav a {
	color:#424242;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:40px;
}
#contentWrap #leftColumn .postnav .previous a {
	float:left;
	width:auto;
	padding-left:18px;
	background:url(-images/link-previous.png) no-repeat left;
}
#contentWrap #leftColumn .postnav .next a {
	float:right;
	width:auto;
	text-align:right;
	padding-right:18px;
	background:url(-images/link-next.png) no-repeat right;
}
/* right column

------------------------------------------------------------------------*/

#rightColumn {
	float:right;
	width:80px;
}
#rightColumn a {
	color:#cc0000;
}
#rightColumn a:hover {
	color:#555;
	text-decoration:none;
}
#rightColumn .ads {
	width:445px;
	position:relative;
	margin-bottom:18px;
}
#rightColumn .ads img {
	border:none;
	margin-right:19px;
	margin-bottom:15px;
}
#rightColumn #tags {
	margin:10px 0px 30px 0px;
}
#rightColumn #searchform {
	margin:5px 0px 30px 0px;
}
#rightColumn #searchform input#s {
	width:135px;
	padding:2px;
}
#rightColumn #tabsWrap p#tabs a {
	padding:10px;
	font-size:12px;
	position:relative;
	border:1px solid #e1e1e1;
	border-bottom:none;
}
#rightColumn #tabsWrap p#tabs a.selected {
	background-color:#f8f9f8;
}
#rightColumn p {
}
#rightColumn #tabsWrap ul {
	background-color:#f9f8f8;
	margin-top:6px;
	padding:15px;
	list-style:none;
	margin-bottom:30px;
	border:1px solid #e1e1e1;
}
#rightColumn ul#tab1 li {
	padding-left:8px;
	border-bottom:1px solid #e1e1e1;
	padding:3px 0px 3px 15px;
	background:url(-images/bullet-01.png) no-repeat left top;
}
#rightColumn ul#tab2 li {
	background:none;
	padding:0;
	padding:8px 0px;
	border-bottom:1px solid #e1e1e1;
}
#rightColumn ul#tab2 li a {
	display:block;
	padding:5px 0px;
	display:inline;
}
#rightColumn ul#tab2 li p {
	font-style:italic;
}
.sidebar-1 ul, .sidebar-2 ul {
	list-style:none;
}
.sidebar-1 ul li, .sidebar-2 ul li {
	margin-bottom:20px;
}
.sidebar-1 ul li ul li, .sidebar-2 ul li ul li {
	padding-left:8px;
	margin:2px 0px;
	background:url(-images/bullet-02.png) no-repeat left top;
}
/* sidebar 2 (right sidebar)

------------------------------------------------------------------------*/

.sidebar-2 {
	width:220px;
	float:left;
	margin-left:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
/* comments

------------------------------------------------------------------------*/

#comments {
	float:left;
	width:670px;
	margin:0px 0px 40px 0px;
	border-bottom:1px solid #fedcdc;
}
#comments ul {
	list-style:none;
}
#comments ul li.alt {
	background:#eef5f9;
}
#comments ul li.author cite {
	padding-right:42px;
	background:url(-images/mini-author.png) no-repeat right;
}
#comments ul li {
	width:650px;
	float:left;
	padding:20px 10px;
	position:relative;
	border-top:1px solid #fedcdc;
}
#comments ul li cite a {
	text-decoration:underline;
}
#comments ul li cite, #comments ul li cite a {
	color:#555;
	font-weight:normal;
	font-size:14px;
	font-style:normal;
	text-transform:capitalize;
}
#comments ul li cite a:hover, #comments ul li span.commentNumber a:hover {
	text-decoration:none;
}
#comments ul li .gravatar {
	float:left;
	width:65px;
	margin-right:10px;
	background:url(-images/avatar-bg.gif) no-repeat top;
}
#comments ul li img {
	padding:8px 7px;
}
#comments ul li span.commentNumber {
	top:0px;
	right:10px;
	position:absolute;
	font:bold italic 35px Georgia, "Times New Roman", Times, serif;
}
#comments ul li span.commentNumber a {
	color:#dadada !important;
}
#comments ul li .date {
	color:#666;
	font-size:10px;
}
#comments ul li p {
	width:575px;
	float:right;
	margin-top:5px;
}
.commentsNote {
	float:left;
	color:red;
	width:auto;
	font-size:14px;
	font-weight:normal;
	padding-left:22px;
	background:url(-images/close.png) no-repeat left;
}
/* comments form

------------------------------------------------------------------------*/

#commentForm form {
	width:100%;
	margin:15px 0;
	font-size:12px;
	overflow:hidden;
	position:relative;
}
#commentForm form p label {
	width:600px;
	float:left;
	display:block;
	line-height:32px;
	margin-bottom:10px;
}
#commentForm form input {
	float:left;
}
#commentForm form p label span {
	float:left;
	width:auto;
	padding:4px;
	margin-right:10px;
	background-color:#ebebeb;
}
#commentForm form p label span input, #commentForm form p label span textarea {
	width:300px;
	padding:4px;
	border:1px solid #cfcfce;
	background:#f8f8f9 url(-images/input-bg.gif) repeat-x top;
}
#commentForm form p label span textarea {
	width:650px;
	height:150px;
}
#commentForm form p label span input:Focus, #commentForm form p label span textarea:Focus {
	border:1px solid #adadad;
}
#commentForm form input.button {
	padding:3px;
	width:130px;
	cursor:pointer;
	margin-right:200px;
}
#commentForm form p#cNote {
	color:#999;
	right:0px;
	bottom:0px;
	position:absolute;
}
/* others

------------------------------------------------------------------------*/

ul.archiveList {
	list-style:none;
	margin-bottom:40px;
}
ul.archiveList li {
	padding-left:8px;
	background:url(../width-smasher/-images/bullet-05.png) no-repeat left top;
}
ul.archiveList li span {
	display:block;
	margin-bottom:10px;
}
blockquote {
	font-style:italic;
	padding:5px 10px 10px;
	border:1px dotted #ccc;
	background:url(-images/blockquote.png) no-repeat left;
}
.page p {
	padding-bottom:15px;
	padding-right:25px;
}
/* footer

------------------------------------------------------------------------*/

#footer {
	width:1000px;
height:15px;
	overflow:hidden;
	text-transform:uppercase;
background: #505050;
}
#footer p.nav {
	float:left;
	width:auto;
}
#footer p.nav a {
	color:#535353;
	margin-right:30px;
	letter-spacing:-1px;
	text-decoration:none;
}
#footer p.nav a:hover {
	color:#979595;
}
#footer p.nav a.top {
	padding-left:15px;
	background:url(-images/bullet-03.png) no-repeat left;
}
#footer p.nav a.valid {
	padding-left:20px;
	background:url(-images/bullet-04.png) no-repeat left;
}
#footer p.ai a img {
	float:right;
	border:none;
}
/* Starting with WordPress 2.5 there are alignment CSS classes that are used by the visual editor. In order for images to be shown correctly themes are required to have these classes

------------------------------------------------------------------------*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	width:auto;
	float: left;
}
.alignright {
	width:auto;
	float: right;
}
.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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}