/*   
Theme Name: kitestring
Description: Custom theme by Brandon St. Amand
Author: kitestring
Author URI: http://www.kitestring.ca/
Version: 1.0
*/


/*
Colours:
green light: #7AB538
Grey Text: #6A6B6D
Grey Dark: #272425
*/
img {border:0px;}

a:visited{
 color: #019FC4;
}



body {
    font-family:Arial, Helvetica, sans-serif;
    background-color:#fff;
    margin-left:auto;
    margin-right:auto;
    font-size:.9em;
    color:#6A6B6D;
    line-height:13pt;
    padding:0;
    margin-top: 0px;
	
}



#container {
width:960px;
text-align:left;

margin:auto;
}

#header{
	width:100%;
	height: 180px;
}

#logo
{
    width:267px;
    margin:auto;
    padding: 10px 00px 0px 00px;
	float:left;
    
}

#top-menu{
	height: 40px;
	padding: 69px 12px 0px 0px;
	float: right;
}

#top-menu img{
	padding: 0px 4px 0px 4px;
}

.news{
  padding: 0px 12px 0px 0px;
  font-size: .8em;
  margin: 0px 0px 24px 0px;

}

#slogan{
	margin: 0px 0px 0px 0px;
}

#right-side{
	width: 680px;
	float:left;
	height:auto;
	display:inline;
}

#contentcontainer{
    width: 680px;
    float:left;
	height: auto;
	display:inline;
	background:url(images/ks_div.png) repeat-y;
	padding: 0px 0px 0px 20px; 
	margin: 00px 0px 0px 0px;
}

.textContainer
{
    padding: 0px 5px 5px 5px;
    margin-bottom:00px;    
    min-height: 200px;
    width: 680px;
    float:left;
	
}

.post { width: 650px; float: left; }
.post h2 { color: #019FC4; font-size: 20px; letter-spacing: -1px; padding: 0px 0 5px 0; margin-bottom: 0px;}
.post h2 a { color: #019FC4; text-decoration: none; }
.post h2 a:hover { text-decoration: underline; }

.post-text{margin:0px 0px 0px 0px;}
.text { float: left; width: 680px; }
.text a { color: #019FC4; text-decoration: none; }
.text p { margin: 15px 0; line-height: 22px; color: #333; margin-top: 0;}
.text ul, .text ol { margin: 5px 0; }
.text li { margin: 5px 0; }
.text blockquote { font-style: italic; background: url(images/quote.gif) top left no-repeat; text-indent: 25px; }
.info { color: #666; float: left; width: 100%; font-size: 11px; padding: 0px 20px 0 0; margin-top: 0px;}
.info ul {margin:0px; padding:0px; display:inline;}
.info ul li { margin: 0 0 4px 0; list-style: none;}
.info a { color: #019FC4; text-decoration: none; }
.more-link { display: none; }

.more {font-size: 11px; margin: 0px 0px 12px 0px;}

#team{width:680px; margin:0px 0px 12px 0px; float:left;}
.team-title{float:left; margin:0px; display:inline;}
.team-pics{float:left; margin:0px; display:inline; border: 0px; padding: 0px;}
.team-pics a {float: left; margin: 0px; padding: 0px; display: inline;}

/* Sidebar */
#sidebar{
	width: 267px;
	float:left;
	height: auto;
	display:inline;
	margin:0px 0px 0px 6px;
}

#sidebar h3 { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #999; }
#sidebar p { float: left; margin: 10px 10px 10px 0px; }
#sidebar a { color: #664a86; text-decoration: none; }
#sidebar ul { margin: 10px 0; list-style: none; }
#sidebar ul li { margin: 4px 0; float: left; }

.divider { clear: both; width: 275px; padding: 10px 0 0 0; margin: 10px 0 15px 0; background: url(images/divider.png) bottom repeat-x; height: 4px; }
#ads { width: 280px; float: left; margin: 0 0 0 0px; }
#ads a img { float: left; margin: 0 15px 15px 0; }

#categories ul { font-size: 12px; width: 275px; float: left; }
#categories ul li { float: left; width: 137px; }
#categories ul li a { color: #222; text-decoration: none; }

#blogroll ul { width: 275px; }
#blogroll li { float: left; width: 275px; color:#222; }
#blogroll a { color:#222; }

#search input.search { margin: 15px 0 0 0; height: 23px; width: 245px; border: 1px solid #999; font-size: 12px; }



.text-sub
{
    padding: 20px 4px 5px 5px;
    margin-bottom:00px;    
    min-height: 200px;
    width: 707px;
    float:right;
	
}


.read-more{	
	display: inline;
	margin: 0px 12px 0px 0px;
	
}

.read-more a{
	color: #B1BB1C;
	font-weight: bold;
}

.read-more a:hover{
	color: #12A5C8;
}


.content ul, .content ol {
    padding: 0px 0px 0px 40px;
}

.content li {
    padding: 0px 0px 6px 8px;
}

H1
    {
       
      color: #019FC4;
      font-size: 120%;
	  line-height: 110%;
      letter-spacing: 0px;
      font-weight: bold;
      margin: 0px 0px 8px 0px;
      background:url(images/pp_title_underline.png) no-repeat;
      background-position: 0px 24px;
      padding: 0px 0px 28px 0px;
    }
    
.home{
	text-align:center;
	color: #019FC4;
        line-height: 200%
}

    H3
    {
      color: #000000;
      font-size: 100%;
      letter-spacing: 0px;
      font-weight: bold;
      margin: 0px 0px 0px 0px;
    }
    
    p {
        margin: 0px 12px 12px 0px;
        line-height: 150%;
        color: #57585A;
        font-weight: normal;
    }
    



#portfolio ul {list-style:none;
    display: inline;
	padding: 0px;}
#portfolio ul li{
padding: 0px 20px 0px 00px;
    list-style:none;
    display: inline;
}


#menuPanel {
    
    width: auto;
    float: left;
    margin: 20px 0px 0px 25px;
    text-align:left;
display: inline;
    padding:0px;//*background:url(images/CK_MENUPANEL.gif) #fff repeat;*//
}

#menuPanel ul{
    list-style:none;
    display: inline;
	padding: 0px;
}

#menuPanel ul li{
	padding: 0px 20px 0px 00px;
    list-style:none;
    display: inline;
	
}

