/*
Theme Name: Cindy Gannon Photography
Theme URI: http://www.thinkstylestudio.com
Description: Wordpress theme created by Theron Smith @ <a href="http://www.thinkstylestudio.com">Think Style Studio</a>.
Version: 1.0
Author: Theron Smith
Author URI: http://www.thinkstylestudio.com

*/





* { padding: 0; margin: 0; }

img { border:0;}

body {
 /*font-family: font-family:"Helvetica Neue",Helvetica, sans-serif; */
 font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
 font-weight: 300;
 
 font-size: 15px;
 color:#999;
}

form {
    margin-bottom:20px;
}
#wrapper { 
 width: 1000px;
  margin: 0 auto;
  border:none;

}
/*#faux {
 margin-bottom: 5px;
 width: 100%;
} */
#topHeader {
 width: 980px;
 height: 120px;
margin:0;
}

#logo {
width:379px;
float:left;


}

#bottomHeader {
 color: #333;
 width: 980px;
 padding: 0px;
/* height: 395px;*/
 margin: 0;
}

.gallery {

 background: transparent url(images/banner_gallery.jpg) no-repeat top left;
}


#subnav {


 background: #fff;   
 border:1px blue solid;

} 



        

ul#navigation {
 padding: 10px 0 10px 0;
 margin: 0px 0px 5px 0px;
 background: #fff;
 position:relative;
 margin-bottom:60px;
}
       
ul#navigation li {
 
/*margin: 0 10px;    */
padding: 0 8px; 
display: block;
float: left;    
list-style-image:url(images/topnavdivider.gif); 
}
      
    

ul#navigation li:first-child {
list-style-image:none;
margin:0;
padding-left:0;
}

ul#navigation li a {
text-transform:uppercase;
}  

ul#navigation li.current_page_item a {
color:#999999;
}

/*<group=level 1>*/



ul#navigation li a {
	border: 0;
	display: block;
	height: 25px;

}

ul#navigation li:hover {
	border: 0;
	display: block;

}	
	
/*</group>*/


/*<group=level 2>*/


#navigation li ul {	
	display: block;
  visibility: hidden;             
	position: absolute;
	left: 0px;
  
	margin: 0; 
	  float:right;   
}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}



#navigation li.page-item-311 ul {
	background: none;
	height: 21px;
margin-left:278px;
}


* html #navigation li.page-item-311 ul {
	margin-left: 79px;
}

/*</group>*/



#leftcolumn { 
    color:#333333;
/*    display:inline;     */
    float:right;
width:450px;
/*    width:350px;*/
}      

#rightcolumn img {
    float:right; 
    margin-right:20px;
}
#rightcolumn { 
 float: left;
 color: #333;
margin:0px 0 0 0;
 padding: 0px;
/* width: 500px;    */       
width:300px;
/* display: inline; */
 position: relative;
}
#contactleftcolumn { 
 display: inline;
 color: #333;
margin:25px 0;
 padding: 0 0 0 75px;
 width: 250px;
 float: left;
}
#contactrightcolumn { 
 float: right;
 color: #333;
margin:25px 0 ;
 padding: 0px;
 width: 675px;
 display: inline;
 position: relative;
}

#contentContainer {
 margin: 0px;
/* width:850px;   */
width:915px;
/* padding: 0pt 0pt 0pt 40px  */

}

#servicenav {
float:right;
width:100%;
margin:25px 0 0 0;
}

#copy {
/*float:right;  */
width:100%;
margin:25px 0;
}

#newsCopy {
float:left;
width:70%;
margin:25px 0;
padding:0 10px 0 0;
}

#newsNav {
float:right;
width:25%;
margin:25px 0;
}

#newsNav ul {
   margin-bottom:20px;
}

#newsNav li {
    font-size:12px;
    line-height:17px;
}

#newsNav li a {
    text-transform: capitalize;
}

#googleMaps {
    height:250px;
    width:600px;       

    
}
#footer { 
 width: 980px;
 
background:#fff;
 color: #333;
 margin: 0px 0px 10px 0px;  
    margin: 0 auto 10px; 
 padding: 10px;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;    
	height:auto !important;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* Type */
p {
color:#0069AA;
line-height:25px;
font-size:15px;
margin-bottom:15px;
}

#footer p {
font-size:11px;
}


a {
text-decoration:none;
color:#0069AA;
}

#contentContainer div#servicenav ul li a {
text-decoration:none;
color:#797979;
}

#bottomHeader a:hover {
border-bottom:solid 15px #2E78A2;

}

#bottomHeader a.current {
border-bottom:solid 15px #2E78A2;

}

h1{
font-size:35px;
color:#0069AA;   
/*color:#777;  */
margin-bottom:20px;       
font-family:"HelveticaNeue-Light", "Helvetica Neue Light";
font-weight:lighter; 
text-transform:lowercase;

}

h2 {
font-size:18px;
font-weight:bold; 
margin-bottom:10px;
color:#0069AA;

}

h3 {
font-size:15px;
font-weight:bold;
color:#0069AA;
margin-bottom:20px;

}

h4 {
color:#0069AA;
font-size:20px; 
margin-bottom:5px;
font-weight:bolder;
}

/* Lists & Nav */
ul {}

li {list-style:none; }     


#navigation ul {
/*float:right; */
/*padding-right:190px; */
font-size:14px;

display:block;
margin-top:10px;
}

#navigation li {
float:left;
margin: 0 3px;
}
#navigation li.spacer {
font-size:21px;
color: #C6C6C6;
margin-top: -5px
}

#contentContainer div#servicenav ul {
font-size:23px;
list-style:none;
display:block;
float:right;
}

