/*
Theme Name: Graphics Cove
Theme URI: http://graphicscove.com/
Description: Theme to be used by Graphics Cove only!
Version: 1.3
Author: Steven Noble
Author URI: http://graphicscove.com/
*/

/*** CSS RESET ***/
* { margin: 0px; padding: 0px; text-indent: 0px; outline: none;}
img { border: medium none; padding: 0; }
p, ul, ol { padding-bottom: 12px;}
ol, ul { list-style: none; }
.spacer { clear:both }

/*** COMMON ***/
html { background-color: #000; }
body { background: #000000 url() top center no-repeat; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #999999; line-height: 15px; }
:link, :visited { text-decoration: none; color: #0099ff; }
a:hover { color: #fff!important }
h1, h2 { color: #FFFFFF; font-size: 30px; font-weight: normal; line-height: 38px; padding-bottom: 10px; }
h3 { color: #FFFFFF; font-size: 24px; font-weight: normal; padding-bottom: 8px; }
h4 { color: #fff; font-weight: normal; margin-bottom: 10px; font-size: 14px; line-height: 14px; }
strong, em { color: #fff; font-weight: normal; }
.linebreak { border-top: 1px solid #292929; width: 915px; margin: 0 auto; }
.divider { border-top: 1px solid #292929; width: 100%; margin: 0 auto; }
.right { position:relative; float:right;}
.left { position:relative; float:left;}

/*** HEADER ***/

#header { background: url("_include/img/background-header.gif") repeat-x scroll 0 0 transparent; height: 105px; z-index: 5; }
#header-content { position: relative; z-index: 5; margin: 0 auto; padding: 0 40px; width: 915px; }
#logo { display: block; padding-top: 2px; width: 305px; }

/** Navigation **/
#main-menu { position: absolute; right: 12px; top: 28px; width: 580px; z-index: 10; }
#nav { height: 50px; padding-left: 13px; margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; }
#nav a { display: block; float: left; line-height: 18px; outline: medium none; padding: 2px 10px; text-decoration: none; width: 95px; min-height: 35px; color: #898D9A; }
#nav li a strong { display: block; font-size: 14px; font-weight: normal; }
#nav li a span { display: block; font-size: 10px; line-height: 14px; }

/** Sub Navigation **/
#sub-nav { background: url("_include/img/background-sub-nav.png") no-repeat scroll 0 0 transparent; height: 35px; z-index: 5; position: relative; top: -23px; font: 12px/100% Arial, Helvetica, sans-serif; color: #fff; text-align: center; letter-spacing: .05em; text-transform: uppercase; z-index: 100; padding: 12px 10px 10px; }
#sub-nav a { color : #898d9a; padding: 15px 15px ; margin : 0 0 0 0; text-decoration : none; }

/*** MAIN CONTENT ***/

/* Content */
#content { width: 915px; margin: 0 auto; }

/*** BLOG ***/

/** Posts **/
.post { padding-bottom:20px; }
.entry-title a { color: white; }

/** Entry Meta **/
.entry-meta { font-size: 11px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; font-weight: bold; padding: 8px 0 10px; margin-bottom: 20px; }
.post .entry-meta { font-weight: normal; margin: 5px 0 5px 0; }
.post .entry-meta a { font-weight: bold }
.post .entry-meta span { padding-right: 5px; color: #666; }

/** Entry Utility**/
.entry-utility { font-size: 11px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; font-weight: bold; padding: 8px 0 10px; margin-bottom: 20px; }
.post .entry-utility { font-weight: normal; margin: 5px 0 0; }
.post .entry-utility a { font-weight: bold }
.post .entry-utility span { padding-right: 5px; color: #666; }

/** Comment Styling **/
.page-numbers 
.current
.next
.prev

.children { margin-left: 10px; }
.comment { padding:20px; border-top: 1px solid #1A1A1A; margin-top: 5px; }
.vcard img { float:left; padding:5px; } 
.comment-content { margin-top: 20px;}

/** Post Nav **/
.post-nav { font-size: 12px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; font-weight: bold; padding: 8px 0 20px; margin-bottom: 20px; }
.nav-previous { float: left!important }
.nav-next { float: right!important }

.post-utility { font-size: 11px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; font-weight: bold; padding: 8px 0 10px; margin-bottom: 20px; }

.page-link { margin-bottom: 20px; }

/** Sidebar **/
.sidebar { float: right; width: 245px; background: #0d0d0d; padding: 30px 20px 20px; }
.widget-container { margin-bottom:20px; }

#main { width: 605px; float: left; }

/** Comments **/
#comments { padding-bottom: 10px; }

/*** HOME PAGE ***/

/** Portfolio Feature **/
.featured { height: 460px }
#portfolio-message { text-align: center; font: italic 22px/140% Georgia, "Times New Roman", Times, serif; margin: auto; color: #fff; padding: 10px 0px 10px; border-top: 1px dashed #292929; border-bottom: 1px dashed #292929; width: 910px; margin: 30px auto; }
	
/** Feature Container **/
.main_view { float: left; position: relative; }

/** Feature Slide Styles **/
.window { height: 497px; width: 915px; overflow: hidden; position: relative; }
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img { float: left }

/** Feature Navigation Styles **/
.paging { position: absolute; bottom: 10px; width: 915px; height: 38px; z-index: 100; text-align: center; line-height: 36px; background: url(paging_bg2.png) no-repeat; display: none; background: #0A0A0A; }
.paging a { padding: 10px 40px 10px 40px; text-decoration: none; color: #fff; }
.paging a.active { font-weight: bold; background: #0099FF; }

/* Box Container */
#box-container { position:relative; height:20px; z-index:101; }
#intro-box { position:relative; width:610px; float:left; z-index:102; }
#blog-box { position:relative; width:245px; float:right; padding: 0 20px 20px 20px; z-index:102; }

/** Sneak Peak **/
#peak {}
#peak-slide { background-color: #0d0d0d; padding:20px; }
#peak-slide img { padding-right:16px; }
#peak-notice { text-align: right; }

/*** ABOUT PAGE ***/

/** About Navigation **/
.about-nav { padding-bottom: 15px; border-top: 1px solid #181818; font-size: 24px; line-height: 24px; padding-top: 12px; width: 915px; margin-bottom: -20px; }
.about-next { padding-right: 20px; float: right; }
.about-previous { padding-left: 20px; float: left; }

#about-bottom { position:relative; width:915px; padding-top: 10px; border-top: 1px solid #181818; }
.skillset { position:relative; width: 225px; float:left; margin:0; padding-right:20px; }
.skillset2 { position:relative; width: 225px; float:left; margin:0; padding-right:20px; 
	padding-top:25px;}
h4 { font-weight: normal; margin-bottom: 10px; font-size: 14px; line-height: 14px; }
#social {width:415px; float:left; margin-left: 5px;}

.skill { 
	list-style:none; 
	padding-top:30px;
}

.skill li { 
	margin-bottom:30px; 
	background:#000; 
	height:5px; 
	border-radius:3px; 
	border-left:1px solid #111; 
	border-top:1px solid #111; 
	border-right:1px solid #333; 
	border-bottom:1px solid #333;  
}

.skill li em { 
	position:relative; 
	top:-20px;
}

.expand { 
	height:1px; 
	margin:2px 0; 
	background:#2187e7; 
	position:absolute;
	box-shadow:0px 0px 10px 1px rgba(0,198,255,0.4);
}

.graphicdesign       { width:70%;  -moz-animation:html5 2s ease-out;       -webkit-animation:html5 2s ease-out;       }
.webdesign        { width:90%;  -moz-animation:css3 2s ease-out;        -webkit-animation:css3 2s ease-out;        }
.illustration      { width:40%;  -moz-animation:jquery 2s ease-out;      -webkit-animation:jquery 2s ease-out;      }
.branding   { width:70%;  -moz-animation:photoshop 2s ease-out;   -webkit-animation:photoshop 2s ease-out;   }
.print { width:80%; -moz-animation:dreamweaver 2s ease-out; -webkit-animation:dreamweaver 2s ease-out; }

.htmlcss       { width:90%;  -moz-animation:html5 2s ease-out;       -webkit-animation:html5 2s ease-out;       }
.jquery        { width:20%;  -moz-animation:css3 2s ease-out;        -webkit-animation:css3 2s ease-out;        }
.php      { width:40%;  -moz-animation:jquery 2s ease-out;      -webkit-animation:jquery 2s ease-out;      }
.wordpress   { width:70%;  -moz-animation:photoshop 2s ease-out;   -webkit-animation:photoshop 2s ease-out;   }
.dreamweaver { width:90%; -moz-animation:dreamweaver 2s ease-out; -webkit-animation:dreamweaver 2s ease-out; }

@-moz-keyframes graphicdesign       { 0%  { width:0px;} 100%{ width:70%;}  }
@-moz-keyframes webdesign        { 0%  { width:0px;} 100%{ width:90%;}  }
@-moz-keyframes illustration      { 0%  { width:0px;} 100%{ width:40%;}  }
@-moz-keyframes branding   { 0%  { width:0px;} 100%{ width:70%;}  }
@-moz-keyframes print { 0%  { width:0px;} 100%{ width:80%;} }

@-moz-keyframes htmlcss       { 0%  { width:0px;} 100%{ width:90%;}  }
@-moz-keyframes jquery        { 0%  { width:0px;} 100%{ width:20%;}  }
@-moz-keyframes php      { 0%  { width:0px;} 100%{ width:40%;}  }
@-moz-keyframes wordpress   { 0%  { width:0px;} 100%{ width:70%;}  }
@-moz-keyframes dreamweaver { 0%  { width:0px;} 100%{ width:90%;} }

@-webkit-keyframes graphicdesign       { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes webdesign        { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes illustration      { 0%  { width:0px;} 100%{ width:40%;}  }
@-webkit-keyframes branding   { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes print { 0%  { width:0px;} 100%{ width:80%;} }

@-webkit-keyframes htmlcss       { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes jquery        { 0%  { width:0px;} 100%{ width:20%;}  }
@-webkit-keyframes php      { 0%  { width:0px;} 100%{ width:40%;}  }
@-webkit-keyframes wordpress   { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes dreamweaver { 0%  { width:0px;} 100%{ width:90%;} }

/** Overview **/
#about-box { position: relative; float: left; width: 600px; margin-bottom: 28px;}
#about-photo { position: relative; width: 280px; height: 305px; margin-bottom: 28px; float: right; }
/** Services **/
.servicecol { float: left; width: 290px; padding-right: 15px; padding-top: 15px; }

/** Awards **/

/** Background **/

/** W40K **/
.view_army { border-top: 1px solid #181818; border-bottom: 1px solid #181818; padding-top: 10px; padding-bottom: 10px; font-size: 24px; line-height: 24px; margin-bottom:20px; }

/*** PORTFOLIO ***/

/** Portfolio Splash **/
#portfolio-container { position:relative; width:915px; }
.portfolio-box { position:relative; width:182px; height:410px; float:left; }
.portfolio-title { position:relative; margin-top: 350px; }

div.fadehover { position: relative; }
img.a { position: absolute; left: 0; top: 0; z-index: 10; }
img.b { position: absolute; left: 0; top: 0; }
	
/** Portfolio - Webdesign **/
.webdesign-item {
	position:relative;
	width:900px;
	padding: 5px;
	z-index:3;
	float:left;
}
.webdesign-item-title {
    font-size: 14px;
    font-weight: bold;
}
.webdesign-item-img {
	position:relative;
	width:900px;
	height:370px;
	z-index:1;
}
.webdesign-item-content {
	position:relative;
	width:870px;
	z-index:2;
	padding: 15px;
	background-color: #0D0D0D;
}

/** Portfolio - Illustration **/
.illustration-item {
	position:relative;
	width:440px;
	padding: 5px;
	z-index:3;
	float:left;
}
.illustration-item-title {
    font-size: 14px;
    font-weight: bold;
}
.illustration-item-img {
	position:relative;
	width:440px;
	height:440px;
	z-index:1;
}
.illustration-item-content {
	position:relative;
	width:410px;
	height:90px;
	z-index:2;
	padding: 15px;
	background-color: #0D0D0D;
}
/** Portfolio - Branding **/
.branding-item {
	position:relative;
	width:446px;
	padding: 5px;
	z-index:3;
	float:left;
}
.branding-item-title {
    font-size: 14px;
    font-weight: bold;
}
.branding-item-img {
	position:relative;
	width:446px;
	height:320px;
	z-index:1;
}
.branding-item-content {
	position:relative;
	width:416px;
	z-index:2;
	padding: 15px;
	background-color: #0D0D0D;
}
/** Portfolio - Printmedia **/
/** Portfolio - Traditional **/
.traditional-item {
	position:relative;
	width:300px;
	padding: 5px;
	z-index:3;
	float:left;
}
.traditional-item-title {
    font-size: 14px;
    font-weight: bold;
}
.traditional-item-img {
	position:relative;
	width:300px;
	height:320px;
	z-index:1;
}
.traditional-item-content {
	position:relative;
	width:270px;
	z-index:2;
	padding: 15px;
	background-color: #0D0D0D;
}

/*** FOOTER ***/

/** Footer Container **/
#footer { width: 915px; margin: auto;  border-top: 1px solid #181818; padding-top: 10px; padding-bottom: 15px; margin-top: 15px; }
#footer ul li {  }

/** Footer Columns **/
#footer-cols { width: 915px; padding-top: 10px; }
.col { width: 295px; float: left; padding-top: 0px; padding-bottom: 10px; padding-right: 10px; position: relative; font-family: Arial, Helvetica, sans-serif; color: #999999; font-size: 11px; }
.textwidget :link, :visited { text-decoration: none; color: #0099ff; }
.textwidget a:hover { color: #fff!important }

.col-last { width: 305px; float: right; padding-top: 0px; padding-bottom: 10px; position: relative; font-family: Arial, Helvetica, sans-serif; color: #999999; font-size: 11px; }

#footer-credits { text-align:right; }

/** About **/
.servicelist li { padding-left: 10px; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 0; }

/** Twitter Feed **/
#tweet { padding-top: 0px; }
#tweet li { padding-right: 10px; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 11px; }
#followme { padding-bottom: 15px; }

/* Contact Options */

/* Navigation & Credits */
#footer-bottom { width: 915px; margin: 0 auto;  border-top: 1px solid #181818; padding-top: 10px; }
#footer-nav { float: left!important }
#footer-nav ul li { float: left!important; height: 10px; border-right: 1px solid #292929; padding-right: 7px; margin: 4px 7px 0 0; line-height: 10px; }
#footer-nav :link, #footer :visited { color: #999999 }
#footer-nav-end { border: none!important; margin-right: 0!important; }
#footer-credits { float: right!important }

/* Top */
.availability { border-top: 1px solid #292929; border-bottom: 1px solid #292929; width: 910px; padding: 5px; text-align: center; color: #00CC33; font-size: 16px; line-height: 24px;  margin: 0 0 30px;  }
.contact-header { margin: 10px 0 30px 20px;}

/* Content Containers */
#contact-form { float: left; width: 370px; padding-right:45px; }
#contact-info { float: left; width: 500px; }

/* Form Styles */
input { color: #ffffff; font-weight: normal; background: #000000; padding: 5px; border: 1px solid #292929; border-radius: 5px; margin-bottom:10px; }
textarea { font-weight: normal; color: #ffffff; font-weight: normal; background: #000000; padding: 5px; border: 1px solid #292929; border-radius: 5px; }
select { color: #ffffff; font-weight: normal; background: #000000; padding: 5px; border: 1px solid #292929; border-radius: 5px; }

/* --- Content - Contact --- */
.C1{display: block; padding-bottom: 14px;}
.C1 strong{display: block; float: left; padding-left: 25px; background: no-repeat 2px 2px;}
.C1 span{display: block; float: right; width:390px;}
.C1 span a{color: #313131;}
.C1 span a:hover{color: #ab231d;}
.social {padding-top: 10px; }
.social a {float: left;}

#adresbg{background-image:url('http://beta.graphicscove.com/wp-content/themes/graphicscove/_include/img/location.png');}
#mailbg{background-image:url('http://beta.graphicscove.com/wp-content/themes/graphicscove/_include/img/mail.png');}
#phonebg{background-image:url('http://beta.graphicscove.com/wp-content/themes/graphicscove/_include/img/phone.png');}
#websitebg{background-image:url('http://beta.graphicscove.com/wp-content/themes/graphicscove/_include/img/website.png');}

#social-title {padding-top: 20px; }