/*
Theme Name: Bricks Offroad Park
Theme URI: http://www.bricksoffroadpark.com
Description: A custom WP theme for Bricks
Author: Michael Stanford
Author URI: http://www.michaelstanford.net
Version: 1
.
It can always be better!
.
*/

@import url("reset.css");
@import url("960.css");

/* GLOBAL
---------------------------------------*/
body {
	font-family: "Arial";
	font-size: 10px;
	background: #fff url('img/body-bg.png') top repeat-x;
	color: #111;
}
 
#outer-wrapper {
	width:1200px;
	margin: 0 auto;
	background: #FFF url(img/outer-wrapper-bg.png) top no-repeat;
	padding-top: 20px;
}

#header {
}

#header-images img {
	float: right;
}

#torso {
}

#littler{
font-size:10px;}

#litter p{
font-size:10px;
font-family:Arial;
}

#nav {
	background: #000;
	margin-bottom: 10px;	
	clear:both;
}

#news {
	-moz-border-radius: 2px;
}

#wrapper {
	background: url(img/wrapper-bg.png) left repeat-y;
}

#content {

}

#sidebar {
	background-color: #eee;
	-moz-border-radius: 2px;
}

#footer {
	-moz-border-radius: 2px;
	background: #000;	
}

#respond { 
	margin: 30px 40px 0 30px;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 14px;
}

#events li {
}

#mailstorm{
padding-left:10px;}

/* TYPOGRAPHY 
---------------------------------------*/
p {
	font-family: "Lucida Grande", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 10px;
	color: #000;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Arial";
	margin-left: 10px;
        letter-spacing:-1px;
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.75em;
}

h4 {
	font-size: 1.6em;
}

h5 {
	font-size: 1.5em;
}

h6 {
	font-size: 1.4em;
}

a:link,a:visited {color:#604E3A; }
a:hover,a:focus,a:active{color:#000; }

/* LAYOUT
---------------------------------------*/


/* PNG FIX FOR IE
---------------------------------------*/

img, div { 
	behavior: url(iepngfix.htc)
}

/* GENERIC CLASSES
---------------------------------------*/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('img/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('img/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('img/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('img/error.png');
}

.left {
	float: left;
}

.right {
	float: right;
}

#brickslogo h3 { text-align:center ; color:white; }
#searchform { color:white; }
#searchform h2 { padding-top:20px; }
#searchform h3 { padding-top: 20px; }
#searchform .screen-reader-text { font-size:14px; margin-left: 10px;  }
#searchform .categories { padding-top: 20px; list-style: none; font-size:2em; margin-left:10px; font-weight:bold;}
#searchform ul li a { margin-left: 10px; padding-top:4px; font-size:10pt; line-height:12pt; font-weight:normal; }
#searchform .catitem { line-height:12pt; font-size:10pt; font-weight:normal; }

/* NAV
---------------------*/
#nav {
	height: 40px;
	-moz-border-radius: 10px;
}

#nav ul li {
	display: inline;
	margin: 10px;
	vertical-align: middle;
}

#nav ul li a:link, #nav ul li a:visited {
	font-family: "Arial";
	color: #fff;
	font-size: 1.3em;
	text-transform: uppercase;
	display: inline-block;
	height: 40px;
	margin: 9px;
	text-decoration: none;
}

#nav ul li a:hover,#nav ul li a:focus,#nav ul li a:active {
	color: #999;
}

/* Pages 
------------------------------*/
#pages { font-family: "Lucida Grande", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; 
	background:none;
	width: 960;
	}
#pages .post {margin-top: 20px; }
#pages .post h1 {padding-top: 30px; margin-left: 0}
#pages .post h2 {padding-top: 10px; text-align:center }
#pages .post p  {margin-left: 25px; text-indent: -25px; font-size:10pt}
#pages .post ul {font-size: 10pt; list-style:disc; line-height:12pt; margin-left:35px; padding-top:10px;}
#pages .post ul li {line-height:16pt;}

/* NEWS
---------------------*/

#news {
	padding-top: 5px;
}
#news .post {
	margin-bottom: 10px;
}

#news .post hr { color:#D4A222; clear:both; margin-left: 100px; margin-right: 10px }
#news .post li       { font-weight:bold; font-size:12pt; padding-top:10px; padding-left: 50px;}
#news .post li ul li { font-weight:normal; font-size:11pt; padding-top:10px; padding-left: 20px; }
#news .post img { padding:5px; border: 0  }

#news .socials li { margin: 0 0;}

#news h1 a:link, #news h1 a:visited{
	color: #000;
}

#news h1 a:hover, #news h1 a:focus, #news h1 a:active {
	color: #333;
}

#news h2 a:link, #news h2 a:visited{
	color: #000;
}

