/*
Theme Name: G
Theme URI: http://glennweatherson.com
*/

* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
border: 0;
outline: none;
font-size: 1em;
-webkit-font-smoothing: antialiased;
}

body {
background:#9e9eb5 url(images/bg.jpg) 0 0 fixed;
font-family: Helvetica;
font-size: 14px;
line-height: 1.4em;
word-spacing: 1px;
font-style:normal;
}

#navigation {
  list-style: none;
}

#navigation li     

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 16px;
	position: relative;
	display: block;
	/*background: url(images/nav.png) 0 1px no-repeat;*/
}

#navigation li {
	height: 16px;
	overflow: hidden;
}

pre {
background:#2d2d2d;
letter-spacing: 20%;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
width:840px;
position: relative;
z-index:900;
padding:10px 20px 20px 20px;
color:#d6d6cc;
font-size:80%;
line-height:150%;
}


/* individual navigation items */
#navigation .page-item-5 a {
  background-position: 0 0;
	width:39px;
}

#navigation .highlight .page-item-5 a:hover,
#navigation .page-item-5 a .hover {
  background-position: 0 -17px;
  width:39px;
  margin: -29px 0 0 -10px;
}

.page-item-5 .current_page_item {
  background-position: 0 -17px;
	
}

#navigation .page-item-13 a {
  background-position: -100px 0;
  width:75px;
}

#navigation .highlight .page-item-13 a:hover,
#navigation .page-item-13 a .hover {
  background-position: -100px -17px;
  width:75px;
  margin: -29px 0 0 -10px;
}

#navigation .page-item-6 a {
  background-position: -58px 0;
  width:45px;
}

#navigation .highlight .page-item-6 a:hover,
#navigation .page-item-6 a .hover {
  background-position: -58px -17px;
  width:45px;
  margin: -29px 0 0 -10px;
}

#header {
background:url(images/headerbg.png) repeat;
height:84px;
margin-bottom:20px;
border-bottom:1px solid #eee;
}

#header h1 {
text-indent:-99999px;
width:50px;
height:50px;
background:url(images/logo.png) no-repeat;
float:left;
margin:18px 0 0 18px;
opacity:.98;
}

#header h1 a {
width:50px;
height:50px;
padding:10px;
margin:-10px 0 0 -10px;
display:block;
}

#header h1:hover {
opacity:1;
}

#header p {
display:none;
}

#header ul {
list-style:none;
position:relative;
top:26px;
left:60px;
width:200px;
height:auto;
}

#header ul li {
float: none;
margin:0 0 10px 0;
background: none !important;
}

.page-item-13 {
}

/*#header ul li a, #header ul li a:hover {
padding:10px;
display:block;
}

#header ul li.page-item-3 {
display:none;
}

#header ul li.page-item-5 {
text-indent:-99999px;
width:39px;
height:15px;
background:url(images/nav.png) 0 0 no-repeat;
}

#header ul li.page-item-5 a {
width:39px;
height:15px;
display:block;
}

#header ul li.page-item-13 {
text-indent:-99999px;
width:75px;
height:15px;
background:url(images/nav.png) -100px 0 no-repeat;
display:none;
}

#header ul li.page-item-13 a {
width:75px;
height:15px;
display:block;
}

#header ul li.page-item-6 {
/*text-indent:-99999px;
width:45px;
height:15px;
background:none;*/
}

#header ul li.page-item-6 a {
width:75px;
height:15px;
display:block;
}

#header ul li a:hover {
color:#4c374f;
}

#container {
width:720px;
margin:40px 0px 40px 20px;
background: none;
}

#fill {
background: #fff;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
float: none;
clear: both;
position: relative;
top: 20px;
z-index:999999;
}

.pad {
padding:20px !important;
}

.blog {
background:url(images/blogbg.jpg) !important;
width:960px;
height:100%;
padding:40px 0 0 0;
}

#homeShadow {
background:url(images/home-shadow.png) 0 0 no-repeat;
width: 720px;
height:320px;
position: absolute;
margin:0 0 0 25px; 
}


#tag a * {
  display: none;
}

#tag a,
#tag a .hover {
  height: 72px;
	position: relative;
	display: block;
