/* 
Theme Name: Creative-Le Studios Theme
Theme URL: http://creative-le.com/downloads/ares-wordpress-framework/
Description: Creative-Le Studios Framework with Theme Optinos
Author: Dan Le
Author URI: http://creative-le.com
Version: 1.0.0

Built using Whiteboard Framework - http://whiteboardframework.com/
*/

/*=CSS Reset by Meyer
http://meyerweb.com/eric/tools/css/reset/
--------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/*
####################################################
# 
# Global Values
#
####################################################
*/


body{
background: #f6f6f6 url(images/background-top.png) repeat-x; 
margin:0;
}

#global{
font-size: 13px;
line-height: 18px;
font-family: Arial, Verdana, sans-serif;
color:#000000;
}

img{border:none;}

/*Define default Link Styling*/

a:link{color:#000000;}
a:visited{color:#000000;}
a:hover{color:#00adee;}
a:active{color:#00adee;}

/*General Headings*/

h1,h2,h3,h4,h5,h6{margin: 15px 0;}

h1{font-size: 24px;}
h2{font-size: 20px;}
h3{font-size: 16px;}
h4{font-size: 12px;}
h5{font-size: 10px;}
h6{font-size: 8px;}

/*Define Basic Paragraph Margins*/

p{
margin-top: 10px;
margin-bottom: 10px;
line-height: 22px;
}

/*Class Specifics*/

.PostTitle{
margin-top: -11px;
color:#454545;
float:left;
margin-left: 10px;
padding:0;
}

.PostThumbnail{
clear:both;
background: url(images/thumbborder.png) no-repeat bottom;
padding-bottom: 50px;
margin-bottom: -10px;
}

.PostTitle h2 a{text-decoration:none; font-size: 22px; float:left; margin-bottom: 10px;}

h1.SinglePostTitle{
text-transform:capitalize;
font-size: 28px;
margin:0;
margin-left: 10px;
margin-top: 1px;
float:left;
padding-bottom: 10px;
}

/*Define List Styling*/

#content ul{
list-style: disc;
margin: 10px;
}

#content ol{
list-style:decimal;
margin: 10px;
}

#content li{margin-left: 10px;}

#content ol ul{list-style:disc;}

#content ul ul{list-style:disc;}

#sidebar ul, #sidebar li{
list-style:none;
margin: 0;
background:transparent;
}

.Clear{clear:both;}

/*
####################################################
#
# Basic Structure
#
####################################################
*/

/*Top Container*/

#top-container{
width: 940px;
margin: 0 auto;
}

/*Bottom Container*/

#bottom-container{
background:#000000;
color:#ffffff;
text-align:center;
font-family: Times New Roman, Georgia, serif;
padding-bottom: 5px;
font-size: 11px;
border-bottom: 2px solid #00adee;
}

#bottom-container a{
color:#ffffff;
text-decoration:none;
}

#bottom-container a:hover{color:#00adee;}

/*Footer Widget Container*/

#footer-widget-container{
background:#000000;
width: 100%;
clear:both;
padding: 10px 0 50px 0;
}

/*Main Wrapper - Change width of your blog here*/

#container{
width: 940px;
margin: 0 auto;
clear:both;
}

/*Adding CSS3 Shadows - Placed here for fun, not necessary*/

/*Adding CSS3 Border Radius - Placed here for fun, not necessary*/

/*Content - Change width of the content*/

#content{
clear:both;
position:relative;
background:#ffffff;
}

.small-width{
width: 620px;
float:left;
position:relative;
margin-bottom: 35px;
margin-top: 35px;
-moz-box-shadow: 0px 0px 4px #cccccc;
-webkit-box-shadow: 0px 0px 4px #cccccc;
}

.single .small-width{
width: 660px;
float:left;
position:relative;
margin-bottom: 35px;
margin-top: 35px;
-moz-box-shadow: 0px 0px 4px #cccccc;
-webkit-box-shadow: 0px 0px 4px #cccccc;
padding: 20px;
}

.full-width{width: 940px;}

/*Sidebar - Change width and position of sidebar*/

#sidebar{
float:right;
width: 300px;
margin-top: 25px;
background: transparent;
}

/*
####################################################
#
# Navigation
#
####################################################
*/

#logo{
float:left;
margin-top: 6px;
}

#logo2{
float:left;
margin-top: 55px;
}

.main-nav{
	float:right;
	margin-top: 70px;
}

.main-nav li{
	float:left;
	color:#ffffff;
}

