/*
Theme Name: w3Avenue
Theme URI: http://wordpress.org/
Description: Custom WordPress theme for w3Avenue.com.
Version: 1.0
Author: Pakistan Information Networks
Author URI:
Tags: w3Avenue

	This theme was designed and built by Pakistan Information Networks
*/



/* ---------------------------------------------------------------------------*/
/* IMPORT                                                                     */
/* ---------------------------------------------------------------------------*/
@import url(reset.css);
@import url(layout.css);

/* ---------------------------------------------------------------------------*/
/* SELECTED TEXT BACKGROUND COLOR                                             */
/* ---------------------------------------------------------------------------*/
::selection                         { background: #7ebf41; color: white; /* Safari */ }
::-moz-selection                    { background: #7ebf41; color: white; /* Firefox */ }
/* ---------------------------------------------------------------------------*/
/* TYPOGRAPHY                                                                 */
/* ---------------------------------------------------------------------------*/
body {
    background: #fff url('images/bg_body.gif') repeat-x 0 0;
    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
    color:#1e1e1e;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
    margin: 0;
    padding: 0px 0px 6px 0px;
    font-size: 3.6em;
    font-weight: normal;
}


h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
/*    text-shadow: 0px 1px 2px #555;
*/
    margin: 0;
    padding: 0px 0px 6px 0px;
    font-size: 3.6em;
    font-weight: normal;
    letter-spacing: -2px;
}

h3 {
    color: #000;
    margin: 0;
    padding: 0px 0px 6px 0px;
    font-size: 2.0em;
    letter-spacing: -1px;
    font-weight: bold;
}

h4 {
    color: #000;
    margin: 0;
    padding: 0px 0px 6px 0px;
    font-size: 1.8em;
    letter-spacing: -1px;
    font-weight: bold;
}

h5 {
    font-size: 1.4em;
    font-weight: bold;
    color:#000;
}

p {
	margin: 0 0 18px 0;
}


a {
    color: #0066cc;
    text-decoration: none;
}
a:hover {
    color: #7ebf41;
    text-decoration: none;
}

small {
    font-size:0.8em;
    background-image:
}

/* highlight links that open in new windows
.entry a[target="_blank"]:after, .entry a[target="new"]:after {
    padding-right:13px;
    background: url('images/nw.gif') right no-repeat;
	content: "";
}
*/
/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* blockquote  { margin: 1.5em; color: #666; font-style: italic; } */
blockquote  { padding-left: 35px;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }



tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* ---------------------------------------------------------------------------*/
/* LOGO                                                                       */
/* ---------------------------------------------------------------------------*/
#header {
    background: #333 url('images/bg_body.gif') repeat-x 0 0;
}

#logo {
    float: left;
}

#logo h1 {
	display:block;
	width:275px;
	height:145px;
	text-indent:-9009px;
	background:transparent url(images/logo.gif) no-repeat 0 0;
    margin:0px;
    padding:0px;
}
#logo h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
    margin:0px;
    padding:0px;
}

div.logofooter  {
    float: left;
    display:block;
	width:135px;
	height:30px;
	text-indent:-9009px;
	background:transparent url(images/logo_footer.gif) no-repeat 0 0;
    margin:0px;
    padding:0px;
}

div.logofooter b  {
	display:block;
	width:100%;
	height:100%;
	outline:none;
    margin:0px;
    padding:0px;
}

/* ---------------------------------------------------------------------------*/
/* TAB MENU BAR                                                                   */
/* ---------------------------------------------------------------------------*/
#tabmenubar {
    padding: 0px;
    padding-left:25px;

    padding-top:5px;
    height: 35px;

    clear: both;

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}

#tabmenubar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#tabmenubar li {
	float:left;
    display: block;
    height:35px;
	margin:0;
    padding:0;
}
#tabmenubar li a {
    display: block;
	float:left;
}
#tabmenubar span {
    display: block;
	float:left;
    height:35px;
   	padding-left:20px;
	padding-right:20px;
    padding-top:10px;
    cursor: hand;
}

#tabmenubar li a span {
    background: url('images/tab-curve-right.gif') top right no-repeat;
}

#tabmenubar li a {
    background: url('images/tab-curve-left.gif') top left no-repeat;
	color:#ccc;
	text-transform: uppercase;
	text-decoration:none;
    font-weight:bold;

}

#tabmenubar li.current-cat a span {
    background: url('images/tab-curve-right-current.gif') top right no-repeat;
}

