/*
Theme Name: Design Uproar 2.0
Theme URI: http://designuproar.com
Description: New Design Uproar Theme
Author: Sean Gofus
Author URI: http://seangofus.com
*/



/*/////////// THE RESET ///////////*/

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, 
a, img, strong, ol, ul, li, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #d2d2d1;
	color: #333333;
	line-height: 1;
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}

/*/////////// HEADER ///////////*/
#header {
	background: rgb(54,57,58);
	border-bottom: 1px solid #ffffff;
	height: 100px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index:2000;
}
#header h1 {
	margin: 0;
	padding: 15px 0 0 0;
}
#header h1 a {
	background: url(images/logo.png) no-repeat;
	border: 0;
	display: block;
	height: 67px;
	float: left;
	margin: 0;
	padding: 0;
	width: 333px;
	text-indent: -9999px;
}
#nav {
	background: url(images/menuBKG.png) no-repeat;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	height: 46px;
	margin: 11px 0 0 0;
	padding: 0 0 0 14px;
	width: 467px;
}
#nav li {
	display: inline;
	line-height: 43px;
	margin:0 21px;
}
#nav li a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#nav li a:hover {
	color: #787e80;
	font-weight: bold;
	text-decoration: none;
}
.search {
	display: block;
	float: right;
	margin: 10px 0 0 0;
	text-indent: -9999px;
}
.search a {
	background: url(images/searchButton.png) no-repeat;
	color: #ffffff;
	display: block;
	height: 46px;
	width:45px;
}
a.searchClose {
	background: url(images/searchClose.png) no-repeat;
	color: #ffffff;
	display: block;
	height: 16px;
	margin: 15px 0 0 440px;
	position: absolute;
	text-indent: -9999px;
	width:16px;
	z-index: 2000;
}

.searchBox {
	height: 46px;
	margin: 11px 0 0 474px;
	position: absolute;
	width: 528px;
	z-index: 2000;
}
.realSearchBox {
	background: url(images/searchBKG.png) no-repeat;
	float:left;
	height: 46px;
	margin: 0 14px 0 0;
	padding: 0;
	width: 467px;
}
.realSearchBox input {
	border: 0;
	color: #36393a;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 27px;
	margin: 4px 0 0 8px;
	padding: 10px 0 0 0;
	width: 425px;
}
.searchBox input.realSearch {
	background: url(images/searchButton.png) no-repeat;
	border: 0;
	cursor: pointer;
	color: #ffffff;
	display: block;
	float:left;
	height: 46px;
	margin: -1px 0 0 0;
	text-indent: -9999px;
	width:45px;
}
/*/////////// FEATURED CONTENT ///////////*/
#featured {
	background: url(images/featureStripe.png) repeat;
	border-bottom: 1px solid #383838;
	height: 396px;
	position: absolute;
	top: 100px;
	width: 100%;
	z-index:1000;
}
#slider {
	background: url(images/sliderBKG.png) no-repeat;
	float:left;
	height: 350px;
	margin: 24px 0 0 0;
	width: 640px;
}
#featuredPosts {
	float: right;
	margin: 24px 0 0 0;
}
#panels {
	margin: 11px 10px 10px 10px;
}
#panels ul, #panels li {
	margin:0;
	padding:0;
	list-style:none;
}
#panels li { 
	width:620px;
	height:328px;
	overflow:hidden; 
}
#panels img {
	border: 0;
}
#controls {
	list-style-type: none;
	margin: -30px 0 0 566px;
	padding: 0;
	position: absolute;
	z-index: 3000;
}
#controls li {
	float: left;
	margin: 0 10px 0 0;
}
#controls li a {
	background: url(images/controlsBKG.png) no-repeat;
	display: block;
	height: 10px;
	text-indent: -9999px;
	width: 10px;
}
#controls li.current a {
	background: url(images/controlsBKG-hover.png) no-repeat;
	display: block;
	height: 10px;
	text-indent: -9999px;
	width: 10px;
}
#fpost1 {
	background: url(images/featurePostBKG.png) no-repeat;
	height: 160px;
	width: 278px;
}

#fpost1 a {
	color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#fpost1 img {
	border: 0;
	margin: 10px;
}
#fpost2 {
	background: url(images/featurePostBKG.png) no-repeat;
	height: 160px;
	margin: 30px 0 0 0;
	width: 278px;
}

