/*
Theme Name: Vision
Theme URI: http://visionphoto.ca
Description: Vision theme
Version: 1.0
Author: Eric Kinskofer
Author URI: http://elliotjaystocks.com
Tags: vision, photo
*/

/*CSS Reset*/
/*remove all elements that aren't being used*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ../.img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.3;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {

}

/*Vision CSS start*/
body{
	font-family: verdana,arial,helvetica,sans-serif;
	text-align:center;
	font-size: 12px;
  	background: #FFFFFF url('img/backgroundcore.jpg') repeat-x scroll left top;
}

/*homepage and rest of the site use different backgrounds*/
.home{
	background: #FFFFFF url('img/backgroundmain.jpg') repeat-x scroll left top;
}


a {
	text-decoration: none;
	color: #0097d2;
}

a:../.img{
	border: none;
}

/*header tags go here*/

h1{
}

h2{
    -x-system-font:none;
    font-family: Arial,Georgia,serif;
    font-size:2em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:1px;
    line-height:normal;
    color: #0072bc;
}

h3{
    -x-system-font:none;
    font-family: Arial,Georgia,serif;
    font-size:1.5em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:0px;
    line-height:normal;
    color: #ffffff;
}

#container {
	text-align: left;
	width: 960px;
	margin: auto;
   position: relative;
   top: -16px;
}

#container ul {
	list-style: none;
}

#header {
    height: 104px;
    position: relative;
    width: 960px;
}

#header .logo a{
    background: transparent url('img/visionlogo.png') left top;
    height: 90px;
    width: 187px;
    float: left;
    text-indent: -9999px;
    margin: 8px 0px 0px 20px;
}

#header #navwrap{
    float: right;
    margin: 23px 2px;    
}

.navlist {
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    margin: 0;
    padding: 0;
}

.navlist li{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    width: 124px;
    height: 54px;
    background: transparent url(img/navbar.png) no-repeat;
}

.navlist li a{
    display: block;
    height: 54px;
    text-indent: -9999px;
    outline: none;   
}

.navlist #home {
    background-position: 0px 0px;
}

.navlist #info {
    background-position: -125px 0px;
}

.navlist #portfolio {
    background-position: -249px 0px;
}

.navlist #blog {
    background-position: -373px 0px;
}

.navlist #contact {
    background-position: -497px 0px;
}

#home.active, #home:hover {
    background-position: 0px -55px;
}

.navlist #info.active, #info:hover, #info.selected {
    background-position: -125px -55px;
}

.navlist #portfolio.active, #portfolio:hover, #portfolio.selected {
    background-position: -249px -55px;
}

.navlist #blog.active, #blog:hover, #blog.selected {
    background-position: -373px -55px;
}

.navlist #contact.active, #contact:hover, #contact.selected {
    background-position: -497px -55px;
}

/*slider section*/
.slider-wrap{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*height: 342px; not sure hack */
    position: relative;
    border: 1px solid #cccccc;
    background: #d9d9d9
}
			
.stripViewer .panelContainer 
.panel ul{
    text-align: left;
    margin: 0 15px 0 30px;
}

.stripViewer{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.stripViewer .panelContainer{
    position: relative;
    left: 0;
    top: 0;
}

.stripViewer .panelContainer .panel{
    float: left;
    height: 100%;
    position: relative;
    width: 960px;
}

.stripNavL, .stripNavR, .stripNav{
    display: none;
}

.nav-thumb{
    border: none;
    margin-right: 5px;
}

#movers-row{
    position: relative;
    height: 42px;
    margin: 15px 0px 0px 20px;
}

#movers-row div{
    width: 8%;
    float: left;
}

#movers-row div a.cross-link{
    float: left;
}

.photo-meta-data{
    background: url(img/transpBlack.png);
    padding: 10px;
    height: 30px;
    margin-top: -50px;
    position: relative;
    z-index: 9999;
    color: white;
}

.photo-meta-data span{
    font-size: 13px;
}

.cross-link{
    display: block;
    width: 62px;
    margin-top: -11px;
    position: relative;
    padding-top: 15px;
    z-index: 9999;
}
    
.active-thumb{
    background: transparent url(img/icon-uparrowsmallgray.png) top center no-repeat;
}

.active-thumb img{
    margin-top: -3px;
    margin-left: -3px;
    border: 3px #bedbee solid;
}

