/* body */

body {
	margin: 0;
        padding: 0;
	color: #212121;
        background: url(http://projectbazooka.com/textpattern/theme/bg.jpg) #000;
	font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; font-weight: normal;
        line-height: 130%;
        voice-family: "\"}\"";   
        }
       
/* position declarations 1 */

#accessibility {
	position: absolute;
	top: -10000px;
        }

#wrapper {
	width: 960px;
        margin: 0 auto;
	padding: 0;
	text-align: center;
        background: url(/images/stripebg.gif);
        }

#header-wrapper {
	width: 930px;
        margin: 0 auto 0 auto;
        padding: 0;
	text-align: center;
        background: url(/images/bazookabanner.png);
	}

#middle-wrapper {
	width: 930px;
        margin: 15px auto 0 auto;
        padding: 0;
	text-align: center;
        }

/* position declarations 2 */

#header {
        width: 930px; height: 140px;
        margin: 0;
        padding: 0;
        text-align: left;
	}

#middle {
        float: left;
        width: 890px;
        margin: 0;
        padding: 15px 20px 15px 20px;
        text-align: left;
	background: #e8e8e8;
	}

#main {
        float: right;
        width: 460px;
        margin: 0;
        padding: 0;
	}

#side {
	float: left;
        width: 415px;
        margin: 0;
        padding: 0 0 80px 0;
        }

#footer {
        clear: both;
        position: relative;
        width: 910px; height: 60px;
        margin: 0 auto 0 auto;
        padding: 20px 0 20px 20px;
        color: #666;
        font-size: 10px;
	text-align: left;
        background: #fddf8e;
	}

/* globals and general classes */

a {
        color : #ea5e00;
        text-decoration: none;
        }

a:hover {
        color: #363636;
        background: #ffafb2;
        }

a img {
        border: none;
	background: transparent;
        }

a:hover img {
        border: none;
	background: transparent;
        }

p {
        margin: 15px 0 0 0;
        font-size: 13px; font-weight: normal;
        }

h1 {
        margin: 0 0 0 -1000px;
        padding: 0;
        font-size: 13px; font-weight: bold;
        line-height: 18px; letter-spacing: 1px;
        }

h2 {
        margin: 15px 0 0 0;
        padding: 0 0 10px 0;
        color: #391512;
        font-size: 10px; font-weight: normal;
        letter-spacing: 3px; line-height: 100%; text-transform: uppercase;
        }

h3 {
        margin: 15px 0 0 0;
        padding: 0 0 10px 0;
        color: #391512;
        font-size: 10px; font-weight: normal;
        letter-spacing: 3px; line-height: 100%; 
        }

h4 {
        margin: 5px 0 0 0;
        font-size: 10px; font-weight: normal;
        letter-spacing: 0px; line-height: 130%; 
        }

h5 {
        margin: 5px 0 -10px 0;
        color: #c9a70f;
        font-size: 10px; font-weight: normal;
        }

ul, ol {
	margin: 0;
	padding: 0;
	}
                   
ul li {
	margin: 15px 0 0 18px;
	padding: 0;
        list-style-type : square;
	}

ol li {
	margin: 15px 0 0 23px;
	padding: 0;
	list-style-type : decimal;
	}

dl {
	margin: 15px 0 10px 0;
        padding: 0;
        }

dt {
	width: 80px;
	margin: 5px 0 0 0;
        padding: 0;
	}

dd {
	margin: -18px 0 0 80px;
        padding: 0;
	}

.small {
        margin: 15px 0 0 0;
        color: #666;
        font-size: 10px; font-weight: normal;
        }

.date {
        margin: 15px 0 0 0;
        color: #666;
        font-size: 10px; font-weight: normal;
        }

.crumbs {
        margin: 15px 0 0 0;
        color: #666;
        font-size: 10px; font-weight: normal;
	text-transform: lowercase;        
        }

.extra {
        clear: both;
        margin: 20px 0 0 0;
        padding: 15px 0 0 0;
        border-top: 1px dotted #e7e7e7;
	}

.extra p {
        margin: 5px 0 0 0;
        padding: 0;
        color: #666;
        font-size: 10px; font-weight: normal;
        letter-spacing: 2px; line-height: 150%; 
        }

.lowercase {
        margin: 0;
        padding: 0;
        color: #666;
        font-size: 10px; font-weight: normal;
        letter-spacing: 1px; line-height: 180%; 
        text-transform: lowercase;
        }