background:url(images/tag.png) 0 0 no-repeat;
}

/* individual navigation items */
#tag a.tag {
  background-position: 0 0;
  width: 720px;
}

#tag .highlight a.tag:hover,
#tag a.tag .hover {
  background-position: 0 -84px;
  width: 720px;
}

#topSub {
width: 940px;
height:110px;
clear: both;
float: none;
}

h1 {
text-shadow: #fff 0 1px 0;
text-transform: uppercase;
font-weight:bold;
font-size:400%;
}

h1, #header ul li, #header ul li a {
text-shadow: #fff 0 1px 0;
text-transform: uppercase;
font-weight:bold;
color:#453248;
}

#header ul li a {
color:#000;
}


#topSub h1.aboutTag {
background:url(images/about-tag.pong) 0 0 no-repeat;
width:635px;
height:55px;
float: left;
}

#topSub h1.portfolioTag {
background:url(images/portfolio-tag.pong) 0 0 no-repeat;
width:735px;
height:54px;
/*text-indent: -999999px;*/
float: left;
}

#topSub .left {
width:635px;
float: left;
}

.storycontent h3 {
font-size:140%;
text-transform: uppercase;
margin:0;
padding:34px 0 4px 0;
}

#aboutList a {
color:#4F4351;
text-decoration: underline;
}

#topSub h3 {
width:635px;
color: rgb(69,50,72);
opacity: .3;
font-size: 22px;
line-height: 26px;
letter-spacing: 20%;
position: relative;
top: 4px;
}

#twitterSub {
width:254px;
height:auto;
background: #adadc0;
background: rgba(255,255,255, .13);
font-size: 14px;
line-height: 20px;
letter-spacing: 20%;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
float: right;
padding-bottom:10px !important;
}

#twitterSub blockquote span {
font-family: Times;
font-size: 100px;
color: #807689;
position: absolute;
margin: 30px 0 0 -5px;
z-index: 10;
display: none;
}

#twitterSub blockquote {
width:225px;
color: #fff;
color: rgba(60,50,72) 1.0;
font-size: 14px;
line-height: 18px;
letter-spacing: 20%;
margin: 0px 0 0 10px;
position: relative;
top: 10px;
}

#twitterSub p a:link, #twitterSub p a:visited {
background:url(images/button-twitterSub.png) 0 0 no-repeat;
width:149px;
height:42px;
text-indent: -999999px;
display: block;
margin: -16px 0 0 105px;
padding: 0;
position: absolute;
}

#listenerSub {
width:254px;
height:auto;
background: #adadc0;
background: rgba(255,255,255, .13);
font-size: 14px;
line-height: 20px;
letter-spacing: 20%;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
float: right;
margin-right:0px;
}	

#listenerSub div {
width:254px;
height:37px;
background:url(images/listener-bg.png) 0 0 repeat;
}

#listenerSub h3 {
/*background:url(images/title-listener.png) 0 0 no-repeat;*/
width:224px;
height:20px;
position: relative;
top: 10px;
left:15px;
text-transform: uppercase;
font-weight:normal;
}

#callOuts {
list-style:none;
margin:50px 0 0 0;
}

#callOuts li {
float:left;
width:204px;
height:206px;
background:url(images/callout.png) 0 0 no-repeat;
margin:0 50px 0 0;
position: relative;
}

#callOuts li:last-child {
margin-right:0;
}

#landingBlogContent {
width:170px;
height:117px !important;
overflow: hidden;
float:left;
position: relative;
top:-145px;
margin:0px 0 0 10px;
font-size:90%;
color:#fff;
z-index:70000;
padding:0;
}

#fromTheBlog h2 {
text-indent:-99999px;
background:url(images/fromTheBlog.png) 0 -0px no-repeat;
width:151px;
height:17px;
margin:28px 0 0 24px;
}

#fromTheBlog h2:hover {
text-indent:-99999px;
background:url(images/fromTheBlog.png) 0 -20px no-repeat;
width:151px;
height:17px;
}

#twitterville h2 {
text-indent:-99999px;
background:url(images/twitterville.png) 0 -0px no-repeat;
width:127px;
height:18px;
margin:28px 0 0 38px;
}

