/*
Theme Name: swipedstudio v1
Theme URI: http://www.swipedstudio.com
Description: My theme site
Version: 1.0
Author: Sam Miller
Author URI: http://www.swipedstudio.com
*/

h1, h2, h3, h4, h5, h6, p, pre, blockquote, cite, label, dl, ul, ol, fieldset, address {
	clear: both;
	margin: 1em 0;
	padding: 0;
	text-indent: 0;
}

p {
	clear: inherit;
}

table {
	border-collapse: collapse;
	clear: both;
}

caption, th {
	text-align: left;
}

table, td {
	font-size: inherit;
}

 dd, blockquote {
	margin-left: 1em;
}

/* Typography resets for normal text, semantic text, and headings */

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	margin: .5em 0 .3em 0;
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

address, abbr, acronym {
	font-style: normal;
}

acronym, abbr {
	border-bottom: 1px dotted #333;
	cursor: help;
}

acronym {
	text-transform: uppercase;
}

pre, kbd, code, samp, tt, var {
	font-family: monospace;
}

pre {
	white-space: pre-wrap;       /* css-3 */
}

del {
	text-decoration: line-through;
}

/* get forms to show up correctly */

form {
	margin: 1em 0;
	padding: 0;
}

form label {
	cursor: pointer;
	margin: 0;
	padding: .3em;
}

fieldset {
	border: none;
}

select, textarea {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* list element margins and default styles */


/* bugs and fixes */

a img {
	border: none;
}

hr {
	background-color: #666;
	border-width: 0;
	height: 1px;
	text-align: left;
	width: 95%;
}

iframe {
	border-width: 0;
}

:focus {
	outline: 0;
}

/* Common classes */

.hidden {
	display: none;
	visibility: hidden;
}

.visible {
	display: block;
	visibility: visible;
}

.invisible {
	visibility: hidden;
}

.cleanup {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size:1px;
}


/* end Page */


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #D99A78;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #22bae9;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #91eb22;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #d22a9b;
}

/* Finish Content link style */


/* Finish Content headings Fonts & Colors  */
/* Start Content list */

ul
{
  list-style-type: none;
  margin:0;
  padding:0;
}

li
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}

/* Start blockquote */

blockquote p
{
  color:#F0D7AD;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}

blockquote
{
  border-color:#7A7A7A;
  border-width: 1px;
  border-style: solid;

  margin:10px 10px 10px 50px;
  padding:5px 5px 5px 41px;

  background-color:#595959;

  background-image:url('images/PostQuote.png');
  background-position:left top;
  background-repeat:no-repeat;
}
/* begin Page */

/* general */
html,body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	background-color:#666;
	text-align:center;
	min-width:960px;
	min-height:550px;
	background:url('../images/vsite/bg_site.jpg') fixed top left repeat;
}

#vertical{
	position:absolute;
	top:50%;
	margin-top:-255px;/* half main elements height*/
	left:0;
	width:100%;
	background:none;
}
#hoz {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	height:540px;
	background:#666;
	overflow:auto;/* allow content to scroll inside element */
	text-align:left;
	background:none;
	overflow:hidden;
}
#topster
{
	text-align:center;
	height:80px;
	width:100%;
	background:url('../images/logo/top.png') no-repeat left top;
}
#bottemster
{
	height:60px;
	width:100%;
	font-family: “Lucida Grande”, sans-serif;
    font-size: 10.4px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.5em;
	color:white;
	background:url('../images/vsite/bot_glass_frame.png') no-repeat center top;
}
#contentscase
{
	height:340px;
	width:980px;
	padding:15px 10px 0px 10px;
	background:url('../images/vsite/main_glass.png') no-repeat left top;
}
.botleft
{
	height:50px;
	display:inline;
	float:left;
	width:60%;
	padding-top:8px;
}
.botleft p
{
	line-height: 0.5em;
	padding-left:25px;
}
.botright
{
	height:50px;
	width:40%;
	float:right;
}
.botright p
{
	float:right;
	padding-right:5px;
}
.botright ul
{
	display:inline;
	float:right;
	padding-right:2px;
}
.botright li
{
	display:inline;
	padding-right:2px;
}
.qitem {
	width:310px;
	height:310px;	
	border:0px solid white;	
	margin:5px 5px 5px 5px;
	/*background: url('images/vsite/bg.gif') no-repeat;*/
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
	display:inline;
	cursor:pointer; 
}

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