table {
        margin: 20px 0 0 0;
        padding: 0;
        text-align: left;
        }

td {
        padding: 3px 10px 3px 6px;
        background: #fff;
        }

/* header items */

#title {
        width: 840px; height: 70px;
        margin: 0 0 0 10px;
        padding: 30px 0 0 40px;
        text-align: left;
        }

#title p {
        margin: 15px 0 0 410px;
        display:none;}

#menu {
        float: left;
        width: 900px; height: 30px;
        color: #faf1b0;
        margin: 0;
        padding: 10px 0 0 30px;
        font-size: 10px;
        letter-spacing: 1px;
        background: #191c0b;
        }

#menu a {
        text-decoration: none;
        }

#menu a:hover {
        color: #ccc;
        background: transparent;
        }

#menu ul {
        margin: 0;
        padding: 0;
        display : inline;
	list-style-type : none;
	}

#menu li {
        margin: 0;
        padding: 10px 13px 10px 13px;
        display : inline;
	list-style-type : none; 
        text-transform: lowercase;
	border-right: 1px solid #343431;
	}

#menu li.home {
        padding: 10px 13px 10px 0;
        }

#menu li.project {
        text-decoration: none; text-transform: uppercase;
        }

.blurb {
        width: 400px;
        margin: 10px 0 0 0;
        padding: 0 0 0 20px;
	}

#header a:hover {
        background: transparent;
        }

/* homepage main content items */

.gig {
        float: left;
	width: 370px; height: 390px;
        margin: 0;
        padding: 20px 20px 0 20px;
        }

.feature {
	float: left;
	width: 245px; 
        margin: 0;
        padding: 20px 0 0 0 ;
        background: #fff;
        }

.excerpt {
	float: left;
	width: 200px; height: 180px;
        margin: 0 15px 15px 0;
        padding: 10px;
        background: #fff;
        }

.post_feature {
	float: left;
	width: 180px; height: 220px;
        margin: 0 15px 15px 0;
        padding: 10px;
        background: #fff;
        }

.post_feature p {
        margin: 0;
        font-size: 10px;
        }

.post_feature h3 {
        margin: 3px 0 0 0;
        padding: 0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 11px; font-weight: normal;
        }

.post_home {
	float: left;
	margin: 20px 0 0 0;
        padding: 0 20px 0 20px;
        }

.post_home p, .excerpt p {
        margin: 15px 0 0 0;
        line-height: 18px;
        }

.post_home h3, .feature h3, .excerpt h3 {
        margin: 0;
        padding: 0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 20px; font-weight: normal;
        line-height: 120%;
        }

.post_home .info, excerpt ,info {
        margin: 5px 0 0 0;
        color: #666;
        font-size: 10px; font-weight: normal;
        letter-spacing: 2px; line-height: 120%; text-transform: uppercase;
        }

/* main content items */

.post_content {
	float: left;
	width: 430px;
        margin: 0 0 15px 0;
        padding: 15px 15px 25px 15px;
        background: #fff;
        }

.post_info {
	width: 180px;
        margin: 0 0 15px 0;
        padding: 10px 10px 20px 10px;
        background: #fff;
        }

#main h2 {
        margin: 0;
        padding: 0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 20px; font-weight: normal;
        line-height: 130%;
        }

#main h3 {
        margin: 0;
        padding: 0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 20px; font-weight: normal; 
        text-transform: uppercase;
        line-height: 130%;
        }

#main h4 {
        margin: 20px 0 0 0;
        padding: 0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px; font-weight: bold;
        line-height: 130%;
        }

.post {
	width: 430px;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px dotted #b5b5b5;
	}

.post p {
        margin: 15px 0 0 0;
        line-height: 18px;
        }

.post .info {
        margin: 5px 0 0 0;
        color: #666;
        font-size: 10px; font-weight: normal;
        letter-spacing: 2px; line-height: 120%; text-transform: uppercase;
        }

/* side content items */

#side h2 {
        margin: 20px 0 0 0;
        padding: 0 0 10px 20px;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px; font-weight: normal;
        line-height: 130%;
        border-bottom: 1px solid #eee;
        background: url(http://projectbazooka.com/images/bg_star.gif) no-repeat;
	}

#side h3 {
        margin: 20px 0 0 0;
        color: #666;
        font-size: 12px; font-weight: normal;
        letter-spacing: 1px; line-height: 130%;
        }