#twitterville h2:hover {
text-indent:-99999px;
background:url(images/twitterville.png) 0 -21px no-repeat;
width:127px;
height:18px;
}

#twitterville #twitter_update_list {
background:none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
padding:0;
width:160px;
height:auto;
display: block;
}

#twitter_update_list {
position: relative;
top:10px;
left:15px;
height:auto;
width:200px;
}

.storycontent a {
color:#4F4351;
font-weight:bold;
text-decoration: underline;
}

#twitterville li span {
font-size: 13px;
line-height: 19px;
letter-spacing:.02em;
color: #fff;
display:block;
width:160px !important;
margin: 5px 0 0 0px;
text-indent: 0px !important;
}

#twitterville li span a, #twitter_update_list a {
color:#655567;
word-wrap:break-word;
}

a.homeTwitLink {
background: url(images/button-twitter.png) 0 -71px no-repeat;
text-indent: -9999999px;
width:151px;
height: 75px;
display: block;
float: right;
margin: -28px -5px 0 0;
position: relative;
top:-94px;
left:-11px;
z-index:900;
}

.homeTwitLink:hover {
background: url(images/button-twitter.png) 0 6px no-repeat;
text-indent: -9999999px;
width:151px;
height: 75px;
display: block;
}

#fromTheBlog p {
color:#fff;
font-size: 13px;
line-height: 19px;
width:170px;
margin: 25px 0 0 18px;
}

#fromTheBlog a {
background: url(images/button-gimmie-more.png) 0 -71px no-repeat;
text-indent: -9999999px;
width:104px;
height: 65px;
display: block;
float: right;
margin: 70px -10px 0 0;
z-index:80000;
position: relative;
}

#fromTheBlog a:hover {
background: url(images/button-gimmie-more.png) 0 0 no-repeat;
text-indent: -9999999px;
width:104px;
height: 65px;
display: block;
float: right;
margin: 70px -10px 0 0;
}

#newAttractions a {
background: url(images/projects/zinetour.png) 0 0 no-repeat;
text-indent: -9999999px;
width:192px;
height: 147px;
display: block;
margin: 6px 0 0 6px;
opacity: 0.8;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
}

#newAttractions a:hover {
opacity: 1.0;
}

#newAttractions h2 {
text-indent:-99999px;
background:url(images/new-attractions.png) 0 -0px no-repeat;
width:173px;
height:19px;
margin:28px 0 0 16px;
}

#newAttractions h2:hover {
text-indent:-99999px;
background:url(images/new-attractions.png) 0 -21px no-repeat;
width:173px;
height:19px;
}

#callOuts #twitterville {
background:url(images/callout-twitter.png) 0 0 no-repeat;
}

#fill {
width: 960px;
overflow: auto;
margin-left:20px;
}

#aboutList {
width: 680px;
float: left;
clear: both;
}

#aboutList li {
/*text-indent: 38px;*/
background:url(images/bullet.jpg) 0 0 no-repeat;
height:48px;
padding-left: 5px;
font-family: Times;
font-size: 16px;
color: #fff;
line-height: 30px;
width:330px;
float: left;
list-style-type: decimal-leading-zero;
list-style-position: inside;
}

#aboutList li p {
font-size: 21px !important;
color: #453248;
display: inline;
margin:0 0 0 10px;
}

#subRight {
width: 275px;
float: right;
}

#subRight img {
border: 4px solid #f8f7f8;
}

#subRight h3 {
text-transform: uppercase;
font-size: 24px;
color: #453248;
}

#subRight p a {
font-size: 17px;
line-height: 24px;
color: #b9a5bc;
}

#listenerSub p {
margin:10px 0 0 0;
}

#listenerSub p a {
font-size: 17px;
color: #fff;
line-height: 20px;
margin: 0 0 0 15px;
border-bottom: 1px solid #a7a6b6;
width:202px !important;
height: 26px !important;
display: inline-block;
}

#subRight .vCard {
background:url(images/vcard.jpg) no-repeat;
padding-left: 26px;
}

#subRight .skype {
background:url(images/skype.jpg) no-repeat;
padding-left: 26px;
position: relative;
top:-14px;
}

#listenerSub .vCard {
background:url(images/vcard.png) no-repeat;
padding-left: 26px;
}

