/*
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; }

/* generic
------------------------------------------------------------------------*/
body {
	color:#535353;
	text-align:center;
	background:#dedede;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
}
html, #topStrip {
	min-width:1240px;
}
a:link {
	outline:none;
	text-decoration:none;
}
a:visited {
	outline:none;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
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 and typography
------------------------------------------------------------------------*/
#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;
}

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:250px;
	position:absolute;
	background:#1f2428;
	border-bottom:1px solid #fff;
}

/* container
------------------------------------------------------------------------*/
#container {
	width:1220px;
	margin:0 auto;
	text-align:left;
}

/* header
------------------------------------------------------------------------*/
#container #header {
	width:1220px;
	height:150px;	/* stranded height 150px */
	position:relative;
	background:url(-images/content-bg-top.png) no-repeat bottom;
}
#container #header p#description {
	top:85px;
	left:100px;
	color:#ccc;
	position:absolute;
	font:italic 19px Georgia, "Times New Roman", Times, serif;
}
#container #header p#rFeeds {
	padding:0;
	right:60px;
	color:#ccc;
	width:280px;
	bottom:15px;
	text-align:right;
	position:absolute;
}
#container #header p#rFeeds a, #container #header p#rFeeds a:hover {
	color:#f44646;
}
#container #header p#rFeeds a.rss {
	top:-3px;
	width:38px;
	right:-50px;
	height:38px;
	position:absolute;
}

/* content wrap
------------------------------------------------------------------------*/
#contentWrap {
	width:1220px;
	padding:20px 0px;
	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:670px;
	margin:0px 0px 10px 39px;
}
#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:#aa0000;
}
#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:425px;
	margin:18px 25px 10px 0px;
}
#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 #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 1 (left sidebar)
------------------------------------------------------------------------*/
.sidebar-1 {
	width:200px;
	float:left;
}

/* sidebar 2 (right sidebar)
------------------------------------------------------------------------*/
.sidebar-2 {
	width:200px;
	float:left;
	margin-left:20px;
}

/* 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(-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;
}

/* footer
------------------------------------------------------------------------*/
#footer {
	width:1210px;
	overflow:hidden;
	padding:25px 5px 20px 5px;
	text-transform:uppercase;
	background:url(-images/content-bg-bottom.png) repeat-x top;
}
#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;
}

/* HAVE A NICE DAY */