/* position classes */
.columnleft{
    float: left;
    width: 270px;
}

.columnright{
    float: right;
    width: 270px;
}

.columncenter{
    float: left;
    width: 315px;
}

.columnsubleft{
    float: left;
    width: 230px;
}

.columnsubright{
    float: right;
    width: 647px;
    border-left: 1px #b4b4b4 solid;
}

/*main home section */
#main_home{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    top:10px;
    border: 1px solid #cccccc;
    background: #ffffff;
    overflow: hidden;
    height: 100%;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

#main_home .columnleft, .columnright{
    margin: 15px 20px 0px 20px;
}

#main_home .columncenter{
    margin: 15px auto;
}

#main_home .columncenter .colhead{
    padding: 0px 30px 0px 30px;
}

#main_home .columncenter .colbody{
    padding: 0px 20px 0px 30px;
    height: 200px;
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
}

#main_home .columncenter .colbody ul{
    list-style: outside;
    padding-left: 30px;
}

/*sub bread crumb */
#breadcrumb{
    padding: 3px 0px 3px 20px;
}

#breadcrumb a{
    color: #0072bc;
}

/*sub home core section*/
#main_sub{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    border: 1px solid #cccccc;
    background: #ffffff;
    overflow: hidden;    
}

.columnsubleft, .columnsubright{
   padding: 10px 20px 20px 20px;   
}

/*sub home right reading pane */

.columnsubright ul{
   margin: 10px;
   padding: 0;
}

.columnsubright li{
   list-style-type: circle;
   list-style-position: inside;
}

/*sub home left side bar*/
.columnsubleft ul{
    margin: 0;
    padding: 0;
}

.columnsubleft li.widget ul{
    margin: 0;
    padding: 0;
}

.columnsubleft li h2{
    margin-bottom: 0px;
    padding-bottom: 2px;
    border-bottom: 1px #b4b4b4 solid;
}

.columnsubleft li.widget_categories h2{
    margin-bottom: 0;
    padding-bottom: 2px;
}

.columnsubleft li.widget div{
    margin-bottom: 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px #b4b4b4 solid;
    background: #f8f8f8;
}

.columnsubleft li.widget div div{
    clear: both;
	border-bottom: none;
}

.columnsubleft li.widget p{
    margin: 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px #b4b4b4 solid;
    background: #f8f8f8;
}

.columnsubleft li.widget select{
    margin: 10px 0 10px 0;
    background: #f8f8f8;
}

.columnsubleft li.widget ul li{
    list-style-image: url(img/sidebarbullet.png);
    list-style-position: inside;
    padding: 10px 0 10px 0;
    border-bottom: 1px #b4b4b4 solid;
}

.columnsubleft li.widget ul li a{
    padding: 0px 80px 0px 0px;
    color: #535353;
}

.columnsubleft li.widget ul li:hover, 
.columnsubleft li.widget ul li.current_page_item,
.columnsubleft li.widget ul li.current-cat{
   font-weight:bold;
   background: #f1f1f1;
}

/*blog*/

.columnsubleft form input#s {
    width: 155px;
}

.columnsubright .entrydetails p{
    margin: 0;
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    padding: 5px 0 5px 0;
}

.columnsubright .post h3{
    margin-bottom: 5px;
    color: #0072BC;
}

.columnsubright .colhead h2{
    margin-bottom: 2px;
}

.columnsubright a img {
    border: none;
}

/*blog comments*/


.columnsubright .commentlist{
    margin: 0;
    padding: 0;
}

.columnsubright .commentlist li{
    list-style-type: none;
    border-bottom: 1px dotted #b6b6b6;
    /*margin: 20px 0 20px 0;*/
    padding: 20px 10px 20px 10px;
}

.columnsubright .commentlist{
    /*padding-top: 20px;*/
    border-top: 1px dotted #b6b6b6;
}

.columnsubright .commentlist li.bypostauthor{
    background: #fcfdcd;
}

.columnsubright .commentlist img{
    padding: 0px;
    float: right;
}

.commentlist cite, .commentlist cite a {
    font-size:12px;
    font-style:normal;
    font-weight:bold;
}

.commentmetadata {
    display:block;
    font-size:10px;
    margin:0;
}

.comment p{
    width: 80%;
}

.columnsubright form textarea, .columnsubright input{
    border: 1px solid #b6b6b6;
    margin: 6px 0;
    padding: 4px;
}

