/* @override http://www.zicklepop.com/wp-content/themes/zicklepop/style.css */

/*
Theme Name: ZicklePop Productions
Theme URI: http://www.zicklepop.com/
Description: Back to the roots.
Version: 1.0
Author: Jake Bilbrey
*/

		/* And thats the same way
		I want you to remember,
		everything,
		Everything I said,
		Everything I did */
		
			body {
				font-family: Helvetica, sans-serif;
				color: #FFFFFF;
				font-size: 16px;
				padding: 0px;
				margin: 0px;
			}
						
/* Header */
			#header {
				margin-right: auto;
				margin-left: auto;
				width: 800px;
				background-color: #FFFFFF;
				color: #000000;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-top-left-radius: 5px;
				-moz-border-radius-topright: 5px;
				-moz-border-radius-topleft: 5px;
				border-top-right-radius: 5px;
				border-top-left-radius: 5px;
			}
			#header h1 {
				padding: 26px 15px 15px 15px;
				background: url(images/bluebar.png) 0px top repeat-x;
				color: white;
				margin-bottom: 0px;
				margin-top: 0px;
				font-weight: bold;
				font-family: "Helvetica Neue", Helvetica, sans-serif;
				font-size: 2.5em;
			}
			#header a {
				color: #2a2a2a;
				text-decoration: none;
			}
			
/* Menu */
			#menu {
				margin-right: auto;
				margin-left: auto;
				width: 800px;
				color: #e9e9e9;
				padding: 0px;
				height: 39px;

			}
			#menu p {
				display: none;
			}
			#menu ul {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				height: 39px;
				position: relative;
				z-index: 7;
			}
			#menu li {
				margin: 0px;
				padding: 0px;
				float: left;
				height: 39px;
			}
			#menu a {
				display: block;
				padding: 11px 15px;
				height: 39px;
				color: #dedede;
				text-decoration: none;
			}
			#menu a:hover {
				height: 39px;
				color: #FFFFFF;
			}
			#menuselect {
			}
			#menuselect a {
				color: #2a2a2a;
			}
			
/*Content*/
			#content {
				padding: 15px;
				clear: both;
				margin-right: auto;
				margin-left: auto;
				width: 770px;
				background-color: #f7f7f7;
				color: #313131;
				position: relative;
				z-index: 3;
				
				-webkit-border-radius: 7px;
				-moz-border-radius: 7px;
				border-radius: 7px;
			}
			#content h1 {
				padding: 0px;
				margin: 0px;
			}
			#content h1 a {
				color: #313131;
				text-decoration: none;
			}
			.post a {
				color: #0089ff;
			}
			.post p {
				text-indent: 1.5em;
			}
			.date {
				color: #656565;
				padding: 0px;
				margin: 0px;
				font-size: .85em;
				text-indent: .5em;
			}
			.date a {
				color: #324965;
			}
			.footnotes {
				color: #656565;
				padding: 5px;
				margin: 0px;
				font-size: .85em;
				text-align: right;
				clear: both;
			}
			.footnotes a {
				color: #324965;
			}
			
/* Subcontent */
			#subcontent {
				margin-right: auto;
				margin-left: auto;
				width: 800px;
				color: #eeeeee;
				display: none;
				border-top: 1px solid #373737;
	visibility: hidden;
}
			#mystuff{
				width: 398px;
				float: left;
			}
			#mylinks {
				width: 150px;
				padding: 15px;
				float: right;
			}
			#mylinks h2 {
				padding: 0px;
				margin: 0px;
			}
			#mylinks ul {
				padding: 0px;
				margin: 0px;
				list-style-type: none;
			}
			#mylinks li {
				border-bottom: 1px solid #727272;
				padding-bottom: 2px;
				padding-top: 6px;
			}
			#mylinks li a {
				text-decoration: none;
				color: #D9D9D9;
			}
			#mylinks li a:hover {
				color: #FFFFFF;
			}
			#mysites {
				padding: 15px;
				width: 185px;
				float: left;
			}
			#mysites h2 {
				padding: 0px;
				margin: 0px;
			}
			#mysites ul {
				padding: 0px;
				margin: 0px;
				list-style-type: none;
			}
			#mysites li {
				border-bottom: 1px solid #727272;
				padding-bottom: 2px;
				padding-top: 6px;
			}
			#mysites li a {
				text-decoration: none;
				color: #D9D9D9;
			}
			#mysites li a:hover {
				color: #FFFFFF;
			}
			#recentphotos {
				padding: 15px;
				width: 370px;
				float: right;
			}
			#recentphotos h2 {
				padding: 0px;
				margin: 0px;
			}
			#recentphotos ul {
				padding: 12px 0px 0px 0px;
				margin: 0px;
				list-style-type: none;
			}
			#recentphotos li {
				display: inline;
			}
			#recentphotos img {
				border: 0px none;
			}
			#recentphotos li a img {
				margin: 5px 4px 1px 1px;
				padding: 5px 5px 20px 5px;
				background-color: #b6b6b6;
				border: 1px solid #646464;
			}
			#recentphotos li a:hover img {
				margin: 5px 4px 1px 1px;
				padding: 5px 5px 20px 5px;
				background-color: #E2E2E2;
				border: 1px solid #646464;
			}
			
/* Footer */
			#footer {
				clear: both;
				margin-right: auto;
				margin-left: auto;
				width: 800px;
				color: #2a2a2a;
				height: 52px;
			}
			#creativecommons {
				float: left;
				padding: 2px 15px;
			}
			#creativecommons a {
				color: #00b9ff;
				text-decoration: none;
			}
			#creativecommons a:hover {
				color: #3ccbfe;
				text-shadow: 0 0 3px #00b9ff;
			}
			#rss {
				float: right;
				text-align: right;
				padding: 2px 15px 0px 15px;
	visibility: hidden;
	display: none;
}
			#rss a { 
				color: #00b9ff;
   				padding-right: 20px;
   				height: 18px;
  				background: url(images/rss.png) right center no-repeat;
  				display: block;
				text-decoration: none;
			}
			#rss a:hover {
				color: #3ccbfe;
				text-shadow: 0 0 3px #00b9ff;
			}
/* Page Exclusive */
			.preview, .preview img {
				margin: 5px;
				padding: 4px;
				border: 1px solid #CCCCCC;
			}

			.leftview, .leftview img {
				margin: 5px;
				padding: 4px;
				border: 1px solid #CCCCCC;
				float: right;
			}

			.aboutpic, .aboutpic img {
				margin: 5px;
				padding: 4px;
				float: right;
			}

			.wallcenter {
				text-align: center;
			}

			.blogcenter {
				text-align: center;
				border: 0px solid #FFFFFF;
			}