/*
Theme Name: Visiting Card
Theme URI: http://premiumthemes.net/
Description: iSocial wordpress theme theme helps you create quick, easy visiting card like mini site. 
Version: 1
Tags: quick, mini, social bookmarks, visiting card
Author: R.Bhavesh
Author URI: http://www.cssace.com/
License: All Rights Reserved

The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/

/*	--------------------------------------------------
Structure
-------------------------------------------------- */
body { background:#dfe2e4 url(images/bg.png) repeat-x top; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333; line-height: 150%; } /* line-height:18px; */

#top { width:545px; height:48px; margin:40px auto 0 auto; background:url(images/top.png) no-repeat center top;  }

.page-vc {
	width:545px;
	margin:0 auto;
	background:url(images/centerbg.png) repeat-y left top;
	display:table;
	align:center; 
} 
.page-in {
	padding:0 15px; 
}

#datacontent .panelsInner { overflow: hidden; }
#datacontent .panel { padding: 0px; }
.fader { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; left: 0; width: 100%; height: 54px;  background-color:#A4ADB7; }
#datacontent { position:relative;  }

/*	--------------------------------------------------
default
-------------------------------------------------- */

/* a:hover img { margin-left: 5px;} */
a strong { display: block; font:bold 14px Arial, Helvetica, sans-serif; color: #000; }
.clear { clear: left; }

/*	--------------------------------------------------
Content
-------------------------------------------------- */

#sites_content { padding: 0 10px; background: url(images/content.png) repeat-y left;   }
#sites_content ul { display:block; margin:0; padding:0; list-style:none;     }
#sites_content li { float: left; width:240px; margin-left:0px;   } /* ***px */
#sites_content a { font-size: 11px; color: #666; text-decoration: none; padding: 10px 0 5px;  display:block;  width:240px;  height:40px;  position:relative;  z-index:2; cursor:pointer; } /* ***px */
#sites_content li a img { float: left;  margin: 0 10px;
	border: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#sites_content li a:hover img { margin-left: 5px;}

.about { background:url(images/hr.png) repeat-x bottom; padding:0px 20px 10px 20px; overflow:hidden; margin-bottom:10px;  }
.about img { float:left; margin:0 12px 0 0; border:2px solid #9a9fa6; }
.about h1 { margin:0 0 3px 0; padding:0; font:28px Arial, Helvetica, sans-serif; color:#000;  }
.about p { color:#444; } /* line-height:16px; */

.navigation { height: 38px; padding: 0px 10px; margin-bottom:10px; background: url(images/navbg.png) repeat-x top ; font-weight: bold;  position:relative; } /* line-height: 28px; */
.navigation li { float: left; }
.navigation li a { margin-right:3px;  float:left; display:block; font-weight:bold; padding:12px 0px 8px 0px; width:120px; text-align:center; color:#ffbabd; text-decoration: none;  }
.navigation li a:hover { color:#fff; }
.navigation li a.active { background:url(images/tab.png) no-repeat; color:#333;  }
.navigation li a.active:hover { color:#000; }

/* main_content ----------------------------------------- */

/* post title */
.storytitle { font:bold 12px Arial, Helvetica, sans-serif; }

.feedback { text-align:right; }

.main_content { padding:10px 20px;}
.main_content p { margin-bottom: 10px; } /* line-height:18px; */
.main_content span { font-size:11px; }
.main_content a, .main_content span a { color:#a1141a; text-decoration:none; } /* colour */
.main_content a:hover, .main_content span a:hover { color:#333; } /* colour */
/* .main_content blockquote { background:url(images/quote.png) no-repeat left 0px; margin:8px 0; padding:0px 10px 0px 20px; font-size:90%; } */ /* line-height:20px; font-size:12px; */
/* .main_content blockquote p { font:bold 14px Arial, Helvetica, sans-serif; } */ /* font-weight:bold; line-height:20px; */
/* .main_content blockquote:first-letter { font-size:24px; } */

.main_content .textwidget { } /* line-height:18px; */

.sidebar-box { height:100%; overflow:hidden; margin-bottom:10px; background:url(images/hr.png) repeat-x bottom; padding-bottom:10px;  }

/* contacts ------------------------------ */

.row, .post-row { height:100%; overflow:hidden; margin-bottom:10px; background:url(images/hr.png) repeat-x bottom; padding-bottom:10px; }
/* .row a:hover img { margin-left: 5px;} */
.field_l { width:85px; float:left; font-weight:bold; padding-left:20px;  }
.field_r { width:365px; float:right;  }

/* footer -------------------  */

.footerpush { height: 19px; }

#footer { width:515px; margin:0 auto; background:url(images/bottombg.png) no-repeat center top; clear:both; padding:15px 15px; color:#666; position:relative; text-align:center; }
#footer a { padding:10px 0; color:#a1141a; text-decoration: none; }
#footer a:hover { color:#333; }

#namelybottom { width:100%; margin-bottom:10px auto; clear:both; position:relative; text-align:center; }
#namelybottom a { color:#a1141a; text-decoration:none; }
#namelybottom a:hover { color:#333; }

#pt a { margin:0; padding:0;position:absolute; right:10px; _right:25px; top:10px; width:20px; height:20px;  text-indent:-9009px; background:url(images/i_pt.png) no-repeat;  display:block; z-index:999; }
#pt a:hover { background-position:0 -20px; }

/* P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after { content: "."; clear: both; height:0; 	visibility:hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */