/*  

Theme Name: ms zig zag

Version: 1.0

Author: Gray Ayer, based off Padd IT Solutions

Author URI: http://www.ilikegray.com

Last Updated: 10-1-2008

*/



/* TABLE OF CONTENTS *******************************************



PAGE MENU - line 715

footer addons - line 845





****************************************************************/





/* *********************** Font definitions ********************



red of header text: #B80A69

background color of footer: #F9DA8A

orange sidebar  link - #760543

dark pink link: #C50A6B

date pink color: #92074F



hot pink header text: #770444 

navigation hover:#770444

main content header:#B80A69



****************************************************************/



/* Begin Typography & Colors */





	

body {

	margin:0px auto;

	padding:0px;

	font-size: 13px;

	font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;

	color: #333;

	width:770px;

	position: relative;

	background: #431146 repeat url(images/purplestripe.png) fixed;

	line-height:1.5em;

	}

 

#page {

	text-align: left; 

	background: #fff;

	margin:0 auto;

	Xborder:#D603B0 solid 2px;



	}



#page-top {

	background: url(images/page-top-bg.jpg) bottom no-repeat; 

	}



#page-body { 

	background: #fff;

	}	

	

#content {

    background-color:#fff;

	background: url(images/vertical-line.jpg) top right repeat-y;

	line-height: 1.4em;

	}



#sidebar {

    background-color:#fff;

    }





.narrowcolumn .entry  {

	line-height: 1.6em;

	}



.narrowcolumn .postmetadata {

	text-align: left;

	}



.alt {

	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;

	}



#footer {

 	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	border: none;

	color:#2c2c2c;

	}



#footer a { color: #FFF;}	/*gray changed*/

	

small {

	font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 1.5em;

	}



h1, h2, h3 {

	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Grande', Arial, Verdana, Sans-Serif;

	font-weight: normal;

	color:#B80A69;

	}



.description {

	color:#f7eef8;

	font-family:Georgia;

	font-size:18px;

	padding:60px 0 0 29px;

	text-align:left;

	}





#header #header_img {

	width:770px;

	height:215px;

	background:url(images/header_banner.jpg) no-repeat;

}





h2 {

	font-size: 20px; 

	}



h2.pagetitle {

	font-size: 20px;  

	}



#sidebar h2 {

	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Grande', Arial, Verdana, Sans-Serif;

	font-size: 20px;

	margin:0;

	padding:0px 10px 5px 0px;

	width:210px; 

	background: url(images/sidebar-h2-bg.gif) bottom left repeat-x;

	color:#760543; 

	}



h3 {

	font-size: 1.6em; 

	}



h1, h1 a, h1 a:hover, h1 a:visited{

	text-decoration: none;

	}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

	color:#B80A69; 

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	}



.entry p a:visited {

	color: #c60;

	}



.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em Verdana, Arial, Sans-Serif;

	}



.commentlist li {

	font-weight: normal; 

	background:url(images/comment-post-icon.gif) top left no-repeat;

	}

	

.commentlist li ul li, .commentlist li ol li {

	background:none;

	}	



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;

	}



.commentmetadata {

	font-weight: normal;

	}



#sidebar {

    font: 11px Verdana, Arial, Georgia, Helvetica, sans-serif;

	line-height: 18px; 

	background: #fff;

	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #333; 

	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps {

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a, h2 a:hover, h3 a:hover {

	color: #B80A69;  

	text-decoration: none;

	}



a:hover { 

	color: #B80A69;

	text-decoration: underline; 

	}



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em Verdana, Arial, Georgia, Helvetica, sans-serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

/* End Typography & Colors */



/* Begin Structure */

body {

	margin: 0 auto;

	padding: 0; 

	/*padding-top:65px; /*adjusted this from 105px to reduce the "white space" at the top of the page image*/

	width:770px;

	min-height:600px;

	}

	

#body_wrap {

    margin: 0 auto;

	padding: 0; 

   } 





#header {

    margin: 0 auto;

	padding: 0; 

	height: 170px;   

	width:770px; 

	}