#listenerSub .skype {
background:url(images/skype.png) no-repeat;
padding-left: 26px;
position: relative;
top:-14px;
}

#colOne {
width:670px;
float:left;
background: url(images/gblogstamp.png) top right no-repeat;
background-position: fixed;
height:auto;
padding-bottom:300px;
}

.post {
width:580px;
margin:0 0 0 20px;
}


.post h2 a, .post h2 {
text-transform: uppercase;
color:#c7c1c8;
font-weight: bold;
font-size:32px;
line-height:32px;
border-bottom:1px solid #e5e2e5;
width:580px;
display: block;
color: #c7c1c8;
}

.storycontent {
background:#fbfbfb !important;
background: rgba(69,50,72, .02) !important;
padding:10px;
font-weight: normal;
margin:0 0 80px 0;
border-top:#fff 1px solid;
border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomleft:10px;
border-bottom-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-bottomright:10px;
color: #453248;
color: rgba(69,50,72, .9) !important;
text-shadow: 0px 1px 1px #fff;
}

.storycontent a img {
border: 4px solid #f3f3f3;
margin-bottom:10px;
z-index: 9999;
position: relative;
}

.storycontent p {
font-size:16px;
line-height:20px;
letter-spacing: .01em;
margin:10px 0 38px 0;
font-style:normal;
}

.storycontent small {
font-size:85%;
}

.feedback {
width:540px;
height:40px;
background:url(images/grade.gif) repeat-x;
margin:20px 0 0 10px;
padding:5px 0 5px 0;
}

.feedback .comments {
background: url(images/icon-comment.gif) no-repeat;
width:32px;
height:31px;
color: #f1f1f1;
font-family: Times;
letter-spacing: -.05em;
font-weight: bold;
font-size:15px;
line-height:2.15em;
text-indent:-10px;
text-align: center;
float: left;
}

.thdrpy {
position: relative;
top:65px;
}

.thdrpy a {
color:#4F4351;
font-weight:bold;
}

.feedback .comments a {
color:#fff;
text-decoration: none;
width:40px;
height:50px;
display: block;
}

.feedback .timestamp {
width:300px;
height:30px;
float: left;
text-align: center;
margin: 5px 0 0 25px;
padding:0;
color:#695a6c;
}

.retweet {
position: relative;
margin:7px 0 0 0;
padding:0;
float: left;
}

#discussion {
margin:0 0 0 20px;
}

#discussion .avatar {
border: 4px solid #F8F7F8;
}

cite {
width:200px;
height:63px;
font-style:normal;
font-family: Helvetica;
}

cite img {
float:left;
margin-right:10px;
}

p.commentTimestamp a {
font-size:80%;
font-style:normal;
font-family: Helvetica;
width:300px;
color:#695A6C;
text-decoration: none;
display: block;
position: relative;
top:5px;
left:0px;
}

.url {
font-style:normal;
font-family: Helvetica;
width:300px;
color:#695A6C;
text-decoration: none;
}

.commentBody {
text-align: left;
text-indent:0px !important;
padding:0;
display:block;
width:500px;
margin:10px 0 0 4px;
color:#453248;
}

#discussion h2.commentNumber, #respond {
color:#695a6c;
font-size:200%;
text-transform: lowercase;
margin:0 0 10px 0;
}

.feedback .readTheRest {
text-indent:-99999px;
background: url(images/button-readtherest.gif) top right no-repeat;
width:180px;
height:50px;
display: block;
float: right;
margin: 0px 0 0 0;
}

#sidebar {
width:270px;
float:right;
padding:0 0 0 20px;
}

#popular-posts, #flickr, #twitter {
background:none !important;
margin-bottom:40px;
}

#popular-posts h2 {
text-indent:-99999px;
width:254px;
height:36px;
background:#f7f6f7 url(images/sidebar-header-popularposts.gif) 10px 8px no-repeat;
border-top-left-radius:10px;
-webkit-top-bottom-left-radius:10px;
-moz-border-radius-topleft:10px;
border-top-right-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topright:10px;
border-bottom:1px solid #fff;
}

#flickr h2 {
text-indent:-99999px;
width:254px;
height:36px;
background:#f7f6f7 url(images/sidebar-header-flickr.gif) 10px 8px no-repeat;
border-top-right-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
border-bottom:1px solid #fff;
}