.columnsubright form textarea{
    width: 90%;
}

.columnsubright form textarea, .columnsubright input{
    border: 1px solid #b6b6b6;
    margin: 2px 0;
    padding: 6px;
}

.columnsubright input#submit{
    margin-top: 20px;
    -moz-border-radius: 10px;
    padding: 8px;
    min-width: 100px;
}

.columnsubright input#submit:hover{
    background: #0072bc;
    color: #ffffff;
}

.wpcf7-form-control-wrap .wpcf7-checkbox{
    position: relative;
    padding: 5px;
    top: 5px;
}

/*footer*/
#footer{
    clear: both;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    top:10px;
    height: 248px;
    border: 1px solid #cccccc;
    background: #8a8a8a;
}

#footer .columnleft, #footer .columnright{
    margin: 10px 20px 0px 20px;
    width: 270px;
}

#footer .columncenter{
    margin: 10px auto;
    padding: 0px 20px 0px 30px;
    width: 279px;
}

#footer #postcontainer{
    position: relative;
    top: 5px;
}

#footer .post{
    margin: 20px 0px 0px 0px;
    color: #ffffff;
    line-height: 1px;
}

#footer .excerpt a{
    color: #ffffff;
    padding: 0px 0px 8px 25px;
    background: transparent url(img/blogentry.png) no-repeat;
    white-space: nowrap;
}

#footer .post a:hover{
    color: yellow;
    background-position: 0px -22px;
}

#footer .postdate{
    padding: 0px 0px 0px 25px;
    font-size: 0.8em
}

#footer #readmore{
    position: relative;
    float: left; 
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px #b4b8bb solid;
    top: 22px;
    padding: 8px 8px 9px 8px;
    width: 85px;
    text-align: center;
    background: #5c5c5c;
    color: #ffffff;
}

#footer #readmore:hover{
    background: #0072bc;
}

#footer .columncenter a#visiontwitter{
    position: absolute; 
    background: transparent url(img/twitterbird.png) no-repeat;
    margin: 15px 0px 0px -44px;
    height: 38px;
    width: 50px;
    z-index: 1;
}

#footer .columncenter a#visiontwitter:hover{
   background-position: 0px -40px;
}

#footer #twitter p{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 100px;
    position: relative;
    border: 1px solid #d7d7d7;
    background: #ffffff;
    margin: 0px 5px 0px 5px;
    padding: 10px 15px 0px 15px;
    overflow: hidden;
}

#footer #twitter p ul{
    clear: both;
    margin: 0;
    padding: 0;
}


#footer #sociallinks{
    position: relative;
    float: left;
    width: 200px;
    padding: 0px 60px 0px 10px;
}

#sociallinks a{ 
    position: relative;
    display: inline block;
    background: transparent url('img/social.png') no-repeat;
    height: 47px;
    width: 45px;
    float: left;
    margin: 5px 10px 5px 0px;
    text-indent: -9999px;
}

#sociallinks #rsslink:hover{
    background-position: 0px -49px;
}

#sociallinks #fblink{
    background-position: -48px 0px;
}

#sociallinks #fblink:hover{
    background-position: -48px -49px;
}

#sociallinks #twitterlink{
    background-position: -95px 0px;
}

#sociallinks #twitterlink:hover{
    background-position: -95px -49px;
}

#sociallinks #lilink{
    background-position: -142px 0px;
}

#sociallinks #lilink:hover{
    background-position: -142px -49px;
}

#sociallinks #picasalink{
    background-position: -189px 0px;
}

#sociallinks #picasalink:hover{
    background-position: -189px -49px;
}

#sociallinks #flickrlink{
    background-position: -235px 0px;
}

#sociallinks #flickrlink:hover{
    background-position: -235px -49px;
}

#footer #footerbottom{
    clear: both;
    position: relative;
    top: 10px;
    background: transparent url(img/barline.png) repeat-x; 
    height: 45px;
    margin: 0px 20px 0px 20px;
    padding: 0;
    color: #ffffff;
}

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

#footer #footerbottom li{
    display: block;
    padding: 10px 10px 0px 0px;
    float: left;
}

#footer #footerbottom li a{
    color: #ffffff;   
}

#footer #footerbottom li a:hover{
    color: #0072bc;   
}

#footer #footerbottom p{
    position: relative;
    float: right
}