.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
		width:100%;
		list-style-type:none;
		height:auto;
		
}

.qitem .caption h4 {
			padding:10px 0px 0px 0px;
			margin:0;
			color:#FFF;
			text-align:center;
			font-family: “Lucida Grande”, sans-serif;
            font-size:18px;
            font-style: normal;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: normal;
            line-height: 1.5em;
			background:url('../images/vsite/about_ul_bg_top.png');
			height:30px;
}

.qitem .caption p {
			text-align:left;
			color:#FFF;
			font-family: Verdana, sans-serif;
            font-size: 13px;
            font-style: normal;
            font-weight: normal;
            text-transform: uppercase;
            letter-spacing: normal;
            line-height: 1.6em;
			margin:0;
}

.qitem .about_ul
{
	width:310px;
	list-style-type:none;
	height:286px;
	background:#020202;
	overflow:scroll;
	
}
.qitem .about_li
{
	width:282px;
	height:auto;
	overflow:hidden;
	list-style-type:none;
	padding:10px 8px 4px 4px;
	background:url('../images/vsite/about_ul_bg.jpg');
}
.qitem .about_lil
{
	width:282px;
	height:auto;
	overflow:hidden;
	list-style-type:none;
	padding:0px 4px 4px 4px;
	background:url('../images/vsite/about_ul_bg.jpg');
}

.bb{
			margin:0;
			background:#0C3;
			width:40px;
			height:40px;
			display:inline;
			float:left;
			margin-right:2px;
			margin-left:8px;
}

.about_img{
			margin:0;
			background:#0C3;
			width:40px;
			height:40px;
			background:url('../images/vsite/ul_images_about.png') top left no-repeat;
			display:inline;
			float:left;
			margin-right:2px;
			margin-left:2px;
}
.about_head{background:url('../images/vsite/about_h4.png') top left no-repeat;}
.net_head{background:url('../images/vsite/about_h4.png') top left no-repeat;}
.contact_head{background:url('../images/vsite/cont_hd.png') top left no-repeat;}

.im_img{
			margin:0;
			background:none;
			width:40px;
			height:40px;
			display:inline;
			float:left;
			margin-right:6px;
			margin-left:2px;
}
/*about*/
.me_img{background:url('../images/vsite/male_user_icon.png') top left no-repeat;}
.port_img{background:url('../images/vsite/portfolio_icon.png') top left no-repeat;}
.blog_img{background:url('../images/vsite/blog_icon.png') top left no-repeat;}
/*network*/
.fackbook_img{background:url('../images/vsite/facebook.png') top left no-repeat;}
.twitter_img{background:url('../images/vsite/twitter.png') top left no-repeat;}
.feed_img{background:url('../images/vsite/feed.png') top left no-repeat;}
.lastfm_img{background:url('../images/vsite/lastfm.png') top left no-repeat;}
.vcard_img{background:url('../images/vsite/vcard.png') top left no-repeat;}
.cv_img{background:url('../images/vsite/cv_icon.png') top left no-repeat;}
/*contact*/
.apple_img{background:url('../images/vsite/apple.png') top left no-repeat;}
.email_img{background:url('../images/vsite/email.png') top left no-repeat;}
.vemail_img{background:url('../images/vsite/vcard.png') top left no-repeat;}
/**/

/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}



/* Start text spans */
.tx1
{
font-family: Verdana, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;	
}
.tx2
{
font-family: Georgia, serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
line-height: 2em;	
}
.tx3
{
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.5em;
}
.tx4
{
font-family: “Lucida Grande”, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.4em;
}
.tx5
{
font-family: “Lucida Grande”, sans-serif;
font-size: 11.67px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.5em;
}
.tx6
{
font-family: “Lucida Grande”, sans-serif;
font-size: 11.67px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.4em;
}
.tx7
{
font-family: Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;
}
.tx8
{
font-family: Georgia, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.5em;
}
.tx9
{
font-family: Cambria, serif;
font-size: 13px;
font-style: italic;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.6em;
}