.submenu {
	float: left;
	width: 220px; 
        margin: 0;
        padding: 0 15px 50px 180px;
        background: #fff;
        }

.submenu h3 {
        margin: 20px 0 0 0;
        padding: 0 0 10px 0;
        color: #666;
        font-size: 12px; font-weight: normal;
        letter-spacing: 1px; line-height: 130%;
        border-bottom: 1px solid #e8e8e8;
	}

.submenu ul {
        margin: 0;
        padding: 0;
        font-size: 11px; font-weight: normal;
        list-style-type : none;
	}

.submenu li {
        margin: 0;
        padding: 7px 0 7px 0;
        list-style-type: none; 
        text-transform: lowercase;
	border-bottom: 1px dotted #e8e8e8;
	}

.submenu-gig {
        margin: 3px 0 0 0;
        }

.submenu-gig a:link, .submenu-gig a:visited {
        width: 60px; 
        margin: 0 10px 10px 0;
        padding: 3px 0 3px 0;
        font-size: 11px; font-weight: normal;
        line-height: 240%; text-transform: lowercase;
	border-bottom: 1px dotted #e8e8e8;
	}

.submenu-gig ul {
        border-bottom: 1px dotted #e8e8e8;
	}

.submenu-gig li {
        display: inline;
        width: 50px;
        margin: 10px 0 0 0;
        border: none;
        }

/* footer items */


/* comment items */

ol.comments {
        float: left;
	width: 430px;
        margin: 0;
        padding: 0;
	}

.comments li {
	margin: 10px 0 0 15px;
        padding: 0;
	list-style-type: none;
	}

.comment-post {
	width: 430px;
        margin: 0 0 10px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px dotted #b5b5b5;
	}

.comment-post p, .comment_preview p {
        margin: 15px 0 0 0;
        line-height: 18px;
        }

.comment-post p.info, .comment_preview p.info {
        margin: 5px 0 0 0;
        color: #666;
        font-size: 10px; font-weight: normal;
        letter-spacing: 2px; line-height: 120%; text-transform: uppercase;
        }

#txpCommentInputForm {
        float: left;
	width: 430px;
        margin: 10px 0 0 0;
        }

#txpCommentInputForm p {
        margin: 0;
	}

.comment_name_input, .comment_email_input, .comment_web_input, .txpCommentInputMessage, .button, input {
       font-family:  'Lucida Grande', Verdana, Lucida, Helvetica, sans-serif;
       font-size: 10px; font-weight: normal;
       }

.comments-body {
	margin: 10px 0 0 0;
	padding: 5px 0 5px 0;
	letter-spacing: 0px; line-height: 14px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #4f4f4f; font-size: 10px; font-weight: normal;
	}

.comments-wrapper {
	float: left;
	width: 430px;
        margin: 0 0 15px 0;
        padding: 0 0 10px 15px;
        font-size: 11px; font-weight: normal;
	}

.comments-wrapper p {
        font-size: 11px; font-weight: normal;
	}

ol.preview {
        float: left;
	width: 100%;
        margin: 15px 0 0 0;
        padding: 0;
        background: #fff;
	}

.preview li {
	margin: 10px 0 0 15px;
        padding: 0;
	list-style-type: none;
	}

.comment_preview {
	width: 430px;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        }

/* other items */
       
.thumb {
        margin: 0 8px 5px 0;
  	padding: 7px;
	background-color: #fff;
	border: 1px solid #ebecec;
	}

.thumb-right {
        float: right;
        margin: 15px 0 10px 10px;
	padding: 5px;
        background: #f7f7f7;
        border: 1px solid #e2e2e2;
        }

.img-right-clear {
        clear:both;
        float: right;
        margin: 0 0 10px 10px;
	padding: 5px;
        background: #f7f7f7;
        border: 1px solid #e2e2e2;
        }

#googlenav {
        clear: both;
        float: left;
        width: 430px;
        margin: 0 0 15px 0;
        padding: 10px 15px 10px 15px;
        }

#googlenav ul, #googlenav li {
	display : inline;
	list-style-type : none;  text-transform: lowercase;
	margin: 0 6px 0 0;
	padding :  2px 3px 2px 0;
        }

#googlenav .selected {
	border: 1px solid #bdce18;
	padding :  2px 3px 2px 0;
        }

.morelink {
        font-weight: bold;
        }