/*

Theme Name: ASI III

Theme URI: http://www.authorsolutions.com/

Description: Inspired with Creativix Theme. Copyright by Author Solutions, Inc.

Version: 1.0

Author: Author Solutions, Inc.

Author URI: http://www.authorsolutions.com/

*/



* {

	margin: 0;

	padding: 0;

}



body {

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 80%;

	line-height: 18px;

	color: #666;

	background-color: #000;

}



hr {

	float: left;

	width: 100%;

	height: 1px;

	border: 0;

	border-style: dotted;

	border-color: #333;

	border-width: 1px 0 0 0;

	margin-bottom: 20px;

	overflow: hidden;

}



h1, h2, h3, h4, h5, p, ul, ol {

	margin-bottom: 20px;

}



h1, h2, h3, .q, h4, h5 {

	font-family: 'Cuprum', "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	color: #8B55AA;

	font-weight: normal;

	line-height: normal;

}



h1 {

	font-size: 2.5em;

}



h2 {

	font-size: 2.3em;

}



h3 {

	font-size: 2.0em;

}



h4 {

	font-size: 1.7em;

}



h5 {

	font-size: 1.3em;

}



a {

	color: #999;

}



a:hover {

	color: #BB80DD;

	text-decoration: none;

}



img {

	border: 0;

}



ul li, ul {

	border-color: #333;

}



input, textarea {

	border-color: #333;

	border-width: 1px;

	border-style: solid;

	background-color: #222;

	color: #ccc;
	font-family: sans-serif;
	padding: 8px 5px;

}

textarea {
	overflow: auto;
	resize: vertical;
	max-height: 500px;
}



/* Common Classes */

.left {

	float: left;

}



.right {

	float: right;

}



.txtAC {

	text-align: center;

}



.txtAR {

	text-align: right;

}



.txtAL {

	text-align: left;

}



.imgLeft, .main-thumb .wp-post-image, .alignleft {

	float: left;

	margin: 0 15px 15px 0;

}



.imgRight, .wp-post-image, .alignright {

	float: right;

	margin: 0 0 15px 15px;

}



.nB {

	border-width: 0 !important;

}



.nP {

	padding: 0 !important;

}



.clear {

	clear: both;

}



.introdiv {

	margin: 0 auto;

	width: 500px;

}



.introh3 {

	margin-bottom: 0;

}



.SubmitComment, .button a {

	float: left;

	padding: 5px 10px;

	color: #fff;

	background: #555;

	text-decoration: none;

	border-radius: 5px;

	-moz-border-radius: 5px;

}



/* Error Messages */

.error, .success {

	border: 1px solid #AC0109;

	color: #222;

	background: #FCD3D5;

	display: block;

	padding: 5px;

	text-align: center;

}



.success {

	border: 1px solid #83A366;

	background: #E7EDE2;

}



/* Structure */

#container {

	width: 950px;

	margin: 0 auto;

}



#header {

	float: left;

	width: 950px;

	padding: 0 0 10px 0;

}



#content {

	float: left;

	width: 948px;

	border-color: #222;

	border-style: solid;

	border-width: 1px;

	background-color: #222;
    
	-moz-border-radius: 7px;

	border-radius: 7px;

	clear: both;

}



#footer {

	float: left;

	width: 910px;

	padding: 20px 20px 30px;

	text-align: center;

	font-size: 0.9em;

	color: #222;

}



/* Header Stuff */

#header h1 {

	float: left;

	width: 275px;

	height: 120px;

	text-align: center;

	vertical-align: middle;

	margin: 0;

}



#header h1 a {

	float: left;

	width: 275px;

	height: 80px;

	padding: 40px 0 0;

	text-align: center;

	vertical-align: middle;

	text-decoration: none;

	color: #8B55AA;

}



ul#nav {

	float: left;

	width: 665px;

	height: 60px;

	padding: 0 0 0 10px;

	margin: 30px 0 0 0;

	list-style: none;

	background-color: #191919;

	background-image: url(images/nav.png);

	-moz-border-radius: 7px;

	border-radius: 7px;

}



ul#nav li {

	float: left;
}

ul#nav li.page_item {
	/* make this a qualified container for submenus */
	position: relative;
}



