/*   
Theme Name: Sux point 2
Theme URI: http://skateboardingsucks.com
Description: Eat more newspapers.
Author: foxxyz
Author URI: http://skateboardingsucks.com
.
General comments/License Statement if any.
.
*/

/*-----------------------------	General Styles ---------*/

* {
	margin:0;
	padding:0;
}

body {
	font-family: Georgia, serif;
	font-size: .8em;
	background: #fff;
}

ul {
	list-style-image: url(images/list-bullet.png);
	list-style-position: outside;
	margin-left: 1.5em;
}

ol {
	list-style: none;
}

textarea {
	width: 380px;
}

blockquote {
	font-style: italic;
	background-color: #f0f0f0;
	margin: 1em 1em;
	padding: 1em;
}

	blockquote:before, blockquote:after {
		content: '"';
	}
	
	blockquote p {
		display: inline;
	}
	
b {
	display: none;
}


/*-----------------------------	Headers ----------------*/

	h1 a {
		width: 318px;
		height: 47px;
		background: url(images/logo.png) no-repeat top left;
		display: block;
	}

		h1 a span {
			display: none;
		}

h2 {
	font-weight: normal;
	clear: both;
	border-top: solid 2px #000;
	margin-bottom: 1em;
	font-size: 1.7em;
}

	h2 a {
		text-decoration: none;
		border-top: outset 4px #fff;
		display: block;
	}

	h2 a:hover { 
		border-top: outset 4px #c88;  
		color: #444; 
	}
		
h3 {
	color: #000;
	font-weight: normal;
	font-size: .8em;
	letter-spacing: .2em;
	padding: .1em .5em;
	text-transform: uppercase;
	margin: .5em 0;
	border-bottom: solid 1px #15A140;
}

h4 {
	margin-top: 1em;
	float: right;
	font-weight: normal;
	font-size: .9em;
}

	h4 a {
		text-decoration: none;
	}

h5 {
	margin-top: 1em;
	float: left;
	font-weight: normal;
}

	h5 a {
		color: #aaa;
	}
	
	h5 a:hover {
		color: inherit;
	}

	h5 span {
		display: none;
	}
	
/*-----------------------------	Structuring ------------*/

#big-wrapper {
	position: relative;
	margin: 20px auto 0;
	width: 730px;
	background: url(images/main-bg.png) repeat-y top left;
}

#column-wrapper {
	border-top: solid 5px #000;
}

#header {
	background: #fff;
}

	#header ul {
		float: right;
		margin-top: -1.5em;
	}

	#header li {
		display: inline;
		margin: 0 .4em;
		font-size: .9em;
		text-transform: capitalize;
	}	
	
div#content {
	float: left;
	width: 380px;
}

#internal {
	float: left;
	width: 150px;
	padding: 0 10px 30px;
}

#external {
	float: right;
	width: 150px;
	padding: 0 10px 30px;
}

#footer {
	clear: both;
	margin-top: 1.5em;
}

	#internal div, #external div {
		margin-bottom: 1.5em;
	}
	
		#internal p, #external p, #internal ul, #external ul {
			font-size: .9em;
		}

/*-----------------------------	Sections ---------------*/

div#content {
	padding-right: 10px;
	padding-top: .5em;
}

	#content p {
		text-align: justify;
		line-height: 1.5em;
		margin-top: 1em;
	}
	
	#content img {
		display: block;
		margin: 0 auto;
		padding: 5px;
		border: solid 1px #ccc;
		margin-bottom: 1em;
	}

	#poll ul {
		list-style: none;
		margin: 0;
	}
	
	#poll h4 {
		margin: .5em 0 1em 0;
		float: none;
		font-style: italic;
		text-decoration: underline;
	}
	
	#poll h4 a {
		color: #cc6327;
		text-decoration: underline;
	}
	
	#poll p {
		margin-top: 1em;
		text-align: center;
	}
	
	#poll span {
		background-color: #000;
		color: #fff;
		display: block;
		margin: .2em;
	}

	#poll li:hover span {
		background-color: #cc6327;
	}

	#poll input {
		margin: 0 .5em;
	}
	
	#friends h2 {
		display: none;
	}
	
	#friends ul {
		font-size: .95em;
	}


	#friends > ul {
		list-style: none;
		margin: 0;
	}
	
	#industry table { 
		caption-side:bottom;
		padding: 0 .6em 0 .6em;
		font-size: 80%; 
		width: 100%;
	}

	#industry caption {
		text-align:center;
		margin: .3em;
	}
	
	#industry tr.plus { background-color: #fcc; }
	#industry tr.minus { background-color: #efe; }
	#industry tr:hover { color: #fff; background-color: #000; }
	#industry tr:hover a:link, #industry tr:hover a:visited { color: #F8D468; }

	#industry td { padding-bottom: .1em; border-bottom: solid .1em; }
	#industry td+td{ text-align:right;}
	
	#s, #login input[type="text"], #login input[type="password"] {
		width: 100px;
		float: left;
		padding-left: 5px;
		background: #fff;
	}
	
	#s:focus, #login input[type="text"]:focus, #login input[type="password"]:focus {
		background: #eee;
	}

	#searchsubmit {
		margin-left: 10px;
		width: 30px;
		background: #fff;
		border: outset 1px #000;
	}
	
	#searchsubmit:active {
		border-style: inset;
	}
	
	#searchsubmit:hover {
		border-color: #cc6327;
	}
	
