/*
Theme Name: charmcitystudios
Version: 1

Dann Malihom
http://charm-city-studios.com

	Dark Red: #a40c0c
	Dark Gray: #252525
	Light Gray: #b8b8b8

*/

/*

	RESET
	
*/
*							{ margin: 0; padding: 0;}
html						{ overflow-y: scroll; }
html, body					{ height: 100%; }
body						{ font-size: 12px; font-family: Trebuchet MS, Helvetica, sans-serif; color: #000000; background: url(images/bg_head.png) top center repeat-x #808080; }
ul						{ list-style: none; }
ol						{ list-style: decimal inside; }
a						{ outline: none; text-decoration: none; }
a:link						{ color: #bb2025; }
a:visited					{ color: #bb2025; }
a:hover						{ color: #a40c0c; text-decoration: underline;}
a:active					        { color: #ff0000; }
a img						{ border: none; }
img							{ vertical-align: middle; }
table						{ border-collapse: collapse; }


/*

	UTILITY
	
*/
.floatLeft					{ float: left; }
.floatRight					{ float: right; }
.clear						{ clear: both; }
.button						{ border: 1px solid #252525; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #252525; }
.button:hover				{ background: #a40c0c; color: white; }



/*

	STRUCTURE
	
*/
#page-wrap					{ width: 1000px; margin: 0px auto -80px;  min-height: 100%; height: auto 
								!important; height: 100%; position: relative; }
#push						{ height: 80px; }

#blog-box					{ width: 580px; float: left; }
#blog-tail                                      { margin: -5px 0 -11px 15px; }
#blog-content				        { width: 525px; float: left; padding: 20px; margin: 0 0 15px 0;
								background: #FFFFFF; 
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px; 
								border-right: 2px solid #252525; border-bottom: 2px solid #252525; }
#demo-box					{ width: 475px; float: right; position: relative; margin: 0 0 0 0; }
#demo-tab					{ width: 25px; height: 265px; float: left; position: absolute; left: 0px; top: 								10px; padding: 0px; background: #ffffff; }					
#demo-content				{ width: 445px; height: 305px; float: right; position: absolute; left: 25px; 								top: 0 px; padding: 10px; background: #b8b8b8;
								-moz-border-radius: 10px; 
								-webkit-border-radius: 10px; 
								border-right: 2px solid #252525; border-bottom: 2px solid #252525; }

#gallery-content			{ width: 400px; left: 25px; margin-top: -10px; }

#twitter-tail                   { margin: 0 0 -11px 25px; }
#twitter-content			{ width: 525px; float: left; padding: 10px 20px 10px; background: #FFFFFF; 
-moz-border-radius: 10px; 
					-webkit-border-radius: 10px; 
								border-right: 2px solid #252525; border-bottom: 2px solid #252525;}

#comic-box			{ width: 220px; height: 200px; position: absolute; float:right; top: 450px;  								margin: 0 0 0 760px; }
#comic-tab			{ width: 25px; height: 130px; float: left; position: absolute; left: 0px; top: 								10px; padding: 0px; background: #ffffff;}
#comic-content			{ width: 170px; height: 175px; float: left; position: absolute; left: 25px; 								top: 0px; padding: 10px;
								background: #b8b8b8; 
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;
								border-right: 2px solid #252525; border-bottom: 2px solid #252525;}



/*

	HEADER
	
*/
h1#logo a				{ display: block; width: 227px; height: 67px; background:  
url(images/charmcitystudios.png) top left no-repeat; text-indent: -9999px; 
					  margin: -1px 10px 8px 0; float: left; }
#top-bar					{ padding: 1px 0 0 0; }
#top-bar p				{ color: #FFFFFF; width: 500px; font-size: 85%; float: left; padding: 5px 0 0 20px; }
form#searchform				{ margin: 17px 0 10px 0; float:right; }


/*

	FOOTER
	
*/
#footer				{ height: 50px; color: #FFFFFF; background: #252525; border-top: 10px solid 	
					#bb2025; padding-top: 20px;}
#footer-inside			{ width: 1000px; margin: 0 auto; }				


/* 

	SIDEBAR
	
*/
.sidebar				{ float: right; margin: 10px 9px 10px 0; padding: 0px 0px 25px 0px;
					width: 400px; }

h1#demoreel a			{ display: block; width: 104px; height: 30px; margin: -5px 0 0 146px;
					background: url(images/demoreel.png) top left no-repeat; text-indent: -9999px;}
h1#recentArtwork a		{ display: block; width: 200px; height: 30px; margin: 0 0 0 100px;
					background: url(images/artwork.png) top left no-repeat; text-indent: -9999px; }


/*

	MENU
	
*/
#menu-bar			{ padding: 0px; margin:0 0 15px 0; }
ul#main-nav			{ width: 900px; float: left; margin: -12px 0 0 50px; }
ul#main-nav li			{ display: inline; }
ul#main-nav li a			{ display: block; height: 30px; text-indent: -9999px; float:left; }

ul#main-nav li.home-nav a	{ width: 150px; background: url(images/home-nav.png) bottom center; }
ul#main-nav li.about-nav a 	{ width: 150px; background: url(images/about-nav.png) bottom center; }
ul#main-nav li.blog-nav a 	{ width: 150px; background: url(images/blog-nav.png) bottom center; }
ul#main-nav li.portfolio-nav a 	{ width: 150px; background: url(images/portfolio-nav.png) bottom center; }
ul#main-nav li.gallery-nav a 	{ width: 150px; background: url(images/gallery-nav.png) bottom center; }
ul#main-nav li.comic-nav a 	{ width: 150px; background: url(images/comic-nav.png) bottom center; }
ul#main-nav li a:hover		{ background-position: center center; }

body#home ul#main-nav li.home-nav a { background-position: top center; }
body#about ul#main-nav li.about-nav a { background-position: top center; }
body#blog ul#main-nav li.blog-nav a { background-position: top center; }
body#portfolio ul#main-nav li.portfolio-nav a { background-position: top center; }
body#gallery ul#main-nav li.gallery-nav a { background-position: top center; }
body#comic ul#main-nav li.comic-nav a { background-position: top center; }


/*

	TWITTER
	
*/
ul#twitter_update_list		{ list-style-type: circle; margin-bottom: 5px; }
ul#twitter_update_list li	{ padding: 3px;}




/* 

	DEMO-CONTENT

*/
#reel 						{ margin: 20px 0 0 25px; }


/*

	POSTS

*/

.post h2				{ text-align: left; text-decoration: none; }
.post h2 a 			{ color: #a40c0c; }
.post h2 a:hover		        { color: #ff0000; text-decoration: none;}
.post p				{ margin-top: 12px; }
.indent                         { padding-left: 10px; }
.indent2                        { padding-left: 30px; }
#comments			{ float: right; }
#date 						{ font-style: italic; color: #666666; font-size: 115%; margin: 0 0 0 0; }
#author                                         { font-style: italic; }
.prev-next                                      { text-align: center; }
.paginate                                       { float: left; }

/*

        ABOUT

*/

#about-box          		{ float: left; margin: 0 0 10px 0; padding: 10px 10px 15px 10px; background: #FFFFFF; 	
				-moz-border-radius: 10px; -webkit-border-radius: 10px; border-right: 2px solid #252525; 	
				border-bottom: 2px solid #252525; width: 525px; }

/*

	BLOG
	
*/

.blog-post			{ float: left; margin: 0 0 10px 0; padding: 10px 10px 15px 10px; background: #FFFFFF;
				-moz-border-radius: 10px; -webkit-border-radius: 10px; 
				border-right: 2px solid #252525; border-bottom: 2px solid #252525; width: 525px;  }
.blog-post p			{ margin-top: 12px; }
/*

        GALLERY

*/

.gallery-thumb                                  { float: left; margin: 10px 0 0 50px; }

/*

        A YEAR OF ART

*/

.ayoa-post                            { float: left; margin: 0 0 10px 0; padding: 10px 10px 15px 10px; background: #b8b8b8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-right: 2px solid #252525; border-bottom: 2px solid #252525; width: 750px; }
.ayoa-sidebar					{ float: right; margin: 0 0 10px 0; padding: 10px 10px 30px 10px; background: #b8b8b8;
								-moz-border-radius: 10px; 
								-webkit-border-radius: 10px; 
								border-right: 2px solid #252525; border-bottom: 2px solid #252525;
								width: 155px; position: absolute; left: 783px; }

/*

          SINGLE PAGE

*/

.single-post                        { float: left; margin: 0 0 10px 0; padding: 10px 10px 15px 10px; background: #b8b8b8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-right: 2px solid #252525; border-bottom: 2px solid #252525; width: 750px; font-size: 105%; font-family: Georgia, serif; color: #000000; }

/*

          GALLERY

*/

#traditional                    { float: left; margin: 0 0 10px 100px; width: 750px; }
#trad-tab                       { width: 150px; height: 25px; margin-left: 10px; }
#trad-content                   { padding: 10px 10px 15px 10px; background: #b8b8b8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-right: 2px solid #252525; border-bottom: 2px solid #252525; height: 175px; width: 750px; }

#digital                        { float: left; margin: 0 0 10px 100px; width: 750px; }
#digi-tab                       { width: 150px; height: 25px; margin-left: 10px; }
#digi-content                   { padding: 10px 10px 15px 10px; background: #b8b8b8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-right: 2px solid #252525; border-bottom: 2px solid #252525; height: 175px; width: 750px; }

#models                         { float: left; margin: 0 0 10px 100px; width: 750px; }
#models-tab                     { width: 150px; height: 25px; margin-left: 10px; }
#models-content                 { padding: 10px 10px 15px 10px; background: #b8b8b8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-right: 2px solid #252525; border-bottom: 2px solid #252525; height: 175px; width: 750px; }

#animations                     { float: left; margin: 0 0 10px 100px; padding: 10px 10px 15px 10px; background: #b8b8b8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-right: 2px solid #252525; border-bottom: 2px solid #252525; width: 750px; }