#fpost2 a {
	color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#fpost2 img {
	border: 0;
	margin: 10px;
}

.featuredPostBlock {
	background: url(images/greyBKG.png);
	display: block;
	margin: 115px 0 0 10px;
	padding: 5px;
	position: absolute;
	z-index: 1000;
}

#closeFeature {
	background: url(images/closeFeatureBKG.png) no-repeat;
	color: #ffffff;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	float:right;
	height: 21px;
	line-height: 20px;
	margin: 22px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 140px;
}
#content {
	padding: 30px 0 0 0;
	position: relative;
}
.article {
	float: left;
	height: 388px;
	margin: 0 0 50px 0;
	position: relative;
	width:292px;
}
.article:nth-child(2),.article:nth-child(5),.article:nth-child(8) {
	margin-left: 62px;
	margin-right: 62px;
}

.article h3 {
	background: url(images/postBorder.png) 0 0 no-repeat;
	height: 388px;
	margin: 0;
	padding: 0;
	position: relative;
	text-indent: -9999px;
	width:292px;
	z-index: 2000;
}
.article h3 a {
	display: block;
	height: 388px;
	margin: 0;
	padding: 0;
	position: relative;
	text-indent: -9999px;
	width:292px;
	z-index: 2100;
}
.article img {
	border: 0;
	display: block;
	left: 0;
	position: relative;
	margin: -375px 16px 16px;
}
.article img.showTitle {
	margin: 0;
}
.article span {
	color: #3e3e3e;
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 0 0 20px;
	overflow: hidden;
	width: 200px;
}
.article a.sourceLink {
	background: url(images/linkIcon.png) 0 0 no-repeat;
	display: block;
	float: right;
	height: 12px;
	margin: 0 20px 0 0;
	text-indent: -9999px;
	width: 22px;
}
						
.article p { 
	padding: 0 16px; 
	color:#ffffff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: .8em;
	line-height: 16px;
	text-align: left;
}
				
.boxcaption { 
	
	float: left; 
	position: absolute; 
	background: #36393a; 
	height: 359px; 
	width: 259px; 
	margin: 15px;
	opacity: .9; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
	
.caption .boxcaption {
 	top: 0;
 	left: 0;
}

.more-link {
	color: #286b95;
}

#info {
	float:right;
}

.singleTop {
	background: url(images/singleTop.png) no-repeat;
	height: 18px;
	width: 652px;
}

.single {
	background: url(images/singleBKG.png) repeat-y;
	padding: 0 20px 0 20px;
	width: 612px;
}

.single a {
	color: #286b95;
}

.singleBottom {
	background: url(images/singleBottom.png) no-repeat;
	height: 18px;
	width: 652px;
}

h2.postTitle {
	background: url(images/postH2.png) no-repeat;
	display: block;
	float: left;
	height: 25px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 66px;
}

.single span {
	color: #626769;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.single span.byLine {
	color: #36393a;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
}

.single p {
	color: #36393a;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0;
	padding: 10px 0;
}

.single p b {
	font-size: 15px;
}

.single blockquote {
	border-left: 1px #666666 solid;
	margin: 0 0 20px 20px;
	padding:  0 0 0 20px;
}

.single blockquote p {
	color: #666666;
	line-height: 18px;
	padding: 0;
}

.single ul {
	color: #36393a;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	list-style-type: disc;
	margin: 0;
	padding: 10px 0 10px 30px;
}

.single ul li {
	line-height: 16px;
	margin: 10px 0;
}

.single ul li a {
	color: #286b95;
}

.single ul li b {
	font-size: 15px;
}

.page {
	font-size: 18px;
	margin: 0;
	padding: 20px 0 10px 0;
}

h2.sharing {
	background: url(images/sharingH2.png) no-repeat;
	display: block;
	height: 22px;
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 209px;
}

#commentBlock {
	margin: 30px 0 0 0;
}
h2.comments {
	background: url(images/commentsH2.png) no-repeat;
	height: 16px;
	margin: 0 0 20px 0;
	padding: 0;
	text-indent: -9999px;
	width: 125px;
}
.commentFlag {
	color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	height: 70px;
	margin: 6px 0 0 200px;
	padding: 26px 0 0 0;
	position: absolute;
	text-align: center;
	width: 56px;
	z-index: 2500;
}
.commentFlag a {
	color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
}

.flag-branding {
	background: url(images/flag-green.png) no-repeat;
}