#page {

	margin: 73px auto 0 auto;

	padding:10px 0;

	width: 768px; 

	min-height: 500px;

	border:1px solid #B80A69;

	}



#page-body { 

    margin: 0 auto;

	width: 100%; 

	min-height: 500px;	

	}



#content {

    float:left;

	width: 498px; 

	min-height:500px; 

	padding:0;

	margin:0px 15px 10px 18px; 

	}



.narrowcolumn { 

	padding:0;

	margin:0;

}



.post {

    padding:0;

	margin:0;

	text-align: justify;  

	font-size:13px; /*same as mszigzag.typepad.com */

	min-height:50px;

	margin-right:15px; 

	}

	

.post hr {

	display: block;

	background: url(images/post-divider.jpg) scroll center repeat-x;

	height:2px;

	}



.hr {

	display: block;

	background: url(images/post-divider.jpg) scroll top right repeat-x;

	height:2px;

	}



.post-head {

    float:left;

	padding-bottom: 8px;

	width:488px;

	}

	

.post-head h2 { margin: 0px; }	

	

.category-icon {

    background: url(images/category-icon.jpg) left center no-repeat;

	width:14px;

	height:14px;

    padding:5px 5px 5px 20px;

    }	

	

.comment-icon {

    background: url(images/comment-icon.gif) left center no-repeat;

	width:14px;

	height:15px;

    padding:5px 5px 5px 20px;

    }

	

.entry {

    margin:0;

	padding-top:1px;

	/* disabled cuz it made the page titles look funny

	 background: url(images/post-divider.jpg) top right repeat-x;

	 */

    }



.postmetadata {

	clear: left;

	height:28px;

	width:478px; 

	line-height:2.3em;

	font-size: 10px;

	font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;

	background: url(images/post-divider.jpg) bottom right repeat-x;

}



#footer {

    margin: 0 auto;

	padding: 0;

	width:770px; 

	color: #FFFFFF;

	} 

	

#footer p {

	margin: 0;

	padding-top:2px;

	text-align: center;

	line-height: 1.4em;

	}

/* End Structure */



/*	Begin Headers */

/*h1 {

	margin: 0;

	padding:0;

	padding-left:42px;

    height:50px;

}*/



h1, h2 {

	margin: 10px 0 10px 0;  

	padding-bottom:5px;

	line-height:20px;

	}



#content.narrowcolumn h2 {

	background:transparent url(images/sidebar-h2-bg.gif) repeat-x scroll left bottom;	

}



h2.pagetitle {

	text-align: left;

}



h3 {

	padding: 0;

	margin: 25px 0 0 0;

	}



/* End Headers */





/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.aligncenter {

	display:block;

	margin: 0 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;

	}

/* End Images */



html>body .entry ul {

	margin: 0 20px 15px;

	padding: 0 0 0 30px;

	list-style: disc;

	padding-left: 10px;

	text-indent: -5px;

	} 



html>body .entry li {

	margin: 7px 0 8px 0px;  

	}

	

.entry ul {

   margin-left:28px;

}



.entry ul li {

   padding:0;

   padding-left:10px; 

  }	



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0px;

	padding: 0px;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 10px;  

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 3px; 

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 8px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 0px 10px 0 25px; 

	padding: 0;

	list-style-type:disc;	

	color:#09f;

	}



#sidebar ul ul li a {color:#B80A69;}



/* End Entry Lists */



/* Begin Form Elements */

#searchform {

    width: 230px;

	height:30px;

	padding-bottom:10px;

	padding-top:5px;

	margin:0;

    }



#header  #searchform  #s {

	width: 170px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform {

    margin:0;

	padding:0;

}	

	

#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0; 

	background-color:#d8ecff;

	border:1px solid #7fbcf9;

	}



#commentform textarea {

	width: 95.5%;

	padding: 2px;

	background-color:#d8ecff;

	border:1px solid #7fbcf9;

	}



#commentform #submit {

	margin: 0;

	float: right;

    margin-bottom: 2em;

	margin-right:16px;

	}

/* End Form Elements */



/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify; 

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 0px 10px 3px 20px;

	list-style: none; 

	}