ul#nav li a,

ul#nav li.current_page_item ul li a,

ul#nav li.active ul li a {

	text-decoration: none;

	color: #888;

	font-size: 14px;

	float: left;

	padding: 20px;

}



ul#nav li a:hover,

ul#nav li.current_page_item a,

ul#nav li.active a,

ul#nav li.current_page_item ul li a:hover,

ul#nav li.active ul li a:hover {

	color: #9A5EBD

}



/* Child pages */

ul#nav li ul.children {

	position: absolute;

	top: 58px;  /* the height of the navigation bar is it's top offset position */

	background-color: #444;

	float: left;

	width: 220px;

	clear: both;

	margin: 0;

	padding: 0;

	z-index: 1999;

	border-top-right-radius: 10px;

	-moz-border-radius-topright: 10px;

	border-bottom-left-radius: 10px;

	-moz-border-radius-bottomleft: 10px;

	border-bottom-right-radius: 10px;

	-moz-border-radius-bottomright: 10px;

	overflow: hidden;

	display: none;

}



ul#nav li ul.children li {

	display: block;

	float: none;

	border-width: 1px 0 0;

	border-style: solid;

}



ul#nav li ul.children li a {

	display: block;

	float: none;

	padding: 10px 15px;

}

ul#nav li ul.children li a .subtitle {
	display: none;
}



/* search */



ul#nav li.search {

	float: right;

	width: 200px;

	padding: 15px 20px

}



ul#nav li.search form {

	float: left;

	width: 200px;

}



ul#nav li.search form fieldset {

	border: 0;

	width: 200px;

	float: left;

}



ul#nav li.search form fieldset input.s {

	float: left;

	width: 120px;

	border: 0;

	background-color: #111;

	height: 17px;

	color: #999;

	font-size: 14px;

	padding: 7px 5px 5px;

}



ul#nav li.search form fieldset input.m {

	float: right;

	height: 28px;
	line-height: 28px;
	padding: 0;

	border: 0;

	background-color: #333;

	color: #999;

	border-width: 0;

	width: 65px;

	cursor: pointer;

}





/* FEATURE CAROUSEL */

#bookshelfWrap {

	float: left;

	width: 948px;

	height: 348px;

	background-color: #282828;

	background-image: url(images/bookshelf.png);

	overflow: hidden;

	border-color: #333;

	border-style: solid;

	border-width: 1px;

	-moz-border-radius: 7px;

	border-radius: 7px;

}



#bookshelf h2 {

	color: #BB80DD;

}



#bookshelf {

	float: right;

    height: 330px;

    width:475px;

    position:relative;

	margin: 30px 0 0 0;

	color: #999;

}



#bookshelf img {
    border:0;
    box-shadow: 0 0 10px #555;
}

#bookshelf .feature {

    position:absolute;

    top:-1000px;

    left:-1000px;

    cursor:pointer;

	overflow: visible;

	/*background: #fff;*/

}



#bookshelf .feature img.wp-post-image {

	/*float: none !important;

	margin-left: 0 !important;

	margin-bottom: 0 !important;*/

}



#bookshelf .blipsContainer {

   position: absolute;

   top: 284px;

   left: 0;

   width: 420px;

   margin: 0 0 0 -445px;

}



#bookshelf .blipsContainer ul {

	float: left;

	list-style: none;

}



#bookshelf .blipsContainer .blip {

    margin:2px;

    height:10px;

    width:10px;

    text-align:center;

    font-size:10px;

	float: left;

	opacity: 0.6;

	filter: alpha(opacity=60);

	background-color: #555;

}

#bookshelf .blipsContainer .blipSelected {

    font-weight:bold;

	opacity: 1;

	filter: alpha(opacity=100);

}



#bookshelf .blipsContainer .blip span {

	display: none;

}



.feature div {

}



.description {

	display: none !important;

}



.mainDiscription {

   position: absolute;

   top: 0px;

   left: 0;

   width: 430px;

   height: 230px;

   margin: 0 0 0 -445px;

}

.mainDiscription h2 .subtitle {
  display: block;
  font-size: 0.75em;
  line-height: 1.3;
}