#tabmenubar li.current-cat a {
	color:#fff;
	text-transform: uppercase;
	text-decoration:none;
    font-weight:bold;
    background: url('images/tab-curve-left-current.gif') top left no-repeat;
}

#tabmenubar li a.current-cat span {
    background: url('images/tab-curve-right-current.gif') top right no-repeat;
}

#tabmenubar li a.current-cat {
	color:#fff;
	text-transform: uppercase;
	text-decoration:none;
    font-weight:bold;
    background: url('images/tab-curve-left-current.gif') top left no-repeat;
}


#tabmenubar li a:hover span {
    background: url('images/tab-curve-right-hover.gif') top right no-repeat;
}

#tabmenubar li a:hover {
	color:#fff;
    background: url('images/tab-curve-left-hover.gif') top left no-repeat;
}

#tabmenubar li.current-cat a:hover span {
    background: url('images/tab-curve-right-current.gif') top right no-repeat;
}

#tabmenubar li.current-cat a:hover {
    background: url('images/tab-curve-left-current.gif') top left no-repeat;
}
#tabmenubar li a.current-cat:hover span {
    background: url('images/tab-curve-right-current.gif') top right no-repeat;
}

#tabmenubar li a.current-cat:hover {
    background: url('images/tab-curve-left-current.gif') top left no-repeat;
}

/* ---------------------------------------------------------------------------*/
/* LEFT COLUMN                                                                */
/* ---------------------------------------------------------------------------*/
#leftcolumn {
    padding-top:35px;
}

#leftcolumn h2 {
    color:#000;
	text-decoration:none;
    line-height:117%;
}


#leftcolumn h2 a {
    color:#000;
	text-decoration:none;
}

#leftcolumn h2 a:hover {
    color:#000;
	text-decoration:none;
    background:#f6f6f6;
    border-top:1px #ccc dashed;
    border-bottom:1px #ccc dashed;
}

h3.post-title a {
    color:#333;
    line-height:125%;
	text-decoration:none;
}

h3.post-title a:hover {
    color:#000;
	text-decoration:none;
    background:#f6f6f6;
    border-top:1px #ccc dashed;
    border-bottom:1px #ccc dashed;
}

.sub-column {
    float:left;
    padding-bottom:25px;
    min-width:49%;
    max-width:99%;
}

.thumb-image {
    float:left;
    margin-right:10px;
    width:82px;
    height:82px;
}

.thumb-image img {
    border:1px solid #ccc;
    padding:1px;
    background-color:#fff;
    width:82px;
    height:82px;
}

.clear-logo {
	clear: both;
    height: 35px;
}
.clear-post-title {
	clear: both;
    height: 25px;
}
.clear-post-items {
	clear: both;
    height: 25px;
}
.clear-post-items-archive {
	clear: both;
    height: 25px;
}


.archive-item-odd {
    width:100%;
}

.archive-list-even {
    width:100%;
}

#switch-view {
    float:right;
}

#switch-view a.list {
	display:block;
    float:left;
	width:30px;
	height:20px;
	background:transparent url(images/switch-view-list.gif) no-repeat 0 0;
    margin:0px;
    padding:0px;
    text-decoration:none;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}

#switch-view a.list:hover {
    background:transparent url(images/switch-view-list-hover.gif) no-repeat 0 0;
}
#switch-view a.list span {
	display:block;
	width:100%;
	height:100%;
	outline:none;
    margin:0px;
    padding:0px;
    cursor: hand;
}
#switch-view a.grid {
	display:block;
    float:left;
	width:30px;
	height:20px;
	background:transparent url(images/switch-view-grid.gif) no-repeat 0 0;
    margin:0px;
    padding:0px;
    text-decoration:none;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
}
#switch-view a.grid:hover {
	background:transparent url(images/switch-view-grid-hover.gif) no-repeat 0 0;
}

#switch-view a.grid span {
	display:block;
	width:100%;
	height:100%;
	outline:none;
    margin:0px;
    padding:0px;
    cursor: hand;
}

#social-bookmarks {
    display: block;
    width:494px;
    height:38px;
    clear:both;
    text-align:left;
	margin: 0;
	padding: 0;
/*
    margin-left:auto;
    margin-right:auto;
*/
}
#social-bookmarks ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#social-bookmarks li {
    display: inline;
	list-style-type: none;
	margin:0;
    padding:0;
}
#social-bookmarks a span { display:block; width:100%; height:100%; outline:none; margin:0px; padding:0px; cursor: hand; }