.main-nav a{
display:block;
margin-left: 20px;
color:#ffffff;
text-decoration:none;
text-transform:lowercase;
font-size: 13px;
}

.main-nav a:hover{
color:#00adee;
}

#navigation-container{
position:relative;
clear:both;
padding-top: 66px;
}

#navigation{
margin: 0 auto;
float:left;
font-size: 13px;
text-transform: uppercase;
clear:both;
}

#navigation a{
color:#0cd7b8;
text-decoration: none;
line-height: 30px;
display:block;
}

/*Jquery Navigation Menu*/

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
float:left;
}

#nav a{
display:block;
margin-right: 20px;
color:#454545;
text-decoration:none;
}

#nav a:hover{
color:#00adee;
}

#nav li{
float:left;
position:relative;
}

/*First Dropdown Menu*/

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
margin-top: 10px;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

/*Second Dropdown Menu*/

#nav ul ul{top:auto;}	

#nav li ul ul {
left:12em;
margin:0 0 0 20px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*
####################################################
#
# Search Form and Search Results
#
####################################################
*/

/*Search Input*/

.searchbar{
	float:right;
	margin-top: 10px;
}

.small-width #searchform #s{
	margin-left: 20px;
}

#searchform #s{
border: 1px solid #d3d3d3;
height: 20px;
float:left;
width: 200px;
}

.single #searchform #s{
	width: 150px;
}

/*Search Submit Button*/

#searchform #searchsubmit{
border:none;
background: url(images/search.png);
width: 32px;
height: 26px;
float:left;
cursor:pointer;
}

/*Social Media*/

#social-media{float:right; margin-top: -8px;}

#search-results{padding-top: 0px; padding-left: 0px; margin-bottom: 10px;}

.no-results{padding-left: 0px;}

.no-results{margin-bottom: 0px;}

/*
####################################################
#
# Blog Entry Posts
#
####################################################
*/

.thumb{border:none; text-align:center; margin: 0 auto; display:block;}

.SingleEntry img{border:none;}

.BlogEntry{
padding: 20px;
position:relative;
z-index: 1000;
padding-bottom: 40px;
}

.PostContainer{
clear:both;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 10px;
}





/*Author and Date Meta*/

.PostDate{
background:#00adee;
width: 55px;
height: 24px;
z-index: 1;
float:left;
margin-left: -40px;
}

.PostDate p{
text-align:center; 
text-transform:uppercase;
margin: 0; 
padding:0;
font-size: 16px;
color:#ffffff;
padding-top: 6px;
}

/*Post Meta*/

.PostMeta{
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
padding-top: 15px;
padding-bottom: 12px;
margin-top: 10px;
}

/*Categories Meta*/


.PostCategories{float:left;}

.CategoryTitle{
font-style: italic;
font-family: Georgia, Times New Roman, serif;
font-size: 14px;
color:#454545;
font-weight:bold;
}

.Categories a{
color:#ffffff; 
font-size: 12px; 
text-decoration:none;
background: #a1a1a1;
padding: 3px 5px;
}

.Categories a:hover{background: #666666;}


/*Read-More Link*/

.more-link{
float:right;
font-family: Times New Roman, Georgia, serif;
font-size: 18px;
font-style: italic;
text-decoration:none;
}

.CommentsNumber a{
color:#000000;
text-decoration:none;
display:block;
font-size: 13px;
float:right;
position:relative;
z-index: 5000;
height: 19px;
background: url(images/comments.png) left no-repeat;
padding-left: 23px;
padding-top: 6px;
}

.CommentsNumber a:hover{color:#00adee;}

.SingleCommentsNumber a{
margin-top: 15px;
color:#000000;
text-decoration:none;
display:block;
font-size: 20px;
float:right;
position:relative;
z-index: 5000;
}

.plus{position:relative; top: -2px; padding-right: 5px;}

.SingleCommentsNumber a:hover{color: #00adee;}

.archive-header{padding-top: 15px;}

/*
####################################################
#
# Post Navigation
#
####################################################
*/

.PostNavigation{margin-top: 10px; display:none;}

/*Curved Corners for Post Navigation*/

.PostNavigation a{
-moz-border-radius-topleft:  10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}

/*Older | Newer Entries Link*/

.PostNavigation a{
color: #0cd7b8;
font-size: 14px;
text-decoration:none;
font-weight:bold;
display:block;
padding: 2px 10px;
background: #000000;
}

.PostNavigation a:hover{
background: #0cd7b8;
color:#ffffff;
}

.OlderPosts{float:left;}

.NewerPosts{float:right;}

/*
####################################################
#
# Comments Template
#
####################################################
*/

/*Comments Title*/

#comments{
padding-top: 10px;
}

#comments h3{
margin-bottom: 15px;
font-size: 20px;
color:#000000;
float:left;
position:relative;
z-index: 5000;
}

/*Comments List*/

ol#comments-list{
margin:0;
padding:0;
}

