/*
Theme Name: Width Smasher
Theme URI: http://wpthemes.amjadiqbal.com/index.php?wptheme=Width+Smasher
Description: This WordPress theme was designed and built by <strong>Amjad Iqbal</strong>, you can find his blog at <a href="http://www.amjadiqbal.com/">http://www.amjadiqbal.com/</a>.
Version: 1.9
Author: Amjad Iqbal
Author URI: http://www.amjadiqbal.com/
Tags: fixed-width, three-columns, left-sidebar, right-sidebar, dark, silver
*/

* { margin:0; padding:0; }

/* generic
------------------------------------------------------------------------*/
body {
	color:#535353;
	text-align:center;
	background:#000 url(-images/bg-01.jpg) no-repeat top center;
	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 20px 25px;
}
form iput, form textarea {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* headings and typography
------------------------------------------------------------------------*/
#container #header h1 {	
	top:55px;
	color:#fff;
	position:absolute;
}
#container #header h1 a {
	width:auto;
	color:#fff;
	float:left;
	font-size:30px;
	text-decoration:none;
	font-weight:normal;
}
#container #header h1 span {
	width:auto;
	padding-left:20px;
	margin-left:20px;
	font-size:12px;
	font-style:italic;
	line-height:30px;
	display:block;
	float:right;
	border-left:1px solid #8d8e8e;
}
h1, #contentWrap #leftColumn .post h1 a {
	color:#111;
	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;
}

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

/* header
------------------------------------------------------------------------*/
#container #header {
	width:1220px;
	height:200px;	/* stranded height 200px */
	position:relative;
	background:url(-images/content-bg-top.png) no-repeat bottom;
}
#nav {
	left:5px;
	bottom:11px;
	width:780px;
	position:absolute;
	list-style:none;
}
#nav li {
	width:auto;
	float:left;
	margin-right:1px;
}
#nav li:hover, #nav li.current_page_item {
	background:url(-images/top-nav-hover-bg.png) no-repeat center top;
}
#nav a {
	color:#fff;
	display:block;
	padding:6px 10px;
	text-decoration:none;
	background:url(-images/top-nav-bg.png);
}
#nav li ul {
	width:150px;
	left:-999em;
	list-style:none;
	position:absolute;
}
#nav li:hover ul {
	left:auto;
	display:block;
	border:1px solid #525252;
	border-bottom:none;
}
#nav li ul li {
	width:150px;
	background:#3b3b3b;
	border-bottom:1px solid #525252;
}
#nav li ul li:hover, #nav li ul li.current_page_item {
	background:#000;
}
#container #header p {
	padding:0;
	right:60px;
	color:#ccc;
	width:280px;
	bottom:15px;
	text-align:right;
	position:absolute;
}
#container #header p a, #container #header p a:hover {
	color:#f44646;
}
#container #header p a.rss {
	top:-3px;
	width:38px;
	right:-50px;
	height:38px;
	position:absolute;
}

