/*
Theme Name: pre459
Theme URI: http://pre459.com
Author: CODE AND HUE # http://www.codeandhue.com
*/

@import url("reset.css");
@import url("960.css");
@import url("typo.css");

body {
	background: #000000 url('../images/bg.gif') repeat;
	color:#FFFFFF;
}

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

a:hover {
	text-decoration: none;
	color:#FFF;
}

p {
	overflow: hidden;
	padding: 10px 0;
}

a.more{color:#a8a6a6;}
a.more:hover{color:#FFF;}

/* Header >> 

----------------------------------------------------------------------------------------------------*/
div#header {
	margin-top:30px;
}

h1#logo {
	text-indent: -9999px;
}

h1#logo a {
	display: block;
	width: 221px;
	height: 153px;
	background:url('../images/pre459_logo.png') no-repeat;
}

div.twitter_updates{
	margin-top: 30px;
	margin-left: 50px;
	line-height: 26px;
	color:#FFC94F
}
div.twitter_updates {color:#FFC94F;}
div.twitter_updates span.twitter-timestamp {color:#c30101;}
div.twitter_updates a {color: #FFFFFF;}

/* Top Navigation >> 

----------------------------------------------------------------------------------------------------*/
div.top-navigation{border-bottom:1px solid #a8a6a6; margin:40px 0 30px;}
ul#navigation-main{margin-left:15px;}
ul#navigation-main li { 
	float: left;
	margin:0 50px 0 0; 
}

ul#navigation-main a{float:left; margin:0px; padding:0px; height:15px; display: block; text-indent: -9999px;}

ul#navigation-main  li#mylife_nav a{width:68px; background:url('../images/mylife_link.gif') 0 0  no-repeat; }
ul#navigation-main  li#mylife_nav a:hover{background:url('../images/mylife_link.gif') 0 -16px no-repeat; }

ul#navigation-main  li#myartists_nav a{width:98px; background:url('../images/myartist_link.gif') 0 0  no-repeat; }
ul#navigation-main  li#myartists_nav a:hover{background:url('../images/myartist_link.gif') 0 -16px  no-repeat; }

ul#navigation-main  li#mybusiness_nav a{width:112px;background:url('../images/mybusiness_link.gif')  0 0  no-repeat; }
ul#navigation-main  li#mybusiness_nav a:hover{background:url('../images/mybusiness_link.gif') 0 -16px  no-repeat; }

ul#navigation-main  li#mycontact_nav a{width:102px;background:url('../images/mycontact_link.gif')  0 0  no-repeat; }
ul#navigation-main  li#mycontact_nav a:hover{background:url('../images/mycontact_link.gif')  0 -16px no-repeat; }

/* Top Search >> 
----------------------------------------------------------------------------------------------------*/
ul#navigation-main  li#top_search {
	position:relative;
	top:-8px;
	right:-100px;
}

ul#navigation-main  li#top_search input {
	width:220px;
	height:16px;
	padding:4px;
	color:#444444;
}

button#searcbutton{
	background: url('../images/go.jpg') no-repeat top;
	border:none;
	height:30px;
	width:40px;
	text-indent: -9999px;
	cursor:pointer;
	padding: 2px 8px;
}

button#searcbutton:focus, button#searcbutton:hover {
	background: url('../images/go.jpg') no-repeat bottom;
}

/* Featured >> 
----------------------------------------------------------------------------------------------------*/
div.featured{margin-bottom:30px;}
div.featured a img{ border: 3px #006599 solid;}
div.featured a img:hover{ border: 3px #000 solid;}

div#featured_box {margin-bottom:50px;}

div#featured_box p.info {
    display: block;
    position: absolute;
    left: 0px;
    top: 350px;
    width: 500px;
    color: #000;
}

div#featured_box p.info * {
    padding: 3px 9px;
    display: inline;
    float: left;
    background: #FFC94F;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter:alpha(opacity=90);
} 

div#featured_box p.info strong {
    padding: 3px 9px;
    color: #000;
}