#social-bookmarks a.digg { background:transparent url(social_bookmarks/digg.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px;}
#social-bookmarks a.digg:hover { background:transparent url(social_bookmarks/digg-on.png) no-repeat 0 0; }

#social-bookmarks a.stumbleupon { background:transparent url(social_bookmarks/stumbleupon.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.stumbleupon:hover { background:transparent url(social_bookmarks/stumbleupon-on.png) no-repeat 0 0; }

#social-bookmarks a.delicious { background:transparent url(social_bookmarks/delicious.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.delicious:hover { background:transparent url(social_bookmarks/delicious-on.png) no-repeat 0 0; }

#social-bookmarks a.reddit { background:transparent url(social_bookmarks/reddit.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.reddit:hover { background:transparent url(social_bookmarks/reddit-on.png) no-repeat 0 0; }

#social-bookmarks a.technorati { background:transparent url(social_bookmarks/technorati.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.technorati:hover { background:transparent url(social_bookmarks/technorati-on.png) no-repeat 0 0; }

#social-bookmarks a.yahoo { background:transparent url(social_bookmarks/yahoo-buzz.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.yahoo:hover { background:transparent url(social_bookmarks/yahoo-buzz-on.png) no-repeat 0 0; }

#social-bookmarks a.mixx { background:transparent url(social_bookmarks/mixx.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.mixx:hover { background:transparent url(social_bookmarks/mixx-on.png) no-repeat 0 0; }

#social-bookmarks a.blinklist { background:transparent url(social_bookmarks/blinklist.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.blinklist:hover { background:transparent url(social_bookmarks/blinklist-on.png) no-repeat 0 0; }

#social-bookmarks a.furl { background:transparent url(social_bookmarks/furl.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.furl:hover { background:transparent url(social_bookmarks/furl-on.png) no-repeat 0 0; }

#social-bookmarks a.twitter { background:transparent url(social_bookmarks/twitter.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.twitter:hover { background:transparent url(social_bookmarks/twitter-on.png) no-repeat 0 0; }

#social-bookmarks a.googlebookmark { background:transparent url(social_bookmarks/googlebookmark.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.googlebookmark:hover { background:transparent url(social_bookmarks/googlebookmark-on.png) no-repeat 0 0; }

#social-bookmarks a.myspace { background:transparent url(social_bookmarks/myspace.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.myspace:hover { background:transparent url(social_bookmarks/myspace-on.png) no-repeat 0 0; }

#social-bookmarks a.linkedin { background:transparent url(social_bookmarks/linkedin.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.linkedin:hover { background:transparent url(social_bookmarks/linkedin-on.png) no-repeat 0 0; }

#social-bookmarks a.facebook { background:transparent url(social_bookmarks/facebook.png) no-repeat 0 0; display:block; float:left; width:32px; height:32px; margin:3px; padding:0px; text-decoration:none; text-indent:-9009px; }
#social-bookmarks a.facebook:hover { background:transparent url(social_bookmarks/facebook-on.png) no-repeat 0 0; }


/* ---------------------------------------------------------------------------*/
/* RIGHT COLUMN                                                               */
/* ---------------------------------------------------------------------------*/
#subscribeforupdates h4 {
	display:block;
	width:355px;
	height:27px;
	background:transparent url(images/subscribe_rss_feed.gif) no-repeat 0 0;
    margin:0px;
    padding:0px;
    padding-left:40px;
    padding-top:10px;

    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
    letter-spacing: -1px;
	font-size: 1.4em;
    font-weight: normal;
    color:#fff;
}

#subscribeforupdates .rsslinks {
    padding-left:43px;
    padding-top:5px;
    padding-bottom:10px;
    color: #000;
    margin:0px;
	font-size: 0.8em;
	font-weight: bold;
}
#subscribeforupdates .rsslinks a {
    color: #000;
    text-decoration: none;
}
#subscribeforupdates .rsslinks a:hover {
    color: #0066cc;
    text-decoration: none;
}

#sponsorsbox {
    background:#f0f0f0  url(images/sponsorsbox_bg.png) no-repeat 0 0;
    border:1px #e0e0e0 solid;
    padding:10px;
    float:left;
    width:375px;
    text-align:left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Sidebar Left Column