.flag-fine-arts {
	background: url(images/flag-yellow.png) no-repeat;
}

.flag-motion {
	background: url(images/flag-purple.png) no-repeat;
}

.flag-packaging {
	background: url(images/flag-blue.png) no-repeat;
}

.flag-print {
	background: url(images/flag-pink.png) no-repeat;
}

.flag-toys {
	background: url(images/flag-orange.png) no-repeat;
}

.flag-web {
	background: url(images/flag-red.png) no-repeat;
}

.flag-general {
	background: url(images/flag-grey.png) no-repeat;
}

.flag-show {
	background: url(images/flag-lightgrey.png) no-repeat;
	color: #36393a;
}

.flag-show a {
	color: #36393a;
}

#pagination .oldPosts a {
	background: url(images/prev.png) no-repeat;
	display: block;
	float: left;
	height: 42px;
	margin: 0 0 0 8px;
	text-indent: -9999px;
	width: 42px;
}

#pagination .newPosts a {
	background: url(images/next.png) no-repeat;
	display: block;
	float: right;
	height: 42px;
	margin: 0 8px 0 0;
	text-indent: -9999px;
	width: 42px;
}




#footer {
	background: rgb(42,42,42);
	border: 1px solid #FFFFFF;
	height: 245px;
	margin:35px 0 0 0;
}

#twitter {
	float:left;
}

#twitter h4 {
	position: absolute;
	margin: 18px 0 0 154px;
	z-index: 2000;
}

#twitter h4 a {
	background: url(images/twitterLink.png) no-repeat;
	color: #FFFFFF;
	display: block;
	height: 32px;
	width: 489px;
	text-indent: -9999px;
}
#twitterMsg {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	height: 115px;
	line-height: 18px;
	margin: 60px 0 0 154px;
	padding: 20px;
	position: absolute;
	width: 448px;
	z-index: 2500;
}
#twitterMsg a {
	color: #286b95;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#twitterMsg a.twitter-user {
	color: #71ad07;
}
img.twitterBird {
	position: absolute;
	margin: 48px 0 0;
}

#bottomNav {
	float: right;
	list-style-type: none;
	margin: 104px 0 0 0;
	padding: 0;
}

#bottomNav li {
	display:inline;
	margin: 0 24px 0 0;
}

#bottomNav li.lastItem {
	margin: 0;
}

#bottomNav li a {
	color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none
}

#bottomNav li a:hover {
	color: #787e80;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none
}

#copyRight {
	color: #464646;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 64px auto 0;
	text-align: center;
	width: 400px;
}
.middlePost {
	margin: 0 60px;
}
.wrapper {
	margin: 0 auto;
	width: 1000px;
}
.clear {
	height: 0;
	clear:both;
	width: 0;
}


/*/////////// COMMENTS ///////////*/
.dsq-options {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.single span.dsq-item-sort {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.dsq-options a {
	color: #286b95;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.dsq-subscribe-rss {
	vertical-align: top !important;
}
.dsq-dc-logo {
	display: none;
}
.dsq-autheneticate-copy a {
	color: #286b95;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.dsq-textarea {
	font-family:Arial, Helvetica, sans-serif !important;
}
a.dsq-subscribe-menu {
	text-align:  center;
}
.single span#dsq-subscribe-select {
	color: #333333;
	font-size: 12px;
}
#commentBlock .single span {
	color: #333333;
	font-size: 14px;
}
button.dsq-button {
	padding: 4px 8px !important;
}
#dsq-content .dsq-post-footer {
	margin: 15px 0 0 0 !important;
}
.dsq-brlink {
	color: #286b95;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}


.dsq-request-user-info a {
	color: #286b95;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#dsq-content .dsq-moderator .dsq-comment-header {
	background: #d8e3e6 !important;
}
.dsq-comment-body {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
.dsq-comment-footer-left a {
	color: #286b95;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.dsq-comment-cite a {
	color: #286b95;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#dsq-content .dsq-odd .dsq-comment-header {
	background: #b8c7cc !important;
}

#dsq-content .dsq-moderator .dsq-comment-header  {
	background: #f3d0e7 !important;
}

#errorMessage {
	color: #36393a;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
}
#errorMessage a {
	color: #286b95;
}
#errorMessage ul {
	list-style-type: disc;
}
#errorMessage ul li a {
	color: #286b95;
}