/* content wrap
------------------------------------------------------------------------*/
#contentWrap {
	width:1220px;
	padding:20px 0px 0px 0px;
	overflow:hidden;
	background:url(-images/content-bg-middle.png) repeat-y;
	
	min-height:150px; /* don't 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;
	border-bottom:1px solid #e1e1e1;
}
#contentWrap #leftColumn .post h2 {
	margin-bottom:-15px;
}
#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 p.comments a {
	color:#5b6165;
}
#contentWrap #leftColumn .post ul { overflow:hidden; margin-top:15px; margin-left:-15px; padding-left:15px; }
#contentWrap #leftColumn .post ol { overflow:hidden; margin-top:15px; margin-left:-10px; padding-left:15px; }
#contentWrap #leftColumn .post ul li, #contentWrap #leftColumn .post ol li {
    float:left;
    width:100%;
	margin-left:15px;
}
#contentWrap #leftColumn .post blockquote { margin:15px 0px 15px 25px; padding-left:15px; border-left:3px solid #ccc; }
#contentWrap #leftColumn .post blockquote p { padding-top:0px; padding-bottom:3px; }
#contentWrap #leftColumn .post p {
    width:100%;
	padding-top:15px;
}
#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 a.more-link {
	width:95px;
	height:19px;
	display:block;
	margin:20px 0px;
	text-indent:-900em;
	background:url(-images/more-link.png) no-repeat left top;
}
#contentWrap #leftColumn .post a.more-link:hover {
	background:url(-images/more-link.png) no-repeat left bottom;
}
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 { width:auto; float:left; padding-left:18px; background:url(-images/link-previous.png) no-repeat left; }
#contentWrap #leftColumn .postnav .next a { width:auto; float: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 ul {
	list-style:none;
	margin-bottom:30px;
}
#rightColumn ul li a {
	display:block;
	padding:5px 0px 5px 8px;
	background:url(-images/bullet-02.png) no-repeat left top;
	border-bottom:1px solid #e1e1e1;
}
#rightColumn ul li a:hover {
	background:#efefef url(-images/bullet-02.png) no-repeat left top;
}
#rightColumn ul li ul {
	margin-left:10px;
	margin-bottom:0px;
}
#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:#fbfbfb;
}
#rightColumn #tabsWrap ul {
	background-color:#fbfbfc;
	margin-top:6px;
	padding:15px;
	border:1px solid #e1e1e1;
}
#rightColumn #tabsWrap ul li { border-bottom:1px solid #e1e1e1; }
#rightColumn #tabsWrap ul li a { background:none; padding-left:0px; border:none; }
#rightColumn ul#tab1 li {
	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;
}
#rightColumn ul#tab2 li a {
	display:inline;
}
#rightColumn ul#tab2 li p {
	font-style:italic;
}

/* 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 #e1e1e2;
}
#comments ul {
	list-style:none;
}
#comments ul li.author cite {
	padding-right:43px;
	background:url(-images/mini-author.png) no-repeat right;
}
#comments ul li {
	width:670px;
	margin-bottom:40px;
}
#comments ul li .authorDetails {
	position:relative;
	height:40px;
}
#comments ul li .authorDetails img.photo {
	position:absolute;
	left:0px;
	top:0px;
}
#comments ul li cite {
	top:3px;
	left:50px;
	font-style:normal;
	position:absolute;
}
#comments ul li cite a {
	font-weight:bold;
	text-decoration:underline;
}
#comments ul li cite a:hover, #comments ul li span.commentNumber a:hover {
	text-decoration:none;
}
#comments ul li .date {
	top:20px;
	left:50px;
	color:#666;
	position:absolute;
	font-size:10px;
}
#comments ul li span.commentNumber {
	top:0px;
	right:0px;
	position:absolute;
	font:italic 35px Georgia, "Times New Roman", Times, serif;
}
#comments ul li span.commentNumber a {
	color:#dadada !important;
}
#comments ul li .txt p {
	padding:5px 0px;
}
#comments ul li .txt {
	margin-top:5px;
	padding:25px 10px 10px 10px;
	background:#e4e4e4 url(-images/comment-top-01.gif) no-repeat left top;
}
#comments ul li.alt .txt {
	background:#ffe3e3 url(-images/comment-top-02.gif) no-repeat left top;
}
#comments ul li.author .txt {
	background:#ffebc6 url(-images/comment-top-03.gif) no-repeat left top;
}

/* 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 {
	width:auto;
	float:left;
	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 #cfcfcf;
	background:#fdfdfd url(-images/input-bg.gif) repeat-x top;
}
#commentForm form p label span textarea {
	width:650px;
	height:150px;
	margin-bottom:-9px;
}
#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;
}
ul.archiveList li span a { color:#535354 !important; }
ul.archiveList li ul { list-style:none; }
.page p {
	padding-bottom:15px;
}
.page ul {
	margin:5px 0px 20px 13px;
}
#themeswitcher li.current {
	padding:5px 0px 5px 8px;
	border-bottom:1px solid #e1e1e1;
	background:#efefef url(-images/bullet-02.png) no-repeat left top;
}

/* 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 {
	width:auto;
	float:left;
}
#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:0 auto;
}
.alignleft {
	width:auto;
	float:left;
	margin-right:15px;
}
.alignright {
	width:auto;
	float:right;
	margin-left:15px;
	position:relative;
}
.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	font-size:10px;
	margin-top:20px;
	margin-bottom:5px;
}
.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
	margin-bottom:-15px;
}
.wp-caption-dd {
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}

/* HAVE A NICE DAY */