/*
Theme Name: CreativityDen
Theme URI: http://blog.creativityden.com
Description: CD's exclusive design
Version: 1.0
Author: Liam McCabe

Awesomesauce :)

*/

::selection {
	background: #ffc00f; /* Safari */
	}
::-moz-selection {
	background: #ffc00f; /* Firefox */
}

body
{
	margin: 0;
	color: #292929;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	font-family: Arial;
	background: #101010 url(images/body_bg.jpg) top center no-repeat;
}

img 
{
	border: none;
}

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

a:hover
{
	text-decoration: underline;
}

p a 
{
        font-style: italic;
}

p 
{
	font-size: 13px;
	line-height: 22px;
	margin: 15px 0 15px 0;
}

pre 
{
	font-size: 13px;
	font-family: monospace;
}

h1,h2,h3,h4,h5 
{
	color: #000;
	font-weight: normal;
	margin: 15px 0 15px 0;
	font-family: "museo-1","museo-2",sans-serif;
}

h3
{
	left: -15px;
	width: 605px;
	padding: 10px;
	color: #efefef;
	position: relative;
	background-color: #101010;
	text-transform: uppercase;
        font-family: Arial, sans-serif;
        text-shadow: #000 1px 1px 3px;
	
	-khtml-border-radius-topright: 5px; -khtml-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; 
	border-top-right-radius: 5px; border-bottom-right-radius: 5px;
	behavior: url(border-radius.htc);
}

h2 
{
	font-size: 30px;
	line-height: 30px;
        text-shadow: #828282 1px 1px 2px;
}

h3 
{
	font-size: 20px;
	line-height: 26px;
}

h4 
{
	font-size: 18px;
        line-height: 26px;
	font-family: Arial;
	text-decoration: underline;
}

hr 
{
	margin: 15px 0 15px 0;
}

h2.welcome 
{
        margin: 0 0 10px 0;
}

#greet_block
{
        width: 640px;
        margin: auto;
        text-align: left;
}

.greet_text
{
        padding: 15px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
        background-color: #efefef;
        margin-bottom: 15px;
}

#greet_block_close
{
        float: right;
        padding: 0 5px 3px 5px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
        background-color: #101010;
        color: #ffc00f;
}

#greet_block_close:hover
{
        background-color: #ffc00f;
        color: #101010;
        text-decoration: none;
}

.rounded
{
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	behavior: url(border-radius.htc);
}
	
.orangeheading
{
	color: #ffc00f;
	font-size: 22px;
	margin: 30px 0 30px 0;
	text-transform: uppercase;
        text-shadow: #000 1px 1px 3px;
	font-family: "museo-sans-1","museo-sans-2",sans-serif;
}

.clear 
{
	clear: both;
}

#header 
{
        width: 640px;
	margin: auto;
        position: relative;
}

#switcher 
{
        list-style: none;
        position: absolute;
        top: 80px;
        right: 147px;
        padding: 0;
	font-size: 17px;
	text-transform: uppercase;
        text-shadow: #000 1px 1px 3px;
	font-family: "museo-sans-1","museo-sans-2",sans-serif;
}

#switcher a
{
	color: #ffc00f;
}

#switcher li:hover ul#network
{
        display: block;
}

#switchimg
{
        position: relative;
        top: -20px;
        right: -29px;
}

#subsite 
{
        position: relative;
        display: block;
}

#network 
{
        position: absolute;
        top: -39px;
        right: -11px;
        display: none;
        list-style: none;
        padding: 6px;
        background-color: rgba(8,8,8,0.98);
}

#network li a 
{
        text-align: right;
        display: block;
        padding: 5px;
}

#network li a:hover 
{
	-khtml-border-radius: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
        text-decoration: none;
        background-color: #101010;
}

#logo
{
	position: relative;
	left: -7px;
	margin: 30px 0 25px 10px;
}

