/*
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:#384459 no-repeat top center;
	font:12px/19px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
html, #topStrip {
	min-width:1040px;
}
a:link {
	font:bold Trebuchet, Verdana, Arial, Helvetica, sans-serif #5a678b;
	color:#5a678b;
	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 input, 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:#42526d;
	margin-bottom:5px;
	font:normal 20px/30px Trebuchet, Arial, "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;
	border-bottom:1px solid #999;
	font:normal 25px/40px Georgia, "Times New Roman", Times, serif;
}
/* container

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

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

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

#container #header {
	width:850px;
	height:183px;	/* stranded height 200px */
	position:relative;
	background:url(-images/bg3.jpg) no-repeat;
}
#nav {
	left:5px;
	bottom:0px;
	width:780px;
	position:absolute;
	list-style:none;
	font:bold 16px/17px Arial;
	color:#333f55;
	text-align:center;
}
#nav li {
	width:150px;
	height: 36px;
	float:left;
	margin-right:1px;
}
#nav li:hover {
	background:#98aec8;
	color:#FFF;
}
#nav li.current_page_item {
	font-weight: bold;
	background:#fff;
	color:#FFF;
}
#nav a {
	color:#222a39;
	display:block;
	padding:6px 10px;
	text-decoration:none;
}
#nav li ul {
	width:150px;
	left:-999em;
	list-style:none;
	position:absolute;
}
#nav li:hover ul {
	left:auto;
	display:block;
	border:1px solid #fff;
	border-bottom:none;
}
#nav li ul li {
	width:150px;
	background:#DBE8F7;
	border-bottom:2px solid #fff;
}
#nav li ul li:hover, #nav li ul li.current_page_item {
	background:#fff;
}
#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:830px;
	padding:20px 10px 10px 10px;
	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:765px;
	margin:0px 0px 10px 39px;
}
#contentWrap #leftColumn h2 {
	border-bottom:none;
	margin-top:20px;
}
#contentWrap #leftColumn a {
	color:#5a678b;
}
#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;
	height:47px;
	float:left;
	margin-left:10px;
	font: bold 12px/28px Arial;
}
#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:#666;
	padding:4px;
	text-decoration:none;
}
#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;
}

/* 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:840px;
	overflow:hidden;
	padding:10px 5px 10px 5px;
	background-color:#98aec8;
	text-align:center;
	color:#333;
}
#footer a {
	color:#666;
	margin-right:30px;
	letter-spacing:-1px;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
}
#footer 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 */