#footer {
	height: 15px;
	background: url(images/footer-bg.png) no-repeat top left;
	font-size: .8em;
	padding-right: 30px;
	position: relative;
}
	
	#footer ul {
		list-style: none;
		text-align: right;
	}
	
	#footer li {
		display: inline;
		color: #cc6327;
	}	
	
	#footer li:hover span {
		display: block;
	}
	
	#footer span {
		position: absolute;
		right: 180px;
		width: 150px;
		text-align: center;
		bottom: 30px;
		display: none;
		text-transform: uppercase;
		letter-spacing: .2em;
	}
	
#totalposts, #totalusers, #totalcomments {
	padding-left: 12px;
	margin-right: 20px;
}
	
#totalusers {
	margin-right: 100px;
}
	
#totalposts {		background: url(images/posts-icon.png) no-repeat top left; }
#totalusers {		background: url(images/members-icon.png) no-repeat top left; }
#totalcomments {	background: url(images/comments-icon.png) no-repeat top left; }
	
#contactform {
	margin-top: 1em;
}
	
	#contactform div {
		margin: .5em 0;
	}
	
/*-------------------------------------	Classes --------*/

.item-footer {
	margin: 2em 0;
}

.postmetadata {
	margin: 1em 0;
}

.item-excerpt {
	font-size: .9em;
}

.item-title {
	font-size: .8em;
}

.navigation {
}

.comment {
	background: url(images/comments-balloon.png) no-repeat 20% 3.5em;
	padding-bottom: 1em;
}

	.comment span {
		float: right;
		font-size: .8em;
	}

	.comment cite {
		font-size: 1.2em;
		font-style: normal;
	}

	.comment div.commentmetadata {
		border-top: dashed 1px #000;
		clear: both;
		padding-top: .5em;
		height: 60px;
	}
	
		.comment div.commentmetadata a {
			text-decoration: none;
			font-weight: normal;
		}	
	
	.comment div.commenttext {
		clear: both;
		background: #f0f0f0;
		color: #666;
		overflow: hidden;
	}
	
		.comment div.commenttext p {
			margin: .5em;
			padding: 0 20px 10px;
		}
	
	.comment img {
		margin: 0 .5em 0 0 !important;
		float: left;
	}

/*-------------------------------------	Nifty corners --*/

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/*-------------------------------------	Login Forms ----*/

#login {
	width: 318px;
	margin: 0 auto;
	margin-top: 50px;
}

#loginfooter {
	position: absolute;
	top: 15px;
	width: 100%;
}

	#login input[type="text"], #login input[type="password"] {
		float: none;
		width: 200px;
		margin: 0 auto;
		display: block;
	}
	
	#login input[type="submit"] {
		font-weight: normal;
		background: #fff;
		font-size: .7em;
	}
	
	#login label {
		display: block;
		margin: 0 auto;
		width: 200px;
		text-transform: uppercase;
		letter-spacing: .2em;
		font-size: .85em;
	}
	
		#login h1 a {
			border-bottom: solid 5px #000;
		}
	
	#login p {
		margin-top: 30px;
	}

	#login p:first-child + p {
		margin-top: 10px;
	}
	
	#login p.submit {
		text-align: right;
	}

	#loginfooter ul {
		width: 700px;
		margin: 0 auto;
		list-style: none;		
		text-align: center;
	}
	
	#loginfooter li {
		float: left;
		width: 200px;
	}
	
	#loginfooter li + li {
		float: right;
	}
	
	#loginfooter li + li + li {
		float: none;
		margin: 0 50px;
	}

/*-------------------------------------	Admin overrides */

.admin h1 a, .admin h1 a:hover {
	border: none;
}

.admin h2 {
	border-bottom: none;
	padding-top: 4px;
	clear: none;
}

.admin h2 a {
	display: inline;
	border: none;
}

.admin h3 a, .admin h3 a:hover {
	border: none;
}

.admin h4 {
	float: none;
}

.admin a {
	border-color: #15A140;
}

.admin a:visited {
	color: #cc6327;
}

.admin a:hover {
	color: #444;
	border-color: #444;
}

.admin #footer {
	background: none;
}

/*-------------------------------------	Links ----------*/

a {
	color: #cc6327;
}

a:hover {
	color: #444;
}

a:visited { 
	color:#000; 
}