#contentContainer div#servicenav ul li {
float:left;
margin: 0 4px;
}

#contentContainer div#servicenav ul li.spacer {
color: #797979;
margin-top: -3px;

}

#contentContainer div#copy ul#portriatservicelist {

color: #636363;
line-height:25px;  
margin-bottom:20px;

}

#contentContainer div#copy ul#portriatservicelist li {
margin-left:20px;
margin-top:15px;    
list-style-type:circle;  
}

#bottomHeader ul {
font-size:23px;
list-style:none;
display:block;
padding-top:30px;
padding-left:90px;
}

#bottomHeader ul li {
float:left;
margin: 0 4px;
}

/* Table */

table {
/*float:right;     */
text-align:left;
width:750px;
border:1px solid #F3F3F3;
padding:0;
/*margin-left: auto;     */
background:#F3F3F3;
/*margin-right:180px;  */
}

td {
padding: 25px 0 ;
color:#0069AA;
}

table.gallerytable tr td {
text-align:center;
background:#fff;

}

/* Misc */

.floatright { float:right; }     
.floatleft {float:left;}
.clear { clear: both; background: none; }
.grey {color:#636363; }
.contactform {margin: 0 0 0px 100px; width:400px;}
.messageSent { background-color: #fff; width:600px; border: 1px solid #1fd900; margin: 45px 0 0 60px; padding:10px;}
 .entry {
    margin:0;

}       

.blog .entry, .single .entry, .archive .entry {    
    
    padding:25px 80px 20px 40px;
/*padding:50px 80px 20px 40px;   
background:transparent url(images/h2undershadow.jpg) no-repeat -100px 0px;     
z-index:199;  */ 
}
.small { font-size:12px;}

/* Forms */

#wrapper #topHeader #newsletter {
width:200px;
display: inline;
position: relative;
float:right;
margin-top:30px;
} 

#wrapper #topHeader #socialNetworking {
width:80px;
    float:right;
    margin-top:15px;    
}   


#wrapper #topHeader form.newsform {
width:100px;
}

#topHeader form.newsform input, #topHeader form.newsform select, #topHeader form.newsform textarea {
background-color: #ffffff;
width:100px;
}
 
  /* defaults for all examples */  
  .kwicks {  
      list-style: none;  
      position: relative;  
      margin: 0;  
      padding: 0;  
  }  

      
 .kwicks li{  
     float: left;  
     width:130px;
  /* height: 200px;      */
     margin-right: 5px; 
     display: block;  
     overflow: hidden;  
     padding: 0;  
     cursor: pointer; 
 } 
 

 #kwick1 {   
/*     background-color: #0089FF;  
*/ }  
 #kwick2 {  
/*     background-color: #0062FF;  
*/ }  
 #kwick3 {  
/*     background-color: #0043FF;  
*/ }
 #kwick4 {  
/*     background-color: #001DFF;  
*/ }
 #kwick5 {  
/*     background-color: #001DCB;  
*/ }  
 #kwick6 {   
/*     background-color: #0000AE;  
*/     margin-right: none;  
 }
  
.galleryTitlesDiv {

          

height:4px;
/*left:26px; */
/*position:absolute;  */
margin:0 0 0 23px ; 

width:0;
 } 
 
.galleryTitlesDiv h2 {
       
     display:block; 
     font-size:60px;
     white-space:nowrap;   
     text-transform:uppercase;
     font-weight:lighter;
        -webkit-transform: rotate(90deg); 
     -moz-transform: rotate(90deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

 } 
 
 .galleryFooter {
    clear:both;
 }        
 h1 {
     
 

          text-transform:uppercase;  
    font-family:"Arial Black",Gadget,sans-serif;
/*    font-size:70px;
    font-weight:bold;
    letter-spacing:-6pt;
    line-height:55px;   */
    margin:0 0 20px 0;
    padding:0;
              
     
    font-size:40px;
      font-weight:bold;
      letter-spacing:-3pt;
line-height:31px;
                          
 
 

  
 
 
            }             
    .blog h1, .archive h1,.single h1 {margin:0;}        
            
            
            
            	.sub-title {
           		top:-1px;
           	       width:auto;
           		display:block;
           		}   
           		
           	  
           		/* Start Block Header */
           		#page-title, .sub-title {
           		clear:both;
           		height:auto;
           		left:63px;
           		overflow:hidden;
            /*   	position:relative;  */    
           		text-transform:uppercase;
           		top:22px;
          
           		z-index:0;     
   
           		} 

           	   /* .sub-title*/  h2, /*.sub-title */ h2 a {
          
/*                  font-size:64px;
                letter-spacing:-5pt; */
           	   /* white-space:nowrap;           */ 
/*                  line-height:50px; */    
           		
           	 /*   font-size:48px;
           	                 letter-spacing:-5pt;
           	                 line-height:36px;*/
           	                 color:#AAAAAA;
                             font-size:36px;
                             letter-spacing:-3pt;
                             line-height:28px; 
                             text-transform:uppercase;
           		}

           		#page-title h2, .sub-title h2 {

           		color:#aaa;
           		font-family:"Arial Black",Gadget,sans-serif;
           		font-size:62px;
           		font-weight:bold;
           		letter-spacing:-5pt;
           	/*  line-height:55px;  */
           		margin:0;
           		padding:0;  
           		}
           		 /*End Block Header */      
           		 
           		 	 hr.thin {
                     height: 1px;
                     border: 0;
                     color: #333;
                     background-color: #333;
                     width: 95%;    
                     margin:10px 0;
                     padding:0;
                     
                 }