#container 
{
	
}

	#latestposts
	{
		width: 640px;
		display: block;
		margin: auto;
	}

	#latestposts h2
	{
                text-shadow: #000 1px 1px 2px;
		float: left;
	}

        #filterposts 
        {
		position: relative;
		top:25px;
		float: right;
		color: #efefef;
		font-size: 22px;
		font-family: "museo-sans-1","museo-sans-2",sans-serif;
                text-shadow: #000 1px 1px 2px;
        }
	
	#filterpoststext
	{
                position: relative;
                z-index: 2;
		padding: 10px 40px 10px 10px;
		background: #060606 url(images/filter.jpg) 197px 10px no-repeat;
	}
	
	#filterpoststext:hover
	{
		cursor: pointer;
                background: #060606 url(images/filter_hover.jpg) 197px 10px no-repeat;
                text-decoration: none;
	}
	
	#categories 
	{
		list-style: none;
		position: absolute;
		top: 0;
		right: 0;
		background-color: #060606;
		z-index: 1;
		padding: 15px;
		margin: 32px 0 0 0;
		width: 610px;
		display: none;
	}

	#categories li
	{
		display: inline;
		float: left;
		width: 50%;
	}
	
	#categories li a
	{
		color: #efefef;
		padding: 10px;
		display: block;
	}
	
	#categories li a:hover
	{
		text-decoration: none;
		color: #ffc00f;
		background-color: #101010;
		
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px; 
		border-radius: 5px;
		behavior: url(border-radius.htc);
	}

	#categories li ul 
	{
                padding: 0;
	}

	#categories li ul li a
	{
                text-decoration: none;
                border: none;
	}

	#wrapper
	{
                position: relative;
                margin-bottom: 100px !important;
	}

	#wrapper, #single_post 
	{
		clear: both;
		margin: auto;
		width: 640px;
		text-align: left;
	}
			
		#featured_posts_nav
		{
			clear: both;
			padding: 15px 10px 15px 10px;
			background-color: #060606;
			
           -khtml-border-radius-bottomright: 5px; -khtml-border-radius-bottomleft: 5px;
		   -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
		   -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; 
		   border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
		}
		
		#featured_posts_nav h2
		{
			color: #efefef;
			font-size: 22px;
			margin: 0;
			line-height: 20px;
                        font-family: "museo-sans-1","museo-sans-2",sans-serif;
                        text-shadow: #000 1px 1px 2px;
		}
	
		.post
		{
			position: relative;		
			zoom: 1;
                        z-index: 0;			
			
			padding: 15px;
			margin-bottom: 25px;
			background-color: #efefef;
		}
		
			.post_title
			{
				margin: 0 0 15px 0;
			}
			
			.post_info 
			{
				position: absolute;
				top: 20px;
				left: -65px;
				
				padding: 6px;
				
				color: #4e4e4e;
				text-align: center;
				font-size: 16px;
				font-family: "museo-sans-1","museo-sans-2",sans-serif;
				
				background-color: #060606;
                                text-shadow: #000 1px 1px 2px;
			}
			
			.post_info .date
			{
                                padding: 5px 0 5px 0;
				color: #8a8a8a;
				font-size: 20px;
			}

			.post ul, .post ol
			{
                                padding: 0 30px 0 30px;
				width: 550px;
			}

			.post ul li, .post ol li 
			{
				padding: 10px 0 10px 0;
                                border-bottom: 1px #c0c0c0 solid;
			}

			.post ul li:last-child, .post ol li:last-child 
			{
                                border:none;
			}
			
			.post img, #single_post img 
			{
				-khtml-border-radius: 3px;
				-moz-border-radius: 3px;
  				-webkit-border-radius: 3px; 
  				border-radius: 3px; 
                                display: block;
			}
			
			.alignleft 
			{
				float: left;
				margin-right: 15px;
			}
			
			.alignright
			{
				float: right;
				margin-left: 15px;
			}
			
			.aligncenter 
			{
				text-align: center;
				margin: auto;
			}

                        .wp-caption .aligncenter
                        {
                                padding: 5px 0 0 0;
                        }
			
			.wp-caption 
			{
				background-color: #101010;
				-khtml-border-radius: 5px;
				-moz-border-radius: 5px;
  				-webkit-border-radius: 5px; 
  				border-radius: 5px; 
                                padding: 1px 0 0 0;
			}

			.wp-caption img 
			{
				margin: 5px 0 0 5px;
			}
			
			.wp-caption-text 
			{
                                text-align: center;
				padding: 5px;
				color: #efefef;
				margin: 0;
			}
			
			.more 
			{
                                clear: both;
		                font-size: 12px;
		                text-align: right;
		                text-transform: uppercase;
		                font-family: Arial,sans-serif;
			}
			
		.latest_comments
		{
			position: absolute;
			bottom: 0;
			right: -170px;
		}
			.latest_comment
			{
				width: 150px;
				font-size: 26px;
				color: #444444;
			}
			
			.latest_comment_content
			{
				overflow: hidden;
				padding: 10px;
				margin: 15px 0 0 0;
				background: #060606;
			}
			
			.latest_comment_quote
			{
				padding: 0 0 0 10px;
			}
			