#news h2 a:hover, #news h2 a:focus, #news h2 a:active {
	color: #333;
}

#news p { }

/* COMMENTS in News
----------------------*/
#post-comments h3 { padding-bottom:10px; background:#eeeeee; margin-left: 0px; padding-left:10px;}

.commentlist { background:#eeeeee; }
.commentlist li, #commentform input, #commentform textarea {
	'Lucida Grande', Verdana, Arial, Sans-Serif; padding: 10px;
	}
.commentlist li ul li {
	
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a , .commentlist span {
	font-weight: bold;
	font-style: normal;
	padding-left: 10px;
	font-size:larger;
	}

.commentlist a { padding-left: 15px; font-size: larger; }
.commentlist p {
	font-weight: normal;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}



/* ANNOUNCEMENT 
----------------------*/
#announcement {
	-moz-border-radius: 2px;
	background: #D4A222 url('img/outer-wrapper-bg.png') top no-repeat;
}
#announcement h2 { color:#fff; padding-top:20px; padding-bottom:10px;}
#announcement h3 { text-align:center; padding-bottom:10px; }
#announcement h3 a:link, h3 a:visited {color:#fff; text-decoration:none;}
#announcement h3 a:hover, #announcement h3 a:focus, #announcement h3 a:active{color:#000; background:#ddd;text-decoration:none; }


/* FOOTER
----------------------*/

#footer { margin-top: 10px; }
#footer h3 {
	font-family: "Lucida Grande", Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	font-weight: normal;
	color: #ccc;
}
#footer li,#footer p,#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #ccc;
}
#footer ul li {
	font-size: 1.5em;
	margin: 5px auto;
	border-bottom: 1px solid #333;
	padding-bottom: 7px;
}

#footer ul {
	display: block;
	margin: 20px 10px;
}

img.alignright {float:right; clear: right;margin: 0 0 5px 10px;}
img.alignleft {float:left; clear: left;margin:0 10px 5px 0;}

#news img {padding: 2px; border: 1px solid #999;}
#news a.more-link {}

#sidebar ul#events {font-size: 12pt; font-weight:bold; }
#sidebar ul#events li {margin: 5px 10px;}
#sidebar ul#events li a {margin: 10px; font-size:10px;}
#sidebar ul#events li:hover,
#sidebar ul#events li:focus,
#sidebar ul#events li:active { font-weight:bolder; }
#sidebar ul#events li ul li:hover,
#sidebar ul#events li ul li:focus,
#sidebar ul#events li ul li:active {text-decoration:underline ; font-weight:bolder;}

#sidebar ul#events ul li{background-color: #eee}

#sidebar ul#events li p {margin-bottom: 2px; margin-left: 10px; text-indent: -10px; font-size: .9em; padding: 0 20px 10px 10px;}
#sidebar h5 {margin-top: 20px;}
#sidebar iframe {display: block;margin: 10px auto; border:1px solid #543918;}

#left-main-column,#right-main-column {
	width: 300px;
	float: left;
	margin-left; 15px;
}
#right-main-column h3 {padding-top:40px; clear:both; }
#right-main-column p {width: 200px; float: right; clear: left; font-size: 1.3em; line-height: 1em;}


#poll-wrapper {width:300px;margin: 0 auto;}
#location {clear: both; border: 1px solid #ccc; width: 616px; margin-top: 20px;}

a.more-link {float:right; text-decoration: none;}

#left-main-column p {font-size: 1.1em;margin:10px;}

.flickr_highslide {
	display: block;
	width: 620px;
	margin-left:30px;
}

#content-flickr-highslide   { display: block; clear: both; }
#content-flickr-highslide p { margin-top:-3px; margin-left:30px;}
#  content-flickr-highslide p a {text-decoration: underline}
.post {display: block; clear: both; margin-bottom:40px;padding-bottom: 40px;}
.post .date {background: url(img/post-date-bg.gif) top center no-repeat;display:block;float: left;width: 90px;margin: 0 10px;}
.post h2 {margin-bottom: 10px;}
.post p {font-size: 1.4em; margin:10px;}
.post a.more-link{background: url(img/more-link-bg.gif) center no-repeat; font-size: .9em;padding: 3px;text-decoration:none;color:#000;font-style:italic;}

table {
	margin: 20px;
}

table td {
	font-size: 1.4em;
	vertical-align: top;
}

table td input, table td textarea {margin-left: 20px;}

#flickr_badge_uber_wrapper {text-align:center; width:150px; margin-left:-30px;}
#flickr_badge_wrapper {padding: 0;}
.flickr_badge_image {margin:0;}
.flickr_badge_image img {border: 2px solid #D5A821 !important;}
#flickr_badge_source {text-align:left; margin:0;}
#flickr_badge_icon {float:left; margin:0;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0}