/* Content Style */

.mainTabs {

	float: left;

	width: 906px;

	padding: 30px 21px 30px;

	-moz-border-radius: 7px;

	border-radius: 7px;

}



.mainTabs .tab {

	float: left;

	width: 284px;

	padding: 9px;

}



.mainTabs .tab ul {

	display: block;

	list-style: none;

}



.mainTabs .tab ul li {

	display: block;

	border-style: dotted;

	border-width: 0 0 1px 0;

	padding: 5px 7px;

}



.mainTabs .tab ul li a {

	text-decoration: none;

}



#main {

	float: left;

	width: 564px;

	padding: 30px 40px 20px 30px;	
    
    background: #111 url(images/cute-scroll-1.jpg) center top no-repeat;

	border-top-left-radius:7px;

	border-bottom-left-radius:7px;

	-moz-border-radius-topleft:7px;

	-moz-border-radius-bottomleft:7px;

}

#main h3 .subtitle {
	display: block;
	font-size: 0.75em;
	line-height: 1.4;
}


#sidebar {

	float: right;

	width: 254px;

	padding: 30px 30px 10px;

	border-width: 0 0 0 634px;

	border-style: solid;

	border-color: #111;

	margin-left: -634px;

	-moz-border-radius:7px;

	border-radius:7px;

}



#sidebar h3, #sidebar h2 {

	margin: 3px 0 0;

	padding: 0 0 15px 0;

	font-size: 1.7em;

}



#sidebar ul {

	display: block;

	list-style: none;

	border-color: #111;

	border-style: dotted;

	border-width: 1px 0 0 0;

}



#sidebar ul li {

	display: block;

	border-color: #111;

	border-style: dotted;

	border-width: 0 0 1px 0;

	padding: 5px 7px;

}



#sidebar ul li a {

	text-decoration: none;

}



/* Flickr widget */



#widget_flickr ul {

	border-width: 0;

}



#widget_flickr li {

	float: left;

	border-width: 0 !important;

	padding: 0 !important;

}



#widget_flickr li img {

	float: left;

	margin: 10px 5px;

}



.post-header h3 {

	margin-bottom: 0;

}



.post-header h3 a {

	text-decoration: none;

}



.post-header h3 a:hover {

	text-decoration: underline;

}



.pagenav {

	padding: 0 0 20px 0;

}





.pagenav a, .pagenav .on {

	padding: 0 5px;

}



.post-footer ul {

	List-style: none;

}



.post-footer ul li {

	display: block;

	padding: 3px 0;

}



.post-footer ul li a {

	text-decoration: none;

}



.post-comments ol {

	margin: 0 0 20px 20px;

}



.ListGrav {

	float: right;

}



#media-gallery {

	text-align: left;

}



#media-gallery .wp-post-image {

	float: none;

	margin: 10px 20px;

}



.media-gallery {

	margin: 3px 0 20px;

}



#image-gallery img {

	margin: 10px 30px 10px 0;

}



#audio-gallery th, #audio-gallery td, #video-gallery th, #video-gallery td {

	border-left: 1px dotted #ccc;

	border-bottom: 1px dotted #ccc;

	padding: 10px;

}



#audio-gallery table, #video-gallery table {

	border-top: 1px dotted #ccc;

	border-right: 1px dotted #ccc;

}

.float-left20 {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.float-right20 {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}


#asi-media-video-playlist {
	margin-top: 20px;
	font-size: 0;
}

#asi-media-video-playlist .playlist-item {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width: 250px;
	min-height: 60px;
	font-size: 13px;
	font-weight: bold;
	border: #ccc 1px dotted;
	cursor: pointer;
}
#asi-media-video-playlist .playlist-item:hover {
	background: #efefef;
}

#asi-media-video-playlist .playlist-item img {
	margin-right: 10px;
	float: left;
}
#asi-media-video-playlist .playlist-item .vid-title {
	margin-top: 20px;
	overflow: hidden;
}

.spacer-15 {
	padding-left: 30px;    
}
.spacer-10 {
	padding-left: 20px;    
}
.spacer-5 {
	padding-left: 7px;    
}
.description-format {
	margin: 5px 0 15px 0;    
}