#comments 
{
	width: 1000px;
	margin: auto;
}
			
#comment_list 
{	
	text-align: left;
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}

	.gravatar
	{
		width: 80px;
                height: 80px;
		padding: 5px;
		margin: auto;
		background-color: #000;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px; 	
	}
	
	.name, .name a
	{
		font-family: Blue Highway, Arial;	
		color: #efefef;
		font-size: 24px;
		padding: 10px 0 5px 0;
	}
	
	.url, .url a 
	{
		color: #4e4e4e;
	}
	
	.gravatar img
	{
		-khtml-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px; 	
	}
	
	.comment_left 
	{
		position: absolute;
		top: 40px;
		left: -16px;
	}

	#comment_list li
	{
		width: 100%;
		margin: 0 0 30px 0;
		float: left;
	}

	ul#comment_list li.comment .comment_author 
	{
		float: left;
		margin: 0 20px 0 10px;
		text-align: center;
		width: 150px;
		max-width: 150px;
	}
	
	ul#comment_list li.comment .comment_content 
	{		
		width: 620px;	
		padding: 10px;
		float: left;
		background-color: #efefef;
		position: relative;
	}
	
	ul#comment_list li.comment .comment_content p
	{
		margin: 0 0 10px 0;
	}
	
	ul#comment_list li.comment ul.children 
	{
		margin: 30px 0 0 0;
		list-style: none;
		float : right;
	}
	
	ul#comment_list li.comment ul.children  li.comment 
	{
        float: right;
	}
	
	ul#comment_list li.comment ul.children  li.comment div.comment_content
	{
		width: 60%;
		min-width: 400px;
        float: right;
	}
	
	ul#comment_list li.comment ul.children  li.comment div.comment_author 
	{
        float: right;
        margin: 0 10px 0 20px;
	}
	
	.reply
	{
		font-size: 12px;
		text-align: right;
		text-transform: uppercase;
		font-family: Arial,sans-serif;
	}
	
#discussion
{
	text-align: left;
	padding: 0 0 0 180px;
        text-shadow: #000 1px 1px 2px;
}

	
#addcomment
{
	clear: both;
	text-align: left;
        margin: auto;
        width: 640px;  
        color: #efefef; 
        margin-bottom: 200px;
        overflow: hidden;
}

#addcomment a 
{
	color: #ffc00f;
}

