/*
Theme Name: Xoxolat Website
Theme URI: http://www.xoxolat.com/
Description: Custom xoxolat website
Version: 2.0
Author: Nicholas Alexander Kingston
Author URI: http://www.nickingston.com/
License: Copyrighted. All Rights Reserved.
*/


/********************/
/*	 CSS Import 	*/ 
/********************/

@import url( '/assets/css/screen.css' );

/********************/
/*  Site Structure  */
/********************/

html, body {margin:0; padding:0; width:100%; height:100%;}

body {
font-size:		62.5%;
font-family: 	"Helvetica Neue", Helvetica, Arial, sans-serif ;
background:		 url(img/background.jpg) no-repeat left top #3B0C3E;
}

#container {
width:			960px;	
margin:			0px auto;
text-align:		left;
background:		#fff;
}

a {
color:			#000;
text-decoration:none;
}

a:hover {
}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h4 a,h5 a,h6 a {
color:			#702C90;
}

h3 a, h3a:visited {
text-decoration:underline;
color:			#702C90;
}

/********************/
/*   Admin Styles   */
/********************/

.admintools {
width:			100%;
margin:			0px auto;
height:			25px;
background:		#58595B;
top:			0px;
position:		fixed;
text-align:		center;
color:			#fff;
font-size:		1.2em;
}

.admintools a:link, .admintools a:visited {
color:			#fff;
text-decoration:underline;
}

#search {
float: 				right;
background: 		url(img/search.png) no-repeat;
width: 				165px;
height:				20px;
margin:				1px 10px 1px 10px;
border:				none;
}

.search-results {
display:			block;
border-bottom:		1px dotted #702C90;	
padding:				5px 0px 10px 0px;
}

.search-results:hover {
background:			#eee7f0;
}
#textbox{
width:				115px;
border:				none;
height:				15px;
float:				left;
margin:				2px 2px 0 10px;
color:				#702C90;
}

#btn {
background:		url(img/btn.gif) no-repeat;
float:			left;
border:			none;
width:			15px;
height:			15px;
margin:		2px 0;
}

#btn:hover {
background:		url(img/btn-hover.gif) no-repeat ;
}

/********************/
/*Navigation Styles */
/********************/


#navigation {
font-size: 		1.3em;
font-family:	Georgia, "Times New Roman", Times, serif;
font-style:		italic;
margin-top:		-33px;
}


/********************/
/* Branding  Styles #231F20 */
/********************/

#branding { 
height: 		125px;
width:			960px;
margin:			0px auto;
top:			0;
background-color:		#000;
}

#branding img {
float:			left;
}

#slideshow {
margin:			43px 10px 0px 10px;
border-bottom:	10px solid #fff;
}

/********************/
/*   Home  Styles   */
/********************/
#box-container {
float:left;
width:			960px;
background:		url(img/gradient.jpg) repeat-x top #fff;
text-align:		justify;
}

.box-home {
width:			300px;
height:			225px;
float:			left;
margin:			10px;
overflow:		hidden;
font-size:		1.2em;
}

.index-title a:link, .index-title a:visited {
display:		block;
color:			#702C90;
font-size:		1.4em;
font-weight:	bold;
text-align:		left;
}

.event-home {
margin:			5px 0px 5px 0px;
border-bottom:	1px solid #ccc;
}

.event-home h2{
margin-top:		10px;
color:			#333;
font-size:		1em;
font-weight:	bold;
margin-bottom:	-3px;
}

.event-home a:link, .event-home a:visited{
color:			#702C90;
font-weight:	bold;
}

.event-home a:hover {
color:			#333;
}


.read-more {
background:		url(img/arrow.jpg) no-repeat center right #702C90;
font-size:		.9em;
font-weight:	bold;
color:			#fff;
float:			left;
width:			80px;
padding:		0px 5px 0px 5px;
}

.read-more a:link, .read-more a:visited, .read-more a:hover {
color:			#fff;
}

/********************/
/*   Footer Styles  */
/********************/

#footer {
clear:			both;
background:		url(img/box.png) no-repeat top center;
margin:			0px 0px 0px -50px;
padding:		40px 0px 0px 0px;
width:			1060px;
height:			125px;
font-size:		1.2em;
list-style:		none;
}

#footer h2{
display:		block;
font-weight:	bold;
font-size:		1.2em;
color:			#fff;
border-bottom:	1px dotted #fff;
}

#footer li {
list-style:		none;
margin-left:			-16px;
}

#footer a:link, #footer a:visited {
color:			#ccc;
text-decoration:underline;

}

#footer a:hover {
color:			#fff;
}

.footer-block-left{
float:			left;
width:			220px;
color:			#fff;
margin:			10px 8px 10px 60px;	
}

.footer-block-right{
float:			left;
width:			220px;
margin:			10px 8px 10px 8px;	
color:			#fff;
text-align:		left;
}

.xoxomedia img {
margin:		5px 12px 5px 0px;
}

.bookmarks {
margin-left:	17px;
width:			203px;
}

.time {	
float:			right;
color:			#000;
}

/********************/
/* Resume/CV Styles */
/********************/



.thumbs-home { margin-top: 3px;}


.post-nav-prev,.post-nav-next, #dialog_link,.icon { float:left; margin:0 10px 0 0; padding: .4em 1em .4em 20px; text-decoration: none; position: relative; color:#999 }

#post-nav { float:right; }

/* Posts */

