@charset "utf-8";

/*-------------------- GENERAL RULES --------------------*/

body { margin:10px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.6em; text-align:center; color:#000; background:url(../images/body_bg.gif)	}	
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#000}	
h1 { font-size: 32px; margin-bottom:0.4em; color:#000; background-image:url(../images/blue_pattern.gif); display:inline; padding:15px 40px; line-height:2em }
h2 { font-size:24px; margin-bottom:-12px;line-height:1em }	
h3 { font-size:18px; margin-bottom:-12px;line-height:1.1em }	
h4 { font-size:14px; margin-bottom:-10px;line-height:1.2em}
h5, h6 { font-size:12px; margin-bottom:-10px;line-height:1.2em; font-weight:bold }			
p {	margin:0px 0px 1em;	}	
a {	color:#0099ff; text-decoration:underline; border:none; outline:none }
a:hover {color:#000;text-decoration:none}		
.container { width:780px; margin:0 auto;overflow:hidden; position:relative;	text-align:left; background:#fff url(../images/container_bg.gif); border-top:1px solid #fff }
.header { padding:40px 0px 40px 30px; overflow:hidden; position:relative}	
.navigation { width: 160px; float:left; position:relative; overflow:hidden; }	
.featuredArea {	width:590px; height:250px;float:right;margin-bottom:40px}
#cu3er-container {outline:none; border:none}
.primaryContent{ width:510px; float:left; overflow:hidden; position:relative;}		
.sideBar { float:right; width:220px}
.secondaryContent {position:relative; overflow:hidden; margin:50px 0px 30px 0px}
.leftBox {float:left; width:210px; padding-left:40px}
.middleBox {float:left; width:210px; margin-left:50px}
.rightBox { float:right; width:180px; padding-right:40px}
.footer { width: 780px; position:relative; overflow:hidden; padding:15px 0px; margin:0 auto}

/*-------------------- HEADER SECTION --------------------*/		
.logo { float:left; margin:6px 0px 0px; padding:0px; }	

.search_container {float:right; width:220px; text-align:left; padding:0px; position:relative; overflow:hidden; font-size:0px}
a#search_handle {cursor:pointer}
#search_field {margin:10px 0px 10px 1px; padding:5px 10px 6px; width:179px; background:0; border:none; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; color:#666; font-style:italic}
#search_submit {display:none}

/*-------------------- NAVIGATION AND FEATURED AREA --------------------*/	

.navigation ul { text-transform:uppercase; }
.navigation ul li {}		
.navigation ul li a { text-decoration: none; color: #555; outline: none; text-transform: uppercase; display: block; position: relative; overflow: hidden; font-size:16px;padding: 11px 30px 11px 40px; line-height:.85em; }
.navigation ul li a span {font-size:10px; text-transform:uppercase; color:#a3a3a3;}	
.navigation ul li a.current {color:#0099ff}	
.navigation ul li a:hover { text-decoration:none; background:url(../images/blue_pattern.gif); color:#000}
.navigation ul li a:hover span {
	color:#fff;
	font-size: 9px;
}
.min {margin:1px}

#taglines {
	position:absolute;
	width:180px;
	height:210px;
	left:559px;
	padding:20px;
	color:#fff;
	background:url(../images/black_trans.png);
	overflow:hidden
}
#taglines p {font-size:11px; margin-top:15px; line-height:1.35em}
#taglines h2{color:white}

/*--------------- PRIMARY CONTENT --------------*/

ul.accordion li a.orange, ul.accordion li a.black, ul.accordion li a.gray  {font-size:32px; line-height:2em; display:inline-block; padding:0px 40px; cursor:pointer; text-decoration:none}
ul.accordion li a.orange {
	background-image:url(../images/blue_pattern.gif);
	color:#000;
	font-size: 27px;
}
ul.accordion li a.black {
	background-image:url(../images/black_pattern.gif);
	color:#fff;
	font-size: 27px;
}
ul.accordion li a.gray {
	background-image:url(../images/gray_pattern.gif);
	color:#000;
	font-size: 27px;
}

.main_content {padding:0px 0px 10px 40px; font-size:12px}
ul.vertical {margin-bottom:15px; }
ul.vertical li {margin-left:15px; padding-left:15px; background:url(../images/blue_bullet.gif) left center no-repeat;position:relative; font-size:12px}
.main_content p {
	margin-top:15px;
	font-family: inherit;
} 
.main_content p.preview {margin-top:5px; font-size:11px; font-style:italic; color:#333}
.main_content h2, .main_content h3 {margin-top:15px}
.main_content h3 a {color:#000; text-decoration:none}
.main_content h3 a:hover{color:#000; text-decoration:underline}
.white {color:#fff;}
.orang {color:#0099ff}

/*-------------------- PRIMARY CONTENT (PORTFOLIO) --------------------*/
.gallery {position:relative; overflow:hidden}
.gallery_row {position:relative; overflow:hidden; margin-bottom:30px}
.gallery_row a {border:none; outline:none}
.leftThumbanil, .middleThumbanil, .rightThumbanil {position:relative; overflow:hidden; width:128px; border:1px solid #e6e6e6; font-size:0px}
.leftThumbanil {float:left}
.middleThumbanil {float:left; margin-left:40px}
.rightThumbanil {float:right}
.projectTitle {text-align:center; padding:5px 10px; background:url(../images/grad_bg.gif) top repeat-x; font-size:10px; text-transform:uppercase; border-top:1px solid #fff}

/*-------------------- PRIMARY CONTENT (PORTFOLIO / BLOG / SINGLE --------------------*/

.meta_data {font-size:10px; color:#777; margin:13px 0px 3px 0px; padding:0px 0px 5px 5px; display:block; text-transform:uppercase}
.meta_data a {color:#000; text-decoration:none; font-style:italic}
.meta_data a:hover {text-decoration:underline}
ul.pagination { list-style:none; padding:0px; margin:0px; }	
.pagination li { float:left; margin-right:5px; display:block; }		
.pagination li a { padding:4px 10px; background-color:#FBFBFB; border:1px solid #EBEBEB; text-decoration:none; color:#999; display:block; outline:none; }	
.pagination li a:hover { background-color:#000; color:#FFF; border:1px solid #000; text-decoration:none; display:block; }	
.pagination li.currentPage { padding:4px 10px; background-color:#000; border:1px solid #000; text-decoration:none; color:#FFF; display:block; }	
.commentWrapper {overflow:hidden; position:relative; margin-bottom:15px}
.gravatar {float:left; width:80px; height:80px}
.comment {float:right; width:330px; padding:15px 20px; background:url(../images/body_bg.gif); color:#fff; font-style:italic; font-size:12px}
.userName {color:#0099ff; font-weight:bold}
.commentMeta {color:#ccc; font-size:10px; font-style:italic; margin-left:10px; padding-left:10px; border-left: 1px solid #fff; text-transform:uppercase}
.replyComment a {font-size:10px; text-transform:uppercase; color:#ccc; font-style:normal; text-decoration:none}
.replyComment a:hover {color:#fff; text-decoration:underline}
	

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

ul.sidebar_acc li a.main {font-size:18px; display:block; border-bottom:1px solid #ccc; cursor:pointer; padding:15px 40px 15px 0px; color:#000; text-decoration:none}
ul.sidebar_acc li p {padding-top:10px}
.sidebar_cnt {padding:0px 40px 10px 20px; font-size:11px}

ul.listBlack li a, ul.listOrange li a {padding:8px 40px 8px 20px;color:#000; display:block; text-decoration:none; font-size:11px; line-height:1.3em; border-bottom:1px solid #e6e6e6}
ul.listBlack li a:hover {color:#fff; background-color:#000; text-decoration:none}
ul.listOrange li a:hover {color:#000; background-color:#0099ff; text-decoration:none}

/*-------------------- SECONDARY CONTENT --------------------*/
.secondaryContent p {font-size:11px; line-height:1.4em; color:#666}
.bigTitles {font-size:16px; color:#000; margin:0px; padding:0px}
.captions {font-size:10px; color:#a3a3a3; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #ccc; display:block}

/*-------------------- SECONDARY CONTENT (SOCIAL NETWORKING ICONS) --------------------*/
ul.socialIcons li {float:left;}
ul.socialIcons li a {width:18px; height:18px; display:block; padding:0px; margin-right:2px}
ul.socialIcons li.twitter a {background:url(../images/twitterB.png) no-repeat}
ul.socialIcons li.twitter a:hover {background:url(../images/twitter.png) no-repeat}
ul.socialIcons li.facebook a {background:url(../images/facebookB.png) no-repeat}
ul.socialIcons li.facebook a:hover {background:url(../images/facebook.png) no-repeat}
ul.socialIcons li.technorati a {background:url(../images/technoratiB.png) no-repeat}
ul.socialIcons li.technorati a:hover {background:url(../images/technorati.png) no-repeat}
ul.socialIcons li.delicious a {background:url(../images/deliciousB.png) no-repeat}
ul.socialIcons li.delicious a:hover {background:url(../images/delicious.png) no-repeat}
ul.socialIcons li.flickr a {background:url(../images/flickrB.png) no-repeat}
ul.socialIcons li.flickr a:hover {background:url(../images/flickr.png) no-repeat}
ul.socialIcons li.youtube a {background:url(../images/youtubeB.png) no-repeat}
ul.socialIcons li.youtube a:hover{background:url(../images/youtube.png) no-repeat}
ul.socialIcons li.rss a {background:url(../images/rssB.png) no-repeat}
ul.socialIcons li.rss a:hover {background:url(../images/rss.png) no-repeat}

/*-------------------- FOOTER SECTION --------------------*/
.footerNavigation {
	width:320px;
	float:left;
}	
.footerNavigation ul { font-size:10px; text-transform:uppercase}	
.footerNavigation ul li { float:left; }	
.footerNavigation ul li a { color:#999; text-decoration:none;display:block ;padding-right:5px; padding-left:5px }		
.footerNavigation ul li a:hover { color:#000; text-decoration:none; background-color:#0099ff; }
.footerNavigation ul li a.currentPage { color:#000; text-decoration:none;background-color:#0099ff; }		
.notes { float:right; color:#fff }	

/*-------------------- MISC --------------------*/		
.divider { border-bottom:1px solid #e6e6e6; margin:0px 0px 0px 0px; }
.clearf { clear:both; height:1%; margin:0px; padding:0px; font-size:1px}	
.submitButton { background-color:#000; border:none; border-style:none; padding:6px; font-family:Arial, Helvetica, sans-serif; outline:none; outline-style:none; font-size:10px; text-transform:uppercase; color:#fff }
.imgleft {float:left; margin:0px}
hr {border:0; background-color:#e6e6e6; height:1px; color:#e6e6e6}