div#featured_box p.info .extra {
    clear: left;
    padding-bottom: 5px;
	margin-top:2px;
	background: #000;
	color:#FFF;
}

/* Left Contents >> 
----------------------------------------------------------------------------------------------------*/
div#leftSection{float:left;}


.dark{
	float:right;
	margin-left:10px;
	margin-right:10px;
}

/* Left Contents >> Posts>> 
----------------------------------------------------------------------------------------------------*/
div.postsCol{margin-bottom:30px; }
div.post{margin-bottom:20px; position:relative; zoom:1.0; border-bottom:1px solid #006599;}

div.post-header{padding-left:100px;}
div.post-header h2{padding-top:15px;}
div.post-header h2 a:hover{color:#006599;}
div.post-header h2 a{color:#ffffff;}

div.post-inner-header h2{padding-top:15px;}
div.post-inner-header h2 a:hover{color:#006599;}
div.post-inner-header h2 a{color:#ffffff;}


div.post-entry{margin-top:30px;}
div.post-entry p img{float:left; margin:5px 10px 10px 0;}
div.post-entry p {margin: 10px 0pt;}
div.post-entry ol{margin: 10px 0pt; padding-left: 42px; list-style-type: decimal;}
div.post-entry ol li{margin: 5px 0pt;}
div.post-inner{padding-left:50px;}


ul.post-meta{position:absolute; top:-10px; left:0; }
ul.post-meta li.post-date{padding:5px; color:#C30101;}
ul.post-meta li.post-date span{margin-left:5px; color:#ffffff;}
ul.post-meta li.post-comments-pop{
	background: url('../images/comment_no.gif') no-repeat 0 0;
	width:76px;
	height:74px;
	text-align: center;
	padding-top:5px;
	float:left;
}

ul.post-meta li.post-comments-pop span{display:block; margin-top:8px;}

div.more-nav{text-align:right; padding-bottom:10px;} 
div.more-nav a{text-decoration:none; color:#C30101;}
div.more-nav a:hover{color:#ffffff; text-decoration:none;}

h1.subtitle { margin-bottom:13px; color:#fff;}
h1.recentWork{display: block; width: 186px; height: 15px; background:url('../images/recentwork_head.gif') no-repeat;}
h1.latestBlog{display: block; width: 282px; height: 15px; background:url('../images/blog_head.gif') no-repeat;}
h1.recentComm{display: block; width: 288px; height: 15px; background:url('../images/recentcomments_head.gif') no-repeat;}

p.category_intro{margin-bottom:25px;}

/* Left Contents >> Pagination >> 
----------------------------------------------------------------------------------------------------*/
/*.blog-page-nav {
	padding:10px 20px;
	margin: 2px 2px 10px 0;
	background:url('../images/bg-white-shade.png') repeat 0 0;
}

.page-nav {
	padding:10px 0;
	margin: 2px 2px 10px 0;
}

.blog-page-nav a:link,
.blog-page-nav a:visited, 
.page-nav a:link,
.page-nav a:visited {
	padding: 2px 5px;
	color: #C30101;
	text-decoration:underline;
}

.blog-page-nav a:hover, .page-nav a:hover {
	background: #C30101;
	color: #ffffff;
}

.blog-page-nav b,
.blog-page-nav b,
.page-nav b,
.page-nav b {
	background: #C30101;
	color: #ffffff;
	padding: 2px 5px;
}

.next-prev {padding:0;text-align:right !important;display:block;margin-top:10px;padding-bottom:15px;margin-bottom:10px;  }
.next-prev a {
  margin-left:10px;
  padding: 6px 8px;
  color: #fff;
  text-decoration:none;
  position: relative;
  cursor: pointer;
}

.next-prev a.prev_nav{background:url('../images/previous.jpg') top left no-repeat; height:30px; text-indent:-9999px;}
.next-prev a.next_nav{background:url('../images/next.jpg') top left no-repeat; height:30px;text-indent:-9999px;}
.next-prev a.prev_nav:hover, .next-prev a.next_nav:hover{background-position: 0 -29px;}
*/

.navigation{
	border-bottom:3px solid #006599;
	padding: 15px;
	margin: 0 0 30px;
	font-size: 24px;
	font-family: georgia;
	height:30px;
}
.navigation a{
	color: #c30101;
	display:block;
}

.navigation a:hover{
	color: #fff;
	text-decoration: underline !important; 
	font-family: georgia;
}

.navigation .alignright {
	float:right;
	margin-left:10px;
}

.navigation .alignleft {
	float:left;
	margin-right:10px;
}


/* Left Contents >> Comments >> 
----------------------------------------------------------------------------------------------------*/

div.comments{margin:0 0 25px 0; float:left;}

div.comments h3{text-align:left; border-bottom:1px solid #a8a6a6; padding:10px 0; margin-bottom:20px;}

div.comments-meta{margin-bottom:10px;}
div.comments-meta span{color:#006599;}

div.comments-meta h2 a:hover{color:#006599;}
div.comments-meta h2 a{color:#ffffff;}


div.commentblock ol.commentlist li{ margin:0; position:relative; position:static;}
div.comment-author{clear:left; float:left; line-height:30px; width:200px; margin-top:20px;}

div.commentblock div.commenttext{width:310px; padding:0 17px 3px 33px; background:transparent url('../images/comment_box.gif') bottom left no-repeat; float:right;}
div.commenttexttop{width:360px; height:15px; background:transparent url('../images/comment_box.gif') top left no-repeat; float:right;}

div.commenttext p{margin:0 0 10px;}
div.commenttext p a{color:#ffffff; text-decoration:underline;}

div.commentp{margin:0 0 7px;}

div#comment-form{margin-top:50px;}

button#submitbutton{
	background: url('../images/submit_btn.jpg') no-repeat 0 0 ;
	border:none;
	height:30px;
	width:179px;
	text-indent: -9999px;
	cursor:pointer;
}

button#submitbutton:focus, button#submitbutton:hover {
	background-position: 0 -29px;
}

div#fb_login{margin:20px 0;}

#fbc_login{
	float:right;
	margin:-4px;
}

.facebooklogin{
	margin-top:7px;
	float:left;
}

/* Left Contents >> MyWorks>> 
----------------------------------------------------------------------------------------------------*/
/*div.myworksCol{margin-bottom:70px; }
*/
a.myworks h2{ color:#FFF;}
a.myworks img{padding-bottom:5px;}
a.myworks:hover h2{color: #006599;}


/* Right Contents >> 
----------------------------------------------------------------------------------------------------*/
div#rightSection{float:right; width:300px; }

div.block-info{ margin-bottom:20px; padding-bottom:20px; background:url(images/border-block.png) repeat-x bottom left; float:left;}
div.block-info img{border:2px #006599 solid;}
div.block-info ul li{padding:3px 0; margin-left:0px;}
div.block-info ul li span{margin-right:10px; color: #a8a6a6;}
div.block-info ul li a{color: #006599;}
div.block-info ul li a:hover{color: #ffffff;}

/* Right Contents >> Social Networks >> 
----------------------------------------------------------------------------------------------------*/
ul.network-links{margin:0;padding:0;}
ul.network-links li{
	float:left;
	position:relative;
	width:50px;
	z-index:3
}

ul.network-links li a{
	display:block;
	height:32px;
	text-indent:-9999px
}

ul li#twitter-info a {background:url('../images/social_icons.jpg') 0 0 no-repeat;}
ul li#twitter-info a:hover, ul li#twitter-info a.active, ul li#twitter-info a.current{background:transparent url('../images/social_icons.jpg') 0 -31px no-repeat}
ul li#facebook-info a {background:url('../images/social_icons.jpg') 0 -62px no-repeat;}
ul li#facebook-info a:hover, ul li#facebook-info a.active, ul li#facebook-info a.current{background:transparent url('../images/social_icons.jpg') 0 -93px no-repeat}
ul li#myspace-info a {background:url('../images/social_icons.jpg') 0 -124px no-repeat;}
ul li#myspace-info a:hover, ul li#myspace-info a.active, ul li#myspace-info a.current{background:transparent url('../images/social_icons.jpg') 0 -155px no-repeat}
ul li#youtube-info a {background:url('../images/social_icons.jpg') 0 -186px no-repeat;}
ul li#youtube-info a:hover, ul li#youtube-info a.active, ul li#youtube-info a.current{background:transparent url('../images/social_icons.jpg') 0 -217px no-repeat}
ul li#flickr-info a {background: url('../images/social_icons.jpg') 0 -248px no-repeat;}
ul li#flickr-info a:hover, ul li#flickr-info a.active, ul li#flickr-info a.current{background:transparent url('../images/social_icons.jpg') 0 -279px no-repeat}
ul li#rss-info a {background: url('../images/social_icons.jpg') 0 -310px no-repeat;}
ul li#rss-info a:hover, ul li#rss-info a.active, ul li#rss-info a.current{background:transparent url('../images/social_icons.jpg') 0 -341px no-repeat}

ul.network-links li div.tweettext{width:230px; padding:0 15px 1px 33px; background:transparent url('../images/comment_box.gif') bottom left no-repeat; margin:0;}
ul.network-links li div.tweettexttop{width:280px; height:5px; background:transparent url('../images/comment_box.gif') top left no-repeat; margin-top:30px;}
ul.network-links li div.tweettext p{margin:0 0 10px; line-height:150%;}

/* Right Contents >> Featured Artist >> 
----------------------------------------------------------------------------------------------------*/
div#featured_artist a:hover{text-decoration:none;}
div#featured_artist p.info {
    display: block;
    position: absolute;
    left: 0px;
    top: 350px;
    width: 500px;
    color: #000;
}

div#featured_artist p.info * {
    padding: 3px 9px;
    display: inline;
    float: left;
    background: #FFC94F;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter:alpha(opacity=90);
} 

div#featured_artist p.info strong {
    padding: 3px 9px;
    color: #000;
}

div#featured_artist p.info .extra {
    clear: left;
    padding-bottom: 5px;
	margin-top:2px;
	background: #000;
	color:#FFF;
}

/* Right Contents >> FLICKR >> 
----------------------------------------------------------------------------------------------------*/
.left-col .portfolio_items{padding:15px 10px 5px;margin:0; border:1px solid #EFEFEF;}
.flickr_photos {float:left;}
.flickr_photos img{margin:5px;}


/* Right Contents >> My Events >> 
----------------------------------------------------------------------------------------------------*/
.event_cal h2{color: #ffffff;}
.event_cal h2 span{color: #a8a6a6;}
.event_cal ul{margin-bottom:8px; }
.event_cal ul li{padding:3px 0; margin-left:10px;}
.event_cal ul li span{margin-right:10px; color: #a8a6a6;}
.event_cal ul li a{color: #006599;}
.event_cal ul li a:hover{color: #ffffff;}

#eventdate{
	padding:5px; color:#C30101;
}

/* Footer
----------------------------------------------------------------------------------------------------*/
div#footer{
	border-top:1px solid #a8a6a6;
}

/* Footer >> Navigation
----------------------------------------------------------------------------------------------------*/
ul#navigation-bottom {
	list-style: none;		
	display: block;
	margin-left:15px;
	width:100%;
	height:40px;
}

ul#navigation-bottom li{
	float:left;
	margin:0; 
	padding:10px 50px 0 0;
	color:#a8a6a6;
}
ul#navigation-bottom li a{text-decoration:none;color:#a8a6a6;}
ul#navigation-bottom li a:hover{text-decoration:underline;}
ul#navigation-bottom li.logo{background:transparent url('../images/footer_logo.gif') no-repeat right 5px; height:30px; width:55px;  margin-left:170px;}