#comments-list li{
border: 1px solid #cccccc;
padding: 25px;
margin-bottom: 20px;
position:relative;
list-style:none;
margin-left:0;
}

/*Alternating Comments & Author*/

#comments-list .odd{background:#fcfcfc;}
#comments-list .even{background:#ffffff;}
#comments-list .author{background:#f0f0f0;}

/*Comment Autho*/

.comment-author{
float:left;
font-size: 18px;
font-weight:bold;
text-decoration:none;
margin-right: 15px;
text-transform:capitalize;
}

.comment-author a{text-decoration:none;}

/*Comment Published Date*/

.comment-date{
float:left;
clear:both;
font-style: italic;
font-family: Times New Roman, Georgia, serif;
margin-top: 2px;
color: #333333;
}

/*Comment Awaiting Moderation*/

.comment-moderate{
font-style:italic;
display:block;
margin-top: 2px;
float:left;
margin-left: 5px;
color:#ff0000;
float:right;
}

/*Comment - Gravatar*/

.comment-gravatar{
position:absolute;
right:10px;
top: 10px;
padding: 2px;
display:block;
background: #bbbbbb;
}

/*Comments Body*/

.comment-text{
padding: 3px 0;
clear:both;
width: 565px;
}

/*Comment RSS Link*/

.comment-rss{
background:#000;
text-align:center;
padding: 2px 10px;
font-size: 14px;
clear:both;
}

.comment-rss a{
color: #ffffff;
text-decoration:none;
}

.comment-rss a:hover{color:#0cd7b8;}

/*
####################################################
#
# Comment Form
#
####################################################
*/

.comments-reply{
background: #f4f4f4;
padding: 15px 25px 15px 25px;
float:left;
border: 1px solid #cccccc;
margin-top: 15px;
}

.comments-reply h3{
font-size: 20px;
padding-bottom: 5px;
}

/*Comment Form Input Fields*/

#commentform label{
float:left;
display:block;
width: 190px;
font-size: 15px;
color:#252525;
margin-bottom: 10px;
}

#commentform input{
float:left;
border: 1px solid #cccccc;
height: 30px;
padding: 5px;
font-size: 14px;
width: 160px;
}

input#email{margin: 0 18px;}

textarea#comment{
float:left;
clear:both;
width: 97%;
border: 1px solid #cccccc;
padding: 10px;
font-family: Arial;
font-size: 14px;
}

/*Comment Form Submit Button*/

#commentform #submit{
margin-top: 10px;
float:left;
color:#000000;
cursor: pointer;
text-transform:normal;
width: 70px;
}

/*Curved Button*/

/*Button Hover Effects*/

#commentform #submit:hover{color:#00adee; background: #000000;}

/*'Your Comment' Text*/

#commentform h4{
float:left;
clear:both;
font-weight: normal;
font-size: 18px;
margin-top: 20px;
}

/*
####################################################
#
# Sidebar and Widgets
#
####################################################
*/

ul.xoxo li{
}

#sidebar ul li{
margin-bottom: 35px;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
}

#sidebar a{text-decoration: none;}

#sidebar ul li ul li{
margin:4px 0;
padding:0;
}

h3.widget-title{
margin:0;
font-size: 18px;
padding-bottom: 5px;
border-bottom: 1px solid #d3d3d3;
color:#636363;
margin-bottom: 5px;
float:left;
width: 300px;
}

ul.xoxo li ul li{
border:none;
padding:0;
}



/*
####################################################
#
# Footer
#
####################################################
*/

/*Basic Footer Styles*/

#footer{
width: 940px;
overflow:hidden;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #ffffff;
clear:both;
margin: 0 auto;
}

#footer a{
color:#ffffff;
font-weight:bold;
}

#footer a:hover{color:#00adee;}

/*Copyright*/

.copyright{
float:left;
font-size: 12px;
}

/*Colophon*/

.colophon{
float:right;
font-size: 12px;
}

/*
####################################################
#
# Default Wordpress Styles
#
####################################################
*/

/*The following is just wordpress stylings for images, attachments, and other
wordpress functions*/

