/* =============================================================================
    OVERRIDE MAIN STYLES
============================================================================= */
body {
    font: 12px arial, verdana, sans-serif;
    background: #0C020C url(../images/main_bg.png) repeat-x;
}

a {
    color: #0092CF;
    padding: 0;
    margin: 0;
}
a:hover {
    color: #0092CF;
    background: #C8EFFF !important;
}

br { clear: both;}

h2 {
    font-size: 16px;
    color: #525252;
}

/* =============================================================================
    HEADER / MENU
============================================================================= */
#header {
    height: 60px;
    margin: 0 0 10px;
}
    #header a:hover { background: none !important;}

#menu {
    border-top: 1px solid #888;
    border-bottom: 1px solid #393939;
    background: #ECECEC url(../images/main_menu_bg.png) repeat-x;
    height: 30px;
    clear: both;
    font-size: 14px;
}

#menu ul {float: left;}

    #menu li {display: inline;}
    
	#menu a {
	    float: left;
	    display: block;
	    padding: 7px;
	    color: #FFF;
	}
	
	#menu a:hover {background: #7E7E7E !important;}
	
	#menu a.selected {
	    margin: -1px 0 0;
	    color: #FFF;
	    background: #0092CF !important;
	    border-top: 1px solid #73C3E5;
	}
    
    ul.search {margin: 0 0 0 20px;}
    
    ul.search input {
	float: left;
	margin: 5px 0 0;
	height: 16px;
	width: 120px;
    }
    
	ul.search input.search_btn {
	    cursor: pointer;
	    background: #0092CF url(../images/search.png) no-repeat;
	    height: 20px;
	    width: 20px;
	    border: none;
	}
	
/* =============================================================================
    FOOTER
============================================================================= */
#footer {
    margin: 10px 0 0;
    text-align: center;
    color: #BF8EC2;
}

    #footer ul {list-style: none;}
    #footer li {display: inline;}
    
	#footer a.rss {
	    background: url(../images/feed.gif) no-repeat !important;
	    padding: 1px 0 1px 20px;
	}
	
	#footer a {
	    color: #E2D0E3;
	    margin: 0 6px;
	}
	
	#footer a:hover {
	    background-color: transparent !important;
	    text-decoration: underline;
	}
	
	#footer p { margin: 4px 0 0;}
	#footer p a { margin: 0;}
	    
/* =============================================================================
    CONTAINER
============================================================================= */
#container {
    margin: 0 auto;
    width: 960px;
    padding: 10px;
}

    #left {
	width: 480px;
	float:left;
	margin: 10px;
    }
    
    #right {
	margin: 10px 0 0;
	width: 450px;
	float: left;
    }
    
    #video_container { background: #FFF;}
    
#inner_container { padding: 10px; }

    #inner_container h1 {
	margin: 0 0 10px;
	font-size: 20px;
	text-align: center;
    }
    
    #inner_container h3 {
	font-size: 14px;
	color: #701470;
    }

    #inner_container h2, #inner_container p {margin: 8px 0;}    
    #inner_container ul, #inner_container ol { margin: 0 16px;}
    #inner_container li { margin: 4px 0;}
	
/* =============================================================================
    VIDEO
============================================================================= */
#playing {
    background: #000;
    height: 400px;
    color: #FFF;
}

    #playing #artwork { margin: 0 6px 6px 0; }
    #playing #details { padding: 0; }
    #playing div.author { color: #FFF; }

#current_video { margin: 0 0 10px;}

    #artwork {
	float: left;
	width: 158px;
    }
    
    #details {
	float: left;
	width: 274px;
	padding: 0 6px 6px;
    }
    	
	.row {
	    margin: 0 0 12px 0;
	    clear: both;
	}
	
	    .video {
		margin: 4px 0 4px 32px;
		float: left;
		width: 200px;
	    }
	    
	    #spots .video { margin: 4px 0 4px 28px; }
	    
		.video a:hover {
		    border: 0;
		    background: none;
		}
		
	    div.title a {
			font-size: 14px;
			font-weight: bold;
	    }

		div.book_cont {
			background:#E7F8FF;
			border: 1px solid #BDD6EC;
			margin: 2px 0 0;
			padding: 4px;
		}

			div.book {
				background: url(../images/book.gif) no-repeat;
				padding: 1px 0 1px 20px;
			}
	
			div.author {
				margin: 2px 0 0;
				color: #777;
			}
	    
	    #headline { margin: 10px 10px 0;}
	    #headline h1 { font-size: 18px; }
	    #headline div.author { margin: 0; }
	    