#wp_walla-3 h2 {
text-indent:-99999px;
width:254px;
height:36px;
background: url(images/sidebar-header-glennwalla.jpg) 0 0 no-repeat;
border-top-right-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
border-bottom:1px solid #fff;
position: absolute;
margin-top:-20px;
display:block;
}

.wpwalla-item-list {
position: relative;
top:25px;
left:6px;
}

.wpwalla-item-list {
padding-bottom:10px;
}

.wpwalla-item-icon {
width: 25px;
height: 25px;
float:left;
padding-right: 7px;
}

#wp_walla-3 {
width:254px;
background:#e3e0e4 !important;
margin-bottom:30px;
}

#popular-posts ul, #flickr_badge_uber_wrapper {
background:#e3e0e4;
width:234px;
padding:10px 10px 20px 10px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

#flickr_badge_uber_wrapper, #wp_walla-3 {
padding:10px 10px 20px 0px;
width:244px;
border-top-right-radius:0px;
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-bottom-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
}

#flickr_badge_uber_wrapper a img {
width:65px;
height:65px;
margin:0 8px 0 0;
border:2px solid #c8c5c9;
}

#sidebar ul li {
background: url(images/sidebar-popular-posts-bullet.gif) 0px 3px no-repeat;
text-indent:13px;
}

#sidebar li a {
color:#655567;
}

#twitter_div h2 {
display: none;
}

#twitterSub #twitter_update_list {
background:none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
position: relative;
left:0px;
}

.widget_Twidget {
margin:-20px 0 0 -15px;
}

#twitter_update_list {
background:#e3e0e4;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
width:234px;
padding:10px 10px 30px 10px;
color:#4f4351;
z-index:300;
}

#twitter_update_list li {
background:none !important;
text-indent:0 !important;
}

#twitter {
background:none;
}

.treat {
font-weight:normal;
font-size:80%;}

.treat a {
color:#4f4351;
}

blockquote {
font-family:Times;
margin:20px 0 30px 50px;
font-weight:normal;
width:370px;
padding:20px;
background:#f6f6f6;
border:1px solid #f0f0f0;
text-shadow: 0px 1px 1px #fff;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

blockquote p {
font-size:170% !important;
line-height:110% !important;
color:#948397;
}

.storycontent ul li {
font-size:115% !important;
line-height:160% !important;
list-style: disc;
}

.storycontent ul {
padding:0px 0 20px 0;
margin:0 0 0 25px;
}

#quote {
position: absolute;
font-size:8em;
font-family: Helvetica;
color:#c7c1c8;
letter-spacing: -2px;
margin:40px 0 0 -25px;
z-index:10;
opacity:0.4;filter:alpha(opacity=4)
text-shadow: 0px 2px 3px #555;
z-index:9999;
}

#twitterBottom {
background:url(images/sidebar-twitter-bottom.jpg) 0 0 no-repeat;
width:149px;
height:26px;
text-indent:-99999px;
float:right;
position:relative;
top:-16px;
left:-16px;
z-index:99999;
}

#twitterBottom a {
display:block;
width:149px;
height:26px;
}

#grabTheFeed {
text-indent:-999999px;
margin-bottom:40px;
background:url(images/button-grabthefeed.jpg) 0 0 no-repeat;

}

#grabTheFeed a {
width:254px;
height:42px;
display:block;
}

#grabTheFeed a:hover {
background:url(images/button-grabthefeed.jpg) 0 -44px no-repeat;
width:254px;
height:42px;
text-indent:-999999px;
}

.avatar-80 {
border:none !important;
opacity:0.2;filter:alpha(opacity=20)
}

.jqr2c_box {
position: relative;
top:60px;
}

.jqr2c_box a {
color:#695A6C !important;
font-family:Helvetica;
font-style:normal;
font-weight: bold;
}

.comment-edit-link {
color:#a84647 !important;
font-family:Helvetica;
font-style:normal;
font-weight: bold;
margin:-10px 0 0 1px;
display: block;
position: absolute;
z-index: 999999;
}

.comment-edit-link {
position: absolute;
float: right;
font-weight:bold;
}

