/*
Theme Name: Creativeoverflow
Theme URI: http://www.creativeoverflow.net
Description:Creativeoverflow - Anything Creative
Version: 2.0
Author: An1ken Creative Agency
Author URL: http://www.an1kencreative.com
Tags: Creative, An1ken
*/


/* /////////////////////// */
/* Resetting + Background */
/* /////////////////////// */
body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{ margin: 0; padding: 0;}

body { z-index: 1 ; background: #002f47 url('images/background.jpg') no-repeat 50% 0 !important; font: 80% Arial, Georgia, Verdana, 'Trebuchet MS', Helvetica, sans-serif;}
body p {padding-bottom: 20px; line-height: 1.5em; font-family: Helvetica, Arial ;}

h1 { font-size: 28px ; margin-top: 5px ;}
h2 {font-size: 24px ;margin-top: 5px ; margin-bottom: -2px ;} h3  {font-size: 20px;margin-top: 4px ; margin-bottom: -2px ;}
h4 {font-size: 16px;margin-top: 2px ; margin-bottom: -5px ;} h5  {font-size: 14px;margin-top: 2px ; margin-bottom: -5px ;} h6  {font-size: 12px;margin-top: 2px ; margin-bottom: -5px ;}

.posth3 { font-size: 20px; border-bottom: 3px solid #000; color: #000 ;  margin-top: 4px ; padding: 0 0 3px 0 ; }

/*---------------------------------------------------------------------------------*/
/* Structure and Main Elements */
/*---------------------------------------------------------------------------------*/

/* Whole structure */
#overall {background:#002f47 url(images/background.jpg) no-repeat 50% 0  ; padding: 0 0 0px ; overflow: hidden; min-width: 1146px ;}
#overall .main{width:1146px;margin:0 auto;position:relative;}
#container {margin: 0px auto; left: -2px ; background: #fff; margin-top: 270px ; width: 1000px; border-left: 1px solid #ccc ; border-right: 1px solid #ccc ; position: relative; color: #555; text-align: left ;}
#header {float: left; width: 1000px;}
#overlapping-elements span img{ position: absolute ; top: -93px ; left: 23px ; overflow: hidden ;  z-index: 2 ;}
#content {float: left; width: 640px; }
#sidebar {float: right; width: 300px;  font-size: 80%; background: #eee; border-left: 1px solid #ccc; margin-top:-16px ; border-bottom: 1px solid #ccc ;  }
#theme-sync {clear: both; overflow: hidden; overflow: hidden; padding: 30px;}
#footer { background: #000  url(images/footer.jpg) repeat-x  ;   width: 100% ; margin: 0 auto ;    }


/* Header styling */
#logo{ position: absolute; top: -250px ; margin-left: 70px ;}

/*---------------------------------------------------------------------------------*/
/* Index Post Styling */
/*---------------------------------------------------------------------------------*/

/*- Post Titles -*/
.title{ font-size: 25px ;   margin-top: 5px ; font-family: Tahoma,Geneva,sans-serif;}
.title h1 a {color: #000 ; text-decoration: none ; }
.title h1 a:link, a:visited, a:active { color: #000 ; text-decoration: none ;}
.title h1 a:hover { color: #222 ; text-decoration: none ; }


/*- Post Date -*/
.post-date {margin-top: 4px ; margin-left: 4px ; color: #FFF ; }
.post-date a { color: #FFF !important ;   }
.post-date a:hover { color: #000; }
.post-date em { background: #006399; color: #FFF; font-size: .8em; font-style: normal; padding: 3px 5px; line-height: 1.75em; }

/*- Thumbnail -*/
.thumbnail img { margin: 13px 0 0 0; }

/*- Below Post Image -*/
.readmorecontent{ font-size: 13px ; font-weight: bold ;	color: #FFF;	margin-top: -1px; margin-bottom: -18px; display: block ; padding: 10px ; background: #000; width: 145px ; }
.readmorecontent a {color: #FFF !important ; text-decoration: underline ; }
.readmorecontent a:hover {color: #006399 ; }
#below-posts{ margin-top: 10px ; margin-bottom: -2px;}
.tweet_below {float: right ; }

/*- Post Excerpt -*/
.post-excerpt { color: #111 ; font-style: italic ;  font-size: 14px; margin-bottom: -10px ; margin-top: 10px ;}

/* /////////////////////// */
/* Date Button */
/* /////////////////////// */
.date-bt {height: 30px ; width: 80px ; background: url(images/date.png) no-repeat ; position: absolute ; margin-left: -111px ; font-family: Helvetica-condensed ; margin-top: 11px ; }
.date-d {font-size: 17pt ; float: left ; margin-top: 4px  ; color: #FFF ; margin-left: 11px ;  }
.date-m {font-size: 17pt ; float: left ; color: #FFF ; margin-top: 4px ; margin-left: 4px ;  } 

/* /////////////////////// */
/* Comments Button */
/* /////////////////////// */
.comments-bt {height: 30px ; width: 70px ; background: url(images/comment.png) no-repeat ; position: absolute ; margin-left: -101px ; font-family: Helvetica-condensed ; margin-top: 45px ; }
.comment-count {font-size: 17pt ;  margin-top: 4px  ; color: #FFF ; margin-left: 43px ;  }
.comment-count a:link {color: #FFF ; text-decoration: none ; }
.comment-count a:hover { color: #006399 ; text-decoration: none ; }

/*---------------------------------------------------------------------------------*/
/* Content */
/*---------------------------------------------------------------------------------*/

/* Breadcrumbs */
.breadcrumbs {height: 25px ; margin-top: -5px ; border-bottom: 1px solid #ccc ; font-size: 12px ; position: relative ; z-index: 10 ; }

/* Overall body styling */
#content .post {padding-left: 30px; padding-top: 35px ; margin-bottom: 5px ; float: left; width: 640px; }
#content .post blockquote {font-family:Georgia,"Times New Roman",Times,serif; font-size:20px; font-style:italic; line-height:28px; padding:10px 20px; color: #999; background: #f5f5f5; margin-bottom: 15px ; }
#content .post blockquote p {padding: 0px;}
#content .post ul {padding: 0px 20px 5px 20px; list-style: square;}
#content .post ol {padding: 0px 20px 18px 20px; list-style: decimal;}
#content .post li {padding: 3px 0px; line-height: 1.5em; font-size: 15px; }
#content .pagetitle {text-align: center; font-size: 200%; padding: 20px; color: #999;}
#content .wp-pagenavi {font-weight: bold; padding: 0px; margin-left: 30px ;}
#content .wp-pagenavi .pages {margin-right: 5px ;}
#footer-navi {font-weight: bold ; font-size: 12px ; clear: both; overflow: hidden; padding: 10px 0px;}
#footer-navi .navleft {float: left;}
#footer-navi .navright {float: right;}
#footer-navi a {color: #999 ;}
#footer-navi a:hover {color: #006399 ;}
#content .wp-pagenavi a {text-decoration: none !important ;}

#content-start {padding-top: 5px ;}
#content-start img {max-width: 640px ; height: auto;}

/* Content Font Sizes */
#content-start h1 { font-size: 30px ; margin-top: 2px ; color: #333 ; border-bottom: 1px dotted #C5C5C5; padding: 10px 10px 10px 0; }
#content-start h2 {font-size: 24px ;margin-top: 2px ; color: #333 ; margin-bottom: 1px ; border-bottom: 1px dotted #C5C5C5; padding: 10px 10px 10px 0;} 
#content-start h3 {font-size: 20px;margin-top: 2px ; color: #333 ; margin-bottom: 3px ; border-bottom: 1px dotted #C5C5C5; padding: 10px 10px 10px 0;}
#content-start h4 {font-size: 16px;margin-top: 2px ; color: #333 ; margin-bottom: 0px ; border-bottom: 1px dotted #C5C5C5; padding: 10px 10px 10px 0;} 
#content-start h5  {font-size: 14px;margin-top: 2px ; color: #333 ; margin-bottom: 0px ; border-bottom: 1px dotted #C5C5C5; padding: 10px 10px 10px 0;} 
#content-start h6  {font-size: 12px;margin-top: 2px ; color: #333 ; margin-bottom: 0px ; border-bottom: 1px dotted #C5C5C5; padding: 10px 10px 10px 0;}



/* SINGLE POST STYLING-*/
/*Sharing Buttons */
.comment-sign{margin-top: 0 ; }
#sharing-title {font-size: 21px; color: #222; font-weight: bold ;}
#sharing-buttons { margin: 10px 0px 0px 20px ; height: 120px; }
.tweet{ margin-left: 5px ; float: left ;  }
.tweet2 {margin-left: 5px ; float: left ; height: 64px ;  }
.facebook {margin-left: 5px ; float: left ;}
.stumble {margin-left: 5px ; float: left ; height: 64px ; width: 64px;}

/* /////////////////////// */
/* Fixed Share Buttons */
/* /////////////////////// */
.fixed-sharing { width: 70px ; height: 35px ; float: left ; margin-left: 3px ; margin-top: 40px ;  z-index: 10 ;  }

/* /////////////////////// */
/* Adsense */
/* /////////////////////// */
.adsense-singletop {margin-top: 0px ;  float: left ;  }
.bsa300x250 { margin-top: 15px ; margin-left: 5px ; }
.adsense-bsa {height: 250px ; width: 640px ;  }


/* /////////////////////// */
/* Author Box */
/* /////////////////////// */
#authorbox {border-top: 1px solid #ccc ; border-bottom: 1px solid #ccc ; min-height: 20px ; margin-bottom: 8px ;}
.authorbox-link p {line-height: 15px ; font-size: 14px ; color: #777; padding-top: 5px ;  }
#authorbox a {text-decoration: none ;}


/*Coffee Script */
.coffee a {display: block; width: 340px ; height: 250px ; background: url(images/coffees.jpg) no-repeat; float: left ; }
.coffee a:hover {background-position: 0 -250px ; }

/*---------------------------------------------------------------------------------*/
/* SIDEBAR */
/*---------------------------------------------------------------------------------*/

/* subscribe widget */
#subscribe {	width:290px; margin: 0 auto; margin-top: 25px ; font-size:90%;}
#subscribe h2 { font-size: 25px ; padding-bottom: 5px; color: #aaa;  color: #aaa ;  text-shadow: #FFF 1px 1px;  margin-left: 50px ; }  

.subscribe_icons { width:286px; margin:0px auto;}
.subscribe_icons li { display:inline; float:left;	margin:0px 2px 0px 2px;	width:52px;	text-align:center; font-size:11px;}
.subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .1s ease-out; -moz-transition:all .1s ease-out;	color:#444 !important;}
.subscribe_icons a:hover { color:#369 !important; text-decoration:none; -moz-box-shadow:0px 4px 4px hsla(0,0%,0%,.35); -webkit-box-shadow:0px 4px 4px hsla(0,0%,0%,.35);}
.subscribe_icons .subscribe_stumble a { background:url(images/icon-stumble.png) center top no-repeat;}
.subscribe_icons .subscribe_twitter a { background:url(images/icon-twitter.png) center top no-repeat;}
.subscribe_icons .subscribe_facebook a { background:url(images/icon-facebook.png) center top no-repeat;}
.subscribe_icons .subscribe_rss a { background:url(images/icon-rss.png) center top no-repeat;}
.subscribe_icons .subscribe_email a {	background:url(images/icon-email.png) center top no-repeat;}

/*=== Menu Nav ===*/

.sidebar-nav {  margin-bottom: 10px ; margin-left: 20px; clear: both ; }
.sidebar-nav {font-weight: bold ;}

/*- Nav1 -*/
.nav1 { background: url(images/nav1-bgr.gif) #e7e4e3 repeat-x bottom; font-size: 12px; height: 35px;}
.nav1 li { float: left; line-height: 35px; }
.nav1 li a { border-right: 1px solid #e7e4e3; color: #444444; display: block; float: left; padding: 0 11px;}
.nav1 li a:hover, .nav1 li a.selected { background: url(images/box-bgr.gif) repeat-x top; border-right: 1px solid #c4c1c0; border-left: 1px solid #c4c1c0; margin: 0 0 0 -1px; position: relative; color: #444444; text-decoration: none;}
.nav1 li a.selected { font-weight: bold;}

/*- Box -*/
.box {background: url(images/box-bgr.gif) #ffffff repeat-x top; border: 1px solid #c4c1c0; width:260px;	font-size: 13px;}

/*- List1 -*/
.list1 { 	color: #444444; padding: 12px; position: relative;}
.list1 li { border-bottom: 1px solid #e3e3e2; padding: 6px 0; line-height: 18px;}
.list1 li:last-child { border-bottom: none;}
.list1 a { color: #444444;}

/*=== Menu Nav End ===*/

/*=== Popular Posts ===*/
.sidebar-popular {width: 260px ; margin-left: 20px ; clear: both ; }
.sidebar-popular span font {position: absolute ; top: -593px ; left: -623px ; overflow: hidden ;  z-index: 2 ;}
.sidebar-popular-head {clear: both ; background: url(images/popular.png) no-repeat ; display: block ; height: 30px ; width: 260px ; }

.sidebar-facebook { padding-left: 15px ; padding-bottom: 10px ; clear: both ;}

/*- List2 -*/
.list2 {	color: #444444; font-size: 12px ; font-weight: bold ; padding: 8px 0 15px 0px; position: relative;}
.list2 li { border-bottom: 1px solid #e3e3e2; padding: 6px 0; line-height: 18px; list-style-type:disc ; margin-left: 8px ; }
.list2 a { color: #444444;}

/*=== Popular Posts END ===*/

/*=== Text Ads ===*/
.sidebar-text-ads { width: 260px ;  min-height: 150px ; margin-bottom: 20px ; margin-left: 20px; clear: both ; font-weight: bold ; padding-bottom: 5px ; border-bottom: 1px solid #ddd ; }
.sidebar-text-ads ul li  {clear: both ; margin-left: 6px ; margin-top: 5px ; }
.text-ads-head { clear: both ; background: url(images/text-head.png) no-repeat ; display: block ; height: 30px ; width: 260px ; }
.sidebar-text-ads .advert {float: right; margin-top: 10px ; padding-bottom: 10px ; }
/*=== Text Ads END ===*/


/*---------------------------------------------------------------------------------*/
/* Comments */
/*---------------------------------------------------------------------------------*/

#comments { padding:0 0 0 0; font-size:22px; color: #000;  }
.commentlist { list-style:none; padding:20px 0 0 30px;margin:0; overflow:hidden;clear:both; width: 640px ;}
.commentlist li { border-bottom:1px solid #d9d9d9; padding-top:10px;margin-bottom:10px;}
.commentlist p { color:#222; line-height:20px; padding:10px 10px 0 10px;}
.commentlist .comment-author { color:#333; padding-bottom: 2px ; }
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentlist .comment-author a:link,.commentlist .comment-author a:visited{ color:#006399; text-decoration: none ;  }
.commentlist .comment-author a:hover{ color:#000; text-decoration: none ; }
.commentlist .comment-author .avatar {float:right; border:1px solid #d9d9d9; padding:3px;}
.commentlist .comment-meta a { font-size:11px; padding-top: 5px ; padding-left: 5px ; color:#999 ;}
.commentlist .reply { padding:10px 10px 2px 0; font-size: 13px ;  }
.reply a {text-decoration: none !important ;}
.comment-body em {font-size: 11px ; color: #ff0404 ;}
.cluv {font-size: 10px !important ; font-style: italic !important ;}
.cluv a:link {color: #ff77e7 ; text-decoration: none ; font-size: 10px ;  }
.cluv a:hover {color: #000 ; }
#comment-form,.commentform { padding:15px 0 0 30px; margin:0; font-size:11px;color:#282c2d; clear: both ;}
#comment-form h3,.commentform h3 { width: 640px ; text-align: center ; font-size:16px; border-top: 1px solid #ddd ; border-bottom: 1px solid #ddd ; padding: 5px 0 5px 0; color: #777 ;  }
#comment-form form ,.commentform form { padding:10px 0 0 0 ; margin:0;}
#comment-form label,.commentform label {margin:0 10px 0 0; font-size: 12px ; font-weight: bold ;}
#comment-form input,.commentform input { width:340px;padding:5px; margin:0 10px 10px 0;background:#f8f8f5 url(images/random.png) top left repeat-y;border-left:1px solid #dddbd4;border-top:1px solid #dddbd4;border-right:1px solid #eee;border-bottom:1px solid #eee;}
#comment-form input.submit,.commentform input.submit { border: 1px dashed #eee ; width:150px; border: none ;  height: 64px ; float:right; margin-right: 150px ; margin-top: 5px; background:url(images/submit.png) no-repeat; cursor: pointer ; padding-bottom: 3px;}
#comment-form textarea,.commentform textarea { width:440px;background:#f8f8f5 url(images/random.png) top left repeat-y;border-left:1px solid #dddbd4;border-top:1px solid #dddbd4;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:10px;}
.comment-nav { padding:0px; }
/*---------------------------------------------------------------------------------*/
/* Comments END */
/*---------------------------------------------------------------------------------*/


/* Begin Images */
img.centered {display: block; margin: auto;}
img.alignright {display: inline; margin: 0px 0px 2px 5px; padding: 2px;}
img.alignleft {display: inline; margin: 0px 5px 2px 0px; padding: 2px;}
.alignleft {float: left;}
.alignright {float: right;}

/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ccc; background: #efefef; margin: 10px; padding-top: 4px; text-align: center;}
.wp-caption img {border: 0px;}
.wp-caption p.wp-caption-text {font-size: 85%; line-height: 1.2em; padding: 0px;}

/* Link Styling */
a:link, a:visited, a:active {color: #006399; text-decoration: underline ;}
a:hover {color: #000 ; text-decoration: none ; }
#content .post-meta a {color: #fff;}
#content .post-meta a:hover {text-decoration: underline;}
#content .post-comment a {color: #fff;}
#content .post-comment a:hover {text-decoration: underline;}
#top-navi li a {display: block; padding: 7px 10px; text-shadow: #fff 1px 1px;}

/* IE6 Fix */
#content, #sidebar { display:inline;}

/* Borders */
p.borderline{ border-top: 1px solid #eee; border-color: #ccc; margin-top: 10px;}
p.borderline2{ border-bottom: 1px dashed #ccc; border-color: #ddd; margin-bottom: 5px;}
p.borderline3{ border-bottom: 1px dotted #ccc; border-color: #e0e0e0; margin-bottom: 5px; margin-top: 5px ;}
p.borderline-comments{ border-top: 1px solid #ccc ;	border-color: #e0e0e0; margin-top: -14px ; margin-bottom: 5px ;}

/*---------------------------------------------------------------------------------*/
/* Search Box */
/*---------------------------------------------------------------------------------*/
#search { height: 26px; width: 300px; padding: 10px 0px 10px 20px;}
#search input[type=text] { height:20px;  width: 185px; background: #fff url(images/input-bg.gif) repeat-x top; }
#search input[type=submit] { border: none;  background: #222; text-transform:uppercase; font-size: 12px; color: #f1f1f1; cursor:pointer; padding: 5px 2px 5px 2px ; font-weight: bold ;}
#search input[type=submit]:hover { background: #999; }


/* SIDEBAR ADVERTISING AND MISC */
.top-ads { margin-left: 20px ; height: 100% ;}
.bsa-ads260x125 { margin-bottom: 0px ;  }
.bsa-ads125x125 { margin-left:-15px ; margin-top: 0px ; margin-bottom: 0px ;  }
.bsa-ads260x260 {  margin-bottom: 0px ; }
.site5 {width: 234px ; height: 60px ; margin-left: 33px ; margin-bottom: 30px ;} 

.advertise-here a:link { color: #777 ; }
.advertise-here a:hover { color: #006399 ; text-decoration: underline ;  }
.sidebar-border { border-bottom: 1px solid #ddd ; margin-top: 65px ; }
.sidebar-border2 { border-bottom: 1px solid #ddd ; margin-top: 0px ; clear: both ; }


/*---------------------------------------------------------------------------------*/
/* Footer */
/*---------------------------------------------------------------------------------*/

.footer-align {width: 1002px ; margin: 0 auto ; height: 100% ; min-height: 140px ; padding-top: 20px ; }
.footer-copyright {clear: both ; text-align: center ; height: 30px ; bottom: 0 ; position: relative ; color: #FFF ;font-size: 13px ;   }
.footer-copyright p {padding-top: 2px ; }
#bsap_1249699 {margin: 0 auto ; width: 728px; top: 30px ; position: relative ;}
.themeforest-banner { margin: 0 auto ; clear: both ;  width: 728px ; padding-top: 30px ; padding-bottom: 15px ; }

/*----AUTHOR STYLING BTN---*/
a.btn-author-portfolio { width: auto; background-color: #fc7806 ; padding: 8px 10px;	color: #ffffff ; font-weight: bold;}
a.btn-author-portfolio:hover { background-color: #000000; color: #ffffff; }	
.btn-authorportfolio2 A:link {text-decoration: none; color: #ffffff ; }
.btn-author-portfolio2 A:visited {text-decoration: none ; color: #ffffff ;}
.btn-author-portfolio2 A:active {text-decoration: none ; color: #ffffff ;}
.btn-author-portfolio2 A:hover {text-decoration: underline; color: #ffffff;}

/*----Twitter STYLING BTN---*/
a.btn-author-twitter { width: auto; background-color: #fc7806 ; padding: 8px 10px;	color: #ffffff ; font-weight: bold; position: relative; left: 77px ; bottom: 28px ;  }
a.btn-author-twitter:hover { background-color: #000000; color: #ffffff; }	
.btn-author-twitter2 A:link {text-decoration: none; color: #ffffff ; }
.btn-author-twitter2 A:visited {text-decoration: none ; color: #ffffff ;}
.btn-author-twitter2 A:active {text-decoration: none ; color: #ffffff ;}
.btn-author-twitter2 A:hover {text-decoration: underline; color: #ffffff;}

/* Button Styling */
a.btn { width: auto; background-color: #026ea5 ; padding: 8px 10px;	color: #ffffff ; font-weight: bold;}
a.btn:hover { background-color: #000000; color: #ffffff; }	
.btn2 A:link {text-decoration: none; color: #ffffff ; }
.btn2 A:visited {text-decoration: none ; color: #ffffff ;}
.btn2 A:active {text-decoration: none ; color: #ffffff ;}
.btn2 A:hover {text-decoration: underline; color: #ffffff;}