/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Theme Name: Vision
Theme URI: http://weaverthemes.com/themes/vision
Author: WeaverThemes
Author URI: http://weaverthemes.com

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* ------------------------------------------------------------------------------------------------------------------------

	css reset

------------------------------------------------------------------------------------------------------------------------ */
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,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style-position:inherit; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* ------------------------------------------------------------------------------------------------------------------------

	css design styles

------------------------------------------------------------------------------------------------------------------------ */
#tophead { background:#111; background:rgba(0,0,0,0.8); }
#firstline { background:#111; background:rgba(0,0,0,0.3); }
#secondline { color:#888; color:rgba(0,0,0,0.4); background:#fff; background:rgba(255,255,255,0.9); }
#secondline:hover { color:#999; color:rgba(0,0,0,0.2); }
#navigation ul li a { border-left:1px solid #444; border-left:1px solid rgba(255,255,255,0.2); }
#navigation ul ul li a { background:#fff; background:rgba(255,255,255,0.9); }
.form-input-field,textarea {background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;}
.form-input-field:hover, textarea:hover,
.form-input-field:focus, textarea:focus { border-color: #C9C9C9;-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;}
.form-input-button {background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#CCCCCC));background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;}
.form-input-button:hover {background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;}
.form-input-button:active {background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;}
#myExtraContent2 { background:#111; background:rgba(0,0,0,0.8); }

/* ------------------------------------------------------------------------------------------------------------------------

	basic setup

------------------------------------------------------------------------------------------------------------------------ */
body { color:#333; font-size:62.5%; line-height:1.6em; text-align:center;}
#wrap { text-align:left; }
.center { width:960px; margin:0 auto; }

/* links */
a { color:#CC3333; text-decoration:none; }
a:hover { text-decoration:underline; }

/* ------------------------------------------------------------------------------------------------------------------------

	header & navigation styles

------------------------------------------------------------------------------------------------------------------------ */
#header { position:relative; border-bottom:3px solid #ddd; background-repeat:no-repeat !important;background-position: center top !important;min-width: 960px;z-index: 100; }
#tophead { padding:20px 0; }
#logo { float:left; margin:0; }
#header h1 { float:left; padding:10px 0 5px 15px;font-size: 26px;color: #fff; }
#header h1 a { color:#fff; }
#header span { font-size:17px; }

/* slideshow  */
.headerimg { background-repeat:no-repeat; background-position: center top; width:100%; height:600px; position:absolute; top:0; }
#headertxt { margin:0 auto; clear:both; position:absolute; bottom:220px; }
#firstline { padding:5px 17px; float:left; display:block; color:#fff!important; font-size:13px!important; }
#secondline { text-decoration:none; font-size:60px !important; padding: 5px 10px; float:left; display:block; clear:both; line-height:60px; }
.pictured { background:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured span { font-size:16px; font-style:italic; text-transform:none; color:#FFF !important; text-decoration:none; }

/* controls */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url(images/btn_back.png); }
#next { background-image:url(images/btn_next.png); }
#control { background-image:url(images/btn_pause.png); }
#headernav-outer { position:absolute; bottom:200px; margin:0 auto; }
#headernav { float:right; }

/* navigation */
#navigation { float:right; position:relative; z-index:10000;font-size:1.4em; }
#navigation li { float:left; list-style:none; position:relative; }
#navigation ul li a { color:#777; }
#navigation a { display:block; float:left; padding:10px; text-decoration:none; margin:0 1px; }
#navigation a:hover { text-decoration:underline; }
#navigation li a.current,#navigation a.currentAncestor { color:#fff; }
#navigation ul li:first-child a { border:none; }

/* child - levels */
#navigation ul ul { background:url(images/arrow_up.png) 10px 32px no-repeat!important; display:none; left:0; position:absolute; top:13px; width:188px; z-index:-1; }
#navigation > ul ul{top: 16px;}
#navigation ul ul li a { border:1px solid #eee!important; border-bottom:none; color:#888; }
#navigation ul ul li a:hover { color:#555; background:#fff; }
#navigation ul ul li a.current{color: #333;}
#navigation ul li ul a { width:165px; height:auto; float:left; text-align:left; line-height:24px; padding:5px 10px; font-size:12px; min-height:24px; }
#navigation ul ul ul { top:auto; padding-top:0!important;background-image:none!important; }
#navigation ul li ul ul { left:187px; top:0; }
#navigation ul li:hover ul ul,#navigation ul li:hover ul ul ul,#navigation ul li:hover ul ul ul ul { display:none; }
#navigation ul li:hover ul,#navigation ul li li:hover ul,#navigation ul li li li:hover ul,#navigation ul li li li li:hover ul { display:block; }

/* ------------------------------------------------------------------------------------------------------------------------

	main content styles

------------------------------------------------------------------------------------------------------------------------ */
#content { margin:0 auto; padding:0; }
#primary-content { padding:30px 40px 0 15px; font-size:1.3em; line-height:1.6em; float:left; width:620px; background:url(images/line.png) no-repeat right top; }
#primary-content h1,#primary-content h2,#primary-content h3,.album-title,.movie-page-title,.message-text { font-size:1.8em; margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px;color:#333; }
#primary-content h3 { font-size:1.4em; }
#primary-content p { margin:0 0 1.5em; }
#primary-content ul,#primary-content ol { margin:0 1.5em 1.5em 2.5em; }
#primary-content dl { margin:0 0 1.5em; }
#primary-content dl dt { font-weight:bold; }
#primary-content dl dd { margin-left:1.5em; }

/* tables */
#table { border:2px solid; border-collapse:collapse; width:100%; }
#table td { padding:3px; border:1px solid #ccc; }
#table th { text-align:left; border:1px solid #ccc; font-size:1.2em; }
#table thead th { color:#3A3A38; padding:10px 6px; font-size:1.6em; }
#table tbody th { color:#3A3A38; padding:6px; }

/* blog */
.blog-entry { height:1%; margin:0 0 20px; position:relative; }
.blog-entry-title { margin-bottom:5px!important; }
.blog-entry-title a { color:#333; }
.blog-entry-date { background:url(images/icons/clock.png) no-repeat left center; font-size:.9em; margin:0 0 10px; padding-left:20px; color:#999; }
.blog-entry-body {}
.blog-entry-date a {}
.blog-read-more { clear:both; display:block; margin:10px 0; font-weight:bold; }
.blog-entry-tags { font-size:.9em; color:#8D8B84; margin:0!important; }
.blog-entry-comments { font-size:.9em; }
.blog-entry-comments a {}
.blog-comment-link {}

/* archive page */
.blog-archive-headings-wrapper { padding-bottom:10px; margin-bottom:10px; }
.blog-archive-month { margin-bottom:10px; font-weight:bold; }
.blog-archive-link { font-weight:bold; }
.blog-archive-link:before { content:"/ "; }

/* contact form */
#primary-content form { width:96%; }
.message-text { }
.required-text { padding-left:25px; overflow:auto; }
form label { margin-bottom:5px; }
.form-input-field,textarea { padding:9px; border:solid 1px #E5E5E5; outline:0; width:99%; margin:5px 0 0; }
.form-input-field:hover,textarea:hover,.form-input-field:focus,textarea:focus { border-color:#C9C9C9; }
.form-input-button { width:auto; padding:5px 10px; cursor:pointer; border:0; color:#333;margin:10px 0 0; width:auto; border:1px solid #ccc;font-weight: bold; }
select { width:100%; margin:0 0 15px; }
textarea { height:200px; overflow:hidden; }

/* file sharing */
.filesharing-description { margin-bottom:10px; }
.filesharing-item-title{}
.filesharing-item { margin:10px 0; border:1px solid #ddd; padding:10px;}
.filesharing-item-title a{padding: 5px 0;}
.filesharing-item-title a.pdf { background: url(images/icons/pdf.png) no-repeat left center;padding: 5px 0 5px 20px;}
.filesharing-item-title a.txt { background: url(images/icons/txt.png) no-repeat left center;padding: 5px 0 5px 20px;}
.filesharing-item-title a.zip { background: url(images/icons/zip.png) no-repeat left center;padding: 5px 0 5px 20px;}
.filesharing-item-title a.img { background: url(images/icons/image.png) no-repeat left center;padding: 5px 0 5px 20px;}
.filesharing-item-title a.email { background: url(images/icons/email.png) no-repeat left center;padding: 5px 0 5px 20px;}
.filesharing-item-title a.external {background: url(images/icons/ext_link.png) no-repeat left center;padding: 5px 0 5px 20px;}
.filesharing-item-description { color:#999; font-size:.9em;margin-top: 5px; }

/* movie album */
.movie-page-title {}
.movie-page-description {margin-bottom: 20px; }
.movie-thumbnail-frame { float:left; margin:0 10px 20px 0;position: relative; }
.movie-thumbnail-frame img {padding:5px;border: 1px solid #ccc; }
.movie-thumbnail-caption { position:absolute; bottom:10px; left:5px; background:#fff; overflow:hidden; margin:0; width:85%; padding-left:5px; }
.movie-background { background:#1F1C15; }
.movie-title { padding:10px; font-size:2.2em; font-weight:bold; }
.movie-frame { padding:20px; margin:0 0 20px; background:#fff; }

/* photo album */
.album-title {}
.album-description {margin-bottom: 20px; }
.album-wrapper { margin:20px 0; overflow:hidden; }
.thumbnail-wrap {float: left;margin: 0 20px 20px 0; }
.thumbnail-frame { position:relative;float: left; }
.thumbnail-frame img {padding:5px;border: 1px solid #ccc; }
.thumbnail-caption { position:absolute; bottom:0; left:6px;overflow:hidden; margin:0; width:90%; padding-left:5px;background-color:black;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: .5;color:white;}

/* single photo page */
.photo-background {}
.photo-navigation { position:relative; margin-bottom:40px;padding: 20px 0 0 0;background: #111; }
.photo-links { font-size:1.2em;width: auto;background: #ddd;margin: 20px auto 0 auto;padding: 10px; }
.photo-links a,.photo-links a:visited { padding:10px; }
.photo-links a:hover {}
.photo-title { margin:0;font-size:3.5em; line-height:normal; }
.photo-caption { margin:0;font-size:1.8em; line-height:normal;}
.exif-data { margin:20px auto 0; font-size:1.3em; text-align:center; }

/* 3rd party styles */
#disqus_thread{margin-top: 15px;}
.dsq-popup-message h4{font-family: Arial !important;}

/* misc */
.hide,#blog-categories br,#blog-archives br,#blog-rss-feeds br { display:none; }
.clear { clear:both; }

/* ------------------------------------------------------------------------------------------------------------------------

	sidebar and widgets

------------------------------------------------------------------------------------------------------------------------ */
#secondary-content { font-size:1.2em; line-height:1.6em; margin:30px 0; float:right; width:240px; padding:20px;background: #fff url(images/secondary_bg.png) repeat-x top; }
#secondary-content h3 { margin:0 0 5px; font-size:1.4em; text-align:left; border-bottom:1px solid #ccc; padding-bottom:6px; }
#secondary-content p { margin:0 0 1.5em; }
#secondary-content ul,#secondary-content ol { margin:15px 0; }
#secondary-content ul li,#secondary-content ol li { padding:3px 0;list-style: inside; }
#secondary-content a { text-decoration:underline; }
#secondary-content a:hover { text-decoration:none; }
#secondary-content blockquote { margin:10px 0; font-size:1.1em; padding-left:15px; border-left:3px solid #ddd; color:#999; }

/* list style */
ul .image-left { float:none!important; margin:0; }

/* blog widgets */
#blog-categories,#blog-archives,.blog-tag-cloud { height:1%; overflow:hidden; margin:0 0 20px 0!important; }
#blog-categories a{display: block;padding: 5px 0;border-bottom: 1px solid #ddd;}
#blog-categories a.hover_current{background: url("images/icons/arrow_nav.png") no-repeat left;}
.blog-tag-cloud li { display:inline; }
#blog-rss-feeds { padding-bottom:20px; }
.blog-archive-link-disabled,.blog-archive-link-enabled,.blog-tag-cloud a,#blog-rss-feeds a { display:block; padding:3px!important; border-bottom:1px solid #ddd; background:#fff; text-align:center; float:left; margin:3px 3px 3px 0; }

/* ------------------------------------------------------------------------------------------------------------------------

	bottom styles

------------------------------------------------------------------------------------------------------------------------ */
#bottom { background: #111 url("images/bg-light-top.png") no-repeat center top; border-top:3px solid #ddd; }

/* ------------------------------------------------------------------------------------------------------------------------

	breadcrumb styles

------------------------------------------------------------------------------------------------------------------------ */
#breadcrumb { color:#999; margin:0 auto; clear:both; width:940px;font-size: 1.1em; }
#breadcrumb ul { padding:15px 0; }
#breadcrumb ul li { list-style:none; display:inline; }
#breadcrumb ul li a { padding-right:5px; color:#999; }

/* ------------------------------------------------------------------------------------------------------------------------

	footer styles

------------------------------------------------------------------------------------------------------------------------ */
#footer { margin:0 auto; font-size:1.1em; border-top:1px solid #333; padding:15px 0; color:#999; width:940px; }
#footer ul li { list-style:none; display:inline; }

/* ------------------------------------------------------------------------------------------------------------------------

	global

------------------------------------------------------------------------------------------------------------------------ */

.image-left { float:left; margin:0 10px 15px 0; }
.image-right { float:right; margin:0 0 10px 15px; }
.imageStyle { margin: 0 10px 10px 0; }
hr { margin:1em 0; background:#CCC; height:1px; color:#212224; border:none; clear:both; }
address { margin-top:1.5em; font-style:italic; }
blockquote { margin:20px 0; font-size:1.6em; line-height:1.8em; padding-left:10px; border-left:3px solid #ddd; color:#999; }
strong { font-weight:bold; }
em,dfn { font-style:italic; }
dfn { font-weight:bold; }
pre,code { margin:1.5em 0; white-space:pre; }
pre,code,tt { font:1em monospace; line-height:1.5; }
tt { display:block; margin:1.5em 0; line-height:1.5; }
.highlight { color:#E17000; }
.subdued { color:#999; }
.error { color:#c00; font-weight:bold; }
.success { color:#390; font-weight:bold; }
.caption { color:#999; font-size:11px; }

ul.disc { list-style-type:disc; }
ul.circle { list-style-type:circle; }
ul.square { list-style-type:square; }
ol.arabic-numbers { list-style-type:decimal; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.upper-roman { list-style-type: upper-roman; }
ol.lower-roman { list-style-type: lower-roman; }

/* clearfix */
.floatclear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.floatclear { display:inline-table; }
* html .floatclear { height:1%; }
.floatclear { display:block; }

/* ec areas */
.column { float:left; padding:20px 0; } .one { width:100%; } .two { width:50%; } .three { width:33%; } .four { width:25%; } .five { width:20%; } .two3rds { width:66%; } .three4ths { width:75%; } .four5ths { width:80%; }
.column .content { width:90%!important; margin:0 auto; padding:0!important; float:none!important; }
#myExtraContent1 { padding: 15px 0; }
#myExtraContent2 { font-size:1.3em; line-height:1.6em; overflow:hidden; position:absolute; bottom:0; width:960px; color:#999; padding:0; margin:0 auto; }
#myExtraContent3 { padding:0!important; font-size:1.3em; line-height:1.6em; overflow:hidden; width:960px; margin:0 auto; }
.extra-content h2,.extra-content h3 { padding:0 0 15px; font-size:1.3em; font-weight:normal; overflow:hidden;color: #fff; }
.extra-content p { margin:0 0 1.5em; }
.extra-content ul { margin:0; }
.extra-content ul li { list-style-position:inside;padding:5px 0;border-top:1px solid #333;overflow: hidden; }
.extra-content a { text-decoration:none; color:#999; }
.extra-content a:hover { text-decoration:underline; }