/************************************************************************* 
	Justin Schroeder Copyright 2009. No Rights Reserved.
	
	Thanks for reading my css, it shows you care. Like what you see?
	Lets Talk. Shoot me a line, you've earned the right:
	justin (at) jpschroeder (dot) com

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


/* ORGANIC ELEMENTS */

body{
	padding: 0px;
	margin: 0px;
	background-color: #4c4c4c;
	background-image: url(../graphics/background.jpg);
	font-family: Georgia,"Nimbus Roman",serif;
	text-align: center;
	font-size: 14px;
	color: #cccccc;
	font-weight: 200;
}

a:active, a:focus{
	outline: 0px;
}
a{
	text-decoration: none;
	color: #ffffff;
}

h1{
	color: #FF3300;
	font-size: 28px;
	font-weight: 600;
	padding: 0px;
	margin: 0px;
	letter-spacing: 1px;
	float: left;
}
h2{
	color: #FF3300;
	padding: 0px;
	margin: 0px;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 27px;
}
h3{
	color: #FF3300;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
}
p{
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 170%;
	padding-top: 18px;
	font-weight: 100;
}
input, textarea{
	border: 0px;
	font-family: Georgia,"Nimbus Roman",serif;
	font-weight: bold;
}
input:focus, textarea:focus{
	border: 0px;
	outline: 0px;
}
small{
	font-size: 10px;
	color: #ff3300;
}

/* SYNTHETIC ELEMENTS */

/* GLOBAL ELEMENTS */
.padding{
	padding: 10px;
}
.img_padding{
	display: block;
	margin: 0px auto;
	margin-top: 8px;
	border: 1px solid #cccccc;
}

.bold{
	color: #ffffff;
	font-size: 16px;
	padding-bottom: 10px;
	padding-top: 15px;
}
.clear{
	clear: both;
}
.left{
	float: left;
}
.right{
	float: right;
}
.no{
	border: 0px;
}
.ten{
	padding: 0px 10px;
}
.eight{
	padding: 8px;
}
/* DESIGN ELEMENTS*/
.container{
	width: 900px;
	margin: 0 auto;
}

.black_bar{
	height: 8px;
	padding: 0px;
	margin: 0px;
	background-color: #000000;
	width: 100%;
}

.header{
	background-color: #171717;
	width: 100%;
	height: 150px;
}
.header_content{
	height: 150px;
	background-image: url(../graphics/imakewebsites.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.window{
	height: 404px;
	background-color: #ffffff;
	width: 100%;
}
#missouri-pane{
	width: 900px;
}
#charity-pane{
	width: 900px;
}
#bell-pane{
	width: 900px;
}
#coupon-pane{
	width: 900px;
}
#jacob-pane{
	width: 900px;
}
#what-pane{
	width: 900px;
}
#action_container{
	width: 900px;
	height: 300px;
	overflow: hidden;
}

#portfolio_container{
	height: 300px;
	width: 11000px;
}
.pane{
	width: 900px;
	height: 288px;
	float: left;
	background-color: #cccccc;
}


.image_holder{
	background-color: #171717;
	text-align: center;
	width: 543px;
	height: 266px;
	float: left;
}
.portfolio_description{
	width: 319px;
	height: 267px;
	background-color: #171717;
	text-align: left;
	float: right;
}

.site_active{
	background-image: url(../graphics/active.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.slide_padding{
	float: left;
	width: 40px;
	height: 300px;
}

.description_header{
	font-size: 28px;
	font-weight: 100;
	color: #999999;
	height: 35px;
}
.description_body{
	height: 150px;
	color: #cccccc;
	font-size: 13px;
}
.description_base{
	padding-top: 38px;
	padding-left: 210px;
}

.description_base a{
	color: #ffffff;
	font-size: 14px;
	padding: 0px 4px;
}
.description_base a:hover{
	background-color: #171717;
}

#blog_container{
	height: 300px;
	width: 8000px;
}
#blog_container p{
	padding-top: 10px;
	line-height: 180%;
	color: #171717;
}
.blog_pane{
	width: 900px;
	height: 300px;
	float: left;
	text-align: left;
	overflow: hidden;
}
.blog_interior{
	width: 820px;
	margin: 0 auto;
}
.sociables{
	padding-top: 10px;
	width: 300px;
	float: right;
}
.sociables img{
	float: right;
	margin-left: 20px;
}
.small_links a{
	color: #ff3300;
	font-size: 11px;
	padding: 2px 4px;
}
.small_links a:hover{
	background-color: #232323;
	color: #FF5C33;
}