h3.errorArchives {
	background: url(images/archivesError.png) no-repeat;
	height: 22px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	width: 87px;
}

h3.errorCategories {
	background: url(images/categoriesError.png) no-repeat;
	height: 22px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	width: 102px;
}

h3.errorPages {
	background: url(images/pagesError.png) no-repeat;
	height: 22px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	width: 59px;
}

.helpLinks li {
	margin: 0 0 0 15px;
	padding: 0;
}

.helpLinks li ul {
	margin: 5px 0 5px 5px;
	padding: 0;
}

.helpLinks li ul li {
	list-style-type: square;
	margin: 0 0 0 15px;
	padding: 0;
}

.helpLinks li a {
	color: #286b95;
}

.firstHelpLink {
	float: left;
	margin: 30px 0;
}

.middleHelpLink {
	margin: 30px auto;
	width: 230px
}

.lastHelpLink {
	float: right;
	margin: 30px 0;
}


#topInfo {
	margin: 30px auto 0;
	text-align: center;
	width: 868px;
}
.infoHolder {
	background: url(images/infoHolderBkg.png) repeat-y;
	padding: 10px;
	width: 848px;
}
h2.headerInfo {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#resultText {
	color: #36393a;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#resultText span.results {
	font-style: italic;
}

.content {
	background: url(images/pageBKG.png) repeat-y;
	padding: 0 20px;
	width: 1000px;
}

.content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px;
}

.content h2.title {
	color: #292929;
	font-size: 24px;
	font-style: italic;
	margin: 0 0 20px;
}

.content p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0 0 20px;
	width: 960px;
}

.content ul {
	list-style-type: disc;
	margin: 0;
	padding: 0 0 20px;
	width: 960px;
}
.content ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 0 60px;
	padding: 4px 0;
}

.content a {
	color:#286b95;
}

.invisiBox {
	height: 250px;
	width: 100%;
}



div.sociable { margin:0; padding: 15px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 0 17px;
}
.sociable ul li.sociablefirst {
	padding: 0 17px 0 0;
}

.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 40px;
	height: 40px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


.wpcf7-form {
	margin: 0;
	padding: 0;
}

.wpcf7-form p {
	margin: 0;
	padding: 0;
}

.wpcf7-form input {
	border: #cccccc 1px solid;
	color: #333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	width: 600px;
}

.wpcf7-form textarea {
	border: #cccccc 1px solid;
	color: #333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	width: 600px;
}

input.upload {
	height: 20px;
	float: left;
	margin: 0 10px 0 0;
}

.wpcf7-form p.imageDesc {
	margin: 10px 0 0 0;
}

input.submission {
	background: url(images/submissionSubmit.png) no-repeat;
	border:0;
	cursor: pointer;
	display: block;
	height: 20px;
	text-indent: -9999px;
	width: 77px;
}

.submitPostTitle {
	background: url(images/submitPost.png) no-repeat;
	height: 36px;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	width: 278px;
}

#submitInstructions {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#submitInstructions h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
}

#submitInstructions ul {
	list-style-type: disc;
	padding: 0 0 0 25px;
}

#submitInstructions a {
	color: #286b95;
}

.contactTitle {
	background: url(images/contact.png) no-repeat;
	height: 48px;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	width: 277px;
}

.aboutTitle {
	background: url(images/about.png) no-repeat;
	height: 48px;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	width: 277px;
}

.privacyTitle {
	background: url(images/privacy.png) no-repeat;
	height: 48px;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	width: 277px;
}

.termsTitle {
	background: url(images/terms.png) no-repeat;
	height: 48px;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	width: 277px;
}

h2.episodeTitle {
	background: url(images/episodeH2.png) no-repeat;
	display: block;
	float: left;
	height: 22px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 99px;
}
span.episodeNumber {
	padding: 0 0 0 5px;
}

h2.linksTitle {
	background: url(images/linksH2.png) no-repeat;
	display: block;
	height: 18px;
	margin: 20px 0 10px;
	padding: 0;
	text-indent: -9999px;
	width: 60px;
}

.single ul.linkList {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
}

.showEpisode {
	padding: 0 0 20px;
	position: relative;
}

.showEpisode img {
	border: 0;
}

.showEpisode h3 {
	background: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	margin: 215px 0 0 0;
	padding: 7px 0 7px 10px;
	position: absolute;
	width: 400px;
	z-index: 3000;
}

#indexID {
	display:none;
}