-------------------------------------------------------------- */
.sidebarleftcolumn {
    float:left;
	font-size: 0.9em;
    width:210px;
}
.sidebarleftcolumn h4 {
    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	margin:0px;
    padding:5px;
    padding-left:10px;
    border-bottom:3px #65be60 solid;
	font-size: 1.8em;
    font-weight: normal;
    color:#000;
    background-color:#fff;
}
.sidebarleftcolumn ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.sidebarleftcolumn li {
	list-style:none;
    border-left:1px #f0f0f0 solid;
    border-right:1px #f0f0f0 solid;
    border-bottom:1px #f0f0f0 solid;
	margin:0px;
    padding:0px;
    line-height:125%;
}

.sidebarleftcolumn li a {
	padding:10px;
    display:block;
    color: #333;
    text-decoration: none;
    background-color:#fff;
}

.sidebarleftcolumn li a:hover {
    color: #000;
    text-decoration: none;
    background-color:#f0f0f0;
}

/* Sidebar Right Column
-------------------------------------------------------------- */
.sidebarrightcolumn {
    float:left;
    margin-left:20px;
	font-size: 0.9em;
    width:165px;
}
.sidebarrightcolumn h4 {
    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	margin:0px;
    padding:5px;
    padding-left:10px;
    border-bottom:3px #65be60 solid;
	font-size: 1.8em;
    font-weight: normal;
    color:#000;
    background-color:#fff;
}
.sidebarrightcolumn ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.sidebarrightcolumn li {
	list-style:none;
    border-left:1px #f0f0f0 solid;
    border-right:1px #f0f0f0 solid;
    border-bottom:1px #f0f0f0 solid;
	margin:0px;
    padding:0px;
    line-height:125%;
}

.sidebarrightcolumn li a {
	padding:10px;
    display:block;
    color: #333;
    text-decoration: none;
    background-color:#fff;
}

.sidebarrightcolumn li a:hover {
    color: #000;
    text-decoration: none;
    background-color:#f0f0f0;
}

/* Sidebar Full Box
-------------------------------------------------------------- */
.sidebarfullbox {
    float:left;
	font-size: 0.9em;
    width:395px;
}
.sidebarfullbox h4 {
    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	margin:0px;
    padding:5px;
    padding-left:10px;
    border-bottom:3px #65be60 solid;
	font-size: 1.8em;
    font-weight: normal;
    color:#000;
    background-color:#fff;
}

.sidebar-thumb-image {
    float:left;
    margin-right:10px;
    width:82px;
    height:82px;
    display:block;
}

.sidebar-thumb-image img {
    border:1px solid #ccc;
    padding:1px;
    background-color:#fff;
    width:82px;
    height:82px;
}

.sidebarfullbox ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.sidebarfullbox li {
	list-style:none;
    border-left:1px #f0f0f0 solid;
    border-right:1px #f0f0f0 solid;
    border-bottom:1px #f0f0f0 solid;
	margin:0px;
    padding:0px;
    line-height:125%;
}

.sidebarfullbox li a {
	padding:10px;
    display:block;
    color: #333;
    text-decoration: none;
    background-color:#fff;
}

.sidebarfullbox li a:hover {
    color: #000;
    text-decoration: none;
    background-color:#f0f0f0;
}

/* ---------------------------------------------------------------------------*/
/* FOOTER                                                                     */
/* ---------------------------------------------------------------------------*/
.copyrightfooter {
    float: left;
    padding-top:5px;
    color: #333;
}

.copyrightfooter small {
    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 1.6em;
    font-weight: normal;
    line-height:normal;
}

#menufooter {
    float: left;
    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 1.6em;
    font-weight: normal;
    line-height:normal;
    padding-top:5px;
}

#menufooter a {
    color: #7ebf41;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
}

#menufooter a:hover {
    color: #7ebf41;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: underline;
}
#menufooter ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menufooter li {
	list-style:none;
	float:left;
	margin:0;
	text-align:center;
}

/* ---------------------------------------------------------------------------*/
/* SYNTAX HIGHLIGHTER                                                         */
/* ---------------------------------------------------------------------------*/
pre,code {
    background:#f9f9f9;
    font-size:1.3em;
}
.code-snippets {
    margin-top:30px;
    margin-bottom:30px;
    border:3px #efefef solid;
}

.demo-buttons {
    margin-top:45px;
    margin-bottom:40px;
}

.demo-buttons a {
    margin-right:20px;
}