/*  
Theme Name: OfficeVP
Theme URI: http://www.officevp.com
Description: This is the default theme for OfficeVP.
Version: 2.0
Author: Guisella Acuna
Author URI: http://www.pixelify.com/
*/

/*RESET CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/*end RESET CSS*/

body {background:url(images/bg-body.png) repeat-x #cecece; font-family:Arial, Helvetica, sans-serif; font-size: 	0.75em; color:#333;}
a {color:#2571c2; text-decoration:none; outline-color:#999}
a:hover {text-decoration:underline}
/*a:visited, a:active {color:#b2cae3}*/
blockquote {padding-left:60px; background:url(images/quotes.gif) no-repeat left top; font-style:italic}
strong {font-weight:bold}
em {font-style:italic}
small {font-size: 0.833em}
input , textarea{border:2px solid #ddd; padding:3px 2px}
input,select,textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em}
#wrapper {width:968px; margin:0 auto; padding-bottom:25px}
#header, #content {padding:0 4px}
#header {background:url(images/bg-top.gif); height:125px; position:relative}
#content{background:url(images/bg-middle.gif); min-height:200px;}
#footer{background:url(images/bg-footer-mid.png);}
#f-t {background:url(images/bg-footer-top.png) no-repeat;}
#f-b {background:url(images/bg-footer-bottom.png) bottom left no-repeat;}
#footer-content {padding:60px 20px 30px 20px; width:928px; color:#666}
.clear {clear:both; height:0}
.float_rightbox { float:right; margin:0 0 0 15px}
.float_leftbox { float:left; margin:0 15px 0 0}
.centered {text-align:center;}

#logo{width:234px;background:url(images/logo_officevp.gif) no-repeat;}
#logo a{display:block;height:93px;text-indent:-9999px}
#main-nav,#main-nav li {float:left}
#main-nav {margin-left:10px}
#main-nav a{color:#fff; font-weight:bold; padding:0 15px; line-height:30px}
#main-nav a:hover, #main-nav a.current{color:#4ac6f9; text-decoration:none;}

#top-nav {position:absolute; right:10px; top:65px; font-size: 0.917em}
#top-nav li {float:left}
#top-nav a{padding: 0 13px}
#top-nav li:first-child a{border-right:1px solid #999}
#top-nav li#ic-signin {background:url(images/ic-signin.gif) 10px 0 no-repeat; padding-left:17px}
#top-signup {float:right}

#top-signup {background:url(images/top-signup.gif); width:242px; margin:4px 16px 0 0;}
#top-signup a{display:block;height:28px; text-indent:-9999px}

#side-content {float:right; width:695px; margin-right:15px;}
#side-content.wide {width:930px}

#bread-crumbs {margin:7px 15px; float:left; width:930px; font-size: 0.833em; color:#999}
#bread-crumbs li{float:left; padding:0 5px 0 0}
#bread-crumbs a{color:#999}
#bread-crumbs a:hover {color:#2571c2;}

#main-title {background:url(images/banner-title.jpg) no-repeat; height:105px; color:#fff; position:relative}
#side-content.wide #main-title {background:url(images/banner-title-wide.jpg) no-repeat;}
#main-title h1 {font-size:2.5em; padding:20px 0 5px 0}
#main-title h1 a {color:#fff}
#main-title h1,#main-title h2{ margin-left:25px}

#inner-content {padding:5px 20px 0 20px}
#inner-content h2 {font-size: 1.5em; font-weight:bold; margin:18px 0 10px 0; color:#191919}
#inner-content h3 {font-size: 1.333em; font-weight:bold; margin:18px 0 10px 0;}
#inner-content p{line-height: 1.5em;padding:0.5em 0;}
#inner-content .subbox {border-bottom:1px solid #ccc; padding-bottom:25px}

#inner-content ul, #inner-content ol,#inner-content dl {padding-top:0.5em;margin-left:50px;}
#inner-content ul li,#inner-content dl dt{padding:0 0 1em 0; list-style-type:disc;}
#inner-content ul li ul li {list-style-type:circle}
#inner-content ul li ul li ul li {list-style-type:square}
#inner-content dl dt {font-weight:bold; font-size: 1.083em}
#inner-content dl dd {line-height:1.5em;padding:0 0 1em 18px;}
#inner-content ol {list-style-type:decimal;}
#inner-content ol li { padding:0 0 1em 0;}
#inner-content .ol-alpha {list-style-type:lower-alpha}
#inner-content ol.ol-color {font-weight:bold; font-size: 1.167em; font-family:Georgia, "Times New Roman", Times, serif}
#inner-content ol.ol-color p strong {color:#333}
#inner-content ol.ol-color p {color:#666; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; padding:0; line-height:1.5em; font-size: 0.857em}
#inner-content .check-list {width:546px; margin-bottom:10px; float:left; margin-left:30px}
#inner-content .check-list li{float:left; width:150px; margin-right:10px; font-weight:bold; font-size:0.917em; color:#666; background:url(images/check.gif) no-repeat; list-style:none; padding-left:22px}

#foot-nav-holder {width:540px; float:right; font-size: 0.917em;}

#foot-nav li, #foot-extra-nav li {float:left;}
#foot-nav, #foot-extra-nav {margin-bottom:5px; float:left}
.separator{ padding:0 8px}
#legal {margin-bottom:8px; margin-top:18px}
.ic16 {width:16px; height:16px; background-repeat:no-repeat; margin: 0 5px 0 0; vertical-align:middle}
.ic-contact {background-image:url(images/ic-contact.gif)}
.ic-sitemap {background-image:url(images/ic-sitemap.gif)}
.ic-twitter {background-image:url(images/ic-twitter.gif)}
.ic-facebook {background-image:url(images/ic-facebook.gif)}
#tweets {width:260px; float:left; background:url(images/twitter-bird.gif) no-repeat; padding-left:50px;}
#tweets h4 {font-size:1.333em; color:#333}
.tweet {line-height:1.5em}
.tweet-date {font-size:0.917em; font-weight:bold;}
.tweet_list li {margin:10px 0}
#twitter_update_list li {margin:10px 0}
.tweet_loading {margin:10px 0; font-style:italic; color:#666}

#head-links {position:absolute; right:50px; top:20px; font-size:0.917em; font-weight:bold}
#head-links li {margin-bottom:6px}
#head-links #feed {background:url(images/rss_icon.png) no-repeat}
#head-links #twitter {background:url(images/twitter.png) no-repeat}
#head-links #facebook {background:url(images/facebook.png) no-repeat}
#head-links a {padding-left:20px;color:#fff; line-height:16px}

#member-logo {margin-top:15px}
#member-logo a{margin-right:15px}

/*BLOG*/

/*ENTRY*/
.post {margin-bottom:30px; font-size:1em}
#container {float:left; margin-left:30px; width:595px;display:inline}
#container a{color:#0088cc}
.timestamp {width:48px; height:48px; background:url(images/timestamp.png); float:left; margin-right:12px; font-family:Georgia, "Times New Roman", Times, serif}
.timestamp em {color:#fff; font-size:14px; font-style:normal; text-align:center; display:block; padding-top:2px}
.timestamp label {color:#000; font-size:1.667em; text-align:center; display:block}
.entry {padding-top:18px;}
.entry  p{line-height:20px}
small {color:#666; font-size:0.917em}
.postmetadata { height:35px; background:url(images/bgmeta.gif); margin-top:18px}
.categorized {float:left; margin-left:10px; line-height:35px}
.bookmark {float:right; margin-right:10PX; line-height:35px}
.bookmark a{height:16px; width:16px; text-indent:-9000px; float:left; margin-left:7px; margin-top:10px}
.delicious {background:url(images/ic_delicious.gif) no-repeat;}
.stumbleupon {background:url(images/ic_stumbleupon.gif) no-repeat;}
.digg {background:url(images/ic_digg.gif) no-repeat;}

/*SIDEBAR*/
#inner-content .sidebar {float:right; margin-right:30px; width:200px; margin-top:15px; display:inline}
#inner-content .sidebar h2 {font-size:1em;background:url(images/bgmeta.gif) left bottom; font-weight:bold; padding:0; padding:3px 5px 3px 5px}
#inner-content .sidebar h2.black {background:url(images/bgblack.gif) left bottom; color:#fff}
#inner-content .sidebar ul {margin:0; padding:0}
#inner-content .sidebar li {list-style-type:none; padding:0}
#inner-content .sidebar ul li ul { margin-bottom:20px; margin-top:10px; margin-left:10px}
#inner-content .linkcat li {background:url(images/ic_link.gif) no-repeat left 5px; padding:5px 20px 5px 20px;}
#inner-content .archives li{background:url(images/ic_file.gif) no-repeat left 5px; padding:5px 20px 5px 20px;}
#inner-content .categories li {background:url(images/ic_folder.gif) no-repeat left 3px; padding:5px 20px 5px 20px;}

/*NAVIGATION*/
.navigation a{float:left; padding:5px 10px 5px 10px; background:#000; color:#fff !important; margin-right:30px}
.navigation a:hover {background:#c20c3d}

/*SEARCH*/
.searchform { margin-bottom:20px; margin-top:10px;}
#inner-content .searchform #s {border:1px solid #ddd; padding:2px 2px}
#inner-content .searchform .frm_img {border:0; padding:0}

/*RSS*/
.rss {width:245px; height:83px; position:absolute; right:0; top:200px; font-size:1em}
.rss p{ margin-top:48px}
.rss .subscribe {background:url(images/rss.png) no-repeat;width:81px; height:83px; float:left; text-indent:-9000px}

/*COMMENTS*/

#inner-content .comments-template h3,#inner-content .comments-template h2 {font-size: 1.167em;margin-bottom:10px;font-weight:bold;}

#inner-content .comments-template .commentlist{ list-style-type:none; margin:0}

#inner-content .comments-template .sbmt_comment {border-top:1px solid #a7c7e7; border-bottom:1px solid #022e56; border-left:1px solid #4485c4; border-right:1px solid #4485c4; background:url(images/bg-button.gif) repeat-x left bottom #4c8ccb; font-weight:bold; color:#fff; cursor:pointer; padding:3px 8px}

.comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

#inner-content .comments-template .commentmetadata{
	font-size: 0.833em;
}

#inner-content .comments-template .commentmetadata strong{
	font-size: 1.2em;
}


.comments-template p.nocomments{
	padding: 0;
}