/* By: Setsuna @ http://www.smogon.com/forums/member.php?u=32828
   Style sheet for The Competitor, Smogon's tournament magazine */

/* Headers */

h2 { 
	margin-bottom: 7px;
	font-size: 24px;
	font-style: italic;
	font-weight: 400;
	color: #5b5c9c;
}

h2.ios-slogan {
	position: relative;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 28px;
	font-weight: 600;
	color: #5b5c9c;
}

h3 {
	position: relative;
	top: -5px;
	font-size: 10px;
	font-style: italic;
	font-weight: 600;
	color: #62bfae;
}

h4 {
    font-size: 13px;
    font-weight: 600;
}

/* Articles and miscellaneous elements */

.article {
	width: 650px;
	margin-bottom: 45px;
	padding: 5px 25px 20px 25px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	background-color: #f6f6f6;
	border: 6px solid #e1e2e2;
	border-style: outset;
	-webkit-box-shadow: 7px 7px 10px #97999c;
	   -moz-box-shadow: 7px 7px 10px #97999c;
	        box-shadow: 7px 7px 10px #97999c;
}

.article-hover {
	-webkit-box-shadow: 0 0;
	   -moz-box-shadow: 0 0;
	        box-shadow: 0 0;
}

.logo {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: 50px;
}

.logo-ios {
	margin-bottom: 65px;
	text-align: center;
}

.align-left {
	float: left;
	padding-top: 10px;
	margin: 1px 20px 5px 0;
}

.separator {
	position: relative;
	top: -3px;
	border: 1px solid #e0e0e1;
}

.date-icon {
	padding-right: 4px;
}

.entry {
	line-height: 20px;
	margin-top: 15px;
	font-size: 14px;
}

.dotted-line {
	position: absolute;
	padding: 12px 15px;
}

.bottom-line {
	position: relative;
	top: 5px;
	height: 2px;
	background-image: url('http://www.smogon.com/media/competitor/bottom_line.png'); /* Fallback image */
	background-image: -webkit-linear-gradient(left, rgba(113,114,117,0), rgba(113,114,117,0.35), rgba(113,114,117,0)); 
	background-image:    -moz-linear-gradient(left, rgba(113,114,117,0), rgba(113,114,117,0.35), rgba(113,114,117,0));  
	background-image:      -o-linear-gradient(left, rgba(113,114,117,0), rgba(113,114,117,0.35), rgba(113,114,117,0)); 
	border: 0;
}

/* Button styling properties */

.button a {
	vertical-align: middle;
	padding: 6px 6px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background: url('http://www.smogon.com/media/competitor/gradient_ie.png') repeat-x; /* Fallback Image */
	background-image: -webkit-linear-gradient(top, #cccccc, #717275);
	background-image:    -moz-linear-gradient(top, #cccccc, #717275);
	background-image:      -o-linear-gradient(top, #cccccc, #717275);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
}

.button a:hover {
	color: #f0e8f0;
	background-color: #e85252;
}

.button a:active {
	background-color: #9e2c2c;
}

/* Footer */

#comp-footer  {
    display: table;
    width: 97%;
    height: 15px;
    margin: 0 auto;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10px;
    color: #ffffff;
    border: 1px solid #666666;
    background-color: #2b2b2b; /* Fallback color */
    background-image: -webkit-linear-gradient(top, #8c8c8c, #2b2b2b);
    background-image:    -moz-linear-gradient(top, #8c8c8c, #2b2b2b);
    background-image:      -o-linear-gradient(top, #8c8c8c, #2b2b2b);
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
}

#comp-footer a {
    color: #d4d4d4;
}

#comp-footer .middle a {
    color: #ffffff;
    text-decoration: none;
}

#comp-footer .middle a:hover {
    text-decoration: underline;
}

#comp-footer a:hover {
    background-color: transparent;
}

.footer-list ul {
    margin: 0;
    padding: 1px 0;
    list-style-type: none;
}

.footer-list li {
    display: inline-block;
}

li.left {
    width: 33%;
    padding-left: 6px;
}

li.middle {
    width: 33%;
    text-align: center;
}

li.right {
    width: 33%;
    text-align: right;
}

/* Impromptu stylesheet | Modifications by Setsuna */
.jqifade{position:absolute;background-color:#777;}div.jqi{width:490px;font-family:Verdana, Arial, Helvetica, sans-serif;position:absolute;background-color:#fff;font-size:11px;text-align:left;border:solid 1px #eee;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:7px;}div.jqi .jqicontainer{font-weight:700;}div.jqi .jqiclose{position:absolute;top:4px;right:-2px;width:18px;cursor:default;color:#bbb;font-weight:700;}div.jqi .jqimessage{line-height:20px;color:#444;padding:10px;}div.jqi .jqibuttons{text-align:right;border:solid 1px #eee;background-color:#f4f4f4;padding:5px 0;}div.jqi button{background-color:#2F6073;border:solid 1px #f4f4f4;color:#fff;font-weight:700;font-size:12px;margin:0 10px;padding:3px 10px;}div.jqi button:hover{background-color:#728A8C;}.jqi .jqiarrow{position:absolute;height:0;width:0;line-height:0;font-size:0;border:solid 10px transparent;}.jqi .jqiarrowtl{left:10px;top:-20px;border-bottom-color:#fff;}.jqi .jqiarrowtc{left:50%;top:-20px;border-bottom-color:#fff;margin-left:-10px;}.jqi .jqiarrowtr{right:10px;top:-20px;border-bottom-color:#fff;}.jqi .jqiarrowbl{left:10px;bottom:-20px;border-top-color:#fff;}.jqi .jqiarrowbc{left:50%;bottom:-20px;border-top-color:#fff;margin-left:-10px;}.jqi .jqiarrowbr{right:10px;bottom:-20px;border-top-color:#fff;}.jqi .jqiarrowlt{left:-20px;top:10px;border-right-color:#fff;}.jqi .jqiarrowlm{left:-20px;top:50%;border-right-color:#fff;margin-top:-10px;}.jqi .jqiarrowlb{left:-20px;bottom:10px;border-right-color:#fff;}.jqi .jqiarrowrt{right:-20px;top:10px;border-left-color:#fff;}.jqi .jqiarrowrm{right:-20px;top:50%;border-left-color:#fff;margin-top:-10px;}.jqi .jqiarrowrb{right:-20px;bottom:10px;border-left-color:#fff;}div.jqi button.jqidefaultbutton,.jqiwarning .jqi .jqibuttons{background-color:#BF5E26;}