.comment-edit-link a {
color:#695A6C !important;
font-family:Helvetica;
font-style:normal;
font-weight: bold;
}

.pendingCommentNotice {
padding:10px;
border:1px solid #efebb5;
background:#fffcd4 !important;
background: rgba(255,247,153, .9) !important;
margin:-60px 0 0 130px;
z-index: 1;
color:#844c4c;
font-weight:bold;
position: absolute;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

#comments li {
float:none;
clear:both;
display:block;
width:500px;
min-height:160px;
font-style:normal;
font-family: Helvetica;
border:1px solid #e3e0e4;
background:#fbfbfb !important;
background: rgba(69,50,72, .02) !important;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
margin:0 0 60px 0;
padding:10px;
color:#695a6c !important;
}

#commentform input, #discussion input {
display:block;
float:none;
width:500px;
background:#fbfbfb ;
background: rgba(69,50,72, .02);
color:#695a6c;
padding:10px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border:1px solid #e3e0e4;
margin:0 0 14px 0;
}

#commentform textarea, #discussion textarea {
display:block;
float:none;
width:500px;
background:#fbfbfb !important;
background: rgba(69,50,72, .02) !important;
color:#695a6c;
padding:10px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border:1px solid #e3e0e4;
margin:0 0 14px 0;
height:300px;
font-family: Helvetica;
}

.hide, #discussion .hide {
display:none !important;
}

#footer {
width:950px;
background:url(images/footerbg.png) top left repeat-x;
margin:60px 0 0 40px;
float: none;
clear:both;
height:50px;
vertical-align: bottom;
display:block;
}

#footer p {
color:#f0f1f4;
text-shadow: 0px 1px 0px #8c8c8c;
font-size:.9em;
letter-spacing:.03em;
width:950px;
text-align: center;
padding:15px 0 15px 0;
}

#footer p a {
color:#f0f1f4;
}

#footer p a:hover {
color:#fff;
font-weight:underline;
}

#footerG {
background:url(images/footer_g.png) top left repeat-x;
width:291px;
height:131px;
position: absolute;
bottom: 0px;
left:600px;
}

caption {
padding:0 0 20px 0;
}

#portfolio {
width:960px;
margin-top:0;
}

li.qitem {
	width:214px;
	height:212px;
	margin:5px 15px 15px 0;
	background: #f7f6f7;
	padding:4px;
	/*background: url(images/portfolio-bg.jpg) no-repeat;
	 required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
	cursor:pointer;
	border:1px solid #917d91;
}

	.qitem img {
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
		width:208px;
		height:208px;
		margin:-13px 0 0 7px;
		background:url(images/portfolio-rollup-bg.jpg) no-repeat;
	}

		.qitem .caption h4 {
			font-size:14px;
			padding:1px 5px 8px 8px;
			margin:0;
			color:#b6b4c4;
			font-weight:bold;
			font-family: Helvetica;
			letter-spacing: -30%;
		}

		.qitem .caption p {
			font-size:13px;	
			padding:3px 5px 0 8px;
			margin:0;
			line-height:1.2em;
			color:#e7e5e8;
			letter-spacing: 0px;
		}


.caption p a {
background: none;
width:auto;
height:auto;
text-indent: 0;
margin-right:20px;
float: none;
color:#ccc;
text-decoration: underline;
}
		
.caption a:last-of-type {
background:url(images/button-visitsite.png) no-repeat;
display: block;
width:119px;
height:38px;
text-indent: -999999px;
float:right;
position: relative;
top:35px;
left:5px;
}

/* Setting for corners */

.topLeft {
	position:absolute;
	background-repeat: no-repeat; 
	margin:6px 0 0 7px;
	padding:0;
	width:200px !important;
	line-height:100%;
	height:200px !important;
	border-bottom:1px solid #f7f6f7 !important;
}

.clear {
	clear:both;	
}

#submit {
text-transform: uppercase;
font-size:30px;
font-weight:bold;
width:522px !important;
background:#e3e0e4 !important;
color:#695a6c !important;
padding:20px !important;
}

#submit:hover {
width:520px !important;
background:#695a6c !important;
color:#e3e0e4 !important;
padding:20px !important;
}