img.alignleft {
float:left;
margin-right: 15px;
}

img.alignright {
float:right;
margin-left: 15px;
}

img.aligncenter{
margin: 0 auto;
display:block;
clear:both;
}

blockquote {
background: #efefef;
margin: 10px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #3c3c3c;
}

/*
####################################################
#
# Page Navi
#
####################################################
*/

.wp-pagenavi{
clear:both;
margin-top: 15px;
width: 620px;
float:left;
}

/*
####################################################
#
# Single Entry
#
####################################################
*/

.single #sidebar{
float:right;
width: 200px;
margin-top: 55px;
background: transparent;
}

.single .widget-title{
margin:0;
font-size: 18px;
padding-bottom: 5px;
border-bottom: 1px solid #d3d3d3;
color:#504f4f;
margin-bottom: 5px;
float:left;
width: 200px;
}

.related-thumb{
width: 196px;
height: 113px;
border: 2px solid #d3d3d3;
}

.related-thumb:hover{border: 2px solid #00adee;}

.custom_images img{
margin-right: 5px;
margin-top: 5px;
}

.custom_images{margin: 0 auto;}

#tweetmeme{
float:right;
position:absolute;
left:-55px;
top: 75px;
display:none;
}

.SingleCommentsMeta a{
text-decoration:none;
font-weight: bold;
color:#00adee;
font-family: Arial, Georgia, serif;
}

ol.trackbacks li{
clear:both;
}

.SingleCommentsMeta a:hover{text-decoration:underline;}

/*
####################################################
#
# Single Pages
#
####################################################
*/

.page-services .small-width, .page-contact .small-width, .page-about .small-width, .page-network .small-width, .page-downloads .small-width{
margin-top: 35px;
padding: 20px;
background:#ffffff;
position:relative;
z-index: 1000;
box-shadow:0px 0px 5px #cccccc;
-webkit-box-shadow:0px 0px 5px #cccccc;
-moz-box-shadow: 0px 0px 5px #cccccc;
width: 580px;
margin-bottom: 35px;
}

/*
####################################################
#
# Journal Styling
#
####################################################
*/

body.journal, body.category-journal{
	background: #000000 url(images/journal-background.jpg) no-repeat top;
}

.category-journal #top-container, .journal #top-container{
	background: url(images/journal-bg-top.png) repeat-x;
	width: 100%;
	height: 146px;
}

.journal-top{
	width: 940px;
	margin: 0 auto;
}

.category-journal #navigation-container, .journal #navigation-container{
	padding-top: 48px;
}

.category-journal #navigation-container a, .journal #navigation-container a{
	color:#ffffff;
}
.category-journal #navigation-container a:hover,
.journal #navigation-container a:hover{color:#00adee;}

.category-journal #bottom-container,
.journal #bottom-container{
color:#ffffff;
background: transparent;
}

.journal #sidebar, .category-journal #sidebar{
	background:#ffffff;
	padding: 10px;
	margin-top: 35px;
}

.category-journal #footer-widget-container,
.journal #footer-widget-container{
background: url(images/journal-background-bottom.jpg) no-repeat bottom;
width: 100%;
clear:both;
height: 459px;
padding: 0;
margin: 0;
}

.category-journal #footer,
.journal #footer{
width: 940px;
border-top: 1px solid #ffffff;
clear:both;
margin: 0 auto;
margin-top: -43px;
}

.category-journal #footer-border,
.journal #footer-border{
	width: 940px; 
	border-top: 1px solid #ffffff; 
	margin: 0 auto;
	position:relative;
	top: 190px;
	}
	
.category-journal #container,
.journal #container{
position:relative;
}

.category-journal #footer-area,
.journal #footer-area{
	position:relative;
	top: 200px;
}

/*
####################################################
#
# Footer Widgets
#
####################################################
*/

#footer-area{
width: 940px;
margin: 0 auto;
clear:both;
font-size: 12px;
position:relative;
}

#footer-area a{color:#ffffff; text-decoration:none;}

#footer-area a:hover{color:#00adee;}

.FooterWidget{
float:left;
color:#ffffff;
width: 300px;
position:relative;
}

.FooterWidget .widget-container{
	width: 300px;
	margin-bottom: 30px;
	margin-top: 10px;
}

.FooterWidget .widget-title{
	color:#ffffff;
	text-transform:uppercase;
	font-size: 16px;
	border:none;
	width: 300px;
}

#footer-widget-area-4{margin-right:0;}

.footer-widget ul li{border:none; clear:both; margin-bottom: 3px;}