div.row { padding: 4px 0; }

    div.row label {
	padding: 2px 10px 0 0;
	display: block;
	float: left;
	width: 60px;
	text-align: right;
	font-weight: bold;
    }
    
	div.row span {
	    color: #FF0000;
	    margin: 0 4px;
	}
	    
/* =============================================================================
    DETAILS VIDEOS
============================================================================= */
div.section .video {
    width: 100px;
    margin: 10px 6px;
}

    div.section .video img {
		width: 100px;
		height: 75px;
    }
    
    #details p a { margin: 0 4px;}
    
    #details a.button {
		float: left;
		display: block;
		background: url(../images/button_bg.png) repeat-x !important;
		width: 120px;
		color: #FFF;
		text-align: center;
		font-weight: bold;
		margin: 10px 0 0;
		padding: 3px 0;
    }
	
	#details a.button.big {
		background: url(../images/button_big_bg.png) repeat-x !important;
		margin-right: 10px;
	}
    
    #details a.button:hover { background-color: none !important; }
    
	#details p img {
		float: left !important;
		display: block !important;
		margin: 12px 2px 0 !important;
	}

/* =============================================================================
    ANNOUNCEMENTS
============================================================================= */
#announcements {
    background: #B185B4;
    margin: 10px 0 0;
}
    
    #announcements div {
		height: 92px;
		padding: 2px 6px;
		overflow: auto;
    }
	
		#announcements div span{
			font-weight: bold;
		}


/* =============================================================================
    SECTION HEADING
============================================================================= */
div.section h2 {
	color: #8B3E8F;
	padding: 4px 10px 3px;
	float: none;
	background: url(../images/news_bg.png) repeat-x;
	font-size: 14px !important;
	font-weight: nornal;
	border-bottom: 1px solid #A06BA4;
}
    
    ul.share {
		margin: 10px 0;
		list-style: none;
		height: 20px;
    }

	ul.share li {
	    float: left;
	    display: inline;
	}
    
	ul.share span {
	    display: block;
	    font-weight: bold;
	    margin: 3px 4px 0 0;
	}
    
    ul.share a {
		display:block;
		margin: 2px 8px 0 0;
		text-indent:-900em;
		width:14px;
		height:14px;
    }
    
    ul.share a:hover { background-color: transparent !important }
    
	ul.share input {
	    width: 250px;
	    margin: 0;
	    color: #272620;
	}

    #i_facebook { background: url(../images/icon_facebook.gif) no-repeat !important; }
    #i_digg { background: url(../images/icon_digg.gif) no-repeat !important; }
    #i_delicious { background: url(../images/icon_delicious.gif) no-repeat !important; }
    #i_newsvine { background: url(../images/icon_newsvine.gif) no-repeat !important; }
    #i_reddit { background: url(../images/icon_reddit.png) no-repeat !important; }
    
/* =============================================================================
    COMMENTS
============================================================================= */
#comments h2 {
    background: #BDE1F0;
    border-bottom-color: #7DB0C5 !important;
    color:#065E83;
    margin: 0 0 1px;
}

    div.comment {
		background:#E7F8FF;
		border-bottom:1px solid #BDD6EC;
		margin: 0 0 1px;
		padding: 4px 10px;
    }
    
    #comments div.paging { background: transparent !important; }
    
#add_comment {
    background: #EEE;
    margin: 20px 0 0;
}

    #add_comment h2 {
	border-bottom-color: #989898;
	background: #DDD;
	color: #666;
    }

    #add_comment div { padding: 10px;}
    #add_comment div.row { padding: 2px 10px;}
    #add_comment label { width: 100px;}
    
	#gotcha {
	    margin: 0 0 0 110px;
	    width: 54px !important;
	}
	
	#add_comment div.row input { width: 200px;}
	#add_comment p { margin: 10px 0 0;}
	    
	#add_comment textarea {
	    width: 456px;
	    height: 100px;
	    margin: 0 0 10px;
	}
	
	
