/*
Theme Name: Graphic Dreams Studio
Theme URI: http://www.gdsweb.ca
Version: 4.0
Author: Kris Jonasson
Author URI: http://krisjaydesigns.com
*/

@import url('http://gdsweb.ca/wp-content/themes/gds4/framework.css');
@import url('http://gdsweb.ca/wp-content/themes/gds4/slider.css');
html {overflow-x:hidden;}

a {color:#e0d0b1; text-decoration:none;}
a:hover{color:#ccc;}
.bold{color:#ddd; font-weight:normal;}
.color{color:#e0d0b1;}
h2 {color:#fff;}


/* HR Styling */
div.colborder{border-right:1px solid #3f3f3f;}
div.border{border-right:1px solid #3f3f3f;}
hr{background:#3f3f3f; color:#3f3f3f;}
hr.space{background:#3f3f3f; color:#3f3f3f;}
.hrbg{padding-bottom:0px; text-indent:-9999px; background:transparent url(images/hrbr.png); background-repeat: repeat-x;margin-top:4px;}
div.colborderbg {padding-right:24px;margin-right:25px;border-right:1px solid #292929;}
.fhrbga {background:#525252; margin:4px 0 0 0;}
.fhrbgb {background:#969696; margin:0px;}

/* header styles */
body {background:#000006 url(images/gd.bacground.png)  no-repeat; color:#f9f9f9;}
#header {padding-bottom:0px; margin-bottom:0; background:transparent;}
#header img {float: left;padding-bottom:0px;}
#header #nav {float: right;overflow: hidden;padding-right:0px;padding:1px;margin-right:0px;color:#fff; margin-top:31px; padding-bottom:1px; margin-bottom:0px;}
#header #nav li {float: left;list-style: none;padding: 6px 9px;height: 30px;line-height: 30px;margin-right:25px;color:#7b7b7b; font-size:14px; font-weight:bold;font-family:Verdana, Geneva, sans-serif;}
#header #nav li a:hover {color:#8b8b8b;}
#nav li a {text-decoration: none;display: block;color:#e0d0b1;}
.selected {border-bottom:0;}


/* Featured Content Styling  */
/* jQuery slider styles */
#feature{background:transparent; padding:0 0 0px 0; border-top:1px solid transparent; border-bottom:19px solid transparent; padding-bottom:0px;}
.featurenav img{padding-left:10px; padding-right:10px; }
#feature h2{font-size:22px; margin:0; padding:0 0 10px; font-weight:normal;}
.title{color:#e0dcd3;}

/* Used for Panel 3 on Featured Slider*/
.span-14 h4{font-size:14px; color:#e0dcd3;}
.italics{font-style:italic;}



/* Left Column, under Featured Slider  */
.left_front h6 {padding-bottom:0px; color:#999;}
.left_front h6 a{color:#e0d0b1;}
.port_entry h6{padding-top:0px; padding-bottom:4px; font-size:16px; color:#fff;}
.port_entry h6 a{text-decoration:none;}
.port_entry img{padding:5px; border:1px solid #252525; background:#353535;}


/* Middle Column, under Featured Slider  */
.mid_front h5 {font-size:16px; color:#fff; padding:0px; margin:0; padding-bottom:15px;}
.mid_front h6 {padding-bottom:10px; color:#999; padding:0; margin:0;}
.mid_front h6 a{color:#F4007A;}
.mid_front .white{color:#fff; font-size:16px;}


/* Right Column, under Featured Slider  */
.right_front{width: auto; margin: 0; padding: 0;}
.right_front p{line-height:21px;}
.right_front h2{padding:0; margin:0; display: inline-block; padding: 0; line-height:22px;}
.right_front h2 a{text-decoration:none; font-size: 21px; color: #fff;  border: none; font-weight:bold; padding:0px; padding-left:0px;}
.right_front h2 a:hover{color:#666;}
.right_front h6 {padding-bottom:0px; color:#999;}
.readmore{padding:0px; margin:0; text-align:right; padding-right:10px; margin-bottom:15px;}
.meta{font-size:11px; color:#999; padding:0; margin:0; padding-bottom:10px;}
.blogentry{padding-bottom:10px;}
.postmetadata {
	color: #fff;
	background: inherit;
	
	font-size: 0.9em;
}
.navigation {
	margin: 2em 0em 0em;
	padding: 0em;
	
	display: block;
}
.goback {
	margin: 0em 0.5em 0em 0em;
	padding: 0em;
	
	float: left;
	
	font-size: 1.25em;
}
.goforward {
	margin: 0em 0em 0em 0.5em;
	padding: 0em;
	
	float: right;
	
	font-size: 1.25em;
}
#comments {
	margin: 2em 0em 1em;
	padding: 0em;
	background: transparent url(images/tile.png) repeat;
	clear: both;
}
#comment {
        width:98%;
        height:120px;
	background: transparent url(images/tiledark.png) repeat;
        color:#fff;
}
.commentlist {	
	margin: 0em;
	padding: 10px;
	background: transparent url(images/tiledark.png) repeat;
	font-size: 0.9em;
}
.commentlist li {
	margin: 0em;
	padding: 1em;
	background: transparent url(images/tiledark.png) repeat;	
	list-style-type: none;
}
.commentlist img.avatar {
	float: left;
	margin-left: 1em;
        width:84px;
        height:84px;
        padding:5px 10px 0px 0px;
}
.commentmetadata {
	margin: 0em 0em 2em;
	color: #8b8b8b;
	background: inherit;
}
#respond {
	background: transparent url(images/tile.png) repeat;
	margin: 2em 0em 1em;
	padding: 0em;
	color:#fff;
	clear: both;
}
input{
	background: transparent url(images/tiledark.png) repeat;
        color:#fff;
}
submit{
	background: transparent url(images/tiledark.png) repeat;
        color:#fff;
        float:right;
}



/* Footer */
.footer{background:#000006; padding-top:20px; border-top:1px solid #111;}
.footer h4 a{color:#e0d0b1;}
.footer a{color:#fff;}
.footer a:hover{color:#fff;}


/* Services Menus */
#services_menu {list-style: none;margin: 0;padding: 0;width: 100%;font-size:12px;}
#services_menu li {margin: 0;padding: 0;}
#services_menu a {border-bottom: 0px dotted #333;color: #999;display: block;margin: 0;padding: 4px 0px;text-decoration: none;font-weight:normal; height:19px;}
#services_menu a:hover {background: #9b9b9b;color: #fff;}
#services2_menu {list-style: none;margin: 0;padding: 0;width: 100%;font-size:12px;}
#services2_menu li {margin: 0;padding: 0;}
#services2_menu a {border-bottom: 0px dotted #333;color: #999;display: block;margin: 0;padding: 4px 0px;text-decoration: none;font-weight:normal; height:19px;}
#services2_menu a:hover {background: #9b9b9b;color: #fff;}

/*  Contact ul */
#contact_menu {list-style: none;margin: 0;padding: 0;width: 100%;font-size:12px;}
#contact_menu li {border-bottom: 1px dotted #002222;color: #fff;display: block;margin: 0;padding: 4px 0px;text-decoration: none;font-weight:normal;}
#contact_menu a:hover {background: #666;color: #999;}
.contacttitle{color:#5b5b5b;}
 
 
/* Page Stylings */
#feature_page{background:transparent url(images/tiledark.png) repeat-x; padding:0 0 0px 0; border-top:1px solid #111; border-bottom:1px solid #111; padding-bottom:10px;}
#feature_page h2{font-size:22px; margin:0; padding:0 0 10px; font-weight:normal;} 
.right_sidebar h2{padding:0; margin:0; display: inline-block; padding: 0; line-height:22px;}
.right_sidebar h2 a{text-decoration:none; font-size: 21px; color: #fff;  border: none; font-weight:bold; padding:0px; padding-left:0px;}
.right_sidebar h2 a:hover{color:#666;}
.right_sidebar h6 {padding-bottom:10px; color:#fff; font-size:18px;}


/* Portfolio Page */
#page_intro {padding-top:20px;}
#page_intro h2{font-size:26px; color:#fff;}
#page_intro h4{font-size:22px;}
.alignright{text-align:right;}
.prevnext{text-align:right; color:#fff; padding-right:20px;}

.lefer {
        float:left;
        width:300px;
        margin:0 auto;
}
.mids {
        float:center;
        width:300px;
        margin:0 auto;
}
.riter {
        float:right;
        width:300px;
        margin:0 auto;
}
/* jQuery Slider Styling */
.boxgrid h3{ margin: 10px 10px 0 10px; color:#fff;font-size: 18px;line-height: 25px; font-weight: bold;}
.boxgrid{ width: 650px; height: 100px; margin:10px; float:left;background:#181818; border: solid 1px #333; overflow: hidden; position: relative; margin-left:0px; margin-bottom:20px;margin-right:18px;}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 1px solid #202020;}
.boxgrid p{ padding: 0 10px; color:#666; font-size: 11px;line-height: 15px;}	
.boxcaption{ float: left; left:700px;height:100%;position: absolute; background: #000; width: 100%;}
.captionfull .boxcaption {top: 260px;left: 0;}
.caption .boxcaption {top: 220px;left: 0;}


/* Services Page */
.site{margin:0 0 0 0px; padding:0 0 0 0px; font-size:18px; padding-bottom:5px; padding-left:50px; padding-top:0px; color:#fff;}
.site h6{color:#fff; font-size:22px; padding-left:10px; padding-top:10px;}
.parabot{padding-top:14px;}
.site_analysis{background:url(images/icons/plugins.png) top left no-repeat;}
.cms{background:url(images/icons/cms.png) top left no-repeat;}
.design{background:url(images/icons/design.png) top left no-repeat;}
.seo{background:url(images/icons/search.png) top left no-repeat;}
.omar{background:url(images/icons/photography.png) top left no-repeat;}
.lc{background:url(images/icons/lc.png) top left no-repeat;}
.ecom{background:url(images/icons/print.png) top left no-repeat;}
.psd{background:url(images/icons/maintenance.png) top left no-repeat;}
.cd{background:url(images/icons/cd.png) top left no-repeat;}

/* Blog Page  */
.meta{font-size:10px; color:#999; padding:0; margin:0;}
.entrynotes h6{margin-top:5px;padding-bottom:4px; color:#fff; border-bottom:1px solid #393939;}

/* Contact Page */

textarea#styled {width: 400px;height: 120px;border: 1px solid #1c1c1c;padding: 5px;color:#fff; background:#242424;}
input.ct{color:#fff;border: 1px solid #1c1c1c; background:#242424; }

#smoke1 {
	background: url(images/cloud1.png) 0 0 repeat-x;
	width: 1600px;
	height: 800px;
	position: absolute;
	top:0;
	left: 0;
	z-index: -10;
	display: none;
}

#smoke2 {
	background: url(images/cloud2.png) 0 0 repeat-x;
	width: 2600px;
	height: 800px;
	position: absolute;
	top:0;
	left: 0;
	z-index: -22;
	display: none;
}

/* these rules are added for compatibility with WordPress Theme Directory */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
        padding-right:13px;
        padding-bottom:13px;
        padding-top:13px;
}

.alignright {
	float: right;
        padding-left:13px;
        padding-bottom:13px;
        padding-top:13px;
}

.wp-caption {
	border: 0px solid #2b2b2b;
	text-align: center;
	background: transparent url(http://gdsweb.ca/wp-content/uploads/2010/05/folioimg.png) no-repeat;
	padding-top: 4px;
	margin-right: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	text-align: center;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.wp-caption-text {
	margin-top: 7px;
}
/* end Theme Directory compatibility */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/* sidebar */
#sidebar {
	margin: 0em 0em;
	padding: 0em;

	width: 19em;
	float: right;
}

#sidebar h2 {
	margin: 0em;
	padding: 0em;
        color:#000;
}

#sidebar h2 a, #sidebar h2 a:visited {
	color: black;
	background: inherit;
}

#sidebar h2 a:hover {
	color: white;
	background: #1070c0;
}

#sidebar ul {
	margin: 0em;
	padding: 0em;
}

#sidebar ul li {
	margin: 0em 0em 1em;
	padding: 0.6em;
	
	list-style-type: none;
}

#sidebar ul li p, #sidebar ul li ul, #sidebar ul li ol {
	font-size: 1.0em;
}

#sidebar ul li ul li, #sidebar ul li ol li {
	margin: 0em;
	padding: 0em;
}

#sidebar .textwidget {
	font-size: 0.8em;
}
/* end sidebar */