.recenttweets{
	position:absolute;
	right: 190px;
	top: 5px;
	z-index: 5000;
}

.subscribe{
	clear:both;
}

.subscribe li{
	background: url(images/rsslist.png) no-repeat 0 4px;
	padding-left: 18px;
}

.journal h2, .SingleEntry h2{
	font-size: 22px;
	color:#00adee;
	padding-top: 10px;
	padding-bottom: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: 10px;
	margin-bottom: -2px;
}

.journal h2 a, .SingleEntry h2 a{text-decoration:none; text-align:center;}

.page-services h2, .page-downloads  h2, .page-about  h2, .page-contact  h2, .page-network  h2{
	font-size: 22px;
	color:#00adee;
	padding-top: 10px;
	padding-bottom: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: 10px;
	margin-bottom: -2px;
}

.SingleEntry code{
background:#e2e2e2;
float:left;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
width: 640px;
}



.four04 #content #searchform{
	margin-left: -10px;
	padding-top: 10px;
}

.search #content #searchform{
	margin-left: -20px;
	padding-top: 10px;
}

.four04 .small-width, .search-no-results .small-width{
margin-top: 35px;
padding: 20px;
background:#ffffff;
position:relative;
z-index: 1000;
width: 580px;
box-shadow:0px 0px 5px #aaaaaa;
-webkit-box-shadow:0px 0px 5px #aaaaaa;
-moz-box-shadow: 0px 0px 5px #aaaaaa;
background:#ffffff;
}

.search-no-results h1{margin: 0;  margin-bottom: 15px;padding: 0;}
.search-results h1{padding-top: 10px; padding-left: 20px; margin-bottom: -20px;}

/*Full Width Pages*/

.full-width{
box-shadow:0px 0px 5px #aaaaaa;
-webkit-box-shadow:0px 0px 5px #aaaaaa;
-moz-box-shadow: 0px 0px 5px #aaaaaa;
background:#ffffff;
margin-top: 55px;
padding: 20px;
background:#ffffff;
width: 900px;
min-height: 500px;
margin-bottom: 35px;
}

.full-width h1{margin:0;}

#back{
	position:absolute;
	bottom: 20px;
	right: 10px;
}

.tweet-status{
	font-family: Times New Roman, Georgia, serif;
	font-style: italic;
	font-size: 14px;
	padding-top: 3px;
	display:block;
	color:#00adee;
	float:right;
}

#tweetboxtweets a{
	color:#00adee;
}

#tweetboxtweets a:hover{
	color:#ffffff;
	text-decoration:underline;
}

.journal .pages{
	color:#ffffff;
}

.journal #back{
	bottom: 20px;
}

h2{
	clear:both;
}

#categories-3 ul li.cat-item{
	float:left;
	color:#ffffff;
	margin-right: 4px;
}

li.cat-item a{
	color:#ffffff;
		padding: 2px 5px;
	background: #a1a1a1;
	float:left;
	display:block;
}

li.cat-item a:hover{
	background: #666666;
	display:block;
}

#archives-5 ul li a{
		color:#ffffff;
		padding: 2px 4px;
	background: #a1a1a1;
	float:left;
	display:block;
	margin-right: 4px;
	margin-bottom: 4px;
}

#archives-5 ul li a:hover{
		background: #666666;
	display:block;
}
.cat-post-item{
	clear:both;
}

.custom_images img{
	opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}

.custom_images img:hover{
		opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}

.journal .PostTitle h2{
color:#454545;
float:left;
margin-left: 0px;
padding:0;
border:none;
text-decoration:none; font-size: 22px;
padding-top: 5px;
}

body.category-journal #logo a{
	background: url(images/logo2.png);
	width: 269px;
	height: 61px;
	text-indent: -9999em;
	margin-top: 20px;
	display:block;
}

body.journal #logo2{
	margin-top: 40px;
}

#logo a{
	background: url(images/newlogo.png);
	width: 508px;
	height: 130px;
	text-indent: -9999em;
	display:block;
}

#BlogButton{
background: url(http://creative-le.com/admin/wp-content/themes/creativele/images/blogbutton.png) no-repeat top;
width: 88px;
height: 75px;
text-indent: -9999em;
float:right;
margin-top: 25px;
position:relative;
}

#BlogButton:hover{
background: url(http://creative-le.com/admin/wp-content/themes/creativele/images/blogbutton.png) no-repeat top;
background-position: 0 -75px;
width: 88px;
height: 75px;
display:block;
text-indent: -9999em;
}