/* =============================================================================
    PAGING STYLES
============================================================================= */
div.paging {
    background: #ECECEC;
    text-align: right;
    padding: 8px 10px;
}

    div.paging a {
	color: #6E6E6E !important;
	background: #DADADA;
	border-color: #B6B6B6 !important;
    }
    
    div.paging a:hover { background: #B8B8B8 !important; }

    div.paging span.current {font-weight: bold;}
	div.paging h2 {
	    float: left;
	    font-size: 14px;
	}

/* =============================================================================
    SEARCH
============================================================================= */
#search_box {padding: 6px 0;}

    #search_box label { font-weight: bold;}
    #search_box select {
	margin: 0 14px 0 4px;
	width: 100px;
    }
    
#no_results {
    text-align: center;
    font-weight: bold;
    padding: 16px 10px;
    background: #F5EEF6;
}

/* =============================================================================
    PUBLISHER ITEMS
============================================================================= */
#items {
    list-style: none;
    
}

    #items li {
	clear: both;
	margin: 0 0 8px;
	padding: 0;
	border-top: 1px solid #CCC;
	width: 100%;
    }
	
	#items span {
	    float: left;
	    display: block;
	    margin: 4px 0 10px;
	    width: 700px;
	}
    
	#items span.item {
	    width: 200px;
	    color: #6F1471;
	}
	
    #items.testimonials li { margin: 0; }
	    
	#items.testimonials span {
	    width: auto;
	    float: none;
	    margin: 4px 0 0;
	}
	
	#items.testimonials span.item { margin: 4px 10px 10px; }
    
    #items.distro span.item { text-align: center;}


/* =============================================================================
    PUB NAV
============================================================================= */
#pub_nav {
    margin: 6px 26px 14px !important;
    list-style: none;
    font-size: 16px;
}

    #pub_nav li { margin: 6px 0;}

	#pub_nav a {
	    padding: 0 0 0 20px;
	    background: url(../images/pub_nav.png) 0 -17px no-repeat !important;
	}
	
	#pub_nav a:hover, #pub_nav a.selected {
	    padding: 0 0 0 20px;
	    background: transparent url(../images/pub_nav.png) 0 1px no-repeat !important;
	}
	
/* =============================================================================
    SERVICES
============================================================================= */
ul.services { padding: 14px 20px;}

/* =============================================================================
    MISC
============================================================================= */
#friendly_error {
    width: 460px;
    margin: 0 auto 10px;
    padding: 10px 20px;
    background:#E7F8FF;
}

#artwork_cont {
    z-index: 100;
    position: absolute;
    border: 2px solid #000;
    border-top: none;
    border-left: none;
    display: none;
}

#redirect {
    width: 560px;
    margin: 14px auto;
    text-align: center;
}
    #redirect p {margin: 6px 0;}
	
	#redirect span {
	    font-weight: bold;
	    color: #6F1470;
	}
    
    #address { font-size: 14px; }
    
    .about div {
	border-top: 1px solid #CCC;
	margin: 6px 26px;
    }
    .about h3 { margin: 10px 0 0;}
    
    p.press { padding: 0 16px 10px;}
    
    div.press {
	margin: 6px 26px;
    }
    
    div.press h1 {
	padding: 10px 0 0;
	border-top: 1px solid #CCC;
	font-size: 16px !important;
    }
    

/* =============================================================================
    jquery UI dialog
============================================================================= */
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	background: #ffffff;
	color: #222222;
	border: 4px solid #d3d3d3;
	position: relative;
}
.ui-dialog-content {
	border: 1px solid #d3d3d3;
	background: #ffffff;
	color: #222222;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	top: 0px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: 0px; 
	top: 0px; 
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #555555;
	border-bottom: 1px solid #d3d3d3;
	font-size: 1.1em;
	font-weight: normal;
	position: relative;
}
.ui-dialog-title {

}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {

}
.ui-dialog-titlebar-close:active {

}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: #ffffff;
	color: #222222;
	padding: 1.5em 1.7em;	
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #d3d3d3;
	background: ;
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #555555;
	background: #e6e6e6;
	font-size: 1.1em;
	border: 1px solid #d3d3d3;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #212121;
	background: #dadada;
	border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
	color: #222222;
	background: #ffffff;
	border: 1px solid #dddddd;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}