/* SEPERATE AREA DEFINITIONS */

.area{
	padding-top: 30px;
	text-align: left;
}

.area_header{
	height: 50px;
}

.eyecandy{
	width: 900px;
	margin: 0 auto;
}


/* ABOUT AREA */
#about{
	width: 100%;
	background-color: #171717;
	height: 640px;
	text-align: left;
}
#about .padding{
	padding-top: 10px;
	padding-bottom: 30px;
}

.nations{
	background-image: url(../graphics/nations.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 190px;
	width: 900px;
}
.tag_cloud{
	width: 900px;
	height: 158px;
	background-color: #2d2d2d;
	color: #4f4f4f;
	font-weight: bold;
}
.tag_cloud a{
	color: #4f4f4f;
	text-decoration: none;
}
.tag_padding{
	padding: 13px;
}
.add_tag{
	height: 60px;
	width: 900px;
	background-color: #4c4c4c;
	overflow: hidden;
}
.add_tag_padding{
	padding: 10px;
	padding-top: 5px;
}
.add_tag input{
	background-color: transparent;
	color: #2d2d2d;
	font-size: 37px;
}

.tag{
	padding: 5px 13px;
	white-space: nowrap;
}
.tag:hover{
	background-color: #292929;
}
.tags{
	padding-top: 7px;
	position: relative;
	line-height: 260%;
	height: 80px;
	overflow: hidden;
	text-align: justify;
}
.one{
	font-size: 13px;
}
.two{
	font-size: 18px;
}
.three{
	font-size: 22px;
}
.four{
	font-size: 25px;
}
#notice{
	padding-top: 7px;
	font-size: 15px;
	color: #292929;
	width: 100px;
	float: right;
	text-align: center;

}
.view_all_tags{
	text-align: right;
	width: 100%;
}
.view_all_tags a{
	color: #ff3300;
	padding: 2px 4px;
}
.view_all_tags a:hover{
background-color: #232323;
color: #FF5C33;
}

.grey{
	text-align: right;
	color: #818181;
}
.description_area{
	width: 500px;
}
.dark{
	float: right;
	background-color: #121212;
	margin-bottom: 10px;
	width: 338px;
	color: #81817d;
	line-height: 140%;
}
.white{
	color: #ffffff;
}
.title{
	font-size: 17px;
}
.song_info{
	float: right;
	width: 230px;
}
.song_time{
	position: relative;
	top: 15px;
}
/* SERVICES AREA */
#services{
	height: 451px;
	width: 100%;
}
.service_eye_candy{
	background-image: url(../graphics/background_services.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
.ground_rules{
	background-color: #171717;
	height: 128px;
}
.ground_rules_padding{
	padding: 10px;
}
#services_body{
	height: 193px;
}
#services_text{
	width: 400px;
	float: left;
}
#services_button{
	width: 500px;
	float: right;
	height: 150px;
}
#services_button .padding{
	padding-top: 99px;
	padding-left: 101px;
}



/* RESUME AREA */

#resume{
	width: 100%;
	height: 284px;
}
.resume_eye_candy{
	background-image: url(../graphics/eyecandy_resume.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#resume_body_container{
	height:200px;
	overflow: hidden;
}
#resume_text{
	width: 450px;
	float: left;
}
#resume_button_container{
	float: right;
	width: 400px;
}
#resume_button{
	width: 394px;
	height: 160px;
	float: right;
	position: relative;
	left: 23px;
	background-image: url(../graphics/download_resume_background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#resume_button .padding{
	padding-top: 66px;
	padding-left: 23px;
}