.commentlist li ul li {

    list-style: disc outside;

    border:0;

	margin:0;

	padding:3px;

	}

	

.commentlist li ol li {	

	list-style: decimal outside;

	margin:0;

	border:0;

    margin-left:4px;

	padding:0px;

	}



.commentlist p {

	margin: 10px 5px 10px 25px;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */



/* Begin Sidebar */

#sidebar {

    float:left;

	padding: 0;

	margin:0;

	width: 228px;  

	min-height: 430px;

	}

	

/* widgets */

#sidebar .widget {

   width: 228px; 

   margin:0;

   padding:0;

}	



#sidebar .widget ul { 

   margin:0;

   padding:0;

   padding-top:5px;

}



#sidebar .widget {

   margin:0;

   padding:0;

   padding-bottom:10px;

}

/* end widgets */	 

	

#sidebar form {

	margin: 0;

	} 

	

#sidebar p {

    padding:5px 0;

	color:#333

	}	

	

#sidebar .rss-feed-a {

    color:#c69; 

    background: url(images/rss-icon.jpg) right no-repeat;

	padding-right:30px

	}		



/* End Sidebar */



/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */



/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin:0;

    padding:0; 

	padding-left:50px;

	min-height:30px;

    color:#999;  

	background: #fff url(images/blockquote-bg.jpg) top left no-repeat;  

    font-style:italic; 

	width:85%;   

	}



blockquote blockquote {

   	margin:0;

    }	

	

blockquote cite {

	margin: 5px 0 0;

	display: block;

	}





.center {

	text-align: center;

	}



hr {

	display: none;

	background: url(images/post-divider.jpg) top right repeat-x;

	}



a img {

	border: none;

	}



.navigation {

 	text-align: center;

	padding-top: 10px;

	padding-bottom: 10px; 

	width:485px;

	}

/* End Various Tags & Classes*/  



/* PAGE MENU */

#menu-bar {

    float:left;

	margin:0 0 30px 0;

	/*margin:141px 0 0 0;  this was what it was for crafty*/

	padding:0;

  	width: 100%;

	height:100%;

	line-height:30px;

    height:30px;

	font-size:15px;

	background:#B80A69 /*#760543 dark purple*/;

	}

    

#menu-bar ul {  

    padding:0;

	margin:0; 

	}	

	

.pagenav-home { 

   width: 100px;

   height:26px;

   list-style-type:none; 

   padding:0;

   margin:0;

   display:inline;

   }

   

.pagenav {

 	list-style-type:none; 

	}



.pagenav h2 {

   display:none;

   margin:0;

   padding:0; 

   }	



.pagenav ul, .pagenav-home ul   {

    list-style-type:none;

	float:left; 

	padding:5px 0;

	margin:0;

	}

	

.pagenav ul li {

    padding:0;

	margin:0;

    display:inline;

    }

	

.pagenav ul li a, .pagenav-home ul li a {  /*inactive page background*/

    width:100px;

	float: left;

	/*margin-left:2px; originally for craftywriter */

	background: #B80A69 /*url(images/pagemenu-inactive-bg.jpg) top repeat-x  */; 

    color:#fff;

	text-decoration: none;

	text-align:center;

	text-transform:capitalize;

	font-family:'Trebuchet MS','Lucida Grande','Lucida Grande',Arial,Verdana,Sans-Serif;

	height:30px;

    }	

	

.pagenav ul li a:hover, .pagenav-home ul li a:hover {

 	background: #760543/*url('images/pagemenu-active-bg.jpg')  top repeat-x*/; 

    color:#FFFFFF;

	}		



.pagenav ul li.current_page_item a, .pagenav-home ul li.current_page_item a { 

    background: #760543 /*url('images/pagemenu-active-bg.jpg') top repeat-x*/;  

    color: #FFFFFF;

	}	

	

.pagenav ul li.current_page_item ul li a { 

	background-color:#760543;

    Xbackground: #fff url('images/pagemenu-inactive-bg.jpg')  top repeat-x; 

    color:#fff;

	}