.post { margin:	50px 10px; font-size:1.2em;}
#content h2 { font-size: 2.4em; padding:0; margin: 0; font-weight: normal;} 
#content a:link, #content a:visited, #content a:hover {color: #702C90;}
.post h3 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.4em;}
.post p a:link, .post p a:visited { border-bottom: 1px dotted;}
.post a:hover { color:#000;}
.content-category a:link, .content-category a:visited, .content-category a:hover {text-decoration:none; color:#000; }
#content { font-size: 1.2em; margin: 35px 10px -21px 10px; background: #fff; width:940px; } 
#column-left { float: left; width: 650px; margin: 0px 10px;}
#column-right { float: left; width: 260px;}

#sidebar {list-style:none;}
#sidebar h2 {font-size: 1.2em; font-weight:bold;}

.sub { text-transform:uppercase }
.underlined { border-bottom:1px solid #222 }

/* Floats & Images */
.right { float: right; }
.left { float: left; }
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
img.centered{display: block;margin-left: auto;margin-right: auto;max-width:950px}
img.alignright{padding: 4px 0 4px 4px;margin: 3px 0 2px 10px;display: inline;max-width:950px}
img.alignleft{padding: 4px 4px 4px 0;margin: 3px 10px 2px 0;display: inline;max-width:950px}
img.alignnone{padding:4px 4px 4px 0; margin:3px 10px 2px 0;display: block;max-width:950px}
.alignleft{float: left;}
.alignright{float: right;}
.aligncenter,div.aligncenter {display: block;clear:both;margin-left: auto;margin-right: auto;}
.thumbnail, .attachment-thumbnail {margin:0 1.5em 1.5em 0;float:left}
.attachment-medium {max-width:950px;overflow:hidden;display: inline}
.attachment-large {max-width:950px;overflow:hidden;display: inline}

/* Gallery */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin: auto; }
.gallery-caption { margin: auto; }
.gallery-item { text-align: center; margin:auto; }
.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }

/* Captions */
.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }

/* Etc */
#filters {clear: both;height: 2em;margin-bottom: 1em;}
#filters li {float: left;margin-right: 2em;}
:focus {outline: 0;}
.sticky {font-size: 24px;border: 1px solid #bbb;border-width: 1px 0;background: #eee;padding: 15px;}
.ad-main, .ad-sidebar {display:block;clear:both;}
.hidden {display:none}
.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */

/* Comments */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border-top:5px solid #ccc; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; height:1%;}
ol.commentlist li:hover {background:#ccc;}
ol.commentlist li.comment-author-admin {border-top:5px solid #702C90;}
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight: bold; color:#222 }
ol.commentlist li div.vcard a {color:#222}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#333; }
ol.commentlist li div.vcard img.avatar {left:0; top:5px; }
ol.commentlist li div.comment-meta { font:11px helvetica,arial,sans-serif; right:0; text-align:right; top:0;background:#ccc; padding:6px 4px 4px 4px}
ol.commentlist li div.comment-meta a { color:#fff; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li.comment-author-admin div.comment-meta {background:#702C90; color:#fff}
ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#fff}
ol.commentlist li div.reply { text-align:center; width:36px; }
ol.commentlist li div.reply a { background:#eee; color:#222; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 10px 3px;  color:#222; text-decoration:none; text-transform:uppercase; }
ol.commentlist li div.reply a:hover {color:#fff; background:#222}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
#comments {margin:4px 0}
#respond {margin:10px 0; padding:10px 0;border-top:5px solid #ccc}
#commentform{ margin-bottom: 0px;}	
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;font-size: 1em;}
#commentform textarea {margin-top:5px;width: 95%;padding: 2px;border:3px solid silver;font-size: 1.2em; font-family:Arial, Helvetica, sans-serif;}
#commentform textarea:hover {border:3px solid #702C90;}
#commentform #submit{margin-top: 0px; padding: 5px;font-weight: bold;font-size: 1em;background:#ccc none repeat scroll 0 0;border:1px solid silver;color:#fff;font-size:1em;font-weight:bold;margin-top:5px;padding:5px;}
legend {font-size: 1.2em;font-weight:bold;padding: 2px 10px}
#commentform #submit:hover{background:#702C90;color:#fff}
#wp-submit {font-weight: bold;font-size: 1em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-weight:bold;padding:5px;}
#wp-submit:hover {background:#702C90;color:#fff}

/* Navigation at rest */

.block { display: block; background:#428EC7; width:45%; margin-left: 171px; padding: 0 5px 0 0;}
#respond h3 {font-size: inherit; font-weight: bold; color:#702C90;}
.date {float: right; margin: -40px -20px 0px -10px; font-size: 10px;}
.archive-nav-prev a:link { text-decoration: none; }
#nav-block a:link, nav-block a:visited  { text-decoration:none; font-weight:bold; }
#nav-block a:hover { color:#999;}
.post-nav-block-prev { background: url(../../wp-content/themes/fullscreen/images/arrow-left.gif) top left no-repeat; text-decoration:none; font-weight:bold; float: left; width: 200px; padding: 0px 0px 0px 25px; margin: 0 0 10px 0;}
.post-nav-block-next { background: url(../../wp-content/themes/fullscreen/images/arrow-right.gif) top right no-repeat;  text-decoration:none; font-weight:bold; float: right; width: 200px; padding: 0px 25px 0px 0px; text-align:right; margin: 0 0 10px 0;}

#author, #email, #url { border: 1px solid silver; }