/* PARTNERS AREA */
#partners{
	width: 100%;
	height: 404px;
}
.partners_eye_candy{
	background-image: url(../graphics/eyecandy_partners.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#partners_text{
width: 900px;
padding-bottom: 20px;
}
#partners_list_header{
	background-color: #232323;
	height: 33px;
	font-size: 21px;
}
#partners_list_header .padding{
	padding-top: 5px;
	padding-left: 24px;
	padding-right: 350px;
}
.partners_list{
	padding-right: 145px;
	padding-left: 24px;
	border-bottom: 1px solid #999999;
	color: #cccccc;
	font-size: 12px;
}
.partners_list .padding{
	padding: 6px 0px;
}
.left_column{
	width: 310px;
}
.right_column{
	width: 310px;
	float: right;
}
.partners_list a{
	color: #ff3300;
	font-size: 11px;
	float: right;
	padding: 2px 4px;
}
.partners_list a:hover{
	background-color: #232323;
	color: #FF5C33;
}
/* CONTACT AREA */
#contact{
	width: 100%;
	height: 530px;
}
.contact_eye_candy{
	background-image: url(../graphics/eyecandy_contact.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#contact_text{
	padding-bottom: 20px;
}
#contact_form{
	height: 266px;
	background-image: url(../graphics/contact_form_background.jpg);
	background-position: bottom center;
	background-repeat: repeat-x;
}
#contact_form .action_padding{
	padding: 20px;
}
#contact_action_area{
	width: 463px;
	height: 226px;
	overflow: hidden;
}
#write_me{
	height: 226px;
	width: 463px;
}
#form .input_wrapper{
	padding: 3px 0px;
}
#form .no_bottom{
	padding-bottom: 0px;
}
#form p{
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
}
#form input{
	font-size: 18px;
	background-color: #666666;
	color: #171717;
	border: 1px solid #333333;
	padding: 5px;
	width: 450px;
}
#form input:focus, #form input:hover, #form textarea:focus, #form textarea:hover{
	background-color: #737373;
}
#form textarea{
	font-size: 18px;
	background-color: #666666;
	color: #171717;
	border: 1px solid #333333;
	padding: 5px;
	width: 450px;
	height: 59px;
}
#contact_form_left{
	width: 397px;
	float: left;
	height: 266px;
}
#contact_form_right{
	width: 503px;
	height: 266px;
	float: right;
	background-color: #3D3D3D;
	overflow: hidden;
}
.contact_form_module{
	height: 70px;
	display: block;
}
.contact_form_module .padding{
	padding: 7px 14px 7px 0px;
}
.contact_form_module .padding_top{
	padding: 0px 14px 7px 0px;
}
.contact_form_module .padding_bottom{
	padding: 7px 14px 0px 0px;
}
.contact_form_inner_module{
	background-color: #3D3D3D;
	height: 56px;
}
#contact_form_left .no_extra{
	height: 63px;
}
.contact_form_inner_module .padding{
	padding: 20px;
	padding-bottom: 0px;
}
.contact_form_inner_module .right{
	color: #FF3300;
}
.contact_form_inner_module .right a{
	font-size: 12px;
	color: #FF3300;
	padding: 2px 4px;
	position: relative;
	right: -4px;
}
.contact_form_inner_module .right a:hover{
	background-color: #232323;
	color: #FF5C33;
}
.address{
	width: 400px;
	margin: 0px auto;
	line-height: 170%;
	font-size: 30px;
	padding-top: 30px;
}
.address_padding{
	padding-left: 34px;
}
#contact_results{
	height: 226px;
	width: 463px;
	line-height: 170%;
}

/* FOOTER AREA */
#footer{
	height: 100px;
	text-align: center;
	line-height: 155%;
	font-size: 11px;
}
#footer img, #footer a{
	border: 0px;
}
#footer .padding{
	padding-top: 17px;
}