#addcomment input#submit
{
        width: 175px;
        text-shadow: #b0881a 0px 0px 5px;
        color: #fff;
        text-transform: uppercase;
        background: #ffc00f url(images/submit_bg.jpg) top left repeat-x; 
        float: right;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

#addcomment input#submit:hover
{
	cursor: pointer;
        background: #ffc00f;	
}

#leaveacomment
{
        text-shadow: #000 1px 1px 2px;
}

#commentform input
{
	width: 150px;
	border: none;
	padding: 10px;
	color: #101010;
	font-family: Arial;
	font-size: 13px;
}

#commentform textarea
{
	width: 610px;
	border: none;
	padding: 15px;
	color: #101010;
	font-family: Arial;
	font-size: 13px;
}

#footer 
{
	opacity: 0;
	padding: 65px 0 15px 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	background: transparent url(images/footer_bg.png) bottom left repeat-x;
}

#footer ul
{
	margin: auto;
	list-style: none;
}

#footer ul li
{
	color: #fff;
	padding: 0 20px;
	display: inline;
	font-weight: bold;
	text-shadow: #000 1px 1px 3px;
}

#footer ul li a
{
	color: #fff;
	font-weight: bold;
	text-shadow: #000 1px 1px 3px;
}


.wpcf7-form 
{
        overflow: hidden;
}

.wpcf7-form input
{
        width: 200px;
        padding: 10px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
        background-color: #fff;
        border: 1px #c9c9c9 solid;
}

.wpcf7-form textarea
{
        font-family: Arial;
        width: 590px;
        max-width: 590px;
        height: 300px;
        padding: 10px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
        background-color: #fff;
        border: 1px #c9c9c9 solid;
}

#submitbttn
{
        float: right;
        text-shadow: #b0881a 0px 0px 5px;
        color: #fff;
        text-transform: uppercase;
        width: 100px;
        border: 1px #b6691f solid; 
        background: #ffc00f url(images/submit_bg.jpg) top left repeat-x; 
}

#submitbttn:hover
{
        cursor: pointer;
        background: #ffc00f; 
}

.navigation
{
        margin: auto;  
        text-align: center;   
}

.navigation a 
{
        color: #efefef;
        padding: 10px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
        background-color: #000;      
}

.navigation a:hover 
{
        color: #000;
        text-decoration: none;
        background-color: #ffc00f;      
}

#authorbox
{
        position: relative;
        left: -20px;
        background:#101010;
        width:600px;
        margin: 15px 0 15px 0;
        overflow:hidden;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
        padding: 10px 10px 10px 20px;
}

#authorbox h4
{
        text-decoration: none;
        margin: 0 0 10px 0;
        font-size:20px;
        color:#efefef;
        text-transform: uppercase;
        font-family: Arial, sans-serif;
        text-shadow: #000 1px 1px 3px;
}

#authorbox img
{
        margin:0;
        float:left;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

.authortext
{
        width: 480px;
        float: left;
        padding: 0 0 0 15px;;
}

.authortext a
{
        color: #ffc00f;
}

.authortext p
{
        color: #707070;
        margin: 0 0 10px 0;
}

.topsy_widget_shortcode
{
        float: right;
        padding: 10px;
}

.subscribe-to-comments
{
        width: 400px;
        position: relative;
        top: -32px;
}

blockquote p
{
        font-family: Georgia, serif;
        font-size: 24px;
        line-height: 30px;
        background: #101010 url(images/body_bg.jpg) top center no-repeat;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
        padding: 15px;
        color: #dfdfdf;
}


#galleryfeed
{
        width: 140px;
        position: absolute;
        top: 770px;
        right: -160px;
}

#galleryfeed span#galleryfeedtitle
{
        text-align: center;
        display: block;
	color: #ffc00f;
	font-size: 16px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
        text-shadow: #000 1px 1px 3px;
	font-family: "museo-sans-1","museo-sans-2",sans-serif;
}

#galleryitems
{
        margin: 0;
        padding: 0;
        list-style: none;
}

#galleryitems li a
{
        width: 120px;

	text-transform: uppercase;
        text-shadow: #000 1px 1px 3px;
	font-family: "museo-sans-1","museo-sans-2",sans-serif;

        color: #505050;
        display: block;
        padding: 10px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
        background-color: #080808; 
        margin-bottom: 15px;
        text-align: center;
}

#galleryitems li img
{
        display: block;
        margin: 10px 0 0 0;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
}

#galleryitems li a:hover
{
        color: #ffc00f;
        background-color: #000; 
        text-decoration: none;
}




a#twitter span 
{
        position: absolute;
        bottom: -10px;
        right: -120px;

        color: #85e0ff;
	text-transform: uppercase;
        text-shadow: #000 1px 1px 3px;
	font-family: "museo-sans-1","museo-sans-2",sans-serif;

        width: 100px;

        display: none;
}

a#twitter:hover span 
{
        display: block;
}


.bsap
{
        position: absolute; 
        bottom: -250px; 
        right: -175px; 
        width: 150px;
}


.bsa_it_ad
{
        background-color: #0a0a0a !important;
        padding: 10px !important;
        border: none !important;
        color: #767676; 
        border-radius: 5px; 
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px;
}

.bsa_it_t
{
        color: #a3a3a3 !important;
}

.bsa_it_p 
{
        position: static !important;
}

.bsa_it_p a
{
        color: #1d1d1d !important;
}