.pagenav ul li.current_page_item ul li a:hover { 

    background: #fff url('images/pagemenu-active-bg.jpg')  top repeat-x; 

    color:#fff;

	}	

	

#footer-top {

   margin:0 auto;

   width:770px;

   height:9px;

}

	

#footer-bot {

   margin:0 auto;

   width:770px;

   height:50px;

   text-align:center;  

}

	

/* SIDEBAR addons */	

	

#sidebar ul  ul li  {

   list-style-type:none;   

   padding-left:15px;

   margin-left:0px;    

   background: url(images/sidebar-list-icon.gif) left no-repeat;

   }



.date {

   float:left;

   padding-left:20px;

   color:#92074F;

   background: url(images/calendar-icon.gif) left center no-repeat;

   }

  

.comment {

   float:right;

   }

   

/* footer addons */

#footer-top {

   height:245px;

   width:768px; /*to accomadate the 2px's of border*/

   background:#F9DA8A url(images/paper-pattern.jpg) repeat;

   border:1px #FFF solid;

   border-top:none;

   color:#171717; 

   font-size:12px;

}



#footer-top #popular-post {

   float:left;

   width:506px;

   height:245px;

   margin-left:18px;

}



#footer-top #popular-post ul { 

   list-style:none;

   margin:0;

   padding:0;

}



#footer-top #popular-post ul li a{

   color:#666;

}



#footer-top #popular-post ul li ul li {

   padding-bottom:6px;

   background: url('images/popular-post-li-bg.gif') bottom repeat-x;

}



#footer-top #about {

   float:right;

   width:228px;

   height:245px;

}



#footer-top #about a { color: #666; }



#footer-top #about p{ 

   margin:0;

   padding:0;

   text-align:left;

   color:#333;

   margin-right:18px; 

}



/*contact form*/

#wpcf{

float:left;

clear:both;

}



#wpcf label{

float:left;

clear:both;

padding-bottom:2em;

}



#wpcf input{

float:left;

margin-left: 1em;

}





/* PORTFOLIO MENU */

.portfolio-menu {

	padding:0;

	margin: -20px auto 0 40px;

	line-height:20px;

    height:20px;

	font-size:12px; /*increased at ZigZag's request*/

	list-style:none;

	width:400px;

	clear:both;

	}

    

#portfolio-menu ul {  

    padding:0;

	margin:0; 

	}	



.portfolio-menu h2 {

   display:none;

   margin:0;

   padding:0; 

   }	

	

.portfolio-menu ul li {

    padding:0;

	margin:0;

    display:inline;

    }

	

.portfolio-menu ul li a, .portfolio-menu ul li a {

	float: left;

	margin:0 2px; /*preserves space between links*/

	background: #B80A69 /*url(images/pagemenu-inactive-bg.jpg) top repeat-x*/  ; 

    color:#fff;

	text-decoration: none;

	text-align:center;

width:50px; 

	padding:0 6px 0 10px;

    }	

	

.portfolio-menu ul li a:hover, .portfolio-menu ul li a:hover {

 	background: #fff /*url('images/pagemenu-active-bg.jpg')  top repeat-x*/; 

    color:#333333;

	}		



.portfolio-menu ul li.current_page_item a, .portfolio-menu ul li.current_page_item a { 

    background: #fff url('images/pagemenu-active-bg.jpg') top repeat-x;  

    color: #333333;

	}	

	

.portfolio-menu ul li.current_page_item ul li a { 

	background-color:#D84408;

    background: #fff url('images/pagemenu-inactive-bg.jpg')  top repeat-x; 

    color:#fff;

	}



.pagenav ul li.current_page_item ul li a:hover { 

    background: #fff url('images/pagemenu-active-bg.jpg')  top repeat-x; 

    color:#fff;

	}	

	

/*Making the page wider*/

#header, body {

	width:900px;

}



#page {

	width:898px;

}



#content {

    width: 630px;

}



#header #header_img {

	width:900px;

	height:215px;

	background:url(images/header_banner.jpg) no-repeat;

}

.twitter-share-button {
	margin-top:5px;
}

.socialmedia-buttons{
	margin-top:5px;
}