#menuPanel ul li a{
		font-family: 'Myriad Pro', Arial, sans;
		font-weight: bold;
	   color: #605F4B;
	   font-size: 18px;
           text-decoration: none;

}

#menuPanel ul li a:hover{
	   color: #c1c1c1;
	   font-size: 18px;
}

#menuPanel ul li.current_page_item a, #menuPanel ul li.current_page_parent a{
	   color: #45C3D3;
	   font-size: 18px;
}

.footer {
color:#b1b1b1;
font-size:75%;
line-height: 250%;
text-align:center;
width: 100%;
position: relative;
float:left;
margin-top: 30px;
}

.footer a:hover {
 color: #cccccc;
}

.footer a,.footer a:active {
color:#b1b1b1;
font-weight:700;
text-decoration:none;
}



/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 560px;
	
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 0px dotted #888888;
	border-bottom: 0px dotted #888888;
	}
	
#commentblock a, #commentblock a:visited {
	color: #019FC4;
	text-decoration: none;
	}
	
#commentblock a:hover {
	color: #2583AD;
	text-decoration: none;
	}		
	
#commentblock ol {
	list-style-type: decimal;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px 0px;
	}
	
#commentblock ol li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}	
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}
	
.commenttitle {
	color: #AAAAAA;
	font-size: 12px;
	
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
	}		

.commenttext {
        color: #FFF;
	clear: both;
	margin: 3px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	width: 420px;
}



.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 420px;
	background: #FFFFFF;
	}
	
/************************************************
*	Comment Form  							    *
************************************************/

#author, #email, #url {
    background: url(images/search_s.jpg) no-repeat; 
   
    font-size: 12px;
    color: #222222;
    border: 1px solid #666666;
    padding: 5px;
    width: 210px;
	}
	
#comment {
	background: url(images/textarea.jpg) no-repeat;
	
	font-size: 12px;
	color: #222222;
	border: 1px solid #666666;
	padding: 5px;
	width: 440px;
    }

#submit {
        float: right;
	background: url(images/submit_bt.jpg) repeat-x;
	
	font-size: 12px;
        font-weight: bold;
	border: 1px solid #333;
	color: #333;
	padding: 3px;
}

#submit:focus, #submit:hover {
	background-color: #222222;
	
	font-size: 12px;
	border: 1px solid #999999;
	color: #EEEEEE;
	padding: 3px;
}

.navigation a {
 color: #019FC4;
 text-decoration: none;
 font-size: 120%;
}

.navigation a:hover {
   color: #605F4B;
   text-decoration: underline;
}
.alignleft {float:left;}
.alignright {float:right;}


#sidebar ul {padding: 0px; margin:12px 0px 12px 0px;}
.widget li{padding: 0px; margin:12px 0px 12px 0px; display: block;}

.widget {list-style:none;margin:0px 0px 12px 0px; display: block;}
.widgettitle{color:#B1BB1C; font-size: 24px; font-weight:bold; padding: 0px 0px 0px 50px; margin: 0px; background: url(/images/ks_widget_bullet.png) no-repeat; height: 44px; line-height: 44px; width: auto; position: relative;}

.textwidget{font-size: 12px; padding: 0px 6px 0px 0px;}
.testimonial{font-size: 12px; padding: 0px 6px 0px 0px;line-height: 150%; color: #57585a; font-weight: normal;}

.sociable ul{
    list-style:none;
    display: inline;
	padding: 0px;
}

.sociable ul li{
	padding: 0px 20px 0px 00px;
    list-style:none;
    display: inline;
}

.auth-info{display:inline; width: 600px; background: #f1f1f1; float: left;}
.authpic{float:left; margin: 6px; width: 70px; text-align: center;}
.authpic img {}
.authbio{float:left; width:500px; margin: 6px; display:inline; font-size: 11px;}

.port-pics{
 width: 100%;
 display: block;
 float: left;
padding: 10px 0px;
border-top: 1px dashed #B1BB1C;
}

.port-pics img{
 margin: 0px 20px 0px 0px;
 float: left;
 display: inline;
 height: 68px;
 border: 1px solid #f1f1f1;
}

.port-pics p {float:left; margin:0; padding:0; display: inline;}

.myGallery, #myGallerySet, #flickrGallery {border: 2px solid #E7E7E7!important; width: 300px!important; float: right;}

.jdGallery {width: 300px!important; display: inline; float: right;}
#portfolio2, #portfolio2 ul {float: left; display: inline; width: 140px; margin: 0px; padding:0px 20px 0px 0px; list-style-type: none;} 
#portfolio2 li {bullet-style-type: none; padding: 8px 0; margin: 0px;}
#port-slider{float:left; display: inline; width: 500px;}
#portfolio2, #port-slider {margin-top: 20px;}

.google-plus {float: left; display: inline;}
.left-buttons img {float: left; padding: 0; margin:0; display: inline;}

.happy-appy-links {margin: auto; text-align: center; width: 100%;}
